:root {
    --bg: #f4f6f8;
    --panel: #ffffff;
    --line: #d9e0e7;
    --text: #17212b;
    --muted: #667587;
    --accent: #1f7a5f;
    --accent-strong: #17664f;
    --sidebar: #18202a;
}

/* StandX Dashboard Page V1 */
.standx-dashboard-page {
    --standx-page-bg: #061121;
    --standx-page-surface: rgba(10, 25, 48, .94);
    --standx-page-surface-2: rgba(12, 31, 59, .92);
    --standx-page-line: rgba(86, 141, 220, .18);
    --standx-page-text: #f7fbff;
    --standx-page-muted: #aebbd0;
    --standx-page-blue: #287dff;
    background:
        radial-gradient(circle at 70% 0%, rgba(30, 123, 255, .22), transparent 30rem),
        linear-gradient(180deg, #071426 0%, #061121 100%);
    color: var(--standx-page-text);
    display: grid;
    gap: 1rem;
    min-height: 100%;
    overflow-x: hidden;
    padding: 1rem;
}

.standx-dashboard-page *,
.standx-dashboard-page *::before,
.standx-dashboard-page *::after {
    box-sizing: border-box;
}

.standx-dashboard-page a {
    color: #5fa0ff;
    text-decoration: none;
}

.standx-dashboard-page-hero,
.standx-dashboard-page-panel,
.standx-dashboard-page-kpi,
.standx-dashboard-page-state {
    background: linear-gradient(180deg, rgba(13, 31, 59, .98), rgba(8, 23, 45, .98));
    border: 1px solid var(--standx-page-line);
    border-radius: 8px;
    box-shadow: 0 18px 44px rgba(0, 0, 0, .16);
}

.standx-dashboard-page-hero {
    background:
        linear-gradient(90deg, rgba(8, 19, 36, .98) 0%, rgba(8, 19, 36, .86) 48%, rgba(8, 19, 36, .22) 72%),
        url("/assets/Globalskysystem.DesignSystem/Heroes/standx-hero-reference.png") center right / auto 100% no-repeat,
        linear-gradient(135deg, #0a1c37, #071426);
    min-height: 184px;
    overflow: hidden;
    padding: 1.6rem;
}

.standx-dashboard-page-hero-copy {
    display: grid;
    gap: 1.2rem;
    max-width: 650px;
}

.standx-dashboard-page h1,
.standx-dashboard-page h2,
.standx-dashboard-page p,
.standx-dashboard-page dl,
.standx-dashboard-page dd {
    margin: 0;
}

.standx-dashboard-page h1 {
    color: #ffffff;
    font-size: 1.65rem;
    line-height: 1.15;
}

.standx-dashboard-page h2 {
    color: #ffffff;
    font-size: 1.04rem;
    line-height: 1.2;
}

.standx-dashboard-page p {
    color: var(--standx-page-muted);
}

.standx-dashboard-page-summary {
    background: rgba(6, 17, 33, .62);
    border: 1px solid rgba(86, 141, 220, .14);
    border-radius: 8px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    max-width: 590px;
}

.standx-dashboard-page-summary div {
    display: grid;
    gap: .25rem;
    min-width: 0;
    padding: .85rem 1rem;
}

.standx-dashboard-page-summary div + div {
    border-left: 1px solid rgba(86, 141, 220, .14);
}

.standx-dashboard-page-summary dt {
    align-items: center;
    color: var(--standx-page-muted);
    display: flex;
    font-size: .78rem;
    gap: .45rem;
}

.standx-dashboard-page-summary dd {
    color: #ffffff;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.standx-dashboard-page-summary dd.is-positive {
    color: #35d17e;
}

.standx-dashboard-page-chip {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: .72rem;
    height: 26px;
    justify-content: center;
    width: 26px;
}

.standx-dashboard-page-chip.is-blue,
.standx-dashboard-page-kpi-icon.is-blue {
    background: rgba(40, 125, 255, .2);
    color: #65a4ff;
}

.standx-dashboard-page-chip.is-green,
.standx-dashboard-page-kpi-icon.is-green {
    background: rgba(53, 201, 121, .18);
    color: #42dc87;
}

.standx-dashboard-page-chip.is-neutral {
    background: rgba(180, 196, 222, .14);
    color: #d7e4f8;
}

.standx-dashboard-page-chip.is-link {
    background: rgba(40, 125, 255, .22);
    color: #6ba7ff;
}

.standx-dashboard-page-kpis {
    display: grid;
    gap: .8rem;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.standx-dashboard-page-kpi {
    display: grid;
    gap: .35rem;
    min-width: 0;
    padding: 1rem;
}

.standx-dashboard-page-kpi-icon {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.standx-dashboard-page-kpi-icon img,
.standx-dashboard-page-actions img,
.standx-dashboard-page-activity img {
    filter: brightness(0) invert(1);
    height: 20px;
    width: 20px;
}

.standx-dashboard-page-kpi-icon.is-purple {
    background: rgba(146, 74, 220, .22);
}

.standx-dashboard-page-kpi-icon.is-orange {
    background: rgba(255, 140, 31, .18);
}

.standx-dashboard-page-kpi-icon.is-yellow {
    background: rgba(255, 190, 40, .18);
}

.standx-dashboard-page-kpi p,
.standx-dashboard-page-kpi span {
    color: var(--standx-page-muted);
    font-size: .84rem;
}

.standx-dashboard-page-kpi strong {
    color: #ffffff;
    font-size: 1.75rem;
}

.standx-dashboard-page-kpi small {
    font-size: .9rem;
    font-weight: 800;
}

.standx-dashboard-page .is-positive {
    color: #35d17e;
}

.standx-dashboard-page .is-warning {
    color: #ffab3d;
}

.standx-dashboard-page-layout {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) 286px;
}

.standx-dashboard-page-main,
.standx-dashboard-page-side {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.standx-dashboard-page-main {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.standx-dashboard-page-panel {
    min-width: 0;
    padding: 1rem;
}

.standx-dashboard-page-panel header {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.standx-dashboard-page-panel header span {
    background: rgba(6, 17, 33, .7);
    border: 1px solid var(--standx-page-line);
    border-radius: 6px;
    color: #d9e7fb;
    font-size: .78rem;
    padding: .45rem .65rem;
}

.standx-dashboard-page-leads-chart {
    min-height: 226px;
}

.standx-dashboard-page-line-chart {
    align-items: end;
    background:
        linear-gradient(rgba(86, 141, 220, .08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(86, 141, 220, .08) 1px, transparent 1px);
    background-size: 100% 25%, 12.5% 100%;
    border-bottom: 1px solid rgba(86, 141, 220, .16);
    display: grid;
    gap: 3px;
    grid-template-columns: repeat(30, minmax(0, 1fr));
    height: 138px;
    padding: 1rem 0 0;
}

.standx-dashboard-page-line-chart i {
    background: linear-gradient(180deg, #2f83ff, #1d58d7);
    border-radius: 999px 999px 0 0;
    box-shadow: 0 0 18px rgba(47, 131, 255, .32);
    display: block;
    min-height: 8px;
}

.standx-dashboard-page-chart-axis {
    color: var(--standx-page-muted);
    display: flex;
    font-size: .78rem;
    justify-content: space-around;
    padding-top: .6rem;
}

.standx-dashboard-page-status-content {
    align-items: center;
    display: grid;
    gap: 1.5rem;
    grid-template-columns: 150px minmax(0, 1fr);
}

.standx-dashboard-page-donut {
    align-items: center;
    border-radius: 999px;
    display: grid;
    height: 132px;
    justify-items: center;
    place-content: center;
    position: relative;
    width: 132px;
}

.standx-dashboard-page-donut::after {
    background: #0a1930;
    border-radius: inherit;
    content: "";
    inset: 33px;
    position: absolute;
}

.standx-dashboard-page-donut strong,
.standx-dashboard-page-donut span {
    position: relative;
    z-index: 1;
}

.standx-dashboard-page-donut strong {
    color: #ffffff;
    font-size: 1.55rem;
}

.standx-dashboard-page-donut span,
.standx-dashboard-page-status-list small {
    color: var(--standx-page-muted);
}

.standx-dashboard-page-status-list {
    display: grid;
    gap: .85rem;
}

.standx-dashboard-page-status-list div {
    align-items: center;
    display: flex;
    gap: .8rem;
    justify-content: space-between;
}

.standx-dashboard-page-status-list span {
    align-items: center;
    color: #e8f1ff;
    display: flex;
    gap: .55rem;
}

.standx-dashboard-page-status-list i {
    border-radius: 999px;
    display: inline-block;
    height: 10px;
    width: 10px;
}

.standx-dashboard-page-status-list i.is-green {
    background: #35c979;
}

.standx-dashboard-page-status-list i.is-blue {
    background: #2779ff;
}

.standx-dashboard-page-status-list i.is-orange {
    background: #ff9b21;
}

.standx-dashboard-page-status-list i.is-slate {
    background: #75839a;
}

.standx-dashboard-page-featured {
    grid-column: 1 / -1;
}

.standx-dashboard-page-vehicle-grid {
    display: grid;
    gap: .9rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.standx-dashboard-page-vehicle-card {
    background: rgba(7, 19, 38, .78);
    border: 1px solid var(--standx-page-line);
    border-radius: 8px;
    color: #ffffff;
    display: grid;
    gap: .45rem;
    min-width: 0;
    overflow: hidden;
    padding: .65rem;
}

.standx-dashboard-page-vehicle-card > img {
    aspect-ratio: 16 / 9;
    border-radius: 6px;
    object-fit: cover;
    width: 100%;
}

.standx-dashboard-page-vehicle-card small {
    border-radius: 999px;
    font-size: .72rem;
    justify-self: start;
    padding: .25rem .45rem;
}

.standx-dashboard-page-vehicle-card small.is-available {
    background: rgba(53, 201, 121, .18);
    color: #47dd8c;
}

.standx-dashboard-page-vehicle-card small.is-draft {
    background: rgba(117, 131, 154, .2);
    color: #d1d9e6;
}

.standx-dashboard-page-vehicle-card p {
    font-size: .75rem;
}

.standx-dashboard-page-empty {
    align-items: center;
    border: 1px dashed rgba(86, 141, 220, .24);
    border-radius: 8px;
    display: grid;
    grid-column: 1 / -1;
    justify-items: center;
    padding: 1.5rem;
    text-align: center;
}

.standx-dashboard-page-empty img {
    height: 72px;
}

.standx-dashboard-page-lower-grid {
    display: grid;
    gap: 1rem;
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 1fr) 260px;
}

.standx-dashboard-page-origin-list,
.standx-dashboard-page-notices,
.standx-dashboard-page-activity {
    display: grid;
    gap: .85rem;
}

.standx-dashboard-page-origin-list div {
    display: grid;
    gap: .35rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

.standx-dashboard-page-origin-list i {
    background: rgba(117, 131, 154, .25);
    border-radius: 999px;
    display: block;
    grid-column: 1 / -1;
    height: 6px;
    overflow: hidden;
}

.standx-dashboard-page-origin-list b {
    background: linear-gradient(90deg, #2f83ff, #28d7c4);
    display: block;
    height: 100%;
}

.standx-dashboard-page-actions {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.standx-dashboard-page-actions a {
    align-items: center;
    border: 1px solid var(--standx-page-line);
    border-radius: 8px;
    color: #ffffff;
    display: grid;
    gap: .45rem;
    justify-items: center;
    min-height: 88px;
    padding: .7rem;
    text-align: center;
}

.standx-dashboard-page-notices div,
.standx-dashboard-page-activity div,
.standx-dashboard-page-support div {
    align-items: center;
    display: grid;
    gap: .75rem;
    grid-template-columns: 40px minmax(0, 1fr) auto;
}

.standx-dashboard-page-notices span,
.standx-dashboard-page-activity span,
.standx-dashboard-page-support span {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-weight: 800;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.standx-dashboard-page-notices span.is-warning,
.standx-dashboard-page-activity span.is-yellow {
    background: rgba(255, 190, 40, .2);
    color: #ffcd55;
}

.standx-dashboard-page-notices span.is-info,
.standx-dashboard-page-activity span.is-blue {
    background: rgba(40, 125, 255, .2);
    color: #6ba7ff;
}

.standx-dashboard-page-notices span.is-success,
.standx-dashboard-page-activity span.is-green {
    background: rgba(53, 201, 121, .18);
    color: #46dc8a;
}

.standx-dashboard-page-activity span.is-purple {
    background: rgba(146, 74, 220, .22);
}

.standx-dashboard-page-notices p,
.standx-dashboard-page-activity p,
.standx-dashboard-page-support p {
    display: grid;
    gap: .2rem;
}

.standx-dashboard-page-notices strong,
.standx-dashboard-page-activity strong,
.standx-dashboard-page-support strong {
    color: #ffffff;
}

.standx-dashboard-page-activity time {
    color: var(--standx-page-muted);
    font-size: .72rem;
    white-space: nowrap;
}

.standx-dashboard-page-support span {
    background: rgba(180, 196, 222, .14);
    color: #d8e4f8;
}

.standx-dashboard-page-version {
    align-items: center;
    color: var(--standx-page-muted);
    display: flex;
    font-size: .82rem;
    justify-content: space-between;
    padding: .4rem 0;
}

.standx-dashboard-page-state {
    color: #ffffff;
    display: grid;
    gap: .5rem;
    margin: 1rem;
    padding: 1.25rem;
}

@media (max-width: 1180px) {
    .standx-dashboard-page-kpis {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .standx-dashboard-page-layout {
        grid-template-columns: 1fr;
    }

    .standx-dashboard-page-side {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 860px) {
    .standx-dashboard-page {
        padding: .75rem;
    }

    .standx-dashboard-page-hero {
        background:
            linear-gradient(180deg, rgba(8, 19, 36, .95), rgba(8, 19, 36, .84)),
            url("/assets/Globalskysystem.DesignSystem/Heroes/standx-hero-reference.png") center right / cover no-repeat;
    }

    .standx-dashboard-page-summary,
    .standx-dashboard-page-main,
    .standx-dashboard-page-lower-grid,
    .standx-dashboard-page-side {
        grid-template-columns: 1fr;
    }

    .standx-dashboard-page-summary div + div {
        border-left: 0;
        border-top: 1px solid rgba(86, 141, 220, .14);
    }

    .standx-dashboard-page-kpis,
    .standx-dashboard-page-vehicle-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .standx-dashboard-page h1 {
        font-size: 1.35rem;
    }

    .standx-dashboard-page-kpis,
    .standx-dashboard-page-vehicle-grid,
    .standx-dashboard-page-status-content,
    .standx-dashboard-page-actions {
        grid-template-columns: 1fr;
    }

    .standx-dashboard-page-panel header {
        align-items: flex-start;
        flex-direction: column;
    }

    .standx-dashboard-page-notices div,
    .standx-dashboard-page-activity div,
    .standx-dashboard-page-support div {
        grid-template-columns: 40px minmax(0, 1fr);
    }

    .standx-dashboard-page-activity time {
        grid-column: 2;
    }

    .standx-dashboard-page-version {
        align-items: flex-start;
        flex-direction: column;
        gap: .35rem;
    }
}

/* StandX Dashboard Shell V1 */
.standx-dashboard-shell {
    --standx-shell-bg: #020b18;
    --standx-shell-panel: #061428;
    --standx-shell-panel-strong: #071d3d;
    --standx-shell-line: rgba(53, 131, 255, .24);
    --standx-shell-text: #f7fbff;
    --standx-shell-muted: #aebbd0;
    --standx-shell-accent: #1e7bff;
    --standx-shell-cyan: #28d7c4;
    --standx-shell-content: #ffffff;
    background: var(--standx-shell-bg);
    color: var(--standx-shell-text);
    display: grid;
    grid-template-columns: 244px minmax(0, 1fr);
    min-height: 100vh;
    overflow-x: hidden;
}

.standx-dashboard-shell *,
.standx-dashboard-shell *::before,
.standx-dashboard-shell *::after {
    box-sizing: border-box;
}

.standx-dashboard-sidebar {
    background:
        radial-gradient(circle at 50% 68%, rgba(30, 123, 255, .28), transparent 18rem),
        linear-gradient(180deg, #061226 0%, #020b18 100%);
    border-right: 1px solid var(--standx-shell-line);
    display: flex;
    flex-direction: column;
    gap: 1.35rem;
    min-height: 100vh;
    overflow-y: auto;
    padding: 1rem 1rem 1.25rem;
    position: sticky;
    top: 0;
    z-index: 40;
}

.standx-dashboard-brand img {
    display: block;
    height: auto;
    max-width: 178px;
    width: 100%;
}

.standx-dashboard-nav {
    display: grid;
    gap: .45rem;
}

.standx-dashboard-nav-item {
    align-items: center;
    border-radius: 6px;
    color: #d8e4f7;
    display: grid;
    font-size: .95rem;
    gap: .85rem;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    min-height: 44px;
    padding: .7rem .9rem;
    text-decoration: none;
}

.standx-dashboard-nav-item img {
    filter: brightness(0) invert(1);
    height: 20px;
    opacity: .86;
    width: 20px;
}

.standx-dashboard-nav-item:hover,
.standx-dashboard-nav-item.is-active {
    background: linear-gradient(135deg, rgba(30, 123, 255, .9), rgba(11, 54, 128, .82));
    color: #ffffff;
}

.standx-dashboard-external {
    color: #d8e4f7;
    font-size: .8rem;
}

.standx-dashboard-upgrade {
    background: linear-gradient(180deg, rgba(8, 30, 61, .96), rgba(7, 24, 49, .92));
    border: 1px solid rgba(72, 143, 255, .24);
    border-radius: 8px;
    display: grid;
    gap: .7rem;
    margin-top: auto;
    padding: 1rem;
}

.standx-dashboard-upgrade strong,
.standx-dashboard-upgrade p {
    margin: 0;
}

.standx-dashboard-upgrade p {
    color: var(--standx-shell-muted);
    font-size: .82rem;
    line-height: 1.45;
}

.standx-dashboard-upgrade a {
    background: linear-gradient(180deg, #ffd33d, #ffb300);
    border-radius: 6px;
    color: #08101d;
    font-weight: 700;
    padding: .6rem .8rem;
    text-align: center;
    text-decoration: none;
}

.standx-dashboard-crown {
    color: #ffc400;
    font-size: 1.7rem;
    line-height: 1;
    text-align: center;
}

.standx-dashboard-sidebar-footer {
    border-top: 1px solid rgba(72, 143, 255, .22);
    display: grid;
    gap: .9rem;
    margin: 0 -1rem;
    padding: 1.2rem 1rem 0;
}

.standx-dashboard-gss-logo {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 190px;
    width: 100%;
}

.standx-dashboard-contacts {
    display: grid;
    gap: .55rem;
    margin: 0;
}

.standx-dashboard-contacts span {
    align-items: center;
    display: grid;
    gap: 0 .55rem;
    grid-template-columns: 32px minmax(0, 1fr);
}

.standx-dashboard-contacts i {
    align-items: center;
    border: 1px solid var(--standx-shell-cyan);
    border-radius: 999px;
    color: var(--standx-shell-cyan);
    display: inline-flex;
    font-style: normal;
    grid-row: span 2;
    height: 30px;
    justify-content: center;
    width: 30px;
}

.standx-dashboard-contacts strong {
    color: var(--standx-shell-cyan);
    font-size: .68rem;
    text-transform: uppercase;
}

.standx-dashboard-contacts a {
    color: #ffffff;
    font-size: .78rem;
    overflow-wrap: anywhere;
    text-decoration: none;
}

.standx-dashboard-main {
    background: var(--standx-shell-content);
    display: grid;
    grid-template-rows: 58px minmax(0, 1fr);
    min-height: 100vh;
    min-width: 0;
}

.standx-dashboard-header {
    align-items: center;
    background: linear-gradient(90deg, #031021, #020916);
    display: flex;
    gap: 1rem;
    min-width: 0;
    padding: .7rem 1.75rem;
    position: sticky;
    top: 0;
    z-index: 30;
}

.standx-dashboard-menu-button {
    background: transparent;
    border: 0;
    display: none;
    gap: 4px;
    padding: .35rem;
}

.standx-dashboard-menu-button span {
    background: #ffffff;
    border-radius: 999px;
    display: block;
    height: 2px;
    width: 22px;
}

.standx-dashboard-workspace,
.standx-dashboard-language-trigger,
.standx-dashboard-user,
.standx-dashboard-icon-button {
    align-items: center;
    border: 1px solid rgba(72, 143, 255, .28);
    border-radius: 6px;
    color: #ffffff;
    display: inline-flex;
    gap: .6rem;
    min-height: 38px;
    text-decoration: none;
}

.standx-dashboard-workspace {
    background: rgba(7, 24, 49, .78);
    max-width: min(320px, 35vw);
    min-width: 220px;
    padding: .45rem .75rem;
}

.standx-dashboard-workspace span:nth-child(2) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.standx-dashboard-workspace-icon {
    color: #d8e4f7;
}

.standx-dashboard-header-actions {
    align-items: center;
    display: flex;
    gap: .85rem;
    margin-left: auto;
    min-width: 0;
}

.standx-dashboard-icon-button {
    background: transparent;
    border-color: transparent;
    height: 38px;
    justify-content: center;
    padding: 0;
    position: relative;
    width: 38px;
}

.standx-dashboard-icon-button img {
    filter: brightness(0) invert(1);
    height: 20px;
    opacity: .88;
    width: 20px;
}

.standx-dashboard-icon-button.has-badge span {
    align-items: center;
    background: #ffbd14;
    border-radius: 999px;
    color: #07101e;
    display: flex;
    font-size: .62rem;
    font-weight: 800;
    height: 16px;
    justify-content: center;
    position: absolute;
    right: 3px;
    top: 2px;
    width: 16px;
}

.standx-dashboard-user {
    background: transparent;
    border-color: transparent;
    padding: .25rem .35rem;
}

.standx-dashboard-user img {
    border-radius: 999px;
    height: 38px;
    object-fit: cover;
    width: 38px;
}

.standx-dashboard-user span {
    display: grid;
    line-height: 1.1;
    text-align: left;
}

.standx-dashboard-user strong {
    color: #ffffff;
    font-size: .9rem;
}

.standx-dashboard-user small {
    color: var(--standx-shell-muted);
    font-size: .72rem;
}

.standx-dashboard-language {
    position: relative;
}

.standx-dashboard-language-trigger {
    background: rgba(7, 24, 49, .72);
    border-color: rgba(30, 123, 255, .72);
    min-width: 146px;
    padding: .45rem .7rem;
}

.standx-dashboard-language-trigger img,
.standx-dashboard-language-menu img {
    border-radius: 2px;
    height: 14px;
    object-fit: cover;
    width: 20px;
}

.standx-dashboard-language-trigger span {
    flex: 1;
    text-align: left;
}

.standx-dashboard-language-menu {
    background: rgba(3, 16, 33, .98);
    border: 1px solid rgba(30, 123, 255, .42);
    border-radius: 8px;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .32);
    display: grid;
    min-width: 154px;
    padding: .55rem;
    position: absolute;
    right: 0;
    top: calc(100% + .35rem);
    z-index: 80;
}

.standx-dashboard-language-menu button {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: #ffffff;
    display: grid;
    gap: .55rem;
    grid-template-columns: 20px minmax(0, 1fr) 16px;
    min-height: 30px;
    padding: .35rem .45rem;
    text-align: left;
}

.standx-dashboard-language-menu button:hover,
.standx-dashboard-language-menu button.is-active {
    background: rgba(30, 123, 255, .16);
}

.standx-dashboard-language-menu strong {
    color: #18c7ff;
    font-size: .9rem;
}

.standx-dashboard-content {
    background: #ffffff;
    color: #101828;
    min-height: 0;
    min-width: 0;
    overflow-x: hidden;
}

.standx-dashboard-state {
    align-content: center;
    display: grid;
    gap: .65rem;
    min-height: calc(100vh - 58px);
    padding: 2rem;
    place-items: center;
    text-align: center;
}

.standx-dashboard-state p {
    color: #667085;
    margin: 0;
    max-width: 36rem;
}

.standx-dashboard-state a {
    color: var(--standx-shell-accent);
    font-weight: 700;
}

.standx-dashboard-backdrop {
    background: rgba(0, 0, 0, .54);
    border: 0;
    inset: 0;
    position: fixed;
    z-index: 35;
}

@media (max-width: 1180px) {
    .standx-dashboard-shell {
        grid-template-columns: 220px minmax(0, 1fr);
    }

    .standx-dashboard-header {
        padding-inline: 1rem;
    }

    .standx-dashboard-user span,
    .standx-dashboard-icon-button[aria-label="Ajuda"] {
        display: none;
    }
}

@media (max-width: 860px) {
    .standx-dashboard-shell {
        grid-template-columns: 1fr;
    }

    .standx-dashboard-sidebar {
        bottom: 0;
        left: 0;
        max-width: min(82vw, 300px);
        position: fixed;
        top: 0;
        transform: translateX(-105%);
        transition: transform .2s ease;
        width: 300px;
    }

    .standx-dashboard-shell.is-mobile-menu-open .standx-dashboard-sidebar {
        transform: translateX(0);
    }

    .standx-dashboard-main {
        grid-template-rows: auto minmax(0, 1fr);
    }

    .standx-dashboard-menu-button {
        display: grid;
    }

    .standx-dashboard-header {
        flex-wrap: wrap;
        min-height: 64px;
    }

    .standx-dashboard-workspace {
        flex: 1;
        max-width: none;
        min-width: 0;
    }

    .standx-dashboard-header-actions {
        flex: 1 1 100%;
        justify-content: flex-end;
        margin-left: 0;
    }

    .standx-dashboard-language-trigger {
        min-width: 136px;
    }
}

@media (max-width: 520px) {
    .standx-dashboard-header {
        gap: .55rem;
        padding: .65rem;
    }

    .standx-dashboard-workspace {
        font-size: .84rem;
    }

    .standx-dashboard-header-actions {
        gap: .4rem;
        justify-content: space-between;
    }

    .standx-dashboard-user {
        display: none;
    }

    .standx-dashboard-language {
        margin-left: auto;
    }

    .standx-dashboard-language-trigger {
        min-width: 132px;
    }

    .standx-dashboard-content {
        min-height: calc(100vh - 110px);
    }
}

html, body {
    background: var(--bg);
    color: var(--text);
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    margin: 0;
    max-width: 100%;
    overflow-x: hidden;
}

a {
    color: inherit;
}

.app-shell,
.area-shell {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    min-height: 100vh;
}

.sidebar,
.area-sidebar {
    background: var(--sidebar);
    color: #eef4f8;
    position: sticky;
    top: 0;
    height: 100vh;
}

.brand-lockup {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.brand-lockup strong,
.brand-lockup span {
    display: block;
}

.brand-lockup span {
    color: #a8b6c3;
    font-size: .82rem;
}

.brand-mark {
    align-items: center;
    background: var(--accent);
    border-radius: 8px;
    color: white;
    display: inline-flex;
    font-weight: 800;
    height: 36px;
    justify-content: center;
    width: 36px;
}

.brand-mark.large {
    height: 48px;
    margin-bottom: 1rem;
    width: 48px;
}

.side-nav {
    display: grid;
    gap: .25rem;
    padding: .75rem;
}

.nav-link {
    align-items: center;
    border-radius: 6px;
    color: #dce6ee;
    display: flex;
    gap: .7rem;
    padding: .72rem .85rem;
    text-decoration: none;
}

.nav-link:hover,
.nav-link.active {
    background: rgba(255, 255, 255, .1);
    color: white;
}

.nav-icon {
    color: #9fb2c2;
    width: 1rem;
}

.main {
    min-width: 0;
}

.public-shell {
    background: #ffffff;
    min-height: 100vh;
}

.public-nav {
    align-items: center;
    border-bottom: 1px solid var(--line);
    display: grid;
    gap: 1rem;
    grid-template-columns: auto 1fr auto;
    min-height: 76px;
    padding: 0 2rem;
    position: sticky;
    top: 0;
    background: rgba(255, 255, 255, .96);
    z-index: 10;
}

.public-brand {
    align-items: center;
    display: flex;
    gap: .65rem;
    text-decoration: none;
}

.public-nav nav {
    display: flex;
    gap: 1.1rem;
    justify-content: center;
}

.public-nav nav a {
    color: var(--muted);
    font-weight: 700;
    text-decoration: none;
}

.public-actions {
    align-items: center;
    display: flex;
    gap: .6rem;
}

.language-select {
    border: 1px solid #ccd5df;
    border-radius: 6px;
    color: var(--text);
    min-height: 32px;
    padding: .25rem .5rem;
}

.language-flags {
    align-items: center;
    display: inline-flex;
    gap: .35rem;
}

.language-flag {
    align-items: center;
    background: rgba(255, 255, 255, .74);
    border: 1px solid #cbd5df;
    border-radius: 999px;
    display: inline-flex;
    height: 34px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
    width: 34px;
}

.language-flag:hover,
.language-flag.active {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px rgba(31, 122, 95, .18);
    transform: translateY(-1px);
}

.flag-icon {
    border-radius: 2px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12);
    display: inline-block;
    height: 16px;
    overflow: hidden;
    position: relative;
    width: 22px;
}

.flag-pt {
    background: linear-gradient(90deg, #046a38 0 40%, #da291c 40% 100%);
}

.flag-us {
    background: repeating-linear-gradient(180deg, #b22234 0 1.25px, #fff 1.25px 2.5px);
}

.flag-us::before {
    background: #3c3b6e;
    content: "";
    height: 8.75px;
    left: 0;
    position: absolute;
    top: 0;
    width: 9.5px;
}

.flag-es {
    background: linear-gradient(180deg, #aa151b 0 25%, #f1bf00 25% 75%, #aa151b 75% 100%);
}

.flag-fr {
    background: linear-gradient(90deg, #0055a4 0 33.33%, #fff 33.33% 66.66%, #ef4135 66.66% 100%);
}

.flag-de {
    background: linear-gradient(180deg, #000 0 33.33%, #dd0000 33.33% 66.66%, #ffce00 66.66% 100%);
}

.flag-generic {
    background: linear-gradient(135deg, #dbe7ef, #ffffff);
}

.auth-shell {
    background:
        linear-gradient(135deg, rgba(10, 19, 32, .92), rgba(18, 43, 63, .88)),
        linear-gradient(45deg, #07111f, #123448);
    color: white;
    min-height: 100vh;
    overflow: hidden;
    position: relative;
}

.auth-background {
    inset: 0;
    pointer-events: none;
    position: absolute;
}

.auth-background::before {
    background:
        linear-gradient(90deg, rgba(80, 220, 180, .18) 1px, transparent 1px),
        linear-gradient(rgba(80, 220, 180, .12) 1px, transparent 1px);
    background-size: 72px 72px;
    content: "";
    inset: 0;
    opacity: .45;
    position: absolute;
}

.auth-background::after {
    background:
        linear-gradient(90deg, transparent 0 8%, rgba(111, 231, 203, .2) 8% 8.4%, transparent 8.4% 100%),
        linear-gradient(180deg, transparent 0 20%, rgba(127, 176, 255, .18) 20% 20.4%, transparent 20.4% 100%);
    background-size: 460px 220px;
    content: "";
    inset: 0;
    opacity: .7;
    position: absolute;
}

.auth-grid {
    background:
        linear-gradient(120deg, transparent 0 30%, rgba(31, 122, 95, .28) 30.2%, transparent 30.6% 100%),
        linear-gradient(300deg, transparent 0 52%, rgba(59, 130, 246, .24) 52.2%, transparent 52.6% 100%);
    inset: 0;
    position: absolute;
}

.auth-topbar {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 1.25rem clamp(1rem, 4vw, 3rem);
    position: relative;
    z-index: 1;
}

.auth-brand {
    align-items: center;
    color: white;
    display: inline-flex;
    gap: .9rem;
    font-weight: 900;
    letter-spacing: 0;
    text-decoration: none;
}

.auth-logo {
    display: block;
    filter: drop-shadow(0 0 18px rgba(75, 211, 255, .28));
    flex: 0 0 auto;
    height: 58px;
    object-fit: contain;
    width: 58px;
}

.auth-wordmark {
    color: #ffffff;
    font-size: 1.34rem;
    font-weight: 950;
    letter-spacing: .01em;
    line-height: 1;
    text-shadow: 0 0 24px rgba(75, 211, 255, .2);
    white-space: nowrap;
}

.auth-wordmark-sky {
    color: #4bd3ff;
    text-shadow: 0 0 22px rgba(75, 211, 255, .38);
}

.login-shell .auth-topbar {
    padding-bottom: .75rem;
    padding-top: .75rem;
}

.login-shell .auth-content {
    align-items: start;
    min-height: calc(100vh - 64px);
    padding: .75rem 1rem 1rem;
}

.auth-content {
    align-items: center;
    display: grid;
    min-height: calc(100vh - 86px);
    padding: 2rem 1rem 4rem;
    place-items: center;
    position: relative;
    z-index: 1;
}

.auth-card {
    backdrop-filter: blur(22px);
    background: rgba(255, 255, 255, .16);
    border: 1px solid rgba(255, 255, 255, .26);
    border-radius: 8px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .32);
    max-width: 460px;
    padding: clamp(1.25rem, 4vw, 2rem);
    width: min(100%, 460px);
}

.onboarding-card {
    backdrop-filter: blur(22px);
    background: rgba(255, 255, 255, .16);
    border: 1px solid rgba(255, 255, 255, .26);
    border-radius: 8px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .32);
    color: white;
    max-width: 540px;
    padding: clamp(1.25rem, 4vw, 2rem);
    width: min(100%, 540px);
}

.onboarding-wide {
    max-width: 920px;
    width: min(100%, 920px);
}

.auth-card-header {
    margin-bottom: 1.25rem;
}

.auth-card h1 {
    font-size: 1.9rem;
    margin: .65rem 0 .45rem;
}

.login-card {
    max-width: 410px;
    padding: clamp(1rem, 4vw, 1.35rem);
    width: min(100%, 410px);
}

.login-card .auth-card-header {
    margin-bottom: .8rem;
}

.login-card h1 {
    font-size: 1.45rem;
    margin: 0;
}

.login-card .stack-form {
    gap: .62rem;
}

.login-card .auth-input {
    min-height: 40px;
}

.login-card .auth-row {
    font-size: .86rem;
    gap: .65rem;
}

.login-card .auth-microcopy {
    color: rgba(255, 255, 255, .58);
    font-size: .72rem;
    line-height: 1.25;
}

.login-card .auth-submit {
    font-weight: 800;
    min-height: 42px;
}

.login-card .auth-links {
    gap: .35rem;
    margin-top: .85rem;
    padding-top: .75rem;
}

.login-card .auth-links a {
    font-size: .84rem;
}

.register-wizard-card {
    max-width: 760px;
    padding: clamp(1rem, 3vw, 1.5rem);
    width: min(100%, 760px);
}

.register-header {
    align-items: start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: .85rem;
}

.register-header h1 {
    font-size: 1.55rem;
    margin: .2rem 0 0;
}

.step-count {
    background: rgba(255, 255, 255, .16);
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 999px;
    color: rgba(255, 255, 255, .82);
    flex: 0 0 auto;
    font-size: .78rem;
    font-weight: 800;
    padding: .32rem .6rem;
}

.wizard-progress {
    display: grid;
    gap: .4rem;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin-bottom: .9rem;
}

.wizard-step {
    background: rgba(255, 255, 255, .18);
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 999px;
    height: 8px;
    overflow: hidden;
    padding: 0;
}

.wizard-step span {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.wizard-step.active,
.wizard-step.complete {
    background: #17d9bc;
    border-color: rgba(255, 255, 255, .6);
}

.register-form {
    gap: .75rem;
}

.wizard-panel {
    display: grid;
    gap: .7rem;
}

.wizard-panel h2 {
    color: white;
    font-size: 1.05rem;
    margin: 0 0 .1rem;
}

.three-column {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.review-grid {
    display: grid;
    gap: .6rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.review-grid div {
    background: rgba(255, 255, 255, .88);
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 8px;
    color: var(--text);
    display: grid;
    gap: .2rem;
    min-width: 0;
    padding: .7rem;
}

.review-grid span {
    color: var(--muted);
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.review-grid strong {
    font-size: .9rem;
    overflow-wrap: anywhere;
}

.field-error {
    align-items: center;
    background: rgba(127, 29, 29, .32);
    border: 1px solid rgba(251, 113, 133, .34);
    border-radius: 6px;
    color: #fecdd3;
    display: flex;
    font-size: .8rem;
    font-weight: 800;
    gap: .38rem;
    line-height: 1.25;
    margin: -.4rem 0 0;
    padding: .38rem .48rem;
}

.field-error span {
    align-items: center;
    background: #fb7185;
    border-radius: 999px;
    color: #450a0a;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: .72rem;
    height: 18px;
    justify-content: center;
    width: 18px;
}

.verification-note {
    margin: 0;
}

.success-panel {
    display: grid;
    gap: .85rem;
    text-align: center;
}

.success-mark {
    align-items: center;
    background: #17d9bc;
    border-radius: 999px;
    color: #08241f;
    display: inline-flex;
    font-size: 1.6rem;
    font-weight: 900;
    height: 54px;
    justify-content: center;
    justify-self: center;
    width: 54px;
}

.success-panel h1 {
    font-size: 1.55rem;
    margin: 0;
}

.success-panel p {
    margin: 0;
}

.success-actions {
    display: grid;
    gap: .6rem;
}

.wizard-actions {
    display: grid;
    gap: .55rem;
    grid-template-columns: auto auto 1fr;
    margin-top: .25rem;
}

.wizard-actions .btn-primary {
    justify-self: end;
    min-width: 150px;
}

.compact-links {
    gap: .3rem;
    margin-top: .85rem;
    padding-top: .75rem;
}

.compact-links a {
    font-size: .84rem;
}

.auth-card p,
.auth-card .eyebrow,
.auth-card label > span,
.auth-links a,
.auth-row a,
.onboarding-card p,
.onboarding-card .eyebrow,
.onboarding-card label > span {
    color: rgba(255, 255, 255, .82);
}

.auth-trust,
.auth-microcopy {
    color: rgba(255, 255, 255, .72);
    font-size: .86rem;
    margin: 0;
}

.auth-check {
    align-items: flex-start;
    display: flex;
    gap: .5rem;
}

.auth-check.check-validation-error {
    background: rgba(127, 29, 29, .36);
    border: 1px solid rgba(251, 113, 133, .58);
    border-radius: 8px;
    box-shadow: 0 0 0 3px rgba(251, 113, 133, .14);
    padding: .6rem;
}

.auth-check.check-validation-error .form-check-input {
    border-color: #fb7185;
    box-shadow: 0 0 0 3px rgba(251, 113, 133, .22);
}

.auth-check a {
    color: #93c5fd;
    font-weight: 900;
    text-decoration-color: rgba(147, 197, 253, .65);
}

.auth-input {
    background: rgba(255, 255, 255, .9);
    border-color: rgba(255, 255, 255, .45);
    min-height: 44px;
}

.auth-input.input-validation-error,
.auth-input.input-validation-error:focus {
    border-color: #fb7185;
    box-shadow: 0 0 0 3px rgba(251, 113, 133, .28);
}

.auth-card .alert-danger {
    background: rgba(127, 29, 29, .42);
    border-color: rgba(251, 113, 133, .55);
    color: #ffe4e6;
    font-weight: 800;
}

.password-field {
    align-items: stretch;
    display: grid;
    gap: .5rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

.password-field .auth-input {
    min-width: 0;
}

.password-toggle {
    background: rgba(15, 23, 42, .72);
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 6px;
    color: #ffffff;
    font-size: .78rem;
    font-weight: 900;
    min-height: 44px;
    min-width: 86px;
    padding: 0 .75rem;
}

.password-toggle:focus-visible {
    box-shadow: 0 0 0 3px rgba(75, 211, 255, .28);
    outline: none;
}

.auth-row {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.auth-row a,
.auth-links a {
    font-weight: 700;
    text-decoration: none;
}

.auth-submit {
    min-height: 44px;
}

.auth-links {
    border-top: 1px solid rgba(255, 255, 255, .2);
    display: grid;
    gap: .6rem;
    margin-top: 1.25rem;
    padding-top: 1rem;
    text-align: center;
}

.reset-token-box {
    background: rgba(255, 255, 255, .88);
    border: 1px solid rgba(255, 255, 255, .55);
    border-radius: 8px;
    color: var(--text);
    display: grid;
    gap: .45rem;
    margin-top: 1rem;
    padding: .85rem;
}

.reset-token-box summary {
    cursor: pointer;
    font-weight: 800;
}

.step-list {
    align-items: center;
    display: flex;
    gap: .55rem;
    margin-bottom: 1.25rem;
}

.step-dot {
    align-items: center;
    background: rgba(255, 255, 255, .18);
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 999px;
    color: rgba(255, 255, 255, .8);
    display: inline-flex;
    font-size: .8rem;
    font-weight: 800;
    height: 32px;
    justify-content: center;
    width: 32px;
}

.step-dot.active,
.step-dot.complete {
    background: var(--accent);
    border-color: rgba(255, 255, 255, .72);
    color: white;
}

.step-line {
    background: rgba(255, 255, 255, .26);
    flex: 1;
    height: 2px;
}

.step-line.active {
    background: rgba(111, 231, 203, .72);
}

.account-strip {
    background: rgba(255, 255, 255, .86);
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 8px;
    color: var(--text);
    display: grid;
    gap: .2rem;
    margin-bottom: 1rem;
    padding: .85rem 1rem;
}

.account-strip span {
    color: var(--muted);
    font-size: .8rem;
    font-weight: 800;
    text-transform: uppercase;
}

.choice-grid,
.service-card-grid,
.profile-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.choice-card,
.service-card {
    background: rgba(255, 255, 255, .9);
    border: 1px solid rgba(255, 255, 255, .55);
    border-radius: 8px;
    color: var(--text);
    display: grid;
    gap: .55rem;
    min-height: 160px;
    padding: 1rem;
    text-align: left;
    text-decoration: none;
}

.choice-card:hover,
.service-card.available:hover,
.service-card.selected {
    border-color: #8ee7ca;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .18);
}

.customer-type-card {
    opacity: .72;
}

.customer-type-card.selected {
    background: linear-gradient(135deg, #ffffff, #e7f8f4);
    border-color: #17d9bc;
    box-shadow: 0 0 0 3px rgba(23, 217, 188, .22), 0 14px 32px rgba(0, 0, 0, .2);
    opacity: 1;
}

.customer-type-card.selected .choice-icon {
    background: var(--accent);
    color: white;
}

.choice-card p,
.service-card p {
    color: var(--muted);
    margin: 0;
}

.choice-icon {
    align-items: center;
    background: #e7f4ef;
    border-radius: 8px;
    color: var(--accent-strong);
    display: inline-flex;
    font-size: 1.2rem;
    font-weight: 800;
    height: 40px;
    justify-content: center;
    width: 40px;
}

.service-card {
    cursor: pointer;
    width: 100%;
}

.service-card.disabled {
    cursor: not-allowed;
    opacity: .72;
}

.onboarding-actions {
    display: flex;
    gap: .75rem;
    justify-content: flex-end;
    margin-top: 1.25rem;
}

.reset-token-box span {
    color: var(--muted);
    font-size: .82rem;
    font-weight: 800;
}

.reset-token-box code {
    white-space: pre-wrap;
    word-break: break-word;
}

.hero-section {
    align-items: center;
    display: grid;
    gap: 2rem;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
    min-height: calc(100vh - 76px);
    padding: 4rem 6vw;
}

.hero-copy h1 {
    font-size: clamp(3rem, 8vw, 6rem);
    line-height: .95;
    margin: .5rem 0 1rem;
}

.hero-copy p {
    color: var(--muted);
    font-size: 1.2rem;
    max-width: 680px;
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem;
    margin-top: 1.5rem;
}

.hero-panel {
    background: #f6f9fb;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.hero-metric {
    background: white;
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 1rem;
}

.hero-metric span {
    color: var(--muted);
    display: block;
}

.hero-metric strong {
    display: block;
    font-size: 1.6rem;
}

.public-band {
    border-top: 1px solid var(--line);
    padding: 4rem 6vw;
}

.section-heading {
    margin-bottom: 1.5rem;
}

.section-heading h2 {
    font-size: 2rem;
    margin: .35rem 0 0;
    max-width: 850px;
}

.feature-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.feature-grid article {
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 1rem;
}

.feature-grid h3 {
    font-size: 1.05rem;
}

.feature-grid p,
.lead-text {
    color: var(--muted);
}

.contact-band {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.topbar {
    align-items: center;
    background: white;
    border-bottom: 1px solid var(--line);
    display: flex;
    justify-content: space-between;
    min-height: 74px;
    padding: 0 1.5rem;
}

.topbar h1 {
    font-size: 1.08rem;
    margin: 0;
}

.topbar-actions {
    align-items: center;
    display: flex;
    gap: .75rem;
    min-width: 0;
}

.navigation-user-menu {
    align-items: center;
    display: flex;
    gap: .75rem;
    min-width: 0;
}

.api-pill,
.status {
    background: #e7f4ef;
    border: 1px solid #b8dfd0;
    border-radius: 999px;
    color: var(--accent-strong);
    display: inline-flex;
    font-size: .78rem;
    font-weight: 700;
    padding: .2rem .55rem;
}

.content {
    display: grid;
    gap: 1rem;
    padding: 1.25rem;
}

.page-heading {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.page-heading h2 {
    font-size: 1.45rem;
    margin: 0;
}

.eyebrow {
    color: var(--muted);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.panel,
.metric-card,
.login-panel {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.panel {
    overflow: hidden;
}

.panel-header {
    align-items: center;
    border-bottom: 1px solid var(--line);
    display: flex;
    justify-content: space-between;
    padding: .9rem 1rem;
}

.panel-header h3 {
    font-size: 1rem;
    margin: 0;
}

.panel-header span,
.muted {
    color: var(--muted);
    font-size: .85rem;
}

.metric-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.metric-card {
    padding: 1rem;
}

.metric-card span {
    color: var(--muted);
    display: block;
    font-size: .85rem;
}

.metric-card strong {
    display: block;
    font-size: 2rem;
    margin-top: .25rem;
}

.metric-card-priority {
    border-left: 4px solid #1d4f91;
}

.table-wrap {
    overflow-x: auto;
}

.data-table {
    border-collapse: collapse;
    min-width: 760px;
    width: 100%;
}

.data-table th,
.data-table td {
    border-bottom: 1px solid var(--line);
    padding: .75rem 1rem;
    text-align: left;
    vertical-align: middle;
}

.data-table th {
    background: #f8fafb;
    color: var(--muted);
    font-size: .78rem;
    text-transform: uppercase;
}

.data-table td small {
    color: var(--muted);
    display: block;
}

.data-table tr.selected-row td {
    background: #f3f8f7;
}

.inline-form {
    display: grid;
    gap: .75rem;
    grid-template-columns: 1fr 1fr auto;
    padding: 1rem;
}

.catalog-center-governance,
.catalog-center-filters,
.catalog-center-form,
.products-admin-form,
.catalog-reference-grid {
    display: grid;
    gap: .75rem;
}

.catalog-center-governance {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 1rem;
}

.catalog-center-governance article {
    background: #f8fafb;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: .25rem;
    padding: .85rem;
}

.catalog-center-governance strong,
.catalog-center-governance span {
    display: block;
}

.catalog-center-governance span {
    color: var(--muted);
    font-size: .88rem;
}

.catalog-center-tabs {
    align-items: center;
    border-bottom: 1px solid var(--line);
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    padding: .75rem 1rem;
}

.catalog-center-tabs-spaced {
    border-top: 1px solid var(--line);
}

.catalog-center-tab {
    background: #eef3f6;
    border: 1px solid transparent;
    border-radius: 999px;
    color: var(--muted);
    font-size: .85rem;
    font-weight: 800;
    min-height: 34px;
    padding: .35rem .75rem;
}

.catalog-center-tab.active {
    background: #e7f4ef;
    border-color: rgba(31, 122, 95, .28);
    color: var(--accent-strong);
}

.catalog-center-form,
.catalog-center-filters {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 1rem;
}

.products-admin-form {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 1rem;
}

.products-admin-form label,
.products-admin-check {
    color: var(--muted);
    display: grid;
    font-size: .82rem;
    font-weight: 800;
    gap: .35rem;
}

.products-admin-check {
    align-items: center;
    color: var(--text);
    display: flex;
    min-height: 42px;
}

.products-admin-check input {
    height: 16px;
    width: 16px;
}

.products-admin-form-span {
    grid-column: span 2;
}

.products-admin-form-actions {
    align-self: end;
}

.catalog-center-form .btn {
    justify-self: start;
}

.catalog-toggle {
    align-items: center;
    color: var(--muted);
    display: inline-flex;
    font-size: .9rem;
    font-weight: 700;
    gap: .45rem;
    min-height: 42px;
}

.catalog-toggle input {
    height: 16px;
    width: 16px;
}

.catalog-center-form-wide {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.catalog-center-form-span {
    grid-column: span 2;
}

.catalog-row-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.catalog-row-actions .btn {
    white-space: nowrap;
}

.catalog-empty-row {
    display: grid;
    gap: .2rem;
    padding: .35rem 0;
}

.catalog-empty-row strong {
    color: var(--text);
}

.catalog-empty-row span {
    color: var(--muted);
}

.products-center-filters {
    display: grid;
    gap: .75rem;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    padding: 1rem;
}

.products-center-filters-wide {
    grid-template-columns: 2fr repeat(4, 1fr);
}

.products-admin-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    padding: 1rem;
}

.products-center-layout {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.6fr) minmax(320px, .8fr);
    padding: 0 1rem 1rem;
}

.products-detail-panel {
    align-self: start;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.products-detail-header {
    padding: 0;
}

.products-detail-list {
    display: grid;
    gap: .75rem;
    margin: 0;
}

.products-detail-list div {
    border-bottom: 1px solid var(--line);
    display: grid;
    gap: .2rem;
    padding-bottom: .65rem;
}

.products-detail-list dt {
    color: var(--muted);
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.products-detail-list dd {
    margin: 0;
}

.products-feature-block {
    display: grid;
    gap: .5rem;
}

.products-feature-block ul {
    margin: 0;
    padding-left: 1.1rem;
}

.products-summary-grid {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.products-summary-grid article {
    background: #f8fafb;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: .25rem;
    padding: .75rem;
}

.products-summary-grid span {
    color: var(--muted);
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.products-summary-grid strong {
    color: var(--text);
    font-size: 1.15rem;
}

.products-color-value {
    align-items: center;
    display: inline-flex;
    gap: .45rem;
}

.products-color-swatch {
    border: 1px solid var(--line);
    border-radius: 999px;
    display: inline-block;
    height: 16px;
    width: 16px;
}

.products-detail-actions {
    border-top: 1px solid var(--line);
    padding-top: 1rem;
}

.catalog-reference-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 1rem;
}

.catalog-link-grid {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 1rem;
}

.catalog-link-card {
    background: #f8fafb;
    border: 1px solid var(--line);
    border-radius: 8px;
    color: inherit;
    display: grid;
    gap: .35rem;
    min-height: 120px;
    padding: .9rem;
    text-decoration: none;
}

.catalog-link-card:hover {
    border-color: rgba(31, 122, 95, .36);
    box-shadow: 0 10px 28px rgba(23, 33, 43, .08);
}

.catalog-link-card span,
.catalog-link-card small {
    color: var(--muted);
}

.catalog-reference-panel {
    border: 1px solid var(--line);
    border-radius: 8px;
    overflow: hidden;
}

.catalog-reference-panel-wide {
    grid-column: 1 / -1;
}

.status-muted {
    background: #eef1f4;
    border-color: #d8dee5;
    color: var(--muted);
}

.stack-form {
    display: grid;
    gap: .8rem;
}

.panel .stack-form {
    padding: 1rem;
}

.profile-copy {
    color: var(--muted);
    padding: 1rem;
}

.profile-copy.compact {
    padding: .35rem 0;
}

.profile-list {
    display: grid;
    gap: .75rem;
    margin: 0;
    padding: 1rem;
}

.profile-list div {
    display: grid;
    gap: .2rem;
}

.profile-list dt {
    color: var(--muted);
    font-size: .8rem;
    font-weight: 800;
    text-transform: uppercase;
}

.profile-list dd {
    margin: 0;
    word-break: break-word;
}

.portal-card-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 1rem;
}

.portal-card-grid.single {
    grid-template-columns: minmax(0, 1fr);
}

.portal-card {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: .85rem;
    padding: 1rem;
}

.portal-card h4 {
    font-size: 1.05rem;
    margin: 0 0 .35rem;
}

.portal-card p {
    color: var(--muted);
    margin: 0;
}

.customer-dashboard-workspace {
    display: grid;
    gap: 1rem;
}

.customer-dashboard-hero {
    align-items: end;
    background: linear-gradient(135deg, #ffffff 0%, #f4faf8 48%, #edf4fb 100%);
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: 1.5rem;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
    min-height: 220px;
    padding: clamp(1.25rem, 3vw, 2rem);
}

.customer-dashboard-hero h2 {
    font-size: clamp(1.85rem, 4vw, 3.2rem);
    line-height: 1;
    margin: .35rem 0 .65rem;
}

.customer-dashboard-hero p {
    color: var(--muted);
    font-size: 1.05rem;
    margin: 0;
}

.customer-dashboard-context {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.customer-dashboard-context article,
.customer-action-card,
.customer-health-card {
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: 8px;
}

.customer-dashboard-context article {
    display: grid;
    gap: .25rem;
    min-width: 0;
    padding: .85rem;
}

.customer-dashboard-context span,
.customer-health-card span {
    color: var(--muted);
    font-size: .76rem;
    font-weight: 900;
    text-transform: uppercase;
}

.customer-dashboard-context strong {
    overflow-wrap: anywhere;
}

.customer-summary-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.customer-dashboard-grid {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
}

.customer-dashboard-main,
.customer-dashboard-side {
    display: grid;
    gap: 1rem;
}

.customer-action-grid,
.customer-health-grid,
.customer-notification-list,
.customer-timeline {
    display: grid;
    gap: .75rem;
    padding: 1rem;
}

.customer-action-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.customer-action-card {
    color: inherit;
    display: grid;
    gap: .35rem;
    min-height: 132px;
    padding: .85rem;
    text-decoration: none;
}

.customer-action-card:hover {
    border-color: rgba(31, 122, 95, .36);
    box-shadow: 0 12px 30px rgba(23, 33, 43, .08);
}

.customer-action-card.disabled {
    opacity: .68;
}

.customer-action-card span {
    align-items: center;
    background: #e7f4ef;
    border-radius: 8px;
    color: var(--accent-strong);
    display: inline-flex;
    font-weight: 900;
    height: 36px;
    justify-content: center;
    width: 36px;
}

.customer-action-card small,
.customer-health-card small,
.customer-timeline p,
.customer-notification p {
    color: var(--muted);
    margin: 0;
}

.customer-timeline-item,
.customer-notification {
    align-items: start;
    display: grid;
    gap: .75rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.customer-timeline-item > span {
    background: var(--accent);
    border-radius: 999px;
    height: 10px;
    margin-top: .35rem;
    width: 10px;
}

.customer-timeline-item.warning > span {
    background: #c76a14;
}

.customer-timeline-item.success > span {
    background: #1f7a5f;
}

.customer-notification {
    background: #fff8eb;
    border-left: 4px solid #c76a14;
    border-radius: 8px;
    padding: .75rem;
}

.customer-health-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.customer-health-card {
    display: grid;
    gap: .3rem;
    padding: .85rem;
}

.customer-health-card.success {
    border-color: #b8dfd0;
}

.customer-health-card.warning {
    border-color: #f2c879;
}

.customer-health-card.neutral {
    border-color: #d9e0e7;
}

.customer-dashboard-state {
    border-left: 4px solid #1d4f91;
}

.application-hub-workspace {
    display: grid;
    gap: 1rem;
}

.application-hub-hero {
    align-items: end;
    background: linear-gradient(135deg, rgba(15, 23, 31, .96), rgba(31, 36, 43, .94));
    border: 1px solid rgba(194, 122, 75, .28);
    border-radius: 8px;
    color: #f8fafc;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(280px, .55fr);
    min-height: 220px;
    padding: clamp(1.25rem, 3vw, 2rem);
}

.application-hub-hero h2 {
    font-size: clamp(2rem, 5vw, 3.8rem);
    line-height: .95;
    margin: .35rem 0 .75rem;
}

.application-hub-hero p {
    color: #cbd5e1;
    font-size: 1.05rem;
    margin: 0;
    max-width: 760px;
}

.application-hub-meta {
    display: grid;
    gap: .75rem;
}

.application-hub-meta article {
    background: rgba(15, 23, 31, .64);
    border: 1px solid rgba(148, 163, 184, .24);
    border-radius: 8px;
    display: grid;
    gap: .25rem;
    padding: .85rem;
}

.application-hub-meta span,
.application-product-meta dt {
    color: #94a3b8;
    font-size: .74rem;
    font-weight: 900;
    text-transform: uppercase;
}

.application-hub-filter-panel {
    padding: 1rem;
}

.application-hub-filters {
    display: grid;
    gap: .85rem;
}

.application-category-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.application-category-tabs button {
    background: rgba(15, 23, 31, .74);
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 999px;
    color: #dbe3ea;
    font-weight: 800;
    min-height: 34px;
    padding: .38rem .75rem;
}

.application-category-tabs button.active,
.application-category-tabs button:hover {
    background: rgba(194, 122, 75, .18);
    border-color: rgba(224, 139, 90, .55);
    color: #f6c7aa;
}

.application-category-tabs span {
    color: #94a3b8;
}

.application-hub-layout {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
}

.application-hub-main,
.application-hub-side {
    display: grid;
    gap: 1rem;
}

.application-product-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 1rem;
}

.application-product-card {
    background: rgba(22, 28, 36, .96);
    border: 1px solid rgba(148, 163, 184, .2);
    border-radius: 8px;
    color: #f8fafc;
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.application-product-card-top,
.application-product-actions {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

.application-product-logo {
    align-items: center;
    background: rgba(194, 122, 75, .16);
    border: 1px solid rgba(224, 139, 90, .38);
    border-radius: 8px;
    color: #f6c7aa;
    display: inline-flex;
    font-weight: 950;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.application-product-logo.small {
    height: 34px;
    width: 34px;
}

.application-status {
    border-radius: 999px;
    font-size: .74rem;
    font-weight: 900;
    padding: .24rem .58rem;
}

.application-status.success {
    background: rgba(34, 197, 94, .14);
    color: #86efac;
}

.application-status.info {
    background: rgba(59, 130, 246, .14);
    color: #93c5fd;
}

.application-status.warning {
    background: rgba(245, 158, 11, .14);
    color: #fcd34d;
}

.application-status.neutral {
    background: rgba(148, 163, 184, .13);
    color: #cbd5e1;
}

.application-product-copy h3 {
    font-size: 1.2rem;
    margin: .25rem 0 .4rem;
}

.application-product-copy p,
.application-mini-rail p,
.application-favorites p {
    color: #aab6c4;
    margin: 0;
}

.application-product-meta {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.application-product-meta div {
    background: rgba(15, 23, 31, .66);
    border-radius: 8px;
    display: grid;
    gap: .15rem;
    padding: .65rem;
}

.application-product-meta dd {
    margin: 0;
}

.application-mini-rail,
.application-favorites {
    display: grid;
    gap: .65rem;
    padding: 1rem;
}

.application-mini-rail article {
    align-items: center;
    display: grid;
    gap: .65rem;
    grid-template-columns: auto minmax(0, 1fr);
}

.application-mini-rail small {
    color: #aab6c4;
    display: block;
}

.application-favorites article {
    background: rgba(15, 23, 31, .66);
    border: 1px dashed rgba(148, 163, 184, .3);
    border-radius: 8px;
    padding: .85rem;
}

.product-context-workspace {
    display: grid;
    gap: 1rem;
}

.product-context-lock {
    align-items: center;
    background:
        radial-gradient(circle at top left, rgba(194, 122, 75, .18), transparent 34%),
        linear-gradient(135deg, #0d1117, #15181d);
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 8px;
    display: grid;
    min-height: 300px;
    padding: 2rem;
}

.product-context-loader {
    display: grid;
    gap: .75rem;
    justify-items: start;
    max-width: 640px;
}

.product-context-logo {
    align-items: center;
    background: rgba(194, 122, 75, .14);
    border: 1px solid rgba(194, 122, 75, .45);
    border-radius: 8px;
    color: #f8fafc;
    display: inline-flex;
    font-weight: 900;
    height: 54px;
    justify-content: center;
    width: 54px;
}

.product-context-loader h2,
.product-launch-card h2 {
    color: #f8fafc;
    font-size: clamp(1.7rem, 4vw, 2.6rem);
    line-height: 1.05;
    margin: 0;
}

.product-context-loader p,
.product-launch-card p {
    color: #aab6c4;
    margin: 0;
}

.product-context-progress {
    background: rgba(148, 163, 184, .18);
    border-radius: 999px;
    height: 6px;
    margin-top: .5rem;
    overflow: hidden;
    width: min(420px, 100%);
}

.product-context-progress span {
    animation: product-context-progress 1.4s ease-in-out infinite;
    background: linear-gradient(90deg, #c27a4b, #e08b5a);
    border-radius: inherit;
    display: block;
    height: 100%;
    width: 45%;
}

.product-context-status,
.product-context-grid,
.product-context-checks,
.product-launch-card-top {
    display: grid;
    gap: 1rem;
}

.product-context-status {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.product-context-status div {
    display: grid;
    gap: .25rem;
}

.product-context-status span,
.product-context-checks article {
    color: #aab6c4;
    font-size: .82rem;
}

.product-context-grid {
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
}

.product-launch-card-top {
    align-items: start;
    grid-template-columns: auto minmax(0, 1fr);
}

.product-context-checks {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.product-context-checks article {
    align-items: center;
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 8px;
    display: flex;
    gap: .55rem;
    padding: .85rem;
}

.product-context-checks article span {
    background: #94a3b8;
    border-radius: 999px;
    height: 9px;
    width: 9px;
}

.product-context-checks article.is-ready span {
    background: #22c55e;
}

.product-context-checks article.is-blocked span {
    background: #c27a4b;
}

.product-context-error {
    display: grid;
    gap: 1rem;
}

@keyframes product-context-progress {
    0% {
        transform: translateX(-105%);
    }

    100% {
        transform: translateX(235%);
    }
}

.client-shell {
    --platform-bg: #0d1117;
    --platform-bg-secondary: #15181d;
    --platform-surface: #1b222b;
    --platform-surface-2: #202936;
    --platform-text: #f8fafc;
    --platform-muted: #aab6c4;
    --platform-border: rgba(148, 163, 184, .22);
    --platform-accent: #c27a4b;
    --platform-accent-hover: #e08b5a;
    background: var(--platform-bg);
    color: var(--platform-text);
}

.client-shell .main,
.client-shell .content {
    background: var(--platform-bg);
}

.client-shell .area-sidebar,
.client-shell .sidebar {
    background: linear-gradient(180deg, #111820, var(--platform-bg-secondary));
    border-right: 1px solid var(--platform-border);
}

.client-shell .topbar {
    background: rgba(21, 24, 29, .96);
    border-bottom-color: var(--platform-border);
    color: var(--platform-text);
}

.client-shell .brand-lockup {
    border-bottom-color: var(--platform-border);
}

.client-shell .client-wordmark,
.client-shell .topbar h1,
.client-shell .page-heading h2,
.client-shell h2,
.client-shell h3,
.client-shell h4,
.client-shell strong,
.client-shell dd {
    color: var(--platform-text);
}

.client-shell .brand-lockup small,
.client-shell .eyebrow,
.client-shell .muted,
.client-shell .panel-header span,
.client-shell .profile-copy,
.client-shell .profile-copy p,
.client-shell .mini-list dt,
.client-shell .profile-list dt,
.client-shell .portal-card p,
.client-shell .empty-state-body p {
    color: var(--platform-muted);
}

.client-shell .panel,
.client-shell .portal-card,
.client-shell .metric-card,
.client-shell .table-wrap,
.client-shell .tenant-selector,
.client-shell .context-selector-button {
    background: var(--platform-surface);
    border-color: var(--platform-border);
    color: var(--platform-text);
    box-shadow: 0 18px 48px rgba(0, 0, 0, .18);
}

.client-shell .panel-header,
.client-shell .data-table th,
.client-shell .data-table td {
    border-color: var(--platform-border);
}

.client-shell .data-table th {
    background: var(--platform-surface-2);
    color: var(--platform-muted);
}

.client-shell .nav-link:hover,
.client-shell .nav-link.active,
.client-shell .client-mobile-menu .nav-link:hover,
.client-shell .client-mobile-menu .nav-link.active {
    background: rgba(194, 122, 75, .14);
    border-left-color: var(--platform-accent);
    color: var(--platform-text);
}

.client-shell .nav-icon,
.client-shell .context-selector-caret,
.client-shell .client-wordmark span {
    color: var(--platform-accent-hover);
}

.client-shell .btn-primary {
    background: var(--platform-accent);
    border-color: var(--platform-accent);
    color: #101418;
    font-weight: 900;
}

.client-shell .btn-primary:hover,
.client-shell .btn-primary:focus-visible {
    background: var(--platform-accent-hover);
    border-color: var(--platform-accent-hover);
    color: #101418;
}

.client-shell .btn-outline-secondary {
    border-color: rgba(194, 122, 75, .42);
    color: #f6c7aa;
}

.client-shell .btn-outline-secondary:hover,
.client-shell .btn-outline-secondary:focus-visible {
    background: rgba(194, 122, 75, .14);
    border-color: var(--platform-accent-hover);
    color: var(--platform-text);
}

.client-shell a {
    color: #f6c7aa;
}

.client-shell .status {
    background: rgba(194, 122, 75, .14);
    border-color: rgba(224, 139, 90, .36);
    color: #f6c7aa;
}

.client-shell .form-control,
.client-shell .form-select {
    background: #111820;
    border-color: var(--platform-border);
    color: var(--platform-text);
}

.client-shell .form-control:focus,
.client-shell .form-select:focus,
.client-shell button:focus-visible,
.client-shell a:focus-visible {
    border-color: var(--platform-accent-hover);
    box-shadow: 0 0 0 3px rgba(224, 139, 90, .22);
    outline: none;
}

.client-shell .customer-dashboard-hero {
    background: linear-gradient(135deg, rgba(15, 23, 31, .96), rgba(31, 36, 43, .94));
    border-color: rgba(194, 122, 75, .28);
    color: var(--platform-text);
}

.client-shell .customer-dashboard-context article,
.client-shell .customer-action-card,
.client-shell .customer-health-card {
    background: var(--platform-surface);
    border-color: var(--platform-border);
}

.client-shell .customer-action-card span {
    background: rgba(194, 122, 75, .16);
    color: #f6c7aa;
}

.client-shell .customer-timeline-item > span {
    background: var(--platform-accent);
}

.portal-card-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: .75rem;
}

.mini-list,
.portal-list {
    display: grid;
    gap: .65rem;
    margin: 0;
    padding: 1rem;
}

.mini-list {
    padding: 0;
}

.mini-list div {
    display: grid;
    gap: .2rem;
}

.mini-list dt {
    color: var(--muted);
    font-size: .76rem;
    font-weight: 800;
    text-transform: uppercase;
}

.mini-list dd {
    margin: 0;
}

.portal-list {
    color: var(--muted);
    padding-left: 2rem;
}

.portal-hero-panel {
    align-items: center;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 1rem;
}

.portal-hero-panel h3 {
    font-size: 1.45rem;
    margin: .25rem 0 .35rem;
}

.portal-hero-panel p {
    color: var(--muted);
    margin: 0;
    max-width: 760px;
}

.product-card-main {
    border-color: #b8dfd0;
}

.client-product-showcase {
    display: grid;
    gap: 1rem;
}

.standx-product-card {
    align-items: flex-start;
    display: grid;
    gap: 1.1rem;
    padding: clamp(1rem, 3vw, 1.35rem);
}

.standx-product-copy {
    display: grid;
    gap: .65rem;
}

.standx-product-copy h3 {
    color: #0f172a;
    font-size: clamp(1.45rem, 4vw, 2rem);
    font-weight: 900;
    margin: 0;
}

.standx-product-copy p {
    color: var(--muted);
    margin: 0;
    max-width: 760px;
}

.product-feature-list {
    color: #334155;
    display: grid;
    gap: .35rem;
    margin: .15rem 0 0;
    padding-left: 1.1rem;
}

.product-state-block {
    display: grid;
    gap: .8rem;
}

.product-muted-label {
    color: var(--muted);
    font-weight: 800;
}

.plan-card-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.plan-card {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 8px;
    color: inherit;
    cursor: pointer;
    display: grid;
    gap: .6rem;
    padding: 1rem;
    text-align: left;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.plan-card:hover,
.plan-card.selected {
    border-color: rgba(75, 211, 255, .55);
    box-shadow: 0 12px 28px rgba(15, 23, 42, .08);
    transform: translateY(-1px);
}

.plan-card strong {
    color: #0f172a;
}

.plan-card > span {
    color: var(--muted);
}

.future-products-panel {
    margin-top: 1rem;
}

.client-context-alert {
    margin-bottom: 1rem;
    padding: .75rem 1rem;
}

.future-product-card {
    gap: .35rem;
}

.future-product-card h4,
.future-product-card p {
    margin: 0;
}

.future-product-card p {
    color: var(--muted);
    font-size: .9rem;
}

.product-card-muted {
    background: #f8fafb;
}

.wizard-steps {
    border-bottom: 1px solid var(--line);
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: 1rem;
}

.wizard-steps li {
    border: 1px solid var(--line);
    border-radius: 8px;
    color: var(--muted);
    font-size: .82rem;
    font-weight: 800;
    padding: .55rem .65rem;
    text-align: center;
}

.wizard-steps li.active {
    background: rgba(75, 211, 255, .1);
    border-color: rgba(75, 211, 255, .42);
    color: #0f172a;
}

.activation-flow {
    padding: 1rem;
}

.activation-step {
    display: grid;
    gap: .85rem;
}

.activation-step h4 {
    font-size: 1.2rem;
    margin: 0;
}

.activation-step p {
    color: var(--muted);
    margin: 0;
}

.empty-state-body {
    color: var(--muted);
    display: grid;
    gap: .25rem;
    padding: 1rem;
}

.two-column {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wizard-actions {
    padding-left: 0;
    padding-right: 0;
}

.subscription-terms-block {
    display: grid;
    gap: .4rem;
}

.subscription-terms-warning {
    background: #fff1f2;
    border: 1px solid #fecdd3;
    border-radius: 6px;
    color: #9f1239;
    font-size: .92rem;
    font-weight: 700;
    margin: 0;
    padding: .65rem .75rem;
}

.wizard-summary {
    max-width: 760px;
}

.toolbar {
    min-width: 260px;
}

.login-wrap {
    display: grid;
    min-height: calc(100vh - 120px);
    place-items: center;
}

.login-panel {
    max-width: 420px;
    padding: 2rem;
    width: 100%;
}

.login-panel h2 {
    margin: 0 0 .35rem;
}

.login-panel p {
    color: var(--muted);
    margin-bottom: 1.25rem;
}

.btn-primary {
    background: var(--accent);
    border-color: var(--accent);
}

.btn-primary:hover {
    background: var(--accent-strong);
    border-color: var(--accent-strong);
}

.form-control,
.form-select {
    border-color: #ccd5df;
    border-radius: 6px;
}

.stack-form label > span {
    color: var(--muted);
    display: block;
    font-size: .82rem;
    font-weight: 700;
    margin-bottom: .3rem;
}

.storefront-hero {
    --storefront-theme: var(--accent);
    align-items: end;
    background: linear-gradient(135deg, color-mix(in srgb, var(--storefront-theme) 13%, white), #ffffff);
    border-bottom: 1px solid var(--line);
    display: grid;
    gap: 2rem;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    min-height: 420px;
    padding: 4rem 6vw 3rem;
}

.storefront-hero h1 {
    font-size: clamp(2.5rem, 7vw, 5rem);
    line-height: 1;
    margin: .6rem 0 1rem;
}

.storefront-hero p {
    color: var(--muted);
    font-size: 1.18rem;
    max-width: 760px;
}

.storefront-logo {
    background: white;
    border: 1px solid var(--line);
    border-radius: 8px;
    max-height: 88px;
    max-width: 220px;
    object-fit: contain;
    padding: .5rem;
}

.storefront-contact {
    background: white;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: .45rem;
    padding: 1rem;
}

.storefront-contact h2 {
    font-size: 1rem;
    margin: 0 0 .35rem;
}

.storefront-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin-top: 1rem;
}

.storefront-filters {
    background: #f8fafb;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(5, minmax(140px, 1fr));
    margin-bottom: 1.25rem;
    padding: 1rem;
}

.vehicle-card-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.vehicle-card {
    color: inherit;
    border: 1px solid var(--line);
    border-radius: 8px;
    overflow: hidden;
    text-decoration: none;
}

.vehicle-card-link:hover {
    border-color: var(--accent);
    box-shadow: 0 10px 28px rgba(23, 33, 43, .1);
}

.vehicle-card img {
    aspect-ratio: 16 / 10;
    background: #eef2f5;
    object-fit: cover;
    width: 100%;
}

.vehicle-card > div {
    padding: 1rem;
}

.vehicle-card h3 {
    font-size: 1.05rem;
    margin: 0;
}

.vehicle-card p {
    color: var(--muted);
    margin: .25rem 0 .85rem;
}

.vehicle-card dl {
    display: grid;
    gap: .5rem;
    margin: 0;
}

.vehicle-card dl div {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.vehicle-card dt {
    color: var(--muted);
    font-weight: 700;
}

.vehicle-card dd {
    margin: 0;
}

.vehicle-detail-hero {
    display: grid;
    gap: 2rem;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
    padding: 4rem 6vw;
}

.vehicle-gallery {
    display: grid;
    gap: .75rem;
}

.vehicle-detail-main-image {
    aspect-ratio: 16 / 10;
    background: #eef2f5;
    border-radius: 8px;
    object-fit: cover;
    width: 100%;
}

.vehicle-thumbs {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.vehicle-thumbs img {
    aspect-ratio: 1;
    border-radius: 6px;
    object-fit: cover;
    width: 100%;
}

.vehicle-detail-panel {
    align-self: start;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: 1rem;
    padding: 1.25rem;
}

.vehicle-detail-panel h1 {
    font-size: 2rem;
    margin: 0;
}

.vehicle-price {
    color: var(--accent-strong);
    font-size: 1.6rem;
}

.vehicle-detail-panel dl {
    display: grid;
    gap: .5rem;
    margin: 0;
}

.vehicle-detail-panel dl div {
    display: flex;
    justify-content: space-between;
}

.muted-link {
    color: var(--muted);
    font-weight: 700;
    text-decoration: none;
}

.quick-links {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    padding: 1rem;
}

.client-shell {
    background:
        radial-gradient(circle at top left, rgba(75, 211, 255, .08), transparent 34rem),
        linear-gradient(180deg, #f6f9fc, #eef3f8);
    max-width: 100%;
    overflow-x: hidden;
}

.client-shell .area-sidebar {
    background: linear-gradient(180deg, #07111f, #101b2a);
    box-shadow: 18px 0 45px rgba(15, 23, 42, .12);
}

.client-shell .brand-lockup {
    align-items: center;
    display: flex;
    gap: .78rem;
    min-height: 82px;
    padding: 1rem;
}

.client-brand-logo {
    display: block;
    filter: drop-shadow(0 0 16px rgba(75, 211, 255, .24));
    height: 44px;
    object-fit: contain;
    width: 44px;
}

.client-wordmark {
    color: white;
    font-size: 1.08rem;
    font-weight: 950;
    letter-spacing: .01em;
    line-height: 1;
    min-width: 0;
}

.client-wordmark span {
    color: #4bd3ff;
    display: inline;
}

.brand-lockup small {
    color: #9fb2c2;
    display: block;
    font-size: .76rem;
    font-weight: 800;
    margin-top: .25rem;
}

.client-shell .side-nav {
    gap: .18rem;
    padding: .55rem;
}

.client-shell .nav-link {
    border-left: 3px solid transparent;
    border-radius: 7px;
    color: #cdd9e5;
    font-size: .92rem;
    font-weight: 800;
    min-height: 38px;
    padding: .55rem .7rem;
}

.client-shell .nav-link:hover,
.client-shell .nav-link.active {
    background: rgba(75, 211, 255, .11);
    border-left-color: #4bd3ff;
    color: white;
}

.client-shell .nav-button {
    background: transparent;
    border-bottom: 0;
    border-right: 0;
    border-top: 0;
    text-align: left;
    width: 100%;
}

.client-shell .topbar {
    background: linear-gradient(90deg, #07111f, #101b2a);
    backdrop-filter: blur(18px);
    border-bottom-color: rgba(75, 211, 255, .18);
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
}

.client-shell .topbar h1 {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 900;
}

.client-topbar-brand {
    align-items: center;
    display: none;
    gap: .65rem;
    min-width: 0;
}

.client-shell .nav-toggle {
    align-items: center;
    background: rgba(255, 255, 255, .055);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 8px;
    cursor: pointer;
    display: none;
    flex-direction: column;
    gap: 5px;
    height: 42px;
    justify-content: center;
    flex: 0 0 42px;
    padding: 0;
    width: 42px;
}

.client-shell .nav-toggle span {
    background: #ffffff;
    border-radius: 999px;
    display: block;
    height: 2px;
    width: 18px;
}

.client-mobile-menu {
    background: #07111f;
    border-bottom: 1px solid rgba(75, 211, 255, .18);
    display: none;
    gap: .25rem;
    max-width: 100%;
    overflow-x: hidden;
    padding: .6rem;
}

.client-mobile-language {
    display: none;
    padding: .35rem .2rem .5rem;
}

.admin-shell .nav-toggle {
    align-items: center;
    background: rgba(15, 23, 42, .06);
    border: 1px solid rgba(15, 23, 42, .16);
    border-radius: 8px;
    cursor: pointer;
    display: none;
    flex-direction: column;
    gap: 5px;
    height: 42px;
    justify-content: center;
    flex: 0 0 42px;
    padding: 0;
    width: 42px;
}

.admin-shell .nav-toggle span {
    background: #17212b;
    border-radius: 999px;
    display: block;
    height: 2px;
    width: 18px;
}

.platform-mobile-menu {
    background: #07111f;
    border-bottom: 1px solid rgba(75, 211, 255, .18);
    display: none;
    gap: .25rem;
    max-width: 100%;
    overflow-x: hidden;
    padding: .6rem;
}

.platform-mobile-language {
    display: none;
    padding: .35rem .2rem .5rem;
}

.context-selector {
    max-width: 100%;
    min-width: 0;
    position: relative;
}

.context-selector-loading,
.context-selector-button {
    align-items: center;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 8px;
    color: #e5f3ff;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    max-width: 260px;
    min-width: 0;
    padding: .48rem .65rem;
}

.context-selector-button {
    cursor: pointer;
    width: 100%;
}

.context-selector-button strong,
.context-selector-button small,
.context-selector-item strong,
.context-selector-item small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.context-selector-button strong,
.context-selector-item strong {
    font-size: .82rem;
    font-weight: 900;
}

.context-selector-button small,
.context-selector-item small {
    color: #9fb5c6;
    font-size: .72rem;
    font-weight: 700;
}

.context-selector-caret {
    color: #4bd3ff;
    flex: 0 0 auto;
    font-size: .75rem;
    font-weight: 900;
}

.context-selector-menu {
    background: #07111f;
    border: 1px solid rgba(75, 211, 255, .18);
    border-radius: 8px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .24);
    display: grid;
    gap: .25rem;
    min-width: 260px;
    padding: .45rem;
    position: absolute;
    right: 0;
    top: calc(100% + .45rem);
    z-index: 50;
}

.context-selector-item {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: #e5f3ff;
    cursor: pointer;
    display: grid;
    gap: .5rem;
    grid-template-columns: 18px minmax(0, 1fr);
    padding: .55rem .6rem;
    text-align: left;
}

.context-selector-item:hover,
.context-selector-item.active {
    background: rgba(75, 211, 255, .11);
}

.context-selector-item.inactive,
.context-selector-item:disabled {
    cursor: not-allowed;
    opacity: .55;
}

.context-selector-item.inactive:hover,
.context-selector-item:disabled:hover {
    background: transparent;
}

.context-selector-section {
    border-top: 1px solid rgba(255, 255, 255, .09);
    color: #7f94a6;
    font-size: .72rem;
    font-weight: 900;
    margin-top: .25rem;
    padding: .55rem .6rem .25rem;
    text-transform: uppercase;
}

.client-shell .content {
    gap: 1rem;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
    padding: clamp(1rem, 3vw, 1.5rem);
}

.client-shell .main {
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
}

.client-shell .portal-card-grid,
.client-shell .profile-grid,
.client-shell .panel,
.client-shell .portal-card,
.client-shell .table-wrap {
    max-width: 100%;
    min-width: 0;
}

.client-shell .page-heading h2 {
    color: #0f172a;
    font-size: clamp(1.65rem, 4vw, 2.35rem);
    font-weight: 900;
}

.client-shell .panel,
.client-shell .portal-card {
    box-shadow: 0 16px 42px rgba(15, 23, 42, .06);
}

.client-shell .portal-hero-panel {
    background:
        linear-gradient(135deg, rgba(7, 17, 31, .96), rgba(15, 34, 52, .94)),
        #07111f;
    border-color: rgba(75, 211, 255, .16);
    color: white;
    padding: clamp(1rem, 3vw, 1.4rem);
}

.client-shell .portal-hero-panel h3 {
    color: white;
    font-size: clamp(1.45rem, 4vw, 2rem);
}

.client-shell .portal-hero-panel p,
.client-shell .portal-hero-panel .eyebrow {
    color: rgba(255, 255, 255, .76);
}

.client-shell .product-card-main {
    background:
        linear-gradient(135deg, rgba(75, 211, 255, .08), rgba(255, 255, 255, .96)),
        white;
    border-color: rgba(75, 211, 255, .32);
}

.tenant-selector {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: .75rem;
    padding: 1rem;
}

.tenant-selector-compact {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: .65rem .8rem;
}

.tenant-selector-label span {
    color: var(--muted);
    display: block;
    font-size: .74rem;
    font-weight: 900;
    text-transform: uppercase;
}

.tenant-selector-label small {
    color: var(--muted);
}

.tenant-selector-control {
    min-width: min(100%, 320px);
}

.standx-shell {
    --standx-color-primary: #18d5c3;
    --standx-color-primary-hover: #3be7d6;
    --standx-color-primary-active: #0fb7a8;
    --standx-color-primary-soft: rgba(24, 213, 195, .14);
    --standx-color-secondary: #263244;
    --standx-color-accent: #68e8ff;
    --standx-color-success: #22c55e;
    --standx-color-warning: #f59e0b;
    --standx-color-danger: #b91c1c;
    --standx-color-info: #3b82f6;
    --standx-color-neutral: #94a3b8;
    --standx-color-background: #07111f;
    --standx-color-surface: #0b1728;
    --standx-color-card: #101d2f;
    --standx-color-sidebar: #050d18;
    --standx-color-header: rgba(7, 17, 31, .92);
    --standx-color-border: rgba(148, 163, 184, .18);
    --standx-color-divider: rgba(148, 163, 184, .14);
    --standx-color-text-primary: #f4f8fb;
    --standx-color-text-secondary: #c5d1de;
    --standx-color-text-muted: #7f8da1;
    --standx-color-disabled: rgba(148, 163, 184, .42);
    --standx-color-focus: rgba(104, 232, 255, .34);
    --standx-color-selection: rgba(24, 213, 195, .24);
    --standx-color-overlay: rgba(2, 6, 23, .72);
    --standx-sidebar: var(--standx-color-sidebar);
    --standx-accent: var(--standx-color-primary);
    --standx-accent-2: var(--standx-color-accent);
    --standx-font-family: Inter, "Segoe UI", Arial, sans-serif;
    --standx-font-size-heading-xl: 2rem;
    --standx-font-size-heading-lg: 1.5rem;
    --standx-font-size-heading-md: 1.16rem;
    --standx-font-size-body: .95rem;
    --standx-font-size-body-sm: .86rem;
    --standx-font-size-caption: .74rem;
    --standx-font-weight-regular: 500;
    --standx-font-weight-medium: 700;
    --standx-font-weight-strong: 850;
    --standx-font-weight-display: 950;
    --standx-line-height-tight: 1.1;
    --standx-line-height-body: 1.5;
    --standx-letter-spacing: 0;
    --standx-radius-sm: 6px;
    --standx-radius-md: 8px;
    --standx-radius-lg: 12px;
    --standx-radius-pill: 999px;
    --standx-space-4: .25rem;
    --standx-space-8: .5rem;
    --standx-space-12: .75rem;
    --standx-space-16: 1rem;
    --standx-space-24: 1.5rem;
    --standx-space-32: 2rem;
    --standx-space-48: 3rem;
    --standx-space-64: 4rem;
    --standx-shadow-sm: 0 8px 22px rgba(0, 0, 0, .18);
    --standx-shadow-md: 0 18px 48px rgba(0, 0, 0, .24);
    --standx-shadow-lg: 0 28px 80px rgba(0, 0, 0, .34);
    --standx-shadow-floating: 0 24px 90px rgba(0, 0, 0, .42);
    --standx-motion-fast: 120ms;
    --standx-motion-base: 180ms;
    --standx-motion-slow: 260ms;
    --standx-motion-loading: 1400ms;
    background: var(--standx-color-background);
    color: var(--standx-color-text-primary);
    display: grid;
    font-family: var(--standx-font-family);
    grid-template-columns: 272px minmax(0, 1fr);
    min-height: 100vh;
}

.standx-sidebar {
    background: var(--standx-color-sidebar);
    border-right: 1px solid var(--standx-color-border);
    color: var(--standx-color-text-primary);
    height: 100vh;
    position: sticky;
    top: 0;
}

.standx-brand {
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    display: flex;
    gap: .85rem;
    padding: 1.1rem 1rem;
}

.standx-brand strong,
.standx-brand span {
    display: block;
}

.standx-brand span {
    color: #a9c3ba;
    font-size: .82rem;
}

.standx-brand strong {
    font-size: 1.22rem;
    letter-spacing: 0;
}

.standx-brand .standx-ecosystem {
    color: #77d5b9;
    font-size: .7rem;
    font-weight: 900;
    text-transform: uppercase;
}

.standx-mark {
    align-items: center;
    background: var(--standx-color-primary);
    border-radius: 8px;
    color: #04111f;
    display: inline-flex;
    font-weight: 900;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.standx-mark-sm {
    flex: 0 0 auto;
    height: 38px;
    width: 38px;
}

.standx-nav {
    display: grid;
    gap: .35rem;
    padding: .85rem;
}

.standx-nav-link {
    border-left: 3px solid transparent;
    border-radius: 6px;
    color: #d9e8e2;
    font-weight: 700;
    padding: .78rem .9rem;
    text-decoration: none;
}

.standx-nav-link:hover,
.standx-nav-link.active {
    background: var(--standx-color-primary-soft);
    border-left-color: var(--standx-color-primary);
    color: var(--standx-color-text-primary);
}

.standx-main {
    min-width: 0;
}

.standx-topbar {
    align-items: center;
    background: var(--standx-color-header);
    border-bottom: 1px solid var(--standx-color-border);
    color: var(--standx-color-text-primary);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    min-height: 76px;
    padding: 0 1.5rem;
}

.standx-topbar-identity,
.standx-topbar-product {
    align-items: center;
    display: flex;
    gap: .75rem;
    min-width: 0;
}

.standx-topbar-identity {
    align-items: flex-start;
    flex-direction: column;
    gap: .35rem;
}

.standx-topbar h1 {
    font-size: 1.16rem;
    margin: 0;
}

.standx-stand-meta {
    align-items: center;
    color: var(--muted);
    display: flex;
    flex-wrap: wrap;
    font-size: .86rem;
    gap: .45rem;
}

.status-compact {
    font-size: .72rem;
    padding: .18rem .48rem;
}

.standx-public-website {
    background: #f8fbfb;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: .15rem;
    min-width: 190px;
    padding: .55rem .7rem;
}

.standx-public-website span {
    color: var(--muted);
    font-size: .72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.standx-public-website a,
.standx-public-website strong {
    color: #164e63;
    font-size: .9rem;
    font-weight: 900;
    text-decoration: none;
}

.standx-public-website a:hover {
    text-decoration: underline;
}

.standx-public-unpublished {
    color: #8a5a12 !important;
}

.standx-topbar-actions {
    align-items: center;
    display: flex;
    gap: .75rem;
}

.standx-content {
    display: grid;
    gap: 1rem;
    padding: 1.25rem;
}

.standx-metric-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.standx-url-panel {
    align-items: center;
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem;
}

.standx-url-panel span {
    color: var(--muted);
    font-weight: 800;
}

.standx-url-panel a {
    color: var(--accent-strong);
    font-weight: 800;
    text-decoration: none;
}

.standx-dashboard-grid {
    padding: 0;
}

.standx-filters {
    background: #f8fafb;
    border-bottom: 1px solid var(--line);
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(5, minmax(150px, 1fr));
    padding: 1rem;
}

.standx-filters-wide {
    grid-template-columns: repeat(6, minmax(140px, 1fr));
}

.standx-check {
    align-items: center;
    color: var(--muted);
    display: flex;
    font-weight: 700;
    gap: .5rem;
}

.standx-image-cell {
    align-items: center;
    display: grid;
    gap: .45rem;
    min-width: 220px;
}

.standx-logo-preview {
    background: white;
    border: 1px solid var(--line);
    border-radius: 8px;
    max-height: 88px;
    max-width: 220px;
    object-fit: contain;
    padding: .5rem;
}

.standx-form-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.standx-empty {
    min-height: 260px;
}

.standx-stock-table {
    min-width: 1180px;
}

.standx-thumb,
.standx-thumb-placeholder {
    aspect-ratio: 4 / 3;
    border-radius: 6px;
    height: 58px;
    width: 78px;
}

.standx-thumb {
    background: #eef2f5;
    object-fit: cover;
}

.standx-thumb-placeholder {
    align-items: center;
    background: #eef2f5;
    color: var(--muted);
    display: inline-flex;
    font-size: .72rem;
    font-weight: 800;
    justify-content: center;
    text-align: center;
}

.standx-table-link {
    color: var(--accent-strong);
    font-weight: 800;
    text-decoration: none;
}

.standx-table-link:hover {
    text-decoration: underline;
}

.standx-row-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    min-width: 260px;
}

.standx-vehicle-form {
    max-width: 980px;
}

.standx-equipment-editor {
    border-block: 1px solid var(--line);
    display: grid;
    gap: 1rem;
    padding-block: 1.25rem;
}

.standx-equipment-summary {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.standx-equipment-chip {
    align-items: center;
    background: #eef7f3;
    border: 1px solid #bfdfd1;
    border-radius: 8px;
    color: #174f3d;
    cursor: pointer;
    display: inline-flex;
    gap: .55rem;
    min-height: 38px;
    padding: .45rem .65rem;
}

.standx-equipment-chip strong {
    font-size: .8rem;
}

.standx-equipment-categories {
    display: grid;
    gap: .65rem;
}

.standx-equipment-category {
    border: 1px solid var(--line);
    border-radius: 8px;
    overflow: hidden;
}

.standx-equipment-category summary {
    align-items: center;
    background: #f8fafb;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    min-height: 48px;
    padding: .75rem 1rem;
}

.standx-equipment-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.standx-equipment-option {
    align-items: center;
    border-top: 1px solid var(--line);
    display: grid;
    gap: .2rem .6rem;
    grid-template-columns: auto 1fr;
    min-height: 52px;
    padding: .65rem .85rem;
}

.standx-equipment-option:nth-child(odd) {
    border-right: 1px solid var(--line);
}

.standx-equipment-option input {
    grid-row: 1 / span 2;
    height: 20px;
    width: 20px;
}

.standx-equipment-option small {
    color: var(--muted);
}

.standx-equipment-readonly-grid,
.storefront-equipment-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.standx-equipment-readonly-group,
.storefront-equipment-group {
    border-top: 2px solid var(--accent, #1f7a5f);
    padding-top: .75rem;
}

.standx-equipment-readonly-group h4,
.storefront-equipment-group h3 {
    font-size: 1rem;
    margin: 0 0 .65rem;
}

.standx-equipment-readonly-group ul,
.storefront-equipment-group ul {
    display: grid;
    gap: .45rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.standx-gallery-panel {
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.standx-gallery-grid {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.standx-gallery-grid img {
    aspect-ratio: 16 / 10;
    background: #eef2f5;
    border-radius: 8px;
    object-fit: cover;
    width: 100%;
}

.standx-media-status {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 1rem;
}

.standx-media-status article {
    background: #f8fafb;
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: .9rem;
}

.standx-media-status span {
    color: var(--muted);
    display: block;
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.standx-media-status strong {
    display: block;
    font-size: 1.35rem;
    margin-top: .2rem;
}

.standx-media-status article.is-complete,
.standx-media-page-summary article.is-complete,
.standx-publication-panel.is-complete {
    border-color: #9bd3b8;
    background: #f0fbf5;
}

.standx-media-status article.is-missing,
.standx-media-page-summary article.is-missing,
.standx-publication-panel.is-missing {
    border-color: #f0b4a9;
    background: #fff5f3;
}

.standx-media-status article.is-warning,
.standx-media-page-summary article.is-warning,
.standx-publication-panel.is-warning {
    border-color: #f2c879;
    background: #fff8eb;
}

.standx-media-dashboard {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.standx-media-landing-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 1rem;
}

.standx-media-landing-card {
    background: white;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    overflow: hidden;
}

.standx-media-card-image {
    aspect-ratio: 16 / 10;
    background: #eef2f5;
    height: auto;
    object-fit: cover;
    width: 100%;
}

.standx-media-card-body {
    display: grid;
    gap: .85rem;
    padding: 1rem;
}

.standx-media-card-body h3 {
    font-size: 1.05rem;
    margin: 0;
}

.standx-media-card-body p {
    color: var(--muted);
    margin: .2rem 0 0;
}

.standx-media-page-summary {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 1rem;
}

.standx-media-page-summary article {
    background: white;
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 1rem;
}

.standx-media-page-summary span {
    color: var(--muted);
    display: block;
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.standx-media-page-summary strong {
    display: block;
    font-size: 1.35rem;
    margin-top: .2rem;
}

.status-warning {
    background: #fff7e8;
    border-color: #f2c879;
    color: #83560a;
}

.standx-media-page-next,
.standx-media-next-action,
.standx-media-card-readiness,
.standx-media-action-panel {
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: .35rem;
}

.standx-media-page-next,
.standx-media-next-action {
    background: white;
    margin-bottom: 1rem;
    padding: 1rem;
}

.standx-media-next-action {
    align-items: center;
    grid-template-columns: minmax(0, 1fr) minmax(180px, 260px);
    margin: 0 1rem 1rem;
}

.standx-media-page-next > span,
.standx-media-next-action span,
.standx-media-card-readiness span,
.standx-media-action-panel span,
.standx-editor-media-readiness span {
    color: var(--muted);
    display: block;
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.standx-media-page-next strong,
.standx-media-next-action strong,
.standx-media-card-readiness strong,
.standx-media-action-panel strong,
.standx-editor-media-readiness strong {
    color: #16202a;
    display: block;
}

.standx-media-page-next p,
.standx-media-next-action p,
.standx-media-card-readiness span,
.standx-media-action-panel p,
.standx-editor-media-readiness p {
    color: var(--muted);
    margin: 0;
}

.standx-media-page-next.is-complete,
.standx-media-next-action.is-complete,
.standx-media-card-readiness.is-complete,
.standx-media-action-panel.is-complete {
    background: #f0fbf5;
    border-color: #9bd3b8;
}

.standx-media-page-next.is-missing,
.standx-media-next-action.is-missing,
.standx-media-card-readiness.is-missing,
.standx-media-action-panel.is-missing {
    background: #fff5f3;
    border-color: #f0b4a9;
}

.standx-media-page-next.is-warning,
.standx-media-next-action.is-warning,
.standx-media-card-readiness.is-warning,
.standx-media-action-panel.is-warning {
    background: #fff8eb;
    border-color: #f2c879;
}

.standx-media-main-preview {
    display: grid;
    gap: .35rem;
}

.standx-media-main-preview img {
    aspect-ratio: 16 / 10;
    border-radius: 8px;
    object-fit: cover;
    width: 100%;
}

.standx-media-alert {
    margin: 0 1rem;
}

.standx-media-alert ul {
    margin: .4rem 0 0;
}

.standx-upload-row {
    align-items: end;
    border-top: 1px solid var(--line);
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(260px, 1fr) minmax(180px, 280px);
    padding: 1rem;
}

.standx-upload-row label,
.standx-gallery-card-body label {
    display: grid;
    gap: .35rem;
}

.standx-upload-row label > span,
.standx-gallery-card-body label > span {
    color: var(--muted);
    font-size: .8rem;
    font-weight: 800;
    text-transform: uppercase;
}

.standx-photo-guidance {
    background: #f8fafc;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: .65rem;
    margin: 0 1rem 1rem;
    padding: .9rem 1rem;
}

.standx-photo-guidance-list {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.standx-photo-guidance-list span {
    background: white;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: #334155;
    font-size: .85rem;
    font-weight: 700;
    padding: .35rem .65rem;
}

.standx-upload-zone {
    background: #f8fafc;
    border: 1px dashed #9fb0c1;
    border-radius: 8px;
    padding: .85rem;
}

.standx-upload-zone small {
    color: var(--muted);
}

.standx-upload-progress {
    display: grid;
    gap: .45rem;
    margin: 0 1rem 1rem;
}

.standx-upload-progress-label {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

.standx-upload-progress-track {
    background: #e8eef3;
    border-radius: 999px;
    height: .65rem;
    overflow: hidden;
}

.standx-upload-progress-track span {
    background: var(--accent);
    display: block;
    height: 100%;
}

.standx-gallery-empty {
    align-items: center;
    background: #f8fafb;
    border: 1px dashed #bfcbd6;
    border-radius: 8px;
    color: var(--muted);
    display: grid;
    gap: .25rem;
    margin: 1rem;
    min-height: 160px;
    padding: 1rem;
    place-items: center;
    text-align: center;
}

.standx-gallery-manager {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 1rem;
}

.standx-gallery-card {
    background: white;
    border: 1px solid var(--line);
    border-radius: 8px;
    overflow: hidden;
}

.standx-gallery-card.is-main {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px rgba(31, 122, 95, .14);
}

.standx-gallery-card.is-featured {
    grid-column: span 2;
}

.standx-gallery-card.is-featured .standx-gallery-image-wrap img {
    aspect-ratio: 16 / 9;
}

.standx-gallery-image-wrap {
    background: #eef2f5;
    position: relative;
}

.standx-gallery-image-wrap img {
    aspect-ratio: 16 / 10;
    display: block;
    object-fit: cover;
    width: 100%;
}

.standx-main-badge,
.standx-order-badge {
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 800;
    padding: .2rem .55rem;
    position: absolute;
    top: .6rem;
}

.standx-main-badge {
    background: var(--accent);
    color: white;
    left: .6rem;
}

.standx-order-badge {
    background: rgba(16, 24, 32, .82);
    color: white;
    right: .6rem;
}

.standx-gallery-card-body {
    display: grid;
    gap: .75rem;
    padding: .9rem;
}

.standx-gallery-card-kicker {
    align-items: start;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

.standx-gallery-card-kicker span {
    color: var(--muted);
    text-align: right;
}

.standx-gallery-actions {
    display: grid;
    gap: .45rem;
}

.standx-gallery-action-group {
    display: grid;
    gap: .45rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.standx-gallery-action-group-primary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.standx-gallery-actions .btn {
    min-height: 2.25rem;
    white-space: normal;
}

.standx-media-group {
    align-content: start;
}

.standx-media-vehicle-list {
    display: grid;
    gap: .65rem;
}

.standx-media-vehicle {
    align-items: center;
    border: 1px solid var(--line);
    border-radius: 8px;
    color: inherit;
    display: grid;
    gap: .75rem;
    grid-template-columns: 78px minmax(0, 1fr) auto;
    padding: .65rem;
    text-decoration: none;
}

.standx-media-vehicle:hover {
    border-color: var(--accent);
}

.standx-media-vehicle span {
    display: grid;
    gap: .15rem;
}

.standx-media-vehicle small {
    color: var(--muted);
}

.standx-media-vehicle em {
    color: var(--accent-strong);
    font-style: normal;
    font-weight: 800;
}

.standx-storefront-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 1rem;
}

.standx-readiness-list {
    display: grid;
    gap: .65rem;
    padding: 1rem;
}

.standx-readiness-item {
    align-items: center;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    padding: .75rem .85rem;
}

.standx-readiness-item strong {
    min-width: 0;
}

.standx-readiness-item span {
    border-radius: 999px;
    font-size: .76rem;
    font-weight: 800;
    padding: .2rem .55rem;
}

.standx-readiness-item.complete {
    background: #f0faf6;
    border-color: #b8dfd0;
}

.standx-readiness-item.complete span {
    background: #dff4ec;
    color: var(--accent-strong);
}

.standx-readiness-item.warning {
    background: #fffaf0;
    border-color: #f2d49c;
}

.standx-readiness-item.warning span {
    background: #fff0cd;
    color: #83560a;
}

.standx-readiness-item.missing {
    background: #fff5f5;
    border-color: #f1b4b4;
}

.standx-readiness-item.missing span {
    background: #ffe0e0;
    color: #9b2c2c;
}

.standx-storefront-preview {
    --standx-preview-color: var(--accent);
    background: linear-gradient(135deg, color-mix(in srgb, var(--standx-preview-color) 12%, white), #ffffff);
    border-bottom: 1px solid var(--line);
    display: grid;
    gap: .55rem;
    min-height: 260px;
    padding: 1.25rem;
}

.standx-storefront-preview h3 {
    font-size: 1.75rem;
    margin: 0;
}

.standx-storefront-preview p {
    color: var(--muted);
    margin: 0;
}

.standx-storefront-preview small {
    color: var(--text);
    font-weight: 700;
}

.standx-preview-box {
    background: #f8fafb;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: .25rem;
    padding: .85rem;
}

.standx-preview-box span {
    color: var(--muted);
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.standx-preview-box strong {
    word-break: break-word;
}

.standx-domain-status {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.standx-domain-status span {
    background: #eef2f5;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--muted);
    font-size: .78rem;
    font-weight: 800;
    padding: .28rem .65rem;
}

.standx-seo-preview {
    display: grid;
    gap: .25rem;
    padding: 1rem;
}

.standx-seo-preview span {
    color: #1a7f37;
    font-size: .84rem;
}

.standx-seo-preview strong {
    color: #1a0dab;
    font-size: 1.2rem;
    font-weight: 500;
}

.standx-seo-preview p {
    color: #4d5156;
    margin: 0;
}

.standx-sticky-save {
    align-items: center;
    background: rgba(255, 255, 255, .96);
    border: 1px solid var(--line);
    border-radius: 8px;
    bottom: 1rem;
    box-shadow: 0 12px 34px rgba(23, 33, 43, .12);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: .9rem 1rem;
    position: sticky;
}

.standx-sticky-save div {
    display: grid;
    gap: .15rem;
}

.standx-sticky-save span {
    color: var(--muted);
    font-size: .85rem;
}

.standx-detail-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
}

.standx-lead-filters {
    background: #f8fafb;
    border-bottom: 1px solid var(--line);
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(220px, 1.4fr) repeat(6, minmax(130px, 1fr));
    padding: 1rem;
}

.standx-lead-action-summary {
    background: #f8fbff;
    border-bottom: 1px solid #d6e6fb;
    border-top: 1px solid #d6e6fb;
    display: grid;
    gap: .2rem;
    padding: .85rem 1rem;
}

.standx-lead-action-summary strong {
    color: #173f73;
}

.standx-lead-action-summary span {
    color: #52667b;
    font-size: .88rem;
}

.standx-lead-table {
    min-width: 1180px;
}

.standx-lead-table th,
.standx-lead-table td {
    vertical-align: top;
}

.standx-lead-table td {
    line-height: 1.35;
}

.standx-lead-row-priority td:first-child {
    box-shadow: inset 4px 0 0 #1d4f91;
}

.standx-lead-row-followup td:first-child {
    box-shadow: inset 4px 0 0 #c76a14;
}

.standx-lead-person,
.standx-contact-stack {
    display: grid;
    gap: .28rem;
}

.standx-contact-stack span,
.standx-lead-table td small {
    color: var(--muted);
    display: block;
}

.standx-meta-pill,
.lead-priority {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: .74rem;
    font-weight: 900;
    line-height: 1.1;
    padding: .24rem .56rem;
    width: fit-content;
}

.standx-meta-pill {
    background: #f1f5f9;
    color: #475569;
}

.lead-priority {
    background: #f8fafc;
    border: 1px solid #dbe3ec;
    color: #475569;
}

.lead-priority-high {
    background: #e8f2ff;
    border-color: #b7d4ff;
    color: #1d4f91;
}

.lead-priority-medium {
    background: #fff7ed;
    border-color: #fed7aa;
    color: #9a3412;
}

.lead-priority-done {
    background: #e7f8ed;
    border-color: #bbebcd;
    color: #166534;
}

.lead-status {
    border-radius: 999px;
    display: inline-flex;
    font-size: .76rem;
    font-weight: 900;
    padding: .22rem .6rem;
}

.lead-status-new {
    background: #e8f2ff;
    color: #1d4f91;
}

.lead-status-contacted {
    background: #f0faf6;
    color: #17664f;
}

.lead-status-qualified {
    background: #eef2ff;
    color: #4338ca;
}

.lead-status-converted {
    background: #e7f8ed;
    color: #166534;
}

.lead-status-closed {
    background: #eef2f5;
    color: #4b5563;
}

.lead-status-spam {
    background: #fff0f0;
    color: #9b2c2c;
}

.standx-lead-card-list {
    display: none;
}

.standx-lead-card {
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: 8px;
    color: inherit;
    display: grid;
    gap: .75rem;
    padding: .85rem;
}

.standx-lead-card-priority {
    border-left: 4px solid #1d4f91;
}

.standx-lead-card-followup {
    border-left: 4px solid #c76a14;
}

.standx-lead-card-top,
.standx-lead-card-footer {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

.standx-lead-card-top > div,
.standx-lead-card p {
    display: grid;
    gap: .2rem;
    min-width: 0;
}

.standx-lead-card-top small,
.standx-lead-card p,
.standx-lead-card p span,
.standx-lead-card-footer {
    color: var(--muted);
    margin: 0;
}

.standx-card-context {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.standx-lead-card-footer .btn {
    flex: 0 0 auto;
}

.standx-lead-followup-panel {
    margin-bottom: 1rem;
}

.standx-lead-action-grid {
    align-items: stretch;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    padding: 1rem;
}

.standx-next-action {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    display: grid;
    gap: .25rem;
    padding: .85rem;
}

.standx-next-action span,
.standx-next-action small {
    color: var(--muted);
    font-size: .82rem;
}

.standx-next-action span {
    font-weight: 900;
    text-transform: uppercase;
}

.standx-next-action strong {
    color: #111827;
    font-size: 1.12rem;
}

.standx-followup-context {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.standx-followup-context div {
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: .2rem;
    min-width: 0;
    padding: .7rem;
}

.standx-followup-context span {
    color: var(--muted);
    font-size: .76rem;
    font-weight: 900;
    text-transform: uppercase;
}

.standx-followup-context strong {
    color: #111827;
    overflow-wrap: anywhere;
}

.standx-followup-actions {
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    grid-column: 1 / -1;
    padding: 0;
}

.standx-lead-status-editor {
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.standx-lead-notes-panel {
    display: grid;
    gap: 1rem;
}

.standx-note-composer {
    border-bottom: 1px solid var(--line);
    display: grid;
    gap: .75rem;
    padding: 1rem;
}

.standx-note-composer label {
    display: grid;
    gap: .35rem;
}

.standx-note-composer label > span {
    color: var(--muted);
    font-size: .78rem;
    font-weight: 900;
    text-transform: uppercase;
}

.standx-note-composer .btn {
    justify-self: start;
}

.standx-notes-list {
    display: grid;
    gap: .75rem;
    padding: 0 1rem 1rem;
}

.standx-note-item {
    background: #f8fafc;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: .75rem;
    padding: .9rem 1rem;
}

.standx-note-item p {
    color: #172033;
    margin: 0;
    white-space: pre-wrap;
}

.standx-note-item footer {
    align-items: center;
    color: var(--muted);
    display: flex;
    flex-wrap: wrap;
    font-size: .82rem;
    gap: .45rem;
    justify-content: space-between;
}

.standx-note-item footer span {
    font-weight: 800;
}

.standx-lead-status-editor label {
    display: grid;
    gap: .35rem;
}

.standx-lead-status-editor label > span {
    color: var(--muted);
    font-size: .8rem;
    font-weight: 800;
    text-transform: uppercase;
}

.standx-status-progress {
    display: grid;
    gap: .5rem;
}

.standx-status-progress > span,
.standx-status-progress small {
    color: var(--muted);
    font-size: .8rem;
    font-weight: 800;
}

.standx-status-progress > span {
    text-transform: uppercase;
}

.standx-status-steps {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.standx-status-step {
    background: #f1f5f9;
    border: 1px solid #dbe3ec;
    border-radius: 999px;
    color: #64748b;
    font-size: .74rem;
    font-weight: 900;
    padding: .26rem .58rem;
}

.standx-status-step.complete {
    background: #e7f8ed;
    border-color: #bbebcd;
    color: #166534;
}

.standx-status-step.current {
    background: #e8f2ff;
    border-color: #b7d4ff;
    color: #1d4f91;
}

.standx-status-terminal {
    align-items: center;
    background: #fff8eb;
    border: 1px solid #f2c879;
    border-radius: 8px;
    display: flex;
    gap: .5rem;
    justify-content: space-between;
    padding: .65rem .75rem;
}

.standx-status-terminal span {
    color: var(--muted);
    font-size: .76rem;
    font-weight: 900;
    text-transform: uppercase;
}

.standx-status-terminal strong {
    color: #83560a;
}

.standx-lead-vehicle-card {
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.standx-lead-vehicle-image {
    aspect-ratio: 16 / 10;
    background: #eef2f5;
    border-radius: 8px;
    height: auto;
    object-fit: cover;
    width: 100%;
}

.standx-recent-leads {
    display: grid;
    gap: .65rem;
}

.standx-recent-leads a {
    border: 1px solid var(--line);
    border-radius: 8px;
    color: inherit;
    display: grid;
    gap: .15rem;
    padding: .75rem;
    text-decoration: none;
}

.standx-recent-leads a:hover {
    border-color: var(--accent);
}

.standx-recent-leads span,
.standx-recent-leads small {
    color: var(--muted);
}

@media (max-width: 900px) {
    .app-shell,
    .area-shell,
    .standx-shell {
        grid-template-columns: 1fr;
    }

    .sidebar,
    .area-sidebar,
    .standx-sidebar {
        height: auto;
        position: static;
    }

    .side-nav,
    .standx-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .client-shell .brand-lockup {
        min-height: 64px;
        padding: .65rem .85rem;
    }

    .client-shell .area-sidebar {
        display: none;
    }

    .admin-shell .area-sidebar {
        display: none;
    }

    .client-brand-logo {
        height: 38px;
        width: 38px;
    }

    .client-wordmark {
        font-size: 1rem;
        max-width: min(58vw, 230px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .tenant-selector-compact {
        align-items: stretch;
        flex-direction: column;
    }

    .tenant-selector-control {
        min-width: 0;
        width: 100%;
    }

    .metric-grid,
    .standx-metric-grid,
    .catalog-center-governance,
    .catalog-center-form,
    .products-admin-form,
    .catalog-center-filters,
    .products-center-filters,
    .products-center-layout,
    .catalog-reference-grid,
    .catalog-link-grid,
    .customer-dashboard-hero,
    .customer-dashboard-context,
    .customer-summary-grid,
    .customer-dashboard-grid,
    .customer-action-grid,
    .customer-health-grid,
    .application-hub-hero,
    .application-hub-layout,
    .application-product-grid,
    .application-product-meta,
    .product-context-status,
    .product-context-grid,
    .product-context-checks,
    .product-launch-card-top,
    .portal-hero-panel,
    .wizard-steps,
    .two-column,
    .three-column,
    .review-grid,
    .inline-form,
    .choice-grid,
    .service-card-grid,
    .portal-card-grid,
    .plan-card-grid,
    .profile-grid,
    .hero-section,
    .feature-grid,
    .storefront-hero,
    .vehicle-card-grid,
    .storefront-filters,
    .vehicle-detail-hero {
        grid-template-columns: 1fr;
    }

    .standx-filters,
    .standx-filters-wide,
    .standx-detail-grid,
    .standx-lead-action-grid,
    .standx-lead-filters,
    .standx-gallery-grid,
    .standx-media-status,
    .standx-media-dashboard,
    .standx-media-landing-grid,
    .standx-media-page-summary,
    .standx-upload-row,
    .standx-gallery-manager,
    .standx-media-vehicle,
    .standx-storefront-grid {
        grid-template-columns: 1fr;
    }

    .standx-gallery-card.is-featured {
        grid-column: span 1;
    }

    .standx-followup-context {
        grid-template-columns: 1fr;
    }

    .standx-lead-table-wrap {
        display: none;
    }

    .standx-lead-card-list {
        display: grid;
        gap: .75rem;
        padding: 1rem;
    }

    .standx-lead-card-top,
    .standx-lead-card-footer {
        align-items: stretch;
        display: grid;
    }

    .standx-lead-card-footer .btn {
        width: 100%;
    }

    .standx-note-composer .btn {
        justify-self: stretch;
    }

    .standx-note-item footer {
        align-items: flex-start;
        display: grid;
        justify-content: start;
    }

    .standx-sticky-save {
        align-items: stretch;
        flex-direction: column;
    }

    .topbar,
    .page-heading,
    .standx-topbar {
        align-items: flex-start;
        flex-direction: column;
        padding: 1rem;
    }

    .standx-public-website,
    .standx-topbar-actions {
        width: 100%;
    }

    .standx-topbar-actions {
        flex-wrap: wrap;
    }

    .catalog-center-form-span,
    .products-admin-form-span {
        grid-column: auto;
    }

    .admin-shell .topbar {
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        gap: .75rem;
        justify-content: space-between;
        min-height: 62px;
        padding: .75rem 1rem;
    }

    .admin-shell .topbar > div:first-child {
        min-width: 0;
    }

    .admin-shell .topbar h1 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .admin-shell .topbar-actions {
        flex: 1 1 100%;
        gap: .45rem;
        justify-content: space-between;
        width: 100%;
    }

    .admin-shell .topbar-actions > .context-selector {
        flex: 1 1 auto;
    }

    .admin-shell .topbar-actions > .context-selector .context-selector-button,
    .admin-shell .topbar-actions > .context-selector .context-selector-loading {
        max-width: 100%;
    }

    .admin-shell .topbar-actions > .context-selector .context-selector-menu {
        left: 0;
        min-width: 0;
        right: 0;
        width: 100%;
    }

    .admin-shell .navigation-user-menu {
        flex: 0 0 auto;
        gap: .45rem;
    }

    .admin-shell .navigation-user-menu > .language-flags,
    .admin-shell .navigation-user-menu > .btn {
        display: none;
    }

    .admin-shell .nav-toggle.platform-menu-toggle {
        display: inline-flex;
    }

    .platform-mobile-menu {
        display: flex;
        flex-direction: column;
    }

    .platform-mobile-menu .context-selector {
        width: 100%;
    }

    .platform-mobile-menu .context-selector-button,
    .platform-mobile-menu .context-selector-loading {
        max-width: 100%;
    }

    .platform-mobile-menu .context-selector-menu {
        min-width: 0;
        position: static;
        width: 100%;
    }

    .platform-mobile-language {
        display: block;
    }

    .platform-mobile-menu .nav-link {
        border-left: 3px solid transparent;
        color: #dce6ee;
        font-size: .92rem;
        font-weight: 800;
        padding: .62rem .75rem;
    }

    .platform-mobile-menu .nav-link:hover,
    .platform-mobile-menu .nav-link.active {
        background: rgba(75, 211, 255, .11);
        border-left-color: #4bd3ff;
        color: white;
    }

    .public-nav {
        grid-template-columns: 1fr;
        padding: 1rem;
        position: static;
    }

    .public-nav nav,
    .public-actions,
    .contact-band {
        align-items: flex-start;
        flex-direction: column;
    }

    .auth-topbar {
        align-items: flex-start;
        flex-direction: column;
        gap: 1rem;
    }

    .login-shell .auth-topbar {
        align-items: center;
        flex-direction: row;
        gap: .75rem;
        padding: .7rem 1rem;
    }

    .auth-content {
        min-height: auto;
        padding-top: 1rem;
    }

    .login-shell .auth-content {
        min-height: calc(100svh - 58px);
        padding: .5rem .75rem .75rem;
        place-items: start center;
    }

    .auth-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .login-card .auth-row {
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
    }

    .register-wizard-card {
        max-width: 100%;
        padding: .95rem;
    }

    .register-header {
        margin-bottom: .7rem;
    }

    .register-header h1 {
        font-size: 1.35rem;
    }

    .wizard-panel {
        gap: .62rem;
    }

    .wizard-actions {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .wizard-actions .btn {
        min-width: 0;
        padding-left: .45rem;
        padding-right: .45rem;
    }

    .wizard-actions .btn-primary {
        justify-self: stretch;
    }
}

.standx-home-hero {
    align-items: flex-start;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .07);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding: clamp(1rem, 3vw, 1.5rem);
}

.standx-home-hero h2 {
    color: #111827;
    font-size: clamp(1.65rem, 3vw, 2.25rem);
    line-height: 1.1;
    margin: .2rem 0 .45rem;
}

.standx-home-hero p {
    color: #4b5563;
    margin: 0;
    max-width: 680px;
}

.standx-home-warning {
    color: #9a3412 !important;
    font-weight: 800;
    margin-top: .75rem !important;
}

.standx-home-hero-actions {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.standx-home-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.standx-home-card {
    min-width: 0;
}

.standx-home-card .mini-list dd {
    overflow-wrap: anywhere;
}

.standx-home-counts {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 1rem;
}

.standx-home-counts div {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    min-width: 0;
    padding: .85rem;
}

.standx-home-counts span {
    color: #64748b;
    display: block;
    font-size: .8rem;
    font-weight: 800;
    margin-bottom: .35rem;
}

.standx-home-counts strong {
    color: #111827;
    display: block;
    font-size: 1.45rem;
    line-height: 1;
}

.standx-home-actions {
    margin-top: 1rem;
}

@media (max-width: 900px) {
    .standx-home-hero,
    .standx-home-hero-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .standx-home-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .standx-home-counts {
        grid-template-columns: 1fr;
    }
}

.standx-settings-hero {
    align-items: flex-start;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .07);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding: clamp(1rem, 3vw, 1.5rem);
}

.standx-settings-hero h2 {
    color: #111827;
    font-size: clamp(1.55rem, 3vw, 2.15rem);
    line-height: 1.1;
    margin: .2rem 0 .45rem;
}

.standx-settings-hero p {
    color: #4b5563;
    margin: 0;
    max-width: 680px;
}

.standx-settings-hero-actions {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    justify-content: flex-end;
}

.standx-settings-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.standx-settings-card {
    min-width: 0;
}

.standx-settings-wide {
    grid-column: 1 / -1;
}

.standx-settings-card .mini-list dd {
    overflow-wrap: anywhere;
}

.standx-branding-preview {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
    min-height: 132px;
    padding: 1rem;
}

.standx-branding-preview img {
    max-height: 92px;
    max-width: min(100%, 320px);
    object-fit: contain;
}

.standx-branding-stack {
    display: grid;
    gap: 1rem;
}

.standx-branding-stack > div {
    display: grid;
    gap: .5rem;
}

.standx-cover-preview {
    min-height: 180px;
}

.standx-cover-preview img {
    border-radius: 6px;
    height: 100%;
    max-height: none;
    max-width: 100%;
    object-fit: cover;
    width: 100%;
}

.standx-cover-actions {
    display: grid;
    gap: .75rem;
}

.standx-branding-placeholder,
.standx-unavailable-box {
    color: #64748b;
    font-weight: 800;
    text-align: center;
}

.standx-unavailable-box {
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    display: grid;
    gap: .25rem;
    padding: .9rem;
    text-align: left;
}

.standx-unavailable-box strong {
    color: #111827;
}

.standx-visibility-list {
    display: grid;
    gap: .75rem;
}

.standx-visibility-list .form-check {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    display: flex;
    gap: .65rem;
    min-height: 48px;
    padding: .75rem;
}

.standx-seo-description {
    display: grid;
    gap: .4rem;
    margin-top: 1rem;
}

@media (max-width: 900px) {
    .standx-settings-hero,
    .standx-settings-hero-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .standx-settings-hero-actions .btn {
        width: 100%;
    }

    .standx-settings-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 430px) {
    .standx-settings-card .quick-links,
    .standx-settings-card .two-column {
        grid-template-columns: 1fr;
    }

    .standx-sticky-save {
        align-items: stretch;
        flex-direction: column;
    }

    .standx-sticky-save .btn {
        width: 100%;
    }
}

.standx-vehicle-filters {
    grid-template-columns: minmax(220px, 1.5fr) minmax(150px, 1fr) minmax(160px, 1fr) auto;
}

.standx-stock-cards {
    display: none;
}

.standx-stock-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
}

.standx-stock-card-media {
    aspect-ratio: 16 / 10;
    background: #f1f5f9;
    display: flex;
    min-height: 160px;
    object-fit: cover;
    width: 100%;
}

.standx-stock-card-body {
    display: grid;
    gap: .9rem;
    padding: 1rem;
}

.standx-stock-card-body strong {
    color: #111827;
    display: block;
    font-size: 1rem;
}

.standx-stock-card-body span {
    color: #64748b;
    display: block;
    font-size: .9rem;
    margin-top: .15rem;
}

.standx-stock-table td small {
    color: #64748b;
    display: block;
    margin-top: .2rem;
}

.standx-publication-panel {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem;
}

.standx-publication-panel strong,
.standx-publication-panel span {
    display: block;
}

.standx-publication-panel span {
    color: #64748b;
    margin-top: .2rem;
}

.standx-editor-media-readiness {
    border-top: 1px solid rgba(15, 23, 42, .1);
    display: grid;
    gap: .25rem;
    margin-top: .8rem;
    padding-top: .8rem;
}

.standx-editor-media-readiness small,
.standx-media-action-panel small {
    color: #475569;
    display: block;
}

@media (max-width: 980px) {
    .standx-vehicle-filters {
        grid-template-columns: 1fr 1fr;
    }

    .standx-stock-cards {
        display: grid;
        gap: 1rem;
    }

    .standx-stock-table-wrap {
        display: none;
    }
}

@media (max-width: 560px) {
    .standx-vehicle-filters,
    .standx-publication-panel {
        grid-template-columns: 1fr;
    }

    .standx-publication-panel {
        align-items: stretch;
        flex-direction: column;
    }

    .standx-media-next-action {
        grid-template-columns: 1fr;
    }

    .standx-gallery-card.is-featured {
        grid-column: span 1;
    }

    .standx-gallery-card-kicker {
        display: grid;
    }

    .standx-gallery-card-kicker span {
        text-align: left;
    }

    .standx-gallery-action-group,
    .standx-gallery-action-group-primary {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 380px) {
    .auth-logo {
        height: 44px;
        width: 44px;
    }

    .auth-wordmark {
        font-size: 1.02rem;
    }

    .login-card {
        padding: .95rem;
    }

    .login-card .auth-links {
        margin-top: .7rem;
    }

    .step-count {
        font-size: .7rem;
    }

    .wizard-actions {
        grid-template-columns: 1fr;
    }
}

.public-shell-standalone {
    background: #ffffff;
}

.storefront-site {
    --storefront-theme: #1f7a5f;
    --storefront-theme-dark: color-mix(in srgb, var(--storefront-theme) 76%, #111827);
    --storefront-soft: color-mix(in srgb, var(--storefront-theme) 9%, #ffffff);
    background: #ffffff;
    color: #111827;
    min-height: 100vh;
    padding-bottom: 0;
}

.storefront-state {
    display: grid;
    min-height: 60vh;
    padding: 4rem 6vw;
    place-content: center;
    text-align: center;
}

.storefront-header {
    align-items: center;
    background: rgba(255, 255, 255, .96);
    border-bottom: 1px solid #e5e7eb;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    min-height: 78px;
    padding: .75rem clamp(1rem, 5vw, 4.5rem);
    position: sticky;
    top: 0;
    z-index: 20;
}

.storefront-brand {
    align-items: center;
    color: inherit;
    display: inline-flex;
    gap: .75rem;
    min-width: 0;
    text-decoration: none;
}

.storefront-brand img,
.storefront-brand-fallback {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    height: 48px;
    object-fit: contain;
    padding: .3rem;
    width: 48px;
}

.storefront-brand-fallback {
    align-items: center;
    background: var(--storefront-theme);
    color: white;
    display: inline-flex;
    font-weight: 900;
    justify-content: center;
    padding: 0;
}

.storefront-brand strong {
    font-size: 1.02rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.storefront-nav {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: center;
}

.storefront-nav a,
.storefront-icon-action,
.storefront-result-count {
    color: #4b5563;
    font-size: .9rem;
    font-weight: 800;
    text-decoration: none;
}

.storefront-nav a:hover,
.storefront-icon-action:hover {
    color: var(--storefront-theme-dark);
}

.storefront-header-actions {
    align-items: center;
    display: flex;
    gap: .5rem;
    justify-content: flex-end;
}

.storefront-icon-action {
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: .5rem .75rem;
}

.storefront-icon-action.primary {
    background: var(--storefront-theme);
    border-color: var(--storefront-theme);
    color: white;
}

.storefront-hero {
    align-items: end;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--storefront-theme) 18%, #ffffff), #ffffff 58%),
        var(--storefront-soft);
    border-bottom: 1px solid #e5e7eb;
    display: grid;
    gap: 2rem;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 390px);
    min-height: 480px;
    padding: clamp(3rem, 8vw, 6rem) clamp(1rem, 6vw, 5rem) 3rem;
}

.storefront-listing-hero {
    align-items: end;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--storefront-theme) 16%, #ffffff), #ffffff 62%),
        var(--storefront-soft);
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 6vw, 5rem);
}

.storefront-listing-hero h1 {
    color: #0f172a;
    font-size: clamp(2.15rem, 5vw, 4.25rem);
    letter-spacing: 0;
    line-height: 1;
    margin: .4rem 0 0;
}

.storefront-listing-hero p {
    color: #4b5563;
    font-size: 1.05rem;
    margin: .5rem 0 0;
}

.storefront-listing-hero > strong {
    color: var(--storefront-theme-dark);
    font-size: clamp(3rem, 8vw, 6rem);
    line-height: .85;
}

.storefront-hero-copy {
    max-width: 860px;
}

.storefront-hero h1 {
    color: #0f172a;
    font-size: clamp(2.6rem, 8vw, 5.8rem);
    line-height: .95;
    margin: .6rem 0 1rem;
}

.storefront-hero-cover {
    background-position: center;
    background-size: cover;
    color: #ffffff;
    min-height: min(680px, 82vh);
}

.storefront-hero-cover .eyebrow,
.storefront-hero-cover h1,
.storefront-hero-cover p {
    color: #ffffff;
}

.storefront-hero-cover .btn-outline-secondary {
    background: rgba(255, 255, 255, .92);
    border-color: rgba(255, 255, 255, .8);
}

.storefront-hero-logo {
    background: rgba(255, 255, 255, .94);
    border-radius: 8px;
    display: block;
    margin-bottom: 1.25rem;
    max-height: 110px;
    max-width: min(260px, 82vw);
    object-fit: contain;
    padding: .75rem;
}

.storefront-hero p,
.storefront-about p,
.storefront-contact-section p,
.vehicle-description p {
    color: #4b5563;
    font-size: 1.08rem;
    line-height: 1.65;
    max-width: 760px;
}

.storefront-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin-top: 1.25rem;
}

.storefront-site .btn-primary {
    background: var(--storefront-theme);
    border-color: var(--storefront-theme);
}

.storefront-site .btn-primary:hover {
    background: var(--storefront-theme-dark);
    border-color: var(--storefront-theme-dark);
}

.storefront-hero-panel,
.storefront-empty,
.storefront-contact-grid a,
.storefront-contact-grid div,
.vehicle-detail-panel {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 18px 48px rgba(15, 23, 42, .08);
}

.storefront-hero-panel {
    display: grid;
    gap: .35rem;
    padding: 1.25rem;
}

.storefront-hero-panel span,
.storefront-contact-grid span {
    color: #6b7280;
    font-size: .78rem;
    font-weight: 900;
    text-transform: uppercase;
}

.storefront-hero-panel strong {
    color: var(--storefront-theme-dark);
    font-size: 3rem;
    line-height: 1;
}

.storefront-hero-panel p {
    color: #4b5563;
    margin: .5rem 0 0;
}

.storefront-section {
    padding: clamp(2.5rem, 6vw, 4.5rem) clamp(1rem, 6vw, 5rem);
}

.storefront-section-heading {
    align-items: end;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

.storefront-section-heading h2,
.storefront-about h2,
.storefront-contact-section h2 {
    color: #111827;
    font-size: clamp(1.8rem, 4vw, 2.5rem);
    margin: .25rem 0 0;
}

.storefront-filters {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    margin-bottom: 1.5rem;
    padding: 1rem;
}

.storefront-filters .btn {
    min-height: 38px;
}

.vehicle-card-grid {
    display: grid;
    gap: 1.1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.vehicle-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    color: inherit;
    display: grid;
    overflow: hidden;
    text-decoration: none;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.vehicle-card:hover {
    border-color: color-mix(in srgb, var(--storefront-theme) 55%, #e5e7eb);
    box-shadow: 0 16px 42px rgba(15, 23, 42, .12);
    transform: translateY(-2px);
}

.vehicle-card-media {
    background: #eef2f5;
    color: #6b7280;
    display: grid;
    min-height: 210px;
    place-items: center;
    position: relative;
    text-decoration: none;
}

.vehicle-card-media img {
    aspect-ratio: 16 / 10;
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.vehicle-status-badge {
    background: rgba(17, 24, 39, .82);
    border-radius: 999px;
    color: white;
    font-size: .75rem;
    font-weight: 900;
    padding: .25rem .6rem;
    position: absolute;
    right: .75rem;
    top: .75rem;
}

.vehicle-card-body {
    display: grid;
    gap: .85rem;
    padding: 1rem;
}

.vehicle-card-body h3 {
    font-size: 1.12rem;
    margin: 0;
}

.vehicle-card-body p {
    color: #6b7280;
    margin: .25rem 0 0;
}

.vehicle-card-price,
.vehicle-price {
    color: var(--storefront-theme-dark);
    font-size: 1.55rem;
    line-height: 1;
}

.vehicle-card-specs,
.vehicle-spec-grid {
    display: grid;
    gap: .55rem;
    margin: 0;
}

.vehicle-card-specs div,
.vehicle-spec-grid div {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.vehicle-card-specs dt,
.vehicle-spec-grid dt {
    color: #6b7280;
    font-weight: 800;
}

.vehicle-card-specs dd,
.vehicle-spec-grid dd {
    font-weight: 800;
    margin: 0;
    text-align: right;
}

.storefront-empty {
    display: grid;
    gap: .75rem;
    justify-items: start;
    padding: 1.5rem;
}

.storefront-empty strong {
    font-size: 1.2rem;
}

.storefront-about {
    background: #f8fafc;
    border-top: 1px solid #e5e7eb;
    display: grid;
    gap: 2rem;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 380px);
}

.storefront-about aside {
    align-self: start;
    background: #ffffff;
    border-left: 4px solid var(--storefront-theme);
    border-radius: 8px;
    display: grid;
    gap: .4rem;
    padding: 1rem;
}

.storefront-about aside span {
    color: #6b7280;
}

.storefront-contact-section {
    display: grid;
    gap: 2rem;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
}

.storefront-contact-grid {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.storefront-contact-stack {
    display: grid;
    gap: 1rem;
}

.storefront-contact-grid a,
.storefront-contact-grid div {
    color: inherit;
    display: grid;
    gap: .25rem;
    padding: 1rem;
    text-decoration: none;
}

.storefront-contact-grid strong {
    overflow-wrap: anywhere;
}

.storefront-lead-form {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 18px 48px rgba(15, 23, 42, .08);
    display: grid;
    gap: .85rem;
    padding: 1rem;
}

.storefront-lead-form h3 {
    font-size: 1.25rem;
    margin: .25rem 0;
}

.storefront-lead-form p {
    color: #6b7280;
    font-size: .95rem;
    margin: 0;
}

.storefront-lead-form label {
    display: grid;
    gap: .35rem;
}

.storefront-lead-form label > span {
    color: #4b5563;
    font-size: .82rem;
    font-weight: 900;
}

.storefront-lead-two-column {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.standx-honeypot {
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px;
}

.storefront-form-alert {
    border-radius: 8px;
    display: grid;
    gap: .25rem;
    font-weight: 800;
    padding: .75rem .85rem;
}

.storefront-form-alert.error {
    background: #fff5f5;
    border: 1px solid #f1b4b4;
    color: #9b2c2c;
}

.storefront-form-alert.success {
    background: #f0faf6;
    border: 1px solid #b8dfd0;
    color: var(--storefront-theme-dark);
}

.vehicle-detail-hero {
    align-items: start;
    display: grid;
    gap: 2rem;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
    padding: clamp(1.25rem, 5vw, 4rem) clamp(1rem, 6vw, 5rem);
}

.vehicle-gallery {
    display: grid;
    gap: .85rem;
}

.vehicle-detail-main-image {
    aspect-ratio: 16 / 10;
    background: #eef2f5;
    border-radius: 8px;
    display: block;
    object-fit: cover;
    width: 100%;
}

.vehicle-detail-image-placeholder {
    align-items: center;
    color: #6b7280;
    display: grid;
    font-weight: 900;
    place-items: center;
}

.vehicle-thumbs {
    display: grid;
    gap: .55rem;
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.vehicle-thumbs button {
    background: transparent;
    border: 2px solid transparent;
    border-radius: 8px;
    cursor: pointer;
    padding: 0;
}

.vehicle-thumbs button.active {
    border-color: var(--storefront-theme);
}

.vehicle-thumbs img {
    aspect-ratio: 1;
    border-radius: 6px;
    display: block;
    object-fit: cover;
    width: 100%;
}

.vehicle-detail-panel {
    align-self: start;
    display: grid;
    gap: 1rem;
    padding: 1.25rem;
    position: sticky;
    top: 96px;
}

.vehicle-detail-panel h1 {
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1;
    margin: 0;
}

.vehicle-detail-panel p {
    color: #6b7280;
    margin: 0;
}

.vehicle-spec-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vehicle-spec-grid div {
    background: #f8fafc;
    border-radius: 8px;
    display: grid;
    gap: .2rem;
    padding: .75rem;
}

.vehicle-spec-grid dd {
    text-align: left;
}

.vehicle-description {
    border-top: 1px solid #e5e7eb;
}

.storefront-equipment-section {
    border-top: 1px solid #e5e7eb;
}

.storefront-equipment-group li span {
    color: var(--storefront-theme, #1f7a5f);
    font-weight: 800;
}

.storefront-footer {
    align-items: center;
    border-top: 1px solid #e5e7eb;
    color: #6b7280;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1.25rem clamp(1rem, 6vw, 5rem);
}

.storefront-footer span {
    color: #111827;
    font-weight: 900;
}

.storefront-footer > div {
    display: grid;
    gap: .2rem;
}

.storefront-legal-links {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1rem;
    justify-content: flex-end;
}

.storefront-legal-links a,
.storefront-legal-button {
    background: transparent;
    border: 0;
    color: #4b5563;
    cursor: pointer;
    font: inherit;
    font-size: .85rem;
    padding: 0;
    text-decoration: none;
}

.storefront-legal-links a:hover,
.storefront-legal-button:hover,
.storefront-legal-links a:focus-visible,
.storefront-legal-button:focus-visible {
    color: var(--storefront-theme, #1f7a5f);
    outline: none;
}

.storefront-legal-document {
    display: grid;
    gap: 1.5rem;
    padding: clamp(2rem, 6vw, 5rem);
}

.storefront-legal-content {
    color: #374151;
    display: grid;
    gap: 1rem;
    line-height: 1.7;
    max-width: 920px;
}

.storefront-legal-content h1,
.storefront-legal-content h2 {
    color: #111827;
}

.standx-legal-documents {
    display: grid;
    gap: 1rem;
}

.standx-legal-document-card {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.standx-legal-document-card h4 {
    margin: .25rem 0 0;
}

.standx-legal-document-preview {
    border-top: 1px solid #e5e7eb;
    color: #374151;
    display: grid;
    gap: .75rem;
    line-height: 1.65;
    margin-top: .75rem;
    max-height: 24rem;
    overflow: auto;
    padding-top: .75rem;
}

.storefront-mobile-contact {
    display: none;
}

.ux-auth-experience {
    align-items: stretch;
    display: grid;
    gap: clamp(1.25rem, 3vw, 2.5rem);
    grid-template-columns: minmax(0, 1fr) minmax(360px, 520px);
    min-height: calc(100vh - 120px);
    padding: clamp(1rem, 4vw, 3.5rem);
    width: min(100%, 1280px);
}

.ux-auth-stage {
    align-items: center;
    display: grid;
}

.ux-hero-panel,
.ux-auth-card {
    backdrop-filter: blur(26px);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 8px;
    box-shadow: 0 30px 90px rgba(0, 0, 0, .32);
}

.ux-hero-panel {
    background:
        linear-gradient(145deg, rgba(12, 24, 45, .94), rgba(11, 68, 84, .76)),
        radial-gradient(circle at 25% 15%, rgba(52, 211, 255, .26), transparent 34%);
    display: grid;
    overflow: hidden;
    padding: clamp(1.25rem, 4vw, 2.5rem);
    position: relative;
}

.ux-hero-panel::before {
    background:
        linear-gradient(90deg, rgba(125, 249, 255, .12) 1px, transparent 1px),
        linear-gradient(rgba(125, 249, 255, .1) 1px, transparent 1px);
    background-size: 54px 54px;
    content: "";
    inset: 0;
    opacity: .75;
    position: absolute;
}

.ux-hero-panel > * {
    position: relative;
    z-index: 1;
}

.ux-hero-brand {
    align-items: center;
    display: flex;
    gap: .8rem;
    font-weight: 950;
}

.ux-hero-brand img {
    height: 48px;
    object-fit: contain;
    width: 48px;
}

.ux-hero-copy {
    align-self: center;
    max-width: 760px;
}

.ux-eyebrow,
.ux-panel-kicker {
    color: #68e8ff;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.ux-hero-copy h1 {
    color: #ffffff;
    font-size: clamp(2.4rem, 5vw, 4.8rem);
    line-height: .96;
    margin: .8rem 0 1rem;
}

.ux-hero-copy p,
.ux-hero-footer,
.ux-auth-card-header p {
    color: rgba(255, 255, 255, .74);
    line-height: 1.65;
}

.ux-ecosystem-map {
    align-self: end;
    display: grid;
    gap: .7rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 2rem;
}

.ux-node {
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 8px;
    color: rgba(255, 255, 255, .82);
    font-size: .86rem;
    font-weight: 900;
    min-height: 64px;
    padding: .85rem;
}

.ux-node-primary {
    background: linear-gradient(135deg, #1d4ed8, #18d5c3);
    color: #ffffff;
}

.ux-hero-footer {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    margin-top: 1.5rem;
}

.ux-hero-footer span {
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 800;
    padding: .4rem .65rem;
}

.ux-auth-card {
    background: rgba(7, 18, 34, .82);
    color: #ffffff;
    max-width: 520px;
    padding: clamp(1.25rem, 4vw, 2rem);
    width: 100%;
}

.ux-register-card {
    max-width: 760px;
}

.ux-auth-card-header {
    display: grid;
    gap: .5rem;
    margin-bottom: 1.15rem;
}

.ux-auth-card-header h1 {
    font-size: clamp(1.75rem, 3vw, 2.35rem);
    line-height: 1;
    margin: 0;
}

.ux-auth-links,
.ux-register-toolbar {
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, .14);
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    margin-top: 1rem;
    padding-top: 1rem;
}

.ux-auth-links a,
.ux-register-toolbar a {
    color: #9cecff;
    font-weight: 800;
    text-decoration: none;
}

.ux-step-progress {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin-bottom: 1rem;
}

.ux-step {
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    color: rgba(255, 255, 255, .62);
    display: grid;
    gap: .35rem;
    min-height: 64px;
    padding: .55rem;
    text-align: left;
}

.ux-step.active,
.ux-step.complete {
    background: rgba(24, 213, 195, .14);
    border-color: rgba(104, 232, 255, .58);
    color: #ffffff;
}

.ux-step-number {
    align-items: center;
    background: rgba(255, 255, 255, .14);
    border-radius: 999px;
    display: inline-flex;
    font-size: .75rem;
    font-weight: 900;
    height: 24px;
    justify-content: center;
    width: 24px;
}

.ux-step-label {
    font-size: .75rem;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.ux-wizard-panel {
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    padding: 1rem;
}

.ux-product-grid,
.ux-activation-grid {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ux-product-card,
.ux-activation-grid div {
    background: rgba(255, 255, 255, .9);
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 8px;
    color: #17212b;
    display: grid;
    gap: .55rem;
    min-height: 150px;
    padding: 1rem;
    position: relative;
    text-align: left;
}

.ux-product-card.selected {
    border-color: #18d5c3;
    box-shadow: 0 0 0 3px rgba(24, 213, 195, .22);
}

.ux-product-card:disabled {
    cursor: not-allowed;
    opacity: .62;
}

.ux-product-icon {
    align-items: center;
    background: #0f2f4a;
    border-radius: 8px;
    color: #68e8ff;
    display: inline-flex;
    font-weight: 950;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.ux-product-card p {
    color: #667587;
    margin: 0;
}

.ux-product-badge {
    color: #12614f;
    font-size: .76rem;
    font-weight: 900;
}

.ux-success-panel {
    display: grid;
    gap: .8rem;
    text-align: center;
}

.ux-success-mark {
    align-items: center;
    background: linear-gradient(135deg, #18d5c3, #68e8ff);
    border-radius: 999px;
    color: #061425;
    display: inline-flex;
    font-size: 1.5rem;
    font-weight: 950;
    height: 56px;
    justify-content: center;
    justify-self: center;
    width: 56px;
}

.ux-account-strip {
    text-align: left;
}

.ux-app-shell {
    background:
        radial-gradient(circle at 18% 0%, rgba(24, 213, 195, .15), transparent 30%),
        radial-gradient(circle at 86% 12%, rgba(37, 99, 235, .18), transparent 34%),
        #061425;
    color: #e8f3ff;
    display: grid;
    grid-template-columns: 284px minmax(0, 1fr);
    min-height: 100vh;
}

.ux-app-shell.sidebar-collapsed {
    grid-template-columns: 88px minmax(0, 1fr);
}

.ux-sidebar {
    background: rgba(4, 14, 28, .88);
    border-right: 1px solid rgba(255, 255, 255, .12);
    display: grid;
    grid-template-rows: auto 1fr;
    min-height: 100vh;
    padding: 1rem;
    position: sticky;
    top: 0;
}

.ux-sidebar-brand {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    min-width: 0;
}

.ux-sidebar-brand a {
    align-items: center;
    color: #ffffff;
    display: flex;
    gap: .75rem;
    min-width: 0;
    text-decoration: none;
}

.ux-sidebar-brand small,
.ux-workspace-selector small,
.ux-popover-header span,
.ux-user-summary span {
    color: rgba(232, 243, 255, .58);
    display: block;
    font-size: .76rem;
    font-weight: 800;
}

.ux-sidebar-mark,
.ux-workspace-avatar,
.ux-user-avatar,
.ux-empty-illustration,
.ux-error-icon {
    align-items: center;
    background: linear-gradient(135deg, #2563eb, #18d5c3);
    border-radius: 8px;
    color: #ffffff;
    display: inline-flex;
    flex: 0 0 auto;
    font-weight: 950;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.ux-icon-button,
.ux-ai-shortcut,
.ux-notification-panel summary {
    align-items: center;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 8px;
    color: #e8f3ff;
    cursor: pointer;
    display: inline-flex;
    font-weight: 900;
    height: 40px;
    justify-content: center;
    min-width: 40px;
    padding: 0 .75rem;
    text-decoration: none;
}

.ux-icon-button:hover,
.ux-ai-shortcut:hover,
.ux-notification-panel summary:hover,
.ux-sidebar-item:hover,
.ux-user-menu summary:hover {
    background: rgba(104, 232, 255, .14);
    border-color: rgba(104, 232, 255, .42);
}

.ux-icon-button:focus-visible,
.ux-ai-shortcut:focus-visible,
.ux-notification-panel summary:focus-visible,
.ux-sidebar-item:focus-visible,
.ux-user-menu summary:focus-visible,
.ux-workspace-selector:focus-visible,
.ux-search input:focus-visible,
.ux-popover a:focus-visible,
.ux-popover button:focus-visible {
    box-shadow: 0 0 0 3px rgba(104, 232, 255, .28);
    outline: none;
}

.ux-sidebar-nav {
    display: grid;
    gap: 1.4rem;
    align-content: start;
    margin-top: 1.5rem;
}

.ux-sidebar-group {
    display: grid;
    gap: .55rem;
}

.ux-sidebar-group h2 {
    color: rgba(232, 243, 255, .48);
    font-size: .72rem;
    letter-spacing: 0;
    margin: 0 .55rem;
    text-transform: uppercase;
}

.ux-sidebar-group-items {
    display: grid;
    gap: .3rem;
}

.ux-sidebar-item {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 8px;
    color: rgba(232, 243, 255, .76);
    display: grid;
    gap: .65rem;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    min-height: 44px;
    padding: .35rem .45rem;
    text-decoration: none;
}

.sidebar-collapsed .ux-sidebar-item {
    grid-template-columns: 34px;
    justify-content: center;
}

.ux-sidebar-item.selected {
    background: linear-gradient(135deg, rgba(37, 99, 235, .28), rgba(24, 213, 195, .16));
    border-color: rgba(104, 232, 255, .38);
    color: #ffffff;
}

.ux-sidebar-icon {
    align-items: center;
    background: rgba(255, 255, 255, .1);
    border-radius: 8px;
    display: inline-flex;
    font-size: .78rem;
    font-weight: 950;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.ux-sidebar-label {
    font-size: .9rem;
    font-weight: 850;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ux-sidebar-badge,
.ux-status-badge,
.ux-priority {
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 900;
    padding: .22rem .5rem;
}

.ux-sidebar-badge {
    background: rgba(24, 213, 195, .14);
    color: #9cf7ec;
}

.ux-app-main {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    min-width: 0;
}

.ux-topbar {
    align-items: center;
    backdrop-filter: blur(22px);
    background: rgba(6, 20, 37, .76);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(220px, auto) minmax(240px, 1fr) auto;
    min-height: 76px;
    padding: .9rem clamp(1rem, 3vw, 2rem);
    position: sticky;
    top: 0;
    z-index: 25;
}

.ux-skip-link {
    background: #ffffff;
    border-radius: 8px;
    color: #061425;
    left: 1rem;
    padding: .5rem .75rem;
    position: fixed;
    top: -4rem;
    z-index: 100;
}

.ux-skip-link:focus {
    top: 1rem;
}

.ux-workspace-selector {
    align-items: center;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    color: #ffffff;
    display: grid;
    gap: .65rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 48px;
    min-width: 0;
    padding: .35rem .65rem;
    text-align: left;
}

.ux-workspace-selector strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ux-search {
    align-items: center;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    display: grid;
    gap: .65rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 46px;
    padding: 0 .75rem;
}

.ux-search input {
    background: transparent;
    border: 0;
    color: #ffffff;
    min-width: 0;
}

.ux-search input::placeholder {
    color: rgba(232, 243, 255, .48);
}

.ux-search kbd {
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 6px;
    color: rgba(232, 243, 255, .72);
    font-size: .72rem;
    padding: .1rem .35rem;
}

.ux-topbar-actions {
    align-items: center;
    display: flex;
    gap: .55rem;
}

.ux-notification-panel,
.ux-user-menu {
    position: relative;
}

.ux-notification-panel summary,
.ux-user-menu summary {
    list-style: none;
}

.ux-notification-panel summary::-webkit-details-marker,
.ux-user-menu summary::-webkit-details-marker {
    display: none;
}

.ux-unread-dot {
    background: #18d5c3;
    border-radius: 999px;
    height: 8px;
    position: absolute;
    right: .48rem;
    top: .48rem;
    width: 8px;
}

.ux-popover {
    background: rgba(8, 20, 38, .98);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 8px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .42);
    display: grid;
    gap: .55rem;
    min-width: min(360px, calc(100vw - 2rem));
    padding: .85rem;
    position: absolute;
    right: 0;
    top: calc(100% + .7rem);
    z-index: 40;
}

.ux-popover-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.ux-notification-item {
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 8px;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: .75rem;
}

.ux-notification-item.unread {
    border-color: rgba(24, 213, 195, .36);
}

.ux-notification-group {
    color: #68e8ff;
    font-size: .72rem;
    font-weight: 900;
}

.ux-notification-item p {
    color: rgba(232, 243, 255, .64);
    margin: .2rem 0 0;
}

.ux-priority {
    align-self: start;
    background: rgba(255, 255, 255, .1);
    color: rgba(232, 243, 255, .76);
}

.ux-priority.high {
    background: rgba(24, 213, 195, .14);
    color: #9cf7ec;
}

.ux-user-menu summary {
    cursor: pointer;
}

.ux-user-popover {
    min-width: 240px;
}

.ux-user-popover a,
.ux-user-popover button {
    background: transparent;
    border: 0;
    border-radius: 8px;
    color: rgba(232, 243, 255, .8);
    font: inherit;
    font-weight: 800;
    padding: .55rem .65rem;
    text-align: left;
    text-decoration: none;
}

.ux-user-popover a:hover,
.ux-user-popover button:hover {
    background: rgba(255, 255, 255, .08);
    color: #ffffff;
}

.ux-user-summary,
.ux-menu-section {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    display: grid;
    gap: .2rem;
    padding: .45rem .65rem .7rem;
}

.ux-menu-section span {
    color: rgba(232, 243, 255, .5);
    font-size: .72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.ux-workspace-header {
    background:
        linear-gradient(135deg, rgba(8, 20, 38, .94), rgba(10, 40, 58, .72)),
        rgba(255, 255, 255, .04);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    display: grid;
    gap: .75rem;
    padding: clamp(1.2rem, 3vw, 2.2rem) clamp(1rem, 3vw, 2rem);
}

.ux-breadcrumbs {
    color: rgba(232, 243, 255, .54);
    display: flex;
    flex-wrap: wrap;
    font-size: .82rem;
    font-weight: 850;
    gap: .4rem;
}

.ux-breadcrumbs span:not(:last-child)::after {
    color: rgba(232, 243, 255, .34);
    content: "/";
    margin-left: .4rem;
}

.ux-workspace-header-main {
    align-items: end;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.ux-workspace-header h1 {
    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 1;
    margin: 0;
}

.ux-workspace-header p {
    color: rgba(232, 243, 255, .66);
    margin: .55rem 0 0;
    max-width: 720px;
}

.ux-status-row,
.ux-action-toolbar,
.ux-empty-actions,
.ux-error-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: .8rem;
}

.ux-status-badge {
    background: rgba(104, 232, 255, .12);
    border: 1px solid rgba(104, 232, 255, .28);
    color: #9cecff;
}

.ux-action-toolbar {
    justify-content: flex-end;
    margin-top: 0;
}

.ux-app-content {
    min-width: 0;
    padding: clamp(1rem, 3vw, 2rem);
}

.ux-page-container {
    display: grid;
    gap: 1rem;
    margin: 0 auto;
    min-width: 0;
    width: 100%;
}

.ux-page-dashboard {
    max-width: 1440px;
}

.ux-page-centered {
    max-width: 1040px;
}

.ux-page-narrow {
    max-width: 760px;
}

.ux-page-full {
    max-width: none;
}

.ux-page-wizard,
.ux-page-split {
    max-width: 1180px;
}

.ux-empty-state,
.ux-error-panel,
.ux-section-card,
.ux-content-card,
.ux-stat-card {
    background: rgba(255, 255, 255, .94);
    border: 1px solid rgba(226, 232, 240, .9);
    border-radius: 8px;
    box-shadow: 0 22px 60px rgba(0, 0, 0, .16);
    color: #17212b;
}

.ux-empty-state {
    align-items: center;
    display: grid;
    gap: 1rem;
    justify-items: center;
    min-height: 280px;
    padding: clamp(1.5rem, 4vw, 2.5rem);
    text-align: center;
}

.ux-empty-state h2,
.ux-error-panel h2,
.ux-section-card h2 {
    margin: 0;
}

.ux-empty-state p,
.ux-error-panel p,
.ux-section-card p,
.ux-stat-card p {
    color: #667587;
    margin: .35rem 0 0;
}

.ux-empty-illustration {
    font-size: 1.35rem;
    height: 72px;
    width: 72px;
}

.ux-skeleton {
    display: grid;
    gap: 1rem;
}

.ux-skeleton-stat-grid,
.ux-skeleton-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ux-skeleton-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ux-skeleton-block,
.ux-skeleton-row {
    animation: ux-skeleton-pulse 1.4s ease-in-out infinite;
    background: linear-gradient(90deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .18), rgba(255, 255, 255, .08));
    background-size: 220% 100%;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 8px;
}

.ux-skeleton-block.stat {
    min-height: 118px;
}

.ux-skeleton-block.large {
    min-height: 260px;
}

.ux-skeleton-table {
    display: grid;
    gap: .7rem;
}

.ux-skeleton-row {
    min-height: 54px;
}

@keyframes ux-skeleton-pulse {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: -100% 0;
    }
}

.ux-error-panel {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 1.25rem;
}

.ux-error-panel details {
    margin-top: .85rem;
}

.ux-error-panel pre {
    background: #0f172a;
    border-radius: 8px;
    color: #dbeafe;
    overflow: auto;
    padding: .85rem;
}

.ux-section-card,
.ux-content-card,
.ux-stat-card {
    padding: 1rem;
}

.ux-section-card {
    display: grid;
    gap: 1rem;
}

.ux-stat-card span {
    color: #667587;
    display: block;
    font-size: .8rem;
    font-weight: 900;
    text-transform: uppercase;
}

.ux-stat-card strong {
    color: #061425;
    display: block;
    font-size: 2rem;
    line-height: 1;
    margin-top: .45rem;
}

.ux-quick-action {
    align-items: center;
    background: rgba(255, 255, 255, .94);
    border: 1px solid rgba(226, 232, 240, .9);
    border-radius: 8px;
    color: #17212b;
    display: grid;
    gap: .4rem;
    grid-template-columns: auto minmax(0, 1fr);
    padding: .85rem;
    text-decoration: none;
}

.ux-quick-action span {
    align-items: center;
    background: #e8f6ff;
    border-radius: 8px;
    color: #1d4ed8;
    display: inline-flex;
    font-weight: 950;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.ux-quick-action small {
    color: #667587;
    grid-column: 2;
}

.ux-dashboard-workspace {
    display: grid;
    gap: 1rem;
}

.ux-dashboard-kpi-grid {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ux-dashboard-kpi-card {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(242, 248, 255, .94));
    border: 1px solid rgba(226, 232, 240, .95);
    border-radius: 8px;
    box-shadow: 0 14px 40px rgba(15, 23, 42, .1);
    color: #17212b;
    display: grid;
    gap: .55rem;
    min-height: 170px;
    padding: 1rem;
}

.ux-dashboard-kpi-top {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.ux-dashboard-kpi-icon {
    align-items: center;
    background: #e8f6ff;
    border-radius: 8px;
    color: #1d4ed8;
    display: inline-flex;
    font-weight: 950;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.ux-dashboard-kpi-label {
    color: #667587;
    font-size: .78rem;
    font-weight: 900;
    text-transform: uppercase;
}

.ux-dashboard-kpi-card strong {
    color: #061425;
    font-size: 2.25rem;
    line-height: 1;
}

.ux-dashboard-kpi-card p {
    color: #667587;
    line-height: 1.45;
    margin: 0;
}

.ux-dashboard-main-grid {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.35fr) minmax(340px, .65fr);
}

.ux-dashboard-primary-column,
.ux-dashboard-secondary-column {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.ux-dashboard-action-grid {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ux-dashboard-timeline {
    display: grid;
    gap: .8rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.ux-dashboard-timeline li {
    display: grid;
    gap: .7rem;
    grid-template-columns: auto minmax(0, 1fr);
}

.ux-dashboard-timeline-dot {
    background: #cbd5e1;
    border-radius: 999px;
    height: 12px;
    margin-top: .35rem;
    width: 12px;
}

.ux-dashboard-timeline-dot.success {
    background: #18d5c3;
}

.ux-dashboard-timeline-dot.info {
    background: #2563eb;
}

.ux-dashboard-timeline-dot.warning {
    background: #f59e0b;
}

.ux-dashboard-timeline strong {
    color: #17212b;
}

.ux-dashboard-timeline p {
    color: #667587;
    margin: .15rem 0;
}

.ux-dashboard-timeline time {
    color: #8b9aab;
    font-size: .78rem;
    font-weight: 900;
}

.ux-dashboard-alert-list {
    display: grid;
    gap: .75rem;
}

.ux-dashboard-alert {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-left: 4px solid #2563eb;
    border-radius: 8px;
    color: #17212b;
    display: grid;
    gap: .75rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: .85rem;
}

.ux-dashboard-alert.warning {
    border-left-color: #f59e0b;
}

.ux-dashboard-alert.critical {
    border-left-color: #ef4444;
}

.ux-dashboard-alert > span {
    align-items: center;
    background: #f1f5f9;
    border-radius: 8px;
    color: #1d4ed8;
    display: inline-flex;
    font-weight: 950;
    height: 36px;
    justify-content: center;
    width: 36px;
}

.ux-dashboard-alert p {
    color: #667587;
    margin: .15rem 0 0;
}

.ux-dashboard-alert a {
    color: #1d4ed8;
    font-weight: 900;
    text-decoration: none;
}

.ux-dashboard-overview-grid {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ux-dashboard-chart {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: grid;
    gap: .85rem;
    padding: 1rem;
}

.ux-dashboard-chart header {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

.ux-dashboard-chart header span {
    color: #667587;
    font-size: .76rem;
    font-weight: 900;
}

.ux-dashboard-bars {
    display: grid;
    gap: .65rem;
}

.ux-dashboard-bars > div {
    align-items: center;
    display: grid;
    gap: .6rem;
    grid-template-columns: minmax(92px, .55fr) minmax(0, 1fr) auto;
}

.ux-dashboard-bars span {
    color: #667587;
    font-size: .82rem;
    font-weight: 850;
}

.ux-dashboard-bar-track {
    background: #e8eef5;
    border-radius: 999px;
    height: 9px;
    overflow: hidden;
}

.ux-dashboard-bar-fill {
    background: linear-gradient(90deg, #2563eb, #18d5c3);
    border-radius: inherit;
    display: block;
    height: 100%;
}

.ux-dashboard-bars strong {
    color: #17212b;
    font-size: .82rem;
}

.standx-ux-vehicle-workspace {
    display: grid;
    gap: 1rem;
}

.standx-ux-vehicle-command-strip {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.standx-ux-vehicle-layout {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
}

.standx-ux-vehicle-main {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.standx-ux-vehicle-toolbar {
    display: grid;
    gap: 1rem;
}

.standx-ux-toolbar-actions,
.standx-ux-toolbar-search,
.standx-ux-filter-actions,
.standx-ux-bulk-actions,
.standx-ux-vehicle-actions,
.standx-ux-vehicle-badge-row,
.standx-ux-warning-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.standx-ux-toolbar-search {
    align-items: stretch;
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto auto;
}

.standx-ux-view-selector {
    align-items: center;
    background: #eef4fb;
    border: 1px solid #d9e5f0;
    border-radius: 8px;
    display: inline-flex;
    padding: .25rem;
}

.standx-ux-view-selector button,
.standx-ux-bulk-actions button,
.standx-ux-vehicle-actions button {
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: #3d4d5f;
    font: inherit;
    font-size: .82rem;
    font-weight: 900;
    min-height: 34px;
    padding: .35rem .65rem;
}

.standx-ux-view-selector button.active,
.standx-ux-view-selector button:hover,
.standx-ux-bulk-actions button:hover,
.standx-ux-vehicle-actions button:hover {
    background: #ffffff;
    color: #0f172a;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .08);
}

.standx-ux-filter-grid {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.standx-ux-filter-grid label {
    display: grid;
    gap: .35rem;
}

.standx-ux-filter-grid label > span {
    color: #667587;
    font-size: .78rem;
    font-weight: 900;
}

.standx-ux-filter-actions {
    justify-content: flex-end;
    margin-top: 1rem;
}

.standx-ux-bulk-actions {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    margin-bottom: 1rem;
    padding: .65rem;
}

.standx-ux-vehicle-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.standx-ux-vehicle-card,
.standx-ux-vehicle-inspector,
.standx-ux-table-wrap,
.standx-ux-compact-list article {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 14px 36px rgba(15, 23, 42, .08);
    color: #17212b;
}

.standx-ux-vehicle-card {
    display: grid;
    overflow: hidden;
}

.standx-ux-vehicle-card .standx-ux-vehicle-thumb {
    border-radius: 0;
    height: 180px;
    width: 100%;
}

.standx-ux-vehicle-card-body {
    display: grid;
    gap: .85rem;
    padding: 1rem;
}

.standx-ux-vehicle-title-row {
    align-items: start;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

.standx-ux-vehicle-title-row strong,
.standx-ux-table-vehicle strong,
.standx-ux-compact-list strong {
    color: #0f172a;
    display: block;
}

.standx-ux-vehicle-title-row span,
.standx-ux-table-vehicle span,
.standx-ux-compact-list span {
    color: #667587;
}

.standx-ux-vehicle-thumb {
    align-items: center;
    background:
        linear-gradient(135deg, rgba(37, 99, 235, .22), rgba(24, 213, 195, .18)),
        #eef6fb;
    border-radius: 8px;
    color: #1d4ed8;
    display: grid;
    font-weight: 950;
    min-height: 58px;
    min-width: 68px;
    place-items: center;
}

.standx-ux-vehicle-thumb span {
    align-items: center;
    background: rgba(255, 255, 255, .86);
    border: 1px solid rgba(255, 255, 255, .9);
    border-radius: 999px;
    display: inline-flex;
    height: 52px;
    justify-content: center;
    width: 52px;
}

.standx-ux-vehicle-thumb img {
    border-radius: inherit;
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.standx-ux-vehicle-price {
    color: #0f766e;
    font-size: 1.2rem;
    white-space: nowrap;
}

.standx-ux-vehicle-summary {
    display: grid;
    gap: .45rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.standx-ux-vehicle-summary div {
    background: #f8fafc;
    border-radius: 8px;
    padding: .55rem;
}

.standx-ux-vehicle-summary dt {
    color: #667587;
    font-size: .72rem;
    font-weight: 900;
}

.standx-ux-vehicle-summary dd {
    color: #17212b;
    font-weight: 900;
    margin: 0;
}

.standx-ux-vehicle-badge,
.standx-ux-warning-badge {
    border-radius: 999px;
    display: inline-flex;
    font-size: .72rem;
    font-weight: 900;
    padding: .3rem .58rem;
}

.standx-ux-vehicle-badge {
    background: #eef4fb;
    color: #304256;
}

.standx-ux-vehicle-badge.status-ready,
.standx-ux-vehicle-badge.publication-published {
    background: #e7f8f4;
    color: #0f766e;
}

.standx-ux-vehicle-badge.status-draft,
.standx-ux-vehicle-badge.status-inspection-required,
.standx-ux-warning-badge {
    background: #fff7ed;
    color: #9a3412;
}

.standx-ux-vehicle-badge.status-reserved {
    background: #eff6ff;
    color: #1d4ed8;
}

.standx-ux-vehicle-badge.status-archived,
.standx-ux-vehicle-badge.publication-archived,
.standx-ux-vehicle-badge.publication-hidden {
    background: #f1f5f9;
    color: #64748b;
}

.standx-ux-vehicle-badge.lead {
    background: #eef2ff;
    color: #4338ca;
}

.standx-ux-table-wrap {
    overflow: hidden;
}

.standx-ux-vehicle-table {
    border-collapse: collapse;
    min-width: 1060px;
    width: 100%;
}

.standx-ux-vehicle-table th,
.standx-ux-vehicle-table td {
    border-bottom: 1px solid #e2e8f0;
    padding: .85rem;
    text-align: left;
    vertical-align: middle;
}

.standx-ux-vehicle-table th {
    background: #f8fafc;
    color: #667587;
    font-size: .76rem;
    font-weight: 950;
    text-transform: uppercase;
}

.standx-ux-table-vehicle {
    align-items: center;
    display: grid;
    gap: .75rem;
    grid-template-columns: auto minmax(0, 1fr);
    min-width: 260px;
}

.standx-ux-table-vehicle small {
    color: #8b9aab;
    display: block;
}

.standx-ux-pagination-preview {
    align-items: center;
    background: #f8fafc;
    color: #667587;
    display: flex;
    font-size: .82rem;
    font-weight: 850;
    justify-content: space-between;
    padding: .85rem;
}

.standx-ux-compact-list {
    display: grid;
    gap: .65rem;
}

.standx-ux-compact-list article {
    align-items: center;
    display: grid;
    gap: .75rem;
    grid-template-columns: auto minmax(0, 1fr) auto auto auto;
    padding: .75rem;
}

.standx-ux-vehicle-inspector {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    position: sticky;
    top: 96px;
}

.standx-ux-vehicle-inspector header span {
    color: #1d4ed8;
    font-size: .76rem;
    font-weight: 950;
    text-transform: uppercase;
}

.standx-ux-vehicle-inspector h2 {
    color: #0f172a;
    margin: .2rem 0;
}

.standx-ux-vehicle-inspector p {
    color: #667587;
    margin: 0;
}

.standx-ux-vehicle-inspector dl {
    display: grid;
    gap: .65rem;
    margin: 0;
}

.standx-ux-vehicle-inspector dl div {
    background: #f8fafc;
    border-radius: 8px;
    padding: .65rem;
}

.standx-ux-vehicle-inspector dt {
    color: #667587;
    font-size: .72rem;
    font-weight: 950;
    text-transform: uppercase;
}

.standx-ux-vehicle-inspector dd {
    color: #17212b;
    font-weight: 900;
    margin: .2rem 0 0;
}

.standx-ux-vehicle-state-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.standx-ux-vehicle-loading {
    background: rgba(6, 20, 37, .88);
    border-radius: 8px;
    padding: 1rem;
}

.standx-ux-lead-workspace {
    display: grid;
    gap: 1rem;
}

.standx-ux-lead-command-strip {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.standx-ux-lead-layout {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 380px);
}

.standx-ux-lead-main {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.standx-ux-lead-toolbar {
    display: grid;
    gap: 1rem;
}

.standx-ux-lead-toolbar-actions,
.standx-ux-lead-toolbar-search,
.standx-ux-lead-filter-actions,
.standx-ux-lead-bulk-actions,
.standx-ux-lead-actions,
.standx-ux-lead-badge-row,
.standx-ux-lead-tag-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.standx-ux-lead-toolbar-search {
    align-items: stretch;
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto auto;
}

.standx-ux-lead-view-selector {
    align-items: center;
    background: #eef4fb;
    border: 1px solid #d9e5f0;
    border-radius: 8px;
    display: inline-flex;
    padding: .25rem;
}

.standx-ux-lead-view-selector button,
.standx-ux-lead-bulk-actions button,
.standx-ux-lead-actions button {
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: #3d4d5f;
    font: inherit;
    font-size: .82rem;
    font-weight: 900;
    min-height: 34px;
    padding: .35rem .65rem;
}

.standx-ux-lead-view-selector button.active,
.standx-ux-lead-view-selector button:hover,
.standx-ux-lead-bulk-actions button:hover,
.standx-ux-lead-actions button:hover {
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .08);
    color: #0f172a;
}

.standx-ux-lead-filter-grid {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.standx-ux-lead-filter-grid label {
    display: grid;
    gap: .35rem;
}

.standx-ux-lead-filter-grid label > span {
    color: #667587;
    font-size: .78rem;
    font-weight: 900;
}

.standx-ux-lead-filter-actions {
    justify-content: flex-end;
    margin-top: 1rem;
}

.standx-ux-lead-bulk-actions {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    margin-bottom: 1rem;
    padding: .65rem;
}

.standx-ux-lead-card-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.standx-ux-lead-card,
.standx-ux-lead-inspector,
.standx-ux-lead-table-wrap,
.standx-ux-lead-compact-list article,
.standx-ux-lead-pipeline-column {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 14px 36px rgba(15, 23, 42, .08);
    color: #17212b;
}

.standx-ux-lead-card {
    display: grid;
    gap: .85rem;
    padding: 1rem;
}

.standx-ux-lead-card-header {
    align-items: start;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

.standx-ux-lead-card-header strong,
.standx-ux-lead-table strong,
.standx-ux-lead-compact-list strong {
    color: #0f172a;
    display: block;
}

.standx-ux-lead-card-header span,
.standx-ux-lead-table span,
.standx-ux-lead-compact-list span,
.standx-ux-lead-vehicle {
    color: #667587;
}

.standx-ux-lead-vehicle {
    font-weight: 850;
    margin: 0;
}

.standx-ux-lead-summary {
    display: grid;
    gap: .45rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.standx-ux-lead-summary div {
    background: #f8fafc;
    border-radius: 8px;
    padding: .55rem;
}

.standx-ux-lead-summary dt {
    color: #667587;
    font-size: .72rem;
    font-weight: 900;
}

.standx-ux-lead-summary dd {
    color: #17212b;
    font-weight: 900;
    margin: 0;
}

.standx-ux-lead-badge,
.standx-ux-lead-warning,
.standx-ux-lead-tag {
    border-radius: 999px;
    display: inline-flex;
    font-size: .72rem;
    font-weight: 900;
    padding: .3rem .58rem;
}

.standx-ux-lead-badge {
    background: #eef4fb;
    color: #304256;
}

.standx-ux-lead-badge.status-new,
.standx-ux-lead-badge.priority-critical,
.standx-ux-lead-badge.priority-high {
    background: #fff7ed;
    color: #9a3412;
}

.standx-ux-lead-badge.status-contacted,
.standx-ux-lead-badge.status-negotiation,
.standx-ux-lead-badge.status-proposal {
    background: #eff6ff;
    color: #1d4ed8;
}

.standx-ux-lead-badge.status-won {
    background: #e7f8f4;
    color: #0f766e;
}

.standx-ux-lead-badge.status-lost,
.standx-ux-lead-badge.status-inactive {
    background: #f1f5f9;
    color: #64748b;
}

.standx-ux-lead-badge.source {
    background: #eef2ff;
    color: #4338ca;
}

.standx-ux-lead-warning {
    background: #fff7ed;
    color: #9a3412;
}

.standx-ux-lead-tag {
    background: #f1f5f9;
    color: #475569;
}

.standx-ux-lead-table-wrap {
    overflow: hidden;
}

.standx-ux-lead-table {
    border-collapse: collapse;
    min-width: 1040px;
    width: 100%;
}

.standx-ux-lead-table th,
.standx-ux-lead-table td {
    border-bottom: 1px solid #e2e8f0;
    padding: .85rem;
    text-align: left;
    vertical-align: middle;
}

.standx-ux-lead-table th {
    background: #f8fafc;
    color: #667587;
    font-size: .76rem;
    font-weight: 950;
    text-transform: uppercase;
}

.standx-ux-lead-pagination-preview {
    align-items: center;
    background: #f8fafc;
    color: #667587;
    display: flex;
    font-size: .82rem;
    font-weight: 850;
    justify-content: space-between;
    padding: .85rem;
}

.standx-ux-lead-compact-list {
    display: grid;
    gap: .65rem;
}

.standx-ux-lead-compact-list article {
    align-items: center;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(0, 1fr) auto auto auto;
    padding: .75rem;
}

.standx-ux-lead-pipeline {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(6, minmax(220px, 1fr));
    overflow-x: auto;
    padding-bottom: .25rem;
}

.standx-ux-lead-pipeline-column {
    align-content: start;
    display: grid;
    gap: .75rem;
    min-height: 420px;
    padding: .75rem;
}

.standx-ux-lead-pipeline-column header {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.standx-ux-lead-pipeline-column header span,
.standx-ux-lead-pipeline-empty {
    background: #f1f5f9;
    border-radius: 999px;
    color: #64748b;
    font-size: .76rem;
    font-weight: 900;
    padding: .25rem .55rem;
}

.standx-ux-lead-pipeline-column > div {
    display: grid;
    gap: .75rem;
}

.standx-ux-lead-pipeline .standx-ux-lead-card {
    box-shadow: none;
}

.standx-ux-lead-inspector {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    position: sticky;
    top: 96px;
}

.standx-ux-lead-inspector header span {
    color: #1d4ed8;
    font-size: .76rem;
    font-weight: 950;
    text-transform: uppercase;
}

.standx-ux-lead-inspector h2 {
    color: #0f172a;
    margin: .2rem 0;
}

.standx-ux-lead-inspector p {
    color: #667587;
    margin: 0;
}

.standx-ux-lead-inspector dl {
    display: grid;
    gap: .65rem;
    margin: 0;
}

.standx-ux-lead-inspector dl div {
    background: #f8fafc;
    border-radius: 8px;
    padding: .65rem;
}

.standx-ux-lead-inspector dt {
    color: #667587;
    font-size: .72rem;
    font-weight: 950;
    text-transform: uppercase;
}

.standx-ux-lead-inspector dd {
    color: #17212b;
    font-weight: 900;
    margin: .2rem 0 0;
}

.standx-ux-lead-timeline {
    display: grid;
    gap: .65rem;
}

.standx-ux-lead-timeline article {
    display: grid;
    gap: .65rem;
    grid-template-columns: auto minmax(0, 1fr);
}

.standx-ux-lead-timeline article > span {
    align-items: center;
    background: #e8f6ff;
    border-radius: 8px;
    color: #1d4ed8;
    display: inline-flex;
    font-weight: 950;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.standx-ux-lead-timeline strong {
    color: #17212b;
}

.standx-ux-lead-timeline p,
.standx-ux-lead-timeline time {
    color: #667587;
    display: block;
    margin: .15rem 0;
}

.standx-ux-lead-state-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.standx-ux-lead-loading {
    background: rgba(6, 20, 37, .88);
    border-radius: 8px;
    padding: 1rem;
}

.standx-ux-inventory-workspace {
    display: grid;
    gap: 1rem;
}

.standx-ux-inventory-command-strip {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.standx-ux-inventory-layout {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 380px);
}

.standx-ux-inventory-main,
.standx-ux-inventory-toolbar {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.standx-ux-inventory-toolbar-actions,
.standx-ux-inventory-toolbar-search,
.standx-ux-inventory-filter-actions,
.standx-ux-inventory-actions,
.standx-ux-inventory-badge-row,
.standx-ux-inventory-warning-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.standx-ux-inventory-toolbar-search {
    align-items: stretch;
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto;
}

.standx-ux-inventory-view-selector {
    align-items: center;
    background: #eef4fb;
    border: 1px solid #d9e5f0;
    border-radius: 8px;
    display: inline-flex;
    padding: .25rem;
}

.standx-ux-inventory-view-selector button,
.standx-ux-inventory-actions button {
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: #3d4d5f;
    font: inherit;
    font-size: .82rem;
    font-weight: 900;
    min-height: 34px;
    padding: .35rem .65rem;
}

.standx-ux-inventory-view-selector button.active,
.standx-ux-inventory-view-selector button:hover,
.standx-ux-inventory-actions button:hover {
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .08);
    color: #0f172a;
}

.standx-ux-inventory-filter-grid {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.standx-ux-inventory-filter-grid label {
    display: grid;
    gap: .35rem;
}

.standx-ux-inventory-filter-grid label > span {
    color: #667587;
    font-size: .78rem;
    font-weight: 900;
}

.standx-ux-inventory-filter-actions {
    justify-content: flex-end;
    margin-top: 1rem;
}

.standx-ux-inventory-grid,
.standx-ux-location-view {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.standx-ux-inventory-card,
.standx-ux-inventory-inspector,
.standx-ux-inventory-table-wrap,
.standx-ux-inventory-compact-list article,
.standx-ux-location-view article,
.standx-ux-reservation-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 14px 36px rgba(15, 23, 42, .08);
    color: #17212b;
}

.standx-ux-inventory-card,
.standx-ux-location-view article {
    display: grid;
    gap: .85rem;
    padding: 1rem;
}

.standx-ux-inventory-card-header,
.standx-ux-location-view header,
.standx-ux-reservation-card header {
    align-items: start;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

.standx-ux-inventory-card-header strong,
.standx-ux-location-view strong,
.standx-ux-inventory-table strong,
.standx-ux-inventory-compact-list strong {
    color: #0f172a;
    display: block;
}

.standx-ux-inventory-card-header span,
.standx-ux-location-view header span,
.standx-ux-inventory-compact-list span {
    color: #667587;
}

.standx-ux-inventory-summary,
.standx-ux-location-view dl,
.standx-ux-reservation-card dl {
    display: grid;
    gap: .45rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.standx-ux-inventory-summary div,
.standx-ux-location-view dl div,
.standx-ux-reservation-card dl div {
    background: #f8fafc;
    border-radius: 8px;
    padding: .55rem;
}

.standx-ux-inventory-summary dt,
.standx-ux-location-view dt,
.standx-ux-reservation-card dt {
    color: #667587;
    font-size: .72rem;
    font-weight: 900;
}

.standx-ux-inventory-summary dd,
.standx-ux-location-view dd,
.standx-ux-reservation-card dd {
    color: #17212b;
    font-weight: 900;
    margin: 0;
}

.standx-ux-inventory-badge,
.standx-ux-inventory-warning-row span {
    border-radius: 999px;
    display: inline-flex;
    font-size: .72rem;
    font-weight: 900;
    padding: .3rem .58rem;
}

.standx-ux-inventory-badge {
    background: #eef4fb;
    color: #304256;
}

.standx-ux-inventory-badge.status-available,
.standx-ux-inventory-badge.status-ready,
.standx-ux-inventory-badge.status-open {
    background: #e7f8f4;
    color: #0f766e;
}

.standx-ux-inventory-badge.status-reserved,
.standx-ux-inventory-badge.movement-reservation {
    background: #eff6ff;
    color: #1d4ed8;
}

.standx-ux-inventory-badge.status-incoming,
.standx-ux-inventory-badge.status-warning,
.standx-ux-inventory-badge.movement-inbound,
.standx-ux-inventory-warning-row span {
    background: #fff7ed;
    color: #9a3412;
}

.standx-ux-inventory-badge.status-outgoing,
.standx-ux-inventory-badge.movement-outbound,
.standx-ux-inventory-badge.movement-transfer {
    background: #eef2ff;
    color: #4338ca;
}

.standx-ux-inventory-table-wrap {
    overflow: hidden;
}

.standx-ux-inventory-table {
    border-collapse: collapse;
    min-width: 1040px;
    width: 100%;
}

.standx-ux-inventory-table th,
.standx-ux-inventory-table td {
    border-bottom: 1px solid #e2e8f0;
    padding: .85rem;
    text-align: left;
    vertical-align: middle;
}

.standx-ux-inventory-table th {
    background: #f8fafc;
    color: #667587;
    font-size: .76rem;
    font-weight: 950;
    text-transform: uppercase;
}

.standx-ux-inventory-pagination-preview {
    align-items: center;
    background: #f8fafc;
    color: #667587;
    display: flex;
    font-size: .82rem;
    font-weight: 850;
    justify-content: space-between;
    padding: .85rem;
}

.standx-ux-inventory-compact-list,
.standx-ux-inventory-timeline {
    display: grid;
    gap: .65rem;
}

.standx-ux-inventory-compact-list article,
.standx-ux-inventory-timeline article {
    align-items: center;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(0, 1fr) auto auto auto;
    padding: .75rem;
}

.standx-ux-inventory-timeline article {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    grid-template-columns: auto minmax(0, 1fr);
}

.standx-ux-inventory-timeline p,
.standx-ux-inventory-timeline span {
    color: #667587;
    margin: .2rem 0;
}

.standx-ux-inventory-inspector {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    position: sticky;
    top: 96px;
}

.standx-ux-inventory-inspector header span,
.standx-ux-reservation-card header span {
    color: #1d4ed8;
    font-size: .76rem;
    font-weight: 950;
    text-transform: uppercase;
}

.standx-ux-inventory-inspector h2 {
    color: #0f172a;
    margin: .2rem 0;
}

.standx-ux-inventory-inspector p {
    color: #667587;
    margin: 0;
}

.standx-ux-inventory-inspector > dl {
    display: grid;
    gap: .65rem;
    margin: 0;
}

.standx-ux-inventory-inspector > dl div {
    background: #f8fafc;
    border-radius: 8px;
    padding: .65rem;
}

.standx-ux-inventory-inspector dt {
    color: #667587;
    font-size: .72rem;
    font-weight: 950;
    text-transform: uppercase;
}

.standx-ux-inventory-inspector dd {
    color: #17212b;
    font-weight: 900;
    margin: .2rem 0 0;
}

.standx-ux-reservation-card {
    box-shadow: none;
    display: grid;
    gap: .75rem;
    padding: .85rem;
}

.standx-ux-inventory-state-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.standx-ux-inventory-loading {
    background: rgba(6, 20, 37, .88);
    border-radius: 8px;
    padding: 1rem;
}

.standx-ux-cost-workspace {
    display: grid;
    gap: 1rem;
}

.standx-ux-cost-command-strip {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.standx-ux-cost-layout {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 380px);
}

.standx-ux-cost-main,
.standx-ux-cost-toolbar {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.standx-ux-cost-toolbar-actions,
.standx-ux-cost-toolbar-search,
.standx-ux-cost-filter-actions,
.standx-ux-cost-badge-row,
.standx-ux-cost-warning-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.standx-ux-cost-toolbar-search {
    align-items: stretch;
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto;
}

.standx-ux-cost-view-selector {
    align-items: center;
    background: #eef4fb;
    border: 1px solid #d9e5f0;
    border-radius: 8px;
    display: inline-flex;
    padding: .25rem;
}

.standx-ux-cost-view-selector button,
.standx-ux-cost-warning-card button {
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: #3d4d5f;
    font: inherit;
    font-size: .82rem;
    font-weight: 900;
    min-height: 34px;
    padding: .35rem .65rem;
}

.standx-ux-cost-view-selector button.active,
.standx-ux-cost-view-selector button:hover,
.standx-ux-cost-warning-card button:hover {
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .08);
    color: #0f172a;
}

.standx-ux-cost-filter-grid {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.standx-ux-cost-filter-grid label {
    display: grid;
    gap: .35rem;
}

.standx-ux-cost-filter-grid label > span {
    color: #667587;
    font-size: .78rem;
    font-weight: 900;
}

.standx-ux-cost-filter-actions {
    justify-content: flex-end;
    margin-top: 1rem;
}

.standx-ux-cost-card-grid,
.standx-ux-cost-breakdown,
.standx-ux-provenance-grid,
.standx-ux-cost-warning-grid,
.standx-ux-completeness-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.standx-ux-profitability-card,
.standx-ux-cost-inspector,
.standx-ux-cost-table-wrap,
.standx-ux-cost-compact-list article,
.standx-ux-cost-breakdown article,
.standx-ux-provenance-grid article,
.standx-ux-cost-warning-card,
.standx-ux-completeness-grid article,
.standx-ux-completeness-score {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 14px 36px rgba(15, 23, 42, .08);
    color: #17212b;
}

.standx-ux-profitability-card {
    display: grid;
    gap: .85rem;
    padding: 1rem;
}

.standx-ux-profitability-card header,
.standx-ux-cost-warning-card,
.standx-ux-cost-compact-list article {
    align-items: center;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

.standx-ux-profitability-card strong,
.standx-ux-cost-table strong,
.standx-ux-cost-compact-list strong,
.standx-ux-cost-breakdown strong,
.standx-ux-provenance-grid strong,
.standx-ux-completeness-grid strong {
    color: #0f172a;
    display: block;
}

.standx-ux-profitability-card span,
.standx-ux-cost-table span,
.standx-ux-cost-compact-list span,
.standx-ux-cost-breakdown span,
.standx-ux-provenance-grid span,
.standx-ux-completeness-grid span {
    color: #667587;
}

.standx-ux-cost-summary {
    display: grid;
    gap: .45rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.standx-ux-cost-summary div,
.standx-ux-cost-inspector-panel {
    background: #f8fafc;
    border-radius: 8px;
    padding: .55rem;
}

.standx-ux-cost-summary dt,
.standx-ux-cost-inspector-panel span {
    color: #667587;
    font-size: .72rem;
    font-weight: 900;
}

.standx-ux-cost-summary dd,
.standx-ux-cost-inspector-panel strong {
    color: #17212b;
    font-weight: 900;
    margin: 0;
}

.standx-ux-cost-margin {
    background: linear-gradient(135deg, #eef6ff, #f7fffd);
    border: 1px solid #dbeafe;
    border-radius: 8px;
    display: grid;
    gap: .25rem;
    padding: .8rem;
}

.standx-ux-cost-margin strong {
    color: #0f766e;
    font-size: 1.65rem;
}

.standx-ux-cost-badge,
.standx-ux-cost-warning-row span {
    border-radius: 999px;
    display: inline-flex;
    font-size: .72rem;
    font-weight: 900;
    padding: .3rem .58rem;
}

.standx-ux-cost-badge {
    background: #eef4fb;
    color: #304256;
}

.standx-ux-cost-badge.profitability-profitable,
.standx-ux-cost-badge.completeness-validated {
    background: #e7f8f4;
    color: #0f766e;
}

.standx-ux-cost-badge.profitability-break-even,
.standx-ux-cost-badge.completeness-estimated,
.standx-ux-cost-warning-row span {
    background: #fff7ed;
    color: #9a3412;
}

.standx-ux-cost-badge.profitability-loss,
.standx-ux-cost-badge.profitability-incomplete,
.standx-ux-cost-badge.completeness-incomplete,
.standx-ux-cost-badge.completeness-review-required {
    background: #fee2e2;
    color: #991b1b;
}

.standx-ux-cost-badge.provenance {
    background: #eef2ff;
    color: #4338ca;
}

.standx-ux-cost-table-wrap {
    overflow: hidden;
}

.standx-ux-cost-table {
    border-collapse: collapse;
    min-width: 980px;
    width: 100%;
}

.standx-ux-cost-table th,
.standx-ux-cost-table td {
    border-bottom: 1px solid #e2e8f0;
    padding: .85rem;
    text-align: left;
    vertical-align: middle;
}

.standx-ux-cost-table th {
    background: #f8fafc;
    color: #667587;
    font-size: .76rem;
    font-weight: 950;
    text-transform: uppercase;
}

.standx-ux-cost-breakdown article,
.standx-ux-provenance-grid article,
.standx-ux-completeness-grid article,
.standx-ux-completeness-score {
    display: grid;
    gap: .35rem;
    padding: 1rem;
}

.standx-ux-cost-breakdown small {
    color: #667587;
}

.standx-ux-completeness-panel {
    display: grid;
    gap: 1rem;
}

.standx-ux-completeness-score div {
    background: #e8eef5;
    border-radius: 999px;
    height: 10px;
    overflow: hidden;
}

.standx-ux-completeness-score div span {
    background: linear-gradient(90deg, #2563eb, #18d5c3);
    display: block;
    height: 100%;
}

.standx-ux-cost-warning-card {
    border-left: 4px solid #f59e0b;
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: .85rem;
}

.standx-ux-cost-warning-card.critical {
    border-left-color: #ef4444;
}

.standx-ux-cost-warning-card.neutral {
    border-left-color: #64748b;
}

.standx-ux-cost-warning-card > span {
    align-items: center;
    background: #fff7ed;
    border-radius: 8px;
    color: #9a3412;
    display: inline-flex;
    font-weight: 950;
    height: 36px;
    justify-content: center;
    width: 36px;
}

.standx-ux-cost-warning-card p {
    color: #667587;
    margin: .15rem 0 0;
}

.standx-ux-cost-timeline {
    display: grid;
    gap: .65rem;
}

.standx-ux-cost-timeline article,
.standx-ux-cost-compact-list article {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: .75rem;
}

.standx-ux-cost-timeline article {
    display: grid;
    gap: .75rem;
    grid-template-columns: auto minmax(0, 1fr);
}

.standx-ux-cost-timeline article > span {
    background: #eef2ff;
    border-radius: 999px;
    color: #4338ca;
    font-size: .72rem;
    font-weight: 900;
    padding: .3rem .58rem;
}

.standx-ux-cost-timeline p,
.standx-ux-cost-timeline time {
    color: #667587;
    display: block;
    margin: .15rem 0;
}

.standx-ux-cost-inspector {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    position: sticky;
    top: 96px;
}

.standx-ux-cost-inspector header span {
    color: #1d4ed8;
    font-size: .76rem;
    font-weight: 950;
    text-transform: uppercase;
}

.standx-ux-cost-inspector h2 {
    color: #0f172a;
    margin: .2rem 0;
}

.standx-ux-cost-inspector p {
    color: #667587;
    margin: 0;
}

.standx-ux-cost-state-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.standx-ux-cost-loading {
    background: rgba(6, 20, 37, .88);
    border-radius: 8px;
    padding: 1rem;
}

.standx-shell .ux-app-shell,
.standx-shell .standx-main,
.standx-shell .ux-app-main {
    background: var(--standx-color-background);
    color: var(--standx-color-text-primary);
}

.standx-shell .ux-topbar,
.standx-shell .ux-workspace-header {
    background: var(--standx-color-header);
    border-color: var(--standx-color-border);
}

.standx-shell .ux-workspace-header h1,
.standx-shell .ux-workspace-header-main h1,
.standx-shell h1,
.standx-shell h2,
.standx-shell h3,
.standx-shell h4 {
    color: var(--standx-color-text-primary);
    letter-spacing: var(--standx-letter-spacing);
}

.standx-shell .ux-workspace-header p,
.standx-shell .ux-breadcrumbs,
.standx-shell .standx-stand-meta,
.standx-shell .standx-brand span,
.standx-shell [class*="standx-ux-"] p,
.standx-shell [class*="standx-ux-"] small,
.standx-shell [class*="standx-ux-"] dt,
.standx-shell [class*="standx-ux-"] span {
    color: var(--standx-color-text-muted);
}

.standx-shell .standx-content,
.standx-shell .ux-app-content {
    background:
        linear-gradient(180deg, rgba(24, 213, 195, .045), transparent 260px),
        var(--standx-color-background);
}

.standx-shell .ux-empty-state,
.standx-shell .ux-error-panel,
.standx-shell .ux-section-card,
.standx-shell .ux-content-card,
.standx-shell .ux-stat-card,
.standx-shell .ux-dashboard-kpi-card,
.standx-shell .ux-quick-action,
.standx-shell .standx-url-panel,
.standx-shell [class*="standx-ux-"][class*="-card"],
.standx-shell [class*="standx-ux-"][class*="-panel"],
.standx-shell [class*="standx-ux-"][class*="-inspector"],
.standx-shell [class*="standx-ux-"][class*="-table-wrap"],
.standx-shell [class*="standx-ux-"][class*="-compact-list"] article,
.standx-shell [class*="standx-ux-"][class*="-timeline"] article,
.standx-shell [class*="standx-ux-"][class*="-summary"] article,
.standx-shell [class*="standx-ux-"][class*="-summary"] div,
.standx-shell [class*="standx-ux-"][class*="-breakdown"] article,
.standx-shell [class*="standx-ux-"][class*="-grid"] article {
    background: var(--standx-color-card);
    border-color: var(--standx-color-border);
    border-radius: var(--standx-radius-md);
    box-shadow: var(--standx-shadow-sm);
    color: var(--standx-color-text-primary);
}

.standx-shell [class*="standx-ux-"][class*="-summary"] div,
.standx-shell [class*="standx-ux-"][class*="-inspector"] dl div,
.standx-shell [class*="standx-ux-"][class*="-inspector-panel"],
.standx-shell [class*="standx-ux-"][class*="-bulk-actions"],
.standx-shell [class*="standx-ux-"][class*="-filters"],
.standx-shell [class*="standx-ux-"][class*="-filter-panel"] {
    background: var(--standx-color-surface);
    border-color: var(--standx-color-border);
    color: var(--standx-color-text-primary);
}

.standx-shell .ux-stat-card strong,
.standx-shell .ux-dashboard-kpi-card strong,
.standx-shell .ux-quick-action strong,
.standx-shell [class*="standx-ux-"] strong,
.standx-shell [class*="standx-ux-"] dd {
    color: var(--standx-color-text-primary);
}

.standx-shell .ux-stat-card span,
.standx-shell .ux-dashboard-kpi-label,
.standx-shell [class*="standx-ux-"] th,
.standx-shell [class*="standx-ux-"] dt,
.standx-shell [class*="standx-ux-"][class*="-inspector"] header span {
    color: var(--standx-color-text-muted);
    letter-spacing: var(--standx-letter-spacing);
}

.standx-shell [class*="standx-ux-"] table {
    background: var(--standx-color-card);
    color: var(--standx-color-text-primary);
}

.standx-shell [class*="standx-ux-"] th,
.standx-shell [class*="standx-ux-"] td {
    border-bottom-color: var(--standx-color-divider);
}

.standx-shell [class*="standx-ux-"] th {
    background: var(--standx-color-surface);
}

.standx-shell input,
.standx-shell select,
.standx-shell textarea,
.standx-shell .standx-ux-toolbar-search,
.standx-shell [class*="standx-ux-"][class*="-toolbar-search"] {
    background: var(--standx-color-surface);
    border-color: var(--standx-color-border);
    color: var(--standx-color-text-primary);
}

.standx-shell input::placeholder,
.standx-shell textarea::placeholder {
    color: var(--standx-color-text-muted);
}

.standx-shell input:focus,
.standx-shell input:focus-visible,
.standx-shell select:focus,
.standx-shell select:focus-visible,
.standx-shell textarea:focus,
.standx-shell textarea:focus-visible,
.standx-shell button:focus-visible,
.standx-shell a:focus-visible {
    box-shadow: 0 0 0 3px var(--standx-color-focus);
    outline: none;
}

.standx-shell .btn-primary,
.standx-shell [class*="standx-ux-"] button.is-primary,
.standx-shell [class*="standx-ux-"][class*="-toolbar-actions"] a,
.standx-shell [class*="standx-ux-"][class*="-toolbar-actions"] button {
    transition: background var(--standx-motion-base) ease, border-color var(--standx-motion-base) ease, color var(--standx-motion-base) ease, transform var(--standx-motion-fast) ease;
}

.standx-shell .btn-primary {
    background: var(--standx-color-primary);
    border-color: var(--standx-color-primary);
    color: #04111f;
}

.standx-shell .btn-primary:hover {
    background: var(--standx-color-primary-hover);
    border-color: var(--standx-color-primary-hover);
}

.standx-shell .btn-primary:active {
    background: var(--standx-color-primary-active);
    border-color: var(--standx-color-primary-active);
}

.standx-shell [class*="standx-ux-"][class*="-view-selector"],
.standx-shell [class*="standx-ux-"][class*="-badge-row"] {
    background: var(--standx-color-surface);
    border-color: var(--standx-color-border);
}

.standx-shell [class*="standx-ux-"][class*="-view-selector"] button {
    color: var(--standx-color-text-secondary);
}

.standx-shell [class*="standx-ux-"][class*="-view-selector"] button.active,
.standx-shell [class*="standx-ux-"][class*="-view-selector"] button.is-selected,
.standx-shell [class*="standx-ux-"][class*="-view-selector"] button:hover {
    background: var(--standx-color-primary-soft);
    color: var(--standx-color-text-primary);
    box-shadow: none;
}

.standx-shell [class*="standx-ux-"][class*="-badge"],
.standx-shell [class*="standx-ux-"][class*="-tag"],
.standx-shell [class*="standx-ux-"][class*="-pill"] {
    border: 1px solid var(--standx-color-border);
    border-radius: var(--standx-radius-pill);
}

.standx-shell [class*="status-ready"],
.standx-shell [class*="status-won"],
.standx-shell [class*="is-success"],
.standx-shell [class*="profitability-profitable"],
.standx-shell [class*="completeness-validated"] {
    background: rgba(34, 197, 94, .13);
    border-color: rgba(34, 197, 94, .28);
    color: #86efac;
}

.standx-shell [class*="status-contacted"],
.standx-shell [class*="status-negotiation"],
.standx-shell [class*="status-proposal"],
.standx-shell [class*="status-reserved"],
.standx-shell [class*="is-info"],
.standx-shell [class*="provenance"] {
    background: rgba(59, 130, 246, .13);
    border-color: rgba(59, 130, 246, .3);
    color: #93c5fd;
}

.standx-shell [class*="status-draft"],
.standx-shell [class*="status-new"],
.standx-shell [class*="priority-high"],
.standx-shell [class*="priority-critical"],
.standx-shell [class*="is-warning"],
.standx-shell [class*="warning"],
.standx-shell [class*="estimated"],
.standx-shell [class*="break-even"] {
    background: rgba(245, 158, 11, .13);
    border-color: rgba(245, 158, 11, .3);
    color: #fcd34d;
}

.standx-shell [class*="status-lost"],
.standx-shell [class*="status-inactive"],
.standx-shell [class*="is-danger"],
.standx-shell [class*="critical"],
.standx-shell [class*="loss"],
.standx-shell [class*="incomplete"] {
    background: rgba(185, 28, 28, .18);
    border-color: rgba(248, 113, 113, .32);
    color: #fca5a5;
}

.standx-shell .ux-skeleton-block,
.standx-shell .ux-skeleton-row,
.standx-shell [class*="standx-ux-"][class*="-loading"] {
    animation-duration: var(--standx-motion-loading);
    background: linear-gradient(90deg, rgba(148, 163, 184, .08), rgba(148, 163, 184, .18), rgba(148, 163, 184, .08));
    border-color: var(--standx-color-border);
}

.standx-shell .ux-dashboard-chart,
.standx-shell .ux-dashboard-alert,
.standx-shell .ux-dashboard-timeline li,
.standx-shell .ux-dashboard-overview-grid article,
.standx-shell .ux-popover,
.standx-shell .ux-notification-item {
    background: var(--standx-color-card);
    border-color: var(--standx-color-border);
    border-radius: var(--standx-radius-md);
    box-shadow: var(--standx-shadow-sm);
    color: var(--standx-color-text-primary);
}

.standx-shell .ux-dashboard-chart header span,
.standx-shell .ux-dashboard-bars span,
.standx-shell .ux-dashboard-timeline p,
.standx-shell .ux-dashboard-timeline time,
.standx-shell .ux-dashboard-alert p,
.standx-shell .ux-notification-item p {
    color: var(--standx-color-text-muted);
}

.standx-shell .ux-dashboard-timeline strong,
.standx-shell .ux-dashboard-bars strong,
.standx-shell .ux-dashboard-alert strong {
    color: var(--standx-color-text-primary);
}

.standx-shell .ux-dashboard-bar-track,
.standx-shell [class*="standx-ux-"][class*="-progress"],
.standx-shell [class*="standx-ux-"][class*="-progress"] div {
    background: var(--standx-color-surface);
}

.standx-shell .ux-dashboard-bar-fill,
.standx-shell [class*="standx-ux-"][class*="-progress"] span,
.standx-shell [class*="standx-ux-"][class*="-progress"] i {
    background: var(--standx-color-primary);
}

.standx-shell .ux-icon-button,
.standx-shell .ux-ai-shortcut,
.standx-shell .ux-workspace-selector,
.standx-shell .ux-notification-panel summary,
.standx-shell .btn-outline-secondary,
.standx-shell [class*="standx-ux-"][class*="-actions"] button,
.standx-shell [class*="standx-ux-"][class*="-actions"] a {
    background: var(--standx-color-surface);
    border-color: var(--standx-color-border);
    color: var(--standx-color-text-secondary);
}

.standx-shell .ux-icon-button:hover,
.standx-shell .ux-ai-shortcut:hover,
.standx-shell .ux-workspace-selector:hover,
.standx-shell .ux-notification-panel summary:hover,
.standx-shell .btn-outline-secondary:hover,
.standx-shell [class*="standx-ux-"][class*="-actions"] button:hover,
.standx-shell [class*="standx-ux-"][class*="-actions"] a:hover {
    background: var(--standx-color-primary-soft);
    border-color: rgba(24, 213, 195, .36);
    color: var(--standx-color-text-primary);
}

.standx-shell .btn-danger,
.standx-shell .btn-outline-danger {
    background: rgba(185, 28, 28, .18);
    border-color: rgba(248, 113, 113, .32);
    color: #fca5a5;
}

.standx-shell .btn:disabled,
.standx-shell button:disabled,
.standx-shell [aria-disabled="true"] {
    color: var(--standx-color-disabled);
    cursor: not-allowed;
    opacity: .68;
}

.standx-shell table tbody tr {
    transition: background var(--standx-motion-fast) ease;
}

.standx-shell table tbody tr:hover {
    background: rgba(24, 213, 195, .06);
}

.standx-shell .standx-ux-pagination-preview,
.standx-shell [class*="standx-ux-"][class*="-pagination"] {
    background: var(--standx-color-surface);
    border-top: 1px solid var(--standx-color-divider);
    color: var(--standx-color-text-muted);
}

.standx-shell label,
.standx-shell .form-label,
.standx-shell [class*="standx-ux-"] label > span {
    color: var(--standx-color-text-muted);
    font-size: var(--standx-font-size-caption);
    font-weight: var(--standx-font-weight-strong);
}

.standx-shell .validation-message,
.standx-shell .invalid-feedback {
    color: #fca5a5;
}

.standx-shell .form-text,
.standx-shell .help-text {
    color: var(--standx-color-text-muted);
}

/* HOTFIX UX-1: restore approved Customer Portal dark/copper baseline after stale light/cyan client-shell rules. */
.client-shell {
    --platform-bg: #0d1117;
    --platform-bg-secondary: #15181d;
    --platform-surface: #1b222b;
    --platform-surface-2: #202936;
    --platform-text: #f8fafc;
    --platform-muted: #aab6c4;
    --platform-border: rgba(148, 163, 184, .22);
    --platform-accent: #c27a4b;
    --platform-accent-hover: #e08b5a;
    background:
        radial-gradient(circle at top left, rgba(194, 122, 75, .12), transparent 34rem),
        var(--platform-bg);
    color: var(--platform-text);
}

.client-shell .main,
.client-shell .content {
    background: var(--platform-bg);
    color: var(--platform-text);
}

.client-shell .area-sidebar,
.client-shell .sidebar {
    background: linear-gradient(180deg, #111820, var(--platform-bg-secondary));
    border-right: 1px solid var(--platform-border);
    box-shadow: 18px 0 45px rgba(0, 0, 0, .18);
}

.client-shell .topbar {
    background: rgba(21, 24, 29, .96);
    border-bottom-color: var(--platform-border);
    color: var(--platform-text);
}

.client-shell .client-wordmark,
.client-shell .topbar h1,
.client-shell .page-heading h2,
.client-shell h2,
.client-shell h3,
.client-shell h4,
.client-shell strong,
.client-shell dd {
    color: var(--platform-text);
}

.client-shell .brand-lockup small,
.client-shell .eyebrow,
.client-shell .muted,
.client-shell .panel-header span,
.client-shell .profile-copy,
.client-shell .profile-copy p,
.client-shell .mini-list dt,
.client-shell .profile-list dt,
.client-shell .portal-card p,
.client-shell .empty-state-body p {
    color: var(--platform-muted);
}

.client-shell .panel,
.client-shell .portal-card,
.client-shell .metric-card,
.client-shell .table-wrap,
.client-shell .tenant-selector,
.client-shell .context-selector-button,
.client-shell .customer-dashboard-context article,
.client-shell .customer-action-card,
.client-shell .customer-health-card {
    background: var(--platform-surface);
    border-color: var(--platform-border);
    color: var(--platform-text);
    box-shadow: 0 18px 48px rgba(0, 0, 0, .18);
}

.client-shell .customer-dashboard-hero {
    background: linear-gradient(135deg, rgba(15, 23, 31, .96), rgba(31, 36, 43, .94));
    border-color: rgba(194, 122, 75, .28);
    color: var(--platform-text);
}

.client-shell .client-wordmark span,
.client-shell .nav-icon,
.client-shell .context-selector-caret {
    color: var(--platform-accent-hover);
}

.client-shell .nav-link:hover,
.client-shell .nav-link.active,
.client-shell .client-mobile-menu .nav-link:hover,
.client-shell .client-mobile-menu .nav-link.active {
    background: rgba(194, 122, 75, .14);
    border-left-color: var(--platform-accent);
    color: var(--platform-text);
}

.client-shell .btn-primary {
    background: var(--platform-accent);
    border-color: var(--platform-accent);
    color: #101418;
    font-weight: 900;
}

.client-shell .btn-primary:hover,
.client-shell .btn-primary:focus-visible {
    background: var(--platform-accent-hover);
    border-color: var(--platform-accent-hover);
    color: #101418;
}

.client-shell .btn-outline-secondary,
.client-shell a {
    color: #f6c7aa;
}

.client-shell .btn-outline-secondary {
    border-color: rgba(194, 122, 75, .42);
}

.client-shell .btn-outline-secondary:hover,
.client-shell .btn-outline-secondary:focus-visible {
    background: rgba(194, 122, 75, .14);
    border-color: var(--platform-accent-hover);
    color: var(--platform-text);
}

.client-shell .status,
.client-shell .customer-action-card span {
    background: rgba(194, 122, 75, .14);
    border-color: rgba(224, 139, 90, .36);
    color: #f6c7aa;
}

.client-shell .form-control,
.client-shell .form-select {
    background: #111820;
    border-color: var(--platform-border);
    color: var(--platform-text);
}

.client-shell .form-control:focus,
.client-shell .form-select:focus,
.client-shell button:focus-visible,
.client-shell a:focus-visible {
    border-color: var(--platform-accent-hover);
    box-shadow: 0 0 0 3px rgba(224, 139, 90, .22);
    outline: none;
}

.client-shell .customer-timeline-item > span {
    background: var(--platform-accent);
}

.client-shell .client-mobile-menu {
    background: #111820;
    border-bottom: 1px solid var(--platform-border);
    box-sizing: border-box;
    max-width: 100%;
    overflow-x: hidden;
    width: 100%;
}

.client-shell .client-mobile-menu .nav-link,
.client-shell .client-mobile-menu .nav-button {
    box-sizing: border-box;
    display: flex;
    max-width: 100%;
    width: 100%;
}

/* Storefront Wizard V1 final cascade guard: keep the approved premium navy/glass layout after legacy StandX rules. */
.standx-storefront-wizard {
    background:
        radial-gradient(circle at 18% 0%, rgba(20, 184, 166, .16), transparent 32rem),
        linear-gradient(135deg, #07111f 0%, #101b2f 48%, #162033 100%);
    color: #e5edf7;
    overflow-x: hidden;
}

.standx-storefront-wizard__shell,
.standx-storefront-wizard__config,
.standx-storefront-wizard__preview,
.standx-storefront-wizard__summary-card,
.standx-storefront-wizard__step-card {
    background: rgba(15, 23, 42, .72);
    border: 1px solid rgba(148, 163, 184, .22);
    box-shadow: 0 24px 80px rgba(2, 6, 23, .34);
    backdrop-filter: blur(18px);
}

.standx-storefront-wizard__step.is-current {
    background: rgba(20, 184, 166, .16);
    border-color: rgba(45, 212, 191, .52);
    color: #f8fafc;
}

.standx-storefront-wizard__step.is-complete {
    background: rgba(34, 197, 94, .12);
    border-color: rgba(74, 222, 128, .36);
}

.standx-storefront-wizard__button--primary {
    background: linear-gradient(135deg, #2dd4bf, #38bdf8);
    border-color: transparent;
    color: #06111f;
}

.standx-storefront-wizard__preview-browser {
    background: #f8fafc;
    color: #0f172a;
}

.standx-storefront-wizard__preview-error {
    background: rgba(251, 191, 36, .12);
    border: 1px solid rgba(251, 191, 36, .34);
    border-radius: 14px;
    color: #fde68a;
    padding: 1rem;
}

.standx-storefront-wizard {
    background:
        radial-gradient(circle at 18% 0%, rgba(20, 184, 166, .16), transparent 32rem),
        linear-gradient(135deg, #07111f 0%, #101b2f 48%, #162033 100%);
    color: #e5edf7;
}

.standx-storefront-wizard__panel,
.standx-storefront-wizard__preview,
.standx-storefront-wizard__loading,
.standx-storefront-wizard__step {
    background: rgba(15, 23, 42, .78);
    border-color: rgba(226, 232, 240, .18);
    box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, .24);
    backdrop-filter: blur(18px);
}

.standx-storefront-wizard__eyebrow,
.standx-storefront-wizard__panel-head span {
    color: #5eead4;
}

.standx-storefront-wizard__header p,
.standx-storefront-wizard__panel-head p,
.standx-storefront-wizard__review p,
.standx-storefront-wizard__publish li,
.standx-storefront-wizard__google p,
.standx-storefront-wizard__dns p {
    color: #9fb0c5;
}

.standx-storefront-wizard__step strong,
.standx-storefront-wizard__field span,
.standx-storefront-wizard__check span {
    color: #f8fafc;
}

.standx-storefront-wizard__field input,
.standx-storefront-wizard__field select,
.standx-storefront-wizard__field textarea,
.standx-storefront-wizard__ghost,
.standx-storefront-wizard__service button,
.standx-storefront-wizard__review button {
    background: rgba(255, 255, 255, .08);
    border-color: rgba(203, 213, 225, .22);
    color: #f8fafc;
}

.standx-storefront-wizard__checks,
.standx-storefront-wizard__service,
.standx-storefront-wizard__google,
.standx-storefront-wizard__dns,
.standx-storefront-wizard__publish > div,
.standx-storefront-wizard__review article {
    background: rgba(255, 255, 255, .06);
    border-color: rgba(226, 232, 240, .14);
}

.standx-storefront-wizard__footer {
    border-top-color: rgba(226, 232, 240, .14);
}

.standx-storefront-wizard__preview-error {
    display: grid;
    gap: .5rem;
    min-height: 36rem;
    align-content: center;
    padding: 1.5rem;
    color: #172033;
    background: #f8fafc;
}

.standx-storefront-wizard__preview-error strong {
    color: #92400e;
}

.standx-storefront-wizard__preview-error p,
.standx-storefront-wizard__preview-error small {
    color: #64748b;
    line-height: 1.45;
}

.storefront-render {
    --storefront-render-primary: #1f7a5f;
    background: #f7faf9;
    color: #14213d;
    min-height: 100vh;
}

.storefront-render a {
    color: inherit;
}

.storefront-render-header {
    position: sticky;
    top: 0;
    z-index: 20;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 1rem;
    padding: .9rem clamp(1rem, 3vw, 2.5rem);
    border-bottom: 1px solid rgba(20, 33, 61, .08);
    background: rgba(255, 255, 255, .96);
}

.storefront-render-brand,
.storefront-render-nav,
.storefront-render-actions,
.storefront-render-cta,
.storefront-render-heading.row-heading,
.storefront-render-hours div,
.storefront-render-footer,
.storefront-render-footer nav,
.storefront-render-social {
    display: flex;
    gap: .75rem;
    align-items: center;
    flex-wrap: wrap;
}

.storefront-render-brand {
    text-decoration: none;
    min-width: 0;
}

.storefront-render-brand img,
.storefront-render-brand span {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: .5rem;
    object-fit: contain;
    background: #fff;
    border: 1px solid rgba(20, 33, 61, .1);
}

.storefront-render-brand span {
    display: inline-grid;
    place-items: center;
    background: var(--storefront-render-primary);
    color: #fff;
    font-weight: 700;
}

.storefront-render-brand strong {
    overflow-wrap: anywhere;
}

.storefront-render-nav {
    justify-content: center;
}

.storefront-render-actions {
    justify-content: flex-end;
}

.storefront-render-nav a,
.storefront-render-actions a,
.storefront-render-link {
    border-radius: .5rem;
    padding: .65rem .8rem;
    text-decoration: none;
    font-weight: 600;
}

.storefront-render-nav a.is-active,
.storefront-render-actions a.primary,
.storefront-render-link {
    color: var(--storefront-render-primary);
    background: color-mix(in srgb, var(--storefront-render-primary) 12%, white);
}

.storefront-render-menu-toggle,
.storefront-render-menu-button {
    display: none;
}

.storefront-render-hero {
    min-height: min(680px, calc(100vh - 4.5rem));
    display: grid;
    align-items: end;
    padding: clamp(4rem, 10vw, 8rem) clamp(1rem, 5vw, 5rem);
    color: #fff;
    background: linear-gradient(135deg, #10271f, #20384a);
    background-position: center;
    background-size: cover;
}

.storefront-render-hero > div {
    max-width: 46rem;
}

.storefront-render-hero h1 {
    font-size: clamp(2.4rem, 6vw, 5.5rem);
    line-height: 1;
    margin: .5rem 0 1rem;
}

.storefront-render-hero p {
    max-width: 42rem;
    font-size: 1.15rem;
}

.storefront-render-section,
.storefront-render-state {
    padding: clamp(2.5rem, 6vw, 5rem) clamp(1rem, 5vw, 5rem);
}

.storefront-render-heading {
    max-width: 56rem;
    margin-bottom: 1.5rem;
}

.storefront-render-heading.row-heading {
    max-width: none;
    justify-content: space-between;
}

.storefront-render-grid,
.storefront-render-service-grid,
.storefront-render-copy-grid,
.storefront-render-contact-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
    gap: 1rem;
}

.storefront-render-card,
.storefront-render-service-grid article,
.storefront-render-contact-grid article,
.storefront-render-form,
.storefront-render-empty,
.storefront-render-copy-grid section,
.storefront-render-hours,
.storefront-render-detail article {
    border: 1px solid rgba(20, 33, 61, .08);
    border-radius: .5rem;
    background: #fff;
    box-shadow: 0 12px 30px rgba(20, 33, 61, .06);
}

.storefront-render-card {
    overflow: hidden;
}

.storefront-render-card-media {
    position: relative;
    display: block;
    aspect-ratio: 4 / 3;
    background: #e6ece9;
}

.storefront-render-card-media img,
.storefront-render-gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.storefront-render-card-media span {
    position: absolute;
    left: .75rem;
    bottom: .75rem;
    padding: .35rem .55rem;
    border-radius: .45rem;
    background: rgba(255, 255, 255, .92);
    font-size: .8rem;
    font-weight: 700;
}

.storefront-render-card-body,
.storefront-render-service-grid article,
.storefront-render-contact-grid article,
.storefront-render-form,
.storefront-render-empty,
.storefront-render-detail article,
.storefront-render-copy-grid section,
.storefront-render-hours {
    padding: 1rem;
}

.storefront-render-card-body dl,
.storefront-render-specs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .5rem;
    margin: 1rem 0 0;
}

.storefront-render-card-body dt,
.storefront-render-specs dt {
    font-size: .75rem;
    color: #65758b;
}

.storefront-render-card-body dd,
.storefront-render-specs dd {
    margin: 0;
    font-weight: 700;
}

.storefront-render-detail {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(20rem, .9fr);
    gap: 1.5rem;
    align-items: start;
}

.storefront-render-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
    gap: .75rem;
}

.storefront-render-gallery img {
    aspect-ratio: 4 / 3;
    border-radius: .5rem;
    background: #e6ece9;
}

.storefront-render-price {
    display: block;
    margin: 1rem 0;
    color: var(--storefront-render-primary);
    font-size: 1.8rem;
}

.storefront-render-tags {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    padding: 0;
    margin: 1rem 0 0;
    list-style: none;
}

.storefront-render-tags li {
    padding: .45rem .65rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--storefront-render-primary) 12%, white);
}

.storefront-render-form {
    display: grid;
    gap: .85rem;
    max-width: 42rem;
    margin-top: 1.25rem;
}

.storefront-render-form label {
    display: grid;
    gap: .35rem;
}

.storefront-render-alert {
    display: grid;
    gap: .25rem;
    padding: .75rem;
    border-radius: .5rem;
}

.storefront-render-alert.error {
    color: #8f1f1f;
    background: #fff1f1;
}

.storefront-render-alert.success {
    color: #1f6b44;
    background: #edf8f1;
}

.storefront-render-hours {
    display: grid;
    gap: .5rem;
    margin-top: 1rem;
}

.storefront-render-footer {
    justify-content: space-between;
    padding: 1.5rem clamp(1rem, 5vw, 5rem);
    border-top: 1px solid rgba(20, 33, 61, .08);
    background: #10271f;
    color: #fff;
}

.storefront-render-footer a {
    color: #fff;
    text-decoration: none;
}

@media (max-width: 780px) {
    .storefront-render-header {
        grid-template-columns: 1fr auto;
    }

    .storefront-render-menu-button {
        display: inline-flex;
        justify-content: center;
        padding: .6rem .8rem;
        border: 1px solid rgba(20, 33, 61, .12);
        border-radius: .5rem;
        font-weight: 700;
    }

    .storefront-render-nav,
    .storefront-render-actions {
        display: none;
        grid-column: 1 / -1;
        justify-content: stretch;
    }

    .storefront-render-nav a,
    .storefront-render-actions a {
        display: block;
    }

    .storefront-render-menu-toggle:checked ~ .storefront-render-nav,
    .storefront-render-menu-toggle:checked ~ .storefront-render-actions {
        display: grid;
    }

    .storefront-render-detail {
        grid-template-columns: 1fr;
    }

    .storefront-render-card-body dl,
    .storefront-render-specs {
        grid-template-columns: 1fr;
    }
}

.standx-storefront-entry {
    position: relative;
}

.standx-storefront-entry__configure {
    align-items: center;
    background: #0f766e;
    border: 1px solid #0f766e;
    border-radius: .5rem;
    box-shadow: 0 1rem 2.5rem rgba(15, 118, 110, .22);
    color: #ffffff;
    display: inline-flex;
    font-weight: 800;
    gap: .6rem;
    justify-content: center;
    line-height: 1;
    min-height: 2.75rem;
    padding: .8rem 1rem;
    position: absolute;
    right: clamp(1rem, 3vw, 2rem);
    text-decoration: none;
    top: clamp(1rem, 3vw, 2rem);
    z-index: 2;
}

.standx-storefront-wizard {
    background: #f7f9fb;
    color: #172033;
    min-height: 100vh;
    padding: clamp(1rem, 2.4vw, 2rem);
}

.standx-storefront-wizard *,
.standx-storefront-wizard *::before,
.standx-storefront-wizard *::after {
    box-sizing: border-box;
}

.standx-storefront-wizard__header,
.standx-storefront-wizard__workspace,
.standx-storefront-wizard__modal,
.standx-storefront-wizard__notice,
.standx-storefront-wizard__loading {
    margin-inline: auto;
    max-width: 1440px;
}

.standx-storefront-wizard__header {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.standx-storefront-wizard__eyebrow,
.standx-storefront-wizard__panel-head span {
    color: #0f766e;
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .08em;
    margin: 0 0 .25rem;
    text-transform: uppercase;
}

.standx-storefront-wizard h1,
.standx-storefront-wizard h2,
.standx-storefront-wizard h3,
.standx-storefront-wizard h4,
.standx-storefront-wizard p {
    margin-top: 0;
}

.standx-storefront-wizard h1 {
    font-size: clamp(1.75rem, 2.8vw, 2.8rem);
    line-height: 1.05;
    margin-bottom: .35rem;
}

.standx-storefront-wizard__header p,
.standx-storefront-wizard__panel-head p {
    color: #64748b;
    line-height: 1.45;
}

.standx-storefront-wizard__header-actions,
.standx-storefront-wizard__footer,
.standx-storefront-wizard__inline,
.standx-storefront-wizard__preview-toolbar,
.standx-storefront-wizard__site-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.standx-storefront-wizard__ghost,
.standx-storefront-wizard__primary,
.standx-storefront-wizard__icon,
.standx-storefront-wizard__step,
.standx-storefront-wizard__service button,
.standx-storefront-wizard__review button,
.standx-storefront-wizard__preview-toolbar button {
    border: 1px solid #d5dde8;
    border-radius: .45rem;
    cursor: pointer;
    font: inherit;
    font-weight: 800;
}

.standx-storefront-wizard__ghost,
.standx-storefront-wizard__service button,
.standx-storefront-wizard__review button,
.standx-storefront-wizard__preview-toolbar button {
    background: #ffffff;
    color: #172033;
    min-height: 2.5rem;
    padding: .65rem .9rem;
}

.standx-storefront-wizard__primary {
    background: #0f766e;
    border-color: #0f766e;
    color: #ffffff;
    min-height: 2.6rem;
    padding: .7rem 1rem;
}

.standx-storefront-wizard__icon {
    align-items: center;
    background: #172033;
    color: #ffffff;
    display: inline-flex;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
}

.standx-storefront-wizard button:disabled {
    cursor: not-allowed;
    opacity: .55;
}

.standx-storefront-wizard__notice {
    border-radius: .5rem;
    font-weight: 800;
    margin-bottom: 1rem;
    padding: .85rem 1rem;
}

.standx-storefront-wizard__notice.is-info {
    background: #e0f2fe;
    color: #075985;
}

.standx-storefront-wizard__notice.is-success {
    background: #dcfce7;
    color: #166534;
}

.standx-storefront-wizard__notice.is-warning {
    background: #fef3c7;
    color: #92400e;
}

.standx-storefront-wizard__stepper {
    display: grid;
    gap: .65rem;
    grid-auto-columns: minmax(8.75rem, 1fr);
    grid-auto-flow: column;
    margin: 0 auto 1rem;
    max-width: 1440px;
    overflow-x: auto;
    padding-bottom: .35rem;
}

.standx-storefront-wizard__step {
    background: #ffffff;
    color: #64748b;
    display: grid;
    gap: .15rem;
    min-height: 5.6rem;
    min-width: 8.75rem;
    padding: .7rem;
    text-align: left;
}

.standx-storefront-wizard__step span {
    align-items: center;
    background: #eef2f7;
    border-radius: 999px;
    color: #475569;
    display: inline-flex;
    font-size: .72rem;
    height: 1.6rem;
    justify-content: center;
    width: 1.6rem;
}

.standx-storefront-wizard__step strong {
    color: #172033;
    font-size: .9rem;
}

.standx-storefront-wizard__step small {
    font-size: .76rem;
}

.standx-storefront-wizard__step.is-active {
    border-color: #0f766e;
    box-shadow: 0 .85rem 1.8rem rgba(15, 118, 110, .14);
}

.standx-storefront-wizard__step.is-active span,
.standx-storefront-wizard__step.is-complete span {
    background: #0f766e;
    color: #ffffff;
}

.standx-storefront-wizard__workspace {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(22rem, 32rem);
}

.standx-storefront-wizard__panel,
.standx-storefront-wizard__preview,
.standx-storefront-wizard__loading {
    background: #ffffff;
    border: 1px solid #dde5ef;
    border-radius: .5rem;
    box-shadow: 0 1rem 2.5rem rgba(15, 23, 42, .07);
}

.standx-storefront-wizard__panel {
    min-width: 0;
    padding: clamp(1rem, 2vw, 1.4rem);
}

.standx-storefront-wizard__preview {
    min-width: 0;
    overflow: hidden;
    position: sticky;
    top: 1rem;
}

.standx-storefront-wizard__loading {
    padding: 2rem;
}

.standx-storefront-wizard__form-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.standx-storefront-wizard__field,
.standx-storefront-wizard__check {
    display: grid;
    gap: .45rem;
    min-width: 0;
}

.standx-storefront-wizard__field.span-2 {
    grid-column: 1 / -1;
}

.standx-storefront-wizard__field span,
.standx-storefront-wizard__check span {
    color: #334155;
    font-size: .84rem;
    font-weight: 850;
}

.standx-storefront-wizard__field input,
.standx-storefront-wizard__field select,
.standx-storefront-wizard__field textarea {
    background: #ffffff;
    border: 1px solid #ccd6e4;
    border-radius: .45rem;
    color: #172033;
    font: inherit;
    min-height: 2.75rem;
    min-width: 0;
    padding: .72rem .78rem;
    width: 100%;
}

.standx-storefront-wizard__field input[type="color"] {
    padding: .2rem;
}

.standx-storefront-wizard__check {
    align-items: center;
    grid-template-columns: auto 1fr;
}

.standx-storefront-wizard__check input {
    height: 1.05rem;
    width: 1.05rem;
}

.standx-storefront-wizard__checks,
.standx-storefront-wizard__stack {
    display: grid;
    gap: .8rem;
}

.standx-storefront-wizard__checks {
    align-content: start;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: .5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 1rem;
}

.standx-storefront-wizard__service,
.standx-storefront-wizard__google,
.standx-storefront-wizard__dns,
.standx-storefront-wizard__publish > div,
.standx-storefront-wizard__review article {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: .5rem;
    padding: 1rem;
}

.standx-storefront-wizard__service {
    display: grid;
    gap: .8rem;
}

.standx-storefront-wizard__review {
    display: grid;
    gap: .8rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.standx-storefront-wizard__review article {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    min-width: 0;
}

.standx-storefront-wizard__review p,
.standx-storefront-wizard__publish li,
.standx-storefront-wizard__google p,
.standx-storefront-wizard__dns p {
    color: #64748b;
    line-height: 1.45;
    margin-bottom: 0;
}

.standx-storefront-wizard__publish {
    display: grid;
    gap: 1rem;
}

.standx-storefront-wizard__publish .is-ready {
    border-color: #86efac;
    background: #f0fdf4;
}

.standx-storefront-wizard__publish .is-blocked {
    border-color: #fde68a;
    background: #fffbeb;
}

.standx-storefront-wizard__footer {
    border-top: 1px solid #e2e8f0;
    justify-content: space-between;
    margin-top: 1.25rem;
    padding-top: 1rem;
}

.standx-storefront-wizard__preview-toolbar {
    background: #172033;
    color: #ffffff;
    justify-content: space-between;
    padding: .8rem 1rem;
}

.standx-storefront-wizard__preview-toolbar button {
    background: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .22);
    color: #ffffff;
    min-height: 2rem;
    padding: .35rem .6rem;
}

.standx-storefront-wizard__preview-toolbar button.is-selected {
    background: #ffffff;
    color: #172033;
}

.standx-storefront-wizard__site {
    background: #ffffff;
    min-height: 36rem;
}

.standx-storefront-wizard__site header {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem;
}

.standx-storefront-wizard__brand,
.standx-storefront-wizard__site nav {
    align-items: center;
    display: flex;
    gap: .55rem;
}

.standx-storefront-wizard__brand img,
.standx-storefront-wizard__brand span {
    border-radius: .45rem;
    height: 2.4rem;
    width: 2.4rem;
}

.standx-storefront-wizard__brand img {
    object-fit: cover;
}

.standx-storefront-wizard__brand span {
    align-items: center;
    background: var(--storefront-primary);
    color: #ffffff;
    display: inline-flex;
    font-size: .78rem;
    font-weight: 900;
    justify-content: center;
}

.standx-storefront-wizard__site nav {
    color: #64748b;
    font-size: .78rem;
    font-weight: 800;
}

.standx-storefront-wizard__site-hero {
    background:
        linear-gradient(110deg, rgba(15, 23, 42, calc(var(--storefront-overlay) / 100)), rgba(15, 23, 42, .12)),
        linear-gradient(135deg, var(--storefront-primary), var(--storefront-secondary));
    color: #ffffff;
    min-height: 16rem;
    padding: clamp(1rem, 4vw, 2.5rem);
}

.standx-storefront-wizard__site-hero h3 {
    font-size: clamp(1.8rem, 4vw, 3.5rem);
    line-height: 1;
    max-width: 9ch;
}

.standx-storefront-wizard__site-hero span {
    display: block;
    line-height: 1.4;
    max-width: 28rem;
}

.standx-storefront-wizard__site-actions button {
    background: #ffffff;
    border: 0;
    border-radius: .45rem;
    color: #172033;
    font-weight: 900;
    margin-top: 1rem;
    min-height: 2.4rem;
    padding: .6rem .8rem;
}

.standx-storefront-wizard__site-actions button + button {
    background: rgba(255, 255, 255, .15);
    color: #ffffff;
}

.standx-storefront-wizard__site-grid {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 1rem;
}

.standx-storefront-wizard__site-grid article {
    border: 1px solid #e2e8f0;
    border-radius: .45rem;
    display: grid;
    gap: .35rem;
    min-width: 0;
    overflow: hidden;
}

.standx-storefront-wizard__vehicle-photo {
    align-items: center;
    aspect-ratio: 16 / 10;
    background: #e2e8f0;
    color: #64748b;
    display: flex;
    font-size: .75rem;
    font-weight: 900;
    justify-content: center;
}

.standx-storefront-wizard__vehicle-photo img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.standx-storefront-wizard__site-grid strong,
.standx-storefront-wizard__site-grid small,
.standx-storefront-wizard__site-grid article > span {
    padding-inline: .7rem;
}

.standx-storefront-wizard__site-grid article > span {
    color: var(--storefront-primary);
    font-weight: 900;
    padding-bottom: .7rem;
}

.standx-storefront-wizard__site-band {
    background: #f8fafc;
    padding: 1rem;
}

.standx-storefront-wizard__modal-backdrop {
    align-items: center;
    background: rgba(15, 23, 42, .55);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 1rem;
    position: fixed;
    z-index: 20;
}

.standx-storefront-wizard__modal {
    background: #ffffff;
    border-radius: .5rem;
    box-shadow: 0 2rem 4rem rgba(15, 23, 42, .25);
    max-width: 34rem;
    padding: 1.25rem;
}

.standx-storefront-wizard__modal div {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
}

@media (max-width: 1100px) {
    .standx-storefront-wizard__workspace {
        grid-template-columns: 1fr;
    }

    .standx-storefront-wizard__preview {
        position: static;
    }
}

@media (max-width: 720px) {
    .standx-storefront-entry__configure {
        position: static;
        margin: 1rem;
    }

    .standx-storefront-wizard__header,
    .standx-storefront-wizard__footer,
    .standx-storefront-wizard__review article {
        align-items: stretch;
        flex-direction: column;
    }

    .standx-storefront-wizard__form-grid,
    .standx-storefront-wizard__review,
    .standx-storefront-wizard__checks,
    .standx-storefront-wizard__site-grid {
        grid-template-columns: 1fr;
    }

    .standx-storefront-wizard__field.span-2 {
        grid-column: auto;
    }

    .standx-storefront-wizard__site header,
    .standx-storefront-wizard__preview-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .standx-storefront-wizard__site nav {
        flex-wrap: wrap;
    }
}

.standx-vehicles-page {
    color: #eef4ff;
    display: grid;
    gap: 1.25rem;
}

.standx-vehicles-page__hero,
.standx-vehicles-page__filters,
.standx-vehicles-page__kpis,
.standx-vehicles-page__content,
.standx-vehicles-page__table-card,
.standx-vehicles-page__summary {
    box-sizing: border-box;
    width: 100%;
}

.standx-vehicles-page__hero {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.standx-vehicles-page__title-block {
    align-items: center;
    display: flex;
    gap: .9rem;
    min-width: 0;
}

.standx-vehicles-page__icon {
    align-items: center;
    background: #f4b24f;
    border-radius: .75rem;
    display: inline-flex;
    flex: 0 0 3rem;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.standx-vehicles-page__icon img,
.standx-vehicles-page__button img,
.standx-vehicles-page__search img,
.standx-vehicles-page__filter-button img {
    height: 1.05rem;
    width: 1.05rem;
}

.standx-vehicles-page__title-block h1 {
    color: #f8fafc;
    font-size: 1.65rem;
    font-weight: 800;
    line-height: 1.15;
    margin: 0;
}

.standx-vehicles-page__title-block p {
    color: #9ca9bd;
    margin: .25rem 0 0;
}

.standx-vehicles-page__hero-actions,
.standx-vehicles-page__actions,
.standx-vehicles-page__pagination div,
.standx-vehicles-page__view-toggle {
    align-items: center;
    display: flex;
    gap: .55rem;
}

.standx-vehicles-page__button,
.standx-vehicles-page__filter-button,
.standx-vehicles-page__link-button,
.standx-vehicles-page__pagination button,
.standx-vehicles-page__side-group button,
.standx-vehicles-page__clear,
.standx-vehicles-page__view-button {
    align-items: center;
    border: 1px solid rgba(148, 163, 184, .2);
    border-radius: .6rem;
    cursor: pointer;
    display: inline-flex;
    font-weight: 700;
    gap: .45rem;
    justify-content: center;
    min-height: 2.5rem;
    padding: .65rem .85rem;
    text-decoration: none;
}

.standx-vehicles-page__button--primary {
    background: #f4b24f;
    border-color: #f4b24f;
    color: #141820;
}

.standx-vehicles-page__button--secondary,
.standx-vehicles-page__filter-button,
.standx-vehicles-page__view-button,
.standx-vehicles-page__pagination button,
.standx-vehicles-page__link-button {
    background: #182233;
    color: #dbe7f7;
}

.standx-vehicles-page__tabs {
    background: #111827;
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: .8rem;
    display: flex;
    gap: .35rem;
    overflow-x: auto;
    padding: .35rem;
}

.standx-vehicles-page__tab {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: .6rem;
    color: #9ca9bd;
    cursor: pointer;
    display: inline-flex;
    font-weight: 800;
    gap: .5rem;
    min-height: 2.45rem;
    padding: .55rem .8rem;
    white-space: nowrap;
}

.standx-vehicles-page__tab span {
    background: rgba(148, 163, 184, .14);
    border-radius: 999px;
    color: #dbe7f7;
    font-size: .75rem;
    padding: .12rem .45rem;
}

.standx-vehicles-page__tab--active,
.standx-vehicles-page__view-button--active {
    background: rgba(244, 178, 79, .16);
    color: #f4b24f;
}

.standx-vehicles-page__filters {
    align-items: center;
    display: grid;
    gap: .65rem;
    grid-template-columns: minmax(15rem, 2fr) repeat(5, minmax(7.5rem, 1fr)) auto auto minmax(9rem, 1fr);
}

.standx-vehicles-page__search,
.standx-vehicles-page__filters select,
.standx-vehicles-page__pagination select {
    align-items: center;
    background: #111827;
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: .65rem;
    color: #dbe7f7;
    display: flex;
    min-height: 2.7rem;
    padding: 0 .75rem;
}

.standx-vehicles-page__search input {
    background: transparent;
    border: 0;
    color: #f8fafc;
    min-width: 0;
    outline: 0;
    padding: .65rem .4rem;
    width: 100%;
}

.standx-vehicles-page__filters select,
.standx-vehicles-page__pagination select {
    width: 100%;
}

.standx-vehicles-page__kpis {
    display: grid;
    gap: .8rem;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.standx-vehicles-page__kpis article,
.standx-vehicles-page__table-card,
.standx-vehicles-page__summary,
.standx-vehicles-page__vehicle-card {
    background: #111827;
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: .85rem;
    box-shadow: 0 16px 40px rgba(2, 6, 23, .2);
}

.standx-vehicles-page__kpis article {
    display: grid;
    gap: .25rem;
    min-height: 7.2rem;
    padding: 1rem;
}

.standx-vehicles-page__kpis span,
.standx-vehicles-page__table-head span,
.standx-vehicles-page__summary span,
.standx-vehicles-page__summary p,
.standx-vehicles-page__vehicle-card span,
.standx-vehicles-page__vehicle-card p,
.standx-vehicles-page__vehicle-cell span {
    color: #9ca9bd;
}

.standx-vehicles-page__kpis strong {
    color: #f8fafc;
    font-size: 1.55rem;
    line-height: 1.1;
}

.standx-vehicles-page__kpis small {
    color: #6f7d91;
}

.standx-vehicles-page__content {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) 20rem;
}

.standx-vehicles-page__main {
    min-width: 0;
}

.standx-vehicles-page__table-card {
    overflow: hidden;
}

.standx-vehicles-page__table-head,
.standx-vehicles-page__summary header,
.standx-vehicles-page__pagination {
    align-items: center;
    border-bottom: 1px solid rgba(148, 163, 184, .14);
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
}

.standx-vehicles-page__table-head div,
.standx-vehicles-page__summary header {
    display: grid;
    gap: .2rem;
}

.standx-vehicles-page__table-wrap {
    overflow-x: auto;
}

.standx-vehicles-page__table {
    border-collapse: collapse;
    min-width: 58rem;
    width: 100%;
}

.standx-vehicles-page__table th,
.standx-vehicles-page__table td {
    border-bottom: 1px solid rgba(148, 163, 184, .12);
    color: #dbe7f7;
    padding: .9rem 1rem;
    text-align: left;
    vertical-align: middle;
}

.standx-vehicles-page__table th {
    color: #7f8ca1;
    font-size: .76rem;
    letter-spacing: 0;
    text-transform: uppercase;
}

.standx-vehicles-page__vehicle-cell {
    align-items: center;
    display: flex;
    gap: .8rem;
}

.standx-vehicles-page__vehicle-cell img,
.standx-vehicles-page__vehicle-cell > span,
.standx-vehicles-page__vehicle-card img,
.standx-vehicles-page__vehicle-card > span:first-child {
    align-items: center;
    aspect-ratio: 4 / 3;
    background: #243044;
    border-radius: .55rem;
    color: #f4b24f;
    display: inline-flex;
    font-weight: 900;
    justify-content: center;
    object-fit: cover;
    width: 4.6rem;
}

.standx-vehicles-page__status {
    border-radius: 999px;
    display: inline-flex;
    font-size: .76rem;
    font-weight: 900;
    padding: .3rem .55rem;
}

.standx-vehicles-page__status.is-ready {
    background: rgba(34, 197, 94, .16);
    color: #86efac;
}

.standx-vehicles-page__status.is-draft {
    background: rgba(244, 178, 79, .16);
    color: #facc15;
}

.standx-vehicles-page__status.is-sold {
    background: rgba(96, 165, 250, .16);
    color: #93c5fd;
}

.standx-vehicles-page__status.is-muted {
    background: rgba(148, 163, 184, .14);
    color: #cbd5e1;
}

.standx-vehicles-page__actions a {
    color: #f4b24f;
    font-size: .85rem;
    font-weight: 800;
    text-decoration: none;
}

.standx-vehicles-page__grid {
    display: grid;
    gap: .9rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 1rem;
}

.standx-vehicles-page__vehicle-card {
    display: grid;
    gap: .55rem;
    padding: .9rem;
}

.standx-vehicles-page__vehicle-card img,
.standx-vehicles-page__vehicle-card > span:first-child {
    width: 100%;
}

.standx-vehicles-page__vehicle-card div {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: .7rem;
}

.standx-vehicles-page__pagination {
    border-bottom: 0;
    border-top: 1px solid rgba(148, 163, 184, .14);
    color: #9ca9bd;
}

.standx-vehicles-page__pagination label {
    align-items: center;
    display: flex;
    gap: .5rem;
}

.standx-vehicles-page__pagination button:disabled {
    cursor: not-allowed;
    opacity: .45;
}

.standx-vehicles-page__summary {
    display: grid;
    gap: 1rem;
    padding-bottom: 1rem;
    position: sticky;
    top: 1rem;
}

.standx-vehicles-page__summary header {
    border-bottom-color: rgba(148, 163, 184, .14);
}

.standx-vehicles-page__donut {
    align-items: center;
    background: conic-gradient(#f4b24f var(--standx-vehicles-donut), #263244 0);
    border-radius: 50%;
    display: flex;
    height: 9rem;
    justify-content: center;
    justify-self: center;
    margin-top: .25rem;
    position: relative;
    width: 9rem;
}

.standx-vehicles-page__donut::after {
    background: #111827;
    border-radius: 50%;
    content: "";
    height: 6.2rem;
    position: absolute;
    width: 6.2rem;
}

.standx-vehicles-page__donut span {
    color: #f8fafc;
    font-size: 1.35rem;
    font-weight: 900;
    position: relative;
    z-index: 1;
}

.standx-vehicles-page__summary p,
.standx-vehicles-page__side-group,
.standx-vehicles-page__clear {
    margin-inline: 1rem;
}

.standx-vehicles-page__side-group {
    display: grid;
    gap: .45rem;
}

.standx-vehicles-page__side-group strong {
    color: #f8fafc;
    font-size: .9rem;
}

.standx-vehicles-page__side-group button {
    background: #182233;
    color: #dbe7f7;
    justify-content: space-between;
}

.standx-vehicles-page__side-group button span {
    background: rgba(148, 163, 184, .14);
    border-radius: 999px;
    padding: .1rem .45rem;
}

.standx-vehicles-page__clear {
    background: transparent;
    border-color: rgba(244, 178, 79, .35);
    color: #f4b24f;
}

@media (max-width: 1200px) {
    .standx-vehicles-page__filters,
    .standx-vehicles-page__content {
        grid-template-columns: 1fr;
    }

    .standx-vehicles-page__kpis,
    .standx-vehicles-page__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .standx-vehicles-page__summary {
        position: static;
    }
}

@media (max-width: 760px) {
    .standx-vehicles-page__hero,
    .standx-vehicles-page__hero-actions,
    .standx-vehicles-page__table-head,
    .standx-vehicles-page__pagination {
        align-items: stretch;
        flex-direction: column;
    }

    .standx-vehicles-page__kpis,
    .standx-vehicles-page__grid {
        grid-template-columns: 1fr;
    }

    .standx-vehicles-page__button,
    .standx-vehicles-page__filter-button {
        width: 100%;
    }
}

.standx-create-wizard-page {
    background:
        radial-gradient(circle at top left, rgba(20, 164, 255, .18), transparent 30rem),
        linear-gradient(180deg, #061524, #020915);
    border: 1px solid rgba(92, 139, 188, .22);
    border-radius: 1rem;
    color: #f8fbff;
    min-height: calc(100vh - 2rem);
    padding: 1.25rem;
}

.standx-create-wizard-page::before {
    background: rgba(2, 9, 21, .62);
    content: "";
    inset: 0 auto auto 0;
    pointer-events: none;
    position: fixed;
    width: 18rem;
    z-index: 1;
}

.standx-create-wizard,
.standx-create-wizard-state {
    display: grid;
    gap: 1.1rem;
    position: relative;
    z-index: 2;
}

.standx-create-wizard-state {
    background: rgba(10, 25, 42, .94);
    border: 1px solid rgba(92, 139, 188, .22);
    border-radius: .85rem;
    padding: 1.25rem;
}

.standx-create-wizard-state a {
    color: #22b7ff;
    font-weight: 800;
}

.standx-create-wizard__header {
    align-items: start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.standx-create-wizard__header span {
    color: #22b7ff;
    font-size: .8rem;
    font-weight: 900;
    text-transform: uppercase;
}

.standx-create-wizard__header h1 {
    color: #ffffff;
    font-size: clamp(1.7rem, 3vw, 2.35rem);
    line-height: 1.1;
    margin: .15rem 0 0;
}

.standx-create-wizard__header a {
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: .6rem;
    color: #dce9f8;
    font-weight: 800;
    padding: .65rem .85rem;
    text-decoration: none;
}

.standx-create-wizard__stepper {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    overflow-x: auto;
}

.standx-create-wizard__step {
    align-items: center;
    background: transparent;
    border: 0;
    color: #9aa8bc;
    cursor: pointer;
    display: grid;
    gap: .45rem;
    justify-items: center;
    min-width: 7rem;
    padding: .2rem;
    position: relative;
}

.standx-create-wizard__step::after {
    background: rgba(91, 112, 141, .35);
    content: "";
    height: 2px;
    left: calc(50% + 1.8rem);
    position: absolute;
    right: calc(-50% + 1.8rem);
    top: 1.55rem;
}

.standx-create-wizard__step:last-child::after {
    display: none;
}

.standx-create-wizard__step span {
    align-items: center;
    background: #101c2b;
    border: 2px solid rgba(125, 145, 170, .32);
    border-radius: 999px;
    display: flex;
    height: 3.1rem;
    justify-content: center;
    position: relative;
    width: 3.1rem;
    z-index: 1;
}

.standx-create-wizard__step img {
    filter: brightness(0) invert(1);
    height: 1.15rem;
    opacity: .72;
    width: 1.15rem;
}

.standx-create-wizard__step strong {
    font-size: .92rem;
    font-weight: 800;
}

.standx-create-wizard__step.is-active,
.standx-create-wizard__step.is-complete {
    color: #17b9ff;
}

.standx-create-wizard__step.is-active span,
.standx-create-wizard__step.is-complete span {
    background: #0ea5e9;
    border-color: #0ea5e9;
    box-shadow: 0 0 24px rgba(14, 165, 233, .34);
}

.standx-create-wizard__body {
    min-width: 0;
}

.standx-create-wizard__grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 32%);
}

.standx-create-wizard__panel,
.standx-create-wizard__preview {
    background: rgba(8, 23, 38, .92);
    border: 1px solid rgba(92, 139, 188, .22);
    border-radius: .85rem;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .22);
    min-width: 0;
    padding: 1.25rem;
}

.standx-create-wizard__panel h2,
.standx-create-wizard__preview h2 {
    color: #ffffff;
    font-size: 1.35rem;
    margin: 0 0 1rem;
}

.standx-create-wizard__form-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.standx-create-wizard__form-grid label,
.standx-create-wizard__choice-list label {
    color: #eef5ff;
    display: grid;
    font-weight: 800;
    gap: .45rem;
}

.standx-create-wizard__form-grid input,
.standx-create-wizard__form-grid select,
.standx-create-wizard__form-grid textarea,
.standx-create-wizard__search,
.standx-create-wizard__search input {
    background: rgba(9, 22, 36, .96);
    border: 1px solid rgba(92, 139, 188, .24);
    border-radius: .55rem;
    color: #edf6ff;
    min-height: 3rem;
    outline: 0;
    padding: .75rem .9rem;
}

.standx-create-wizard__form-grid textarea {
    min-height: 6rem;
}

.standx-create-wizard__form-grid .span-2,
.standx-create-wizard__grid .span-2 {
    grid-column: 1 / -1;
}

.standx-create-wizard__preview {
    display: grid;
    gap: 1rem;
}

.standx-create-wizard__dropzone,
.standx-create-wizard__upload,
.standx-create-wizard__empty-media {
    align-items: center;
    border: 1px dashed rgba(170, 190, 214, .46);
    border-radius: .8rem;
    display: grid;
    gap: .65rem;
    justify-items: center;
    min-height: 20rem;
    padding: 1.25rem;
    text-align: center;
}

.standx-create-wizard__dropzone img,
.standx-create-wizard__upload img,
.standx-create-wizard__empty-media img {
    filter: brightness(0) invert(1);
    height: 3rem;
    opacity: .55;
    width: 3rem;
}

.standx-create-wizard__dropzone strong,
.standx-create-wizard__upload strong,
.standx-create-wizard__empty-media strong {
    color: #ffffff;
    font-size: 1.15rem;
}

.standx-create-wizard__dropzone span,
.standx-create-wizard__upload span,
.standx-create-wizard__empty-media span,
.standx-create-wizard__tips,
.standx-create-wizard__review dt,
.standx-create-wizard__alert li {
    color: #9fb0c4;
}

.standx-create-wizard__upload {
    cursor: pointer;
    min-height: 13rem;
    position: relative;
}

.standx-create-wizard__upload input {
    inset: 0;
    opacity: 0;
    position: absolute;
}

.standx-create-wizard__progress {
    align-items: center;
    display: grid;
    gap: .55rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

.standx-create-wizard__progress span {
    color: #ffffff;
    font-weight: 800;
    grid-column: 1 / -1;
}

.standx-create-wizard__progress div {
    background: rgba(107, 125, 150, .3);
    border-radius: 999px;
    height: .55rem;
    overflow: hidden;
}

.standx-create-wizard__progress i {
    background: linear-gradient(90deg, #0ea5e9, #1d4ed8);
    border-radius: inherit;
    display: block;
    height: 100%;
}

.standx-create-wizard__progress strong {
    color: #ffffff;
}

.standx-create-wizard__choice-list,
.standx-create-wizard__equipment,
.standx-create-wizard__selected,
.standx-create-wizard__media-list {
    display: grid;
    gap: .7rem;
}

.standx-create-wizard__choice-list label,
.standx-create-wizard__equipment details,
.standx-create-wizard__media-list span,
.standx-create-wizard__selected button,
.standx-create-wizard__review div,
.standx-create-wizard__media-grid article {
    background: rgba(13, 30, 48, .84);
    border: 1px solid rgba(92, 139, 188, .18);
    border-radius: .65rem;
    padding: .8rem;
}

.standx-create-wizard__tips {
    display: grid;
    gap: .55rem;
    margin: 0;
    padding-left: 1rem;
}

.standx-create-wizard__media-grid {
    display: grid;
    gap: .9rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.standx-create-wizard__media-grid article {
    display: grid;
    gap: .65rem;
}

.standx-create-wizard__media-grid article > div {
    align-items: center;
    aspect-ratio: 16 / 10;
    background: #17283d;
    border-radius: .5rem;
    color: #22b7ff;
    display: flex;
    font-size: 1.4rem;
    font-weight: 900;
    justify-content: center;
}

.standx-create-wizard__media-grid select {
    background: rgba(9, 22, 36, .96);
    border: 1px solid rgba(92, 139, 188, .24);
    border-radius: .5rem;
    color: #edf6ff;
    min-height: 2.5rem;
}

.standx-create-wizard__search {
    align-items: center;
    display: flex;
    gap: .5rem;
    margin-bottom: 1rem;
    padding: 0 .75rem;
}

.standx-create-wizard__search img {
    filter: brightness(0) invert(1);
    height: 1rem;
    opacity: .65;
    width: 1rem;
}

.standx-create-wizard__search input {
    background: transparent;
    border: 0;
    min-width: 0;
    padding-inline: 0;
    width: 100%;
}

.standx-create-wizard__equipment summary {
    color: #ffffff;
    cursor: pointer;
    font-weight: 900;
}

.standx-create-wizard__equipment label {
    align-items: center;
    color: #dce9f8;
    display: grid;
    gap: .6rem;
    grid-template-columns: auto minmax(0, 1fr);
    margin-top: .65rem;
}

.standx-create-wizard__selected button {
    color: #dce9f8;
    display: flex;
    justify-content: space-between;
}

.standx-create-wizard__review {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.standx-create-wizard__review dt {
    font-size: .8rem;
    font-weight: 800;
}

.standx-create-wizard__review dd {
    color: #ffffff;
    font-weight: 900;
    margin: .25rem 0 0;
}

.standx-create-wizard__alert {
    background: rgba(244, 178, 79, .12);
    border: 1px solid rgba(244, 178, 79, .32);
    border-radius: .75rem;
    color: #fff6d8;
    padding: .9rem 1rem;
}

.standx-create-wizard__footer {
    align-items: center;
    display: flex;
    gap: .8rem;
    justify-content: flex-end;
}

.standx-create-wizard__button,
.standx-create-wizard-modal__actions button {
    align-items: center;
    border: 1px solid rgba(92, 139, 188, .28);
    border-radius: .65rem;
    cursor: pointer;
    display: inline-flex;
    font-weight: 900;
    gap: .5rem;
    justify-content: center;
    min-height: 3rem;
    padding: .75rem 1.1rem;
}

.standx-create-wizard__button img {
    filter: brightness(0) invert(1);
    height: 1rem;
    width: 1rem;
}

.standx-create-wizard__button--primary,
.standx-create-wizard-modal__actions button:last-child {
    background: linear-gradient(180deg, #1c73ff, #0d45cd);
    border-color: rgba(43, 117, 255, .9);
    color: #ffffff;
}

.standx-create-wizard__button--ghost,
.standx-create-wizard-modal__actions button:first-child {
    background: rgba(9, 22, 36, .96);
    color: #dce9f8;
}

.standx-create-wizard__button:disabled {
    cursor: not-allowed;
    opacity: .45;
}

.standx-create-wizard-modal {
    align-items: center;
    background: rgba(1, 8, 18, .72);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 1rem;
    position: fixed;
    z-index: 1000;
}

.standx-create-wizard-modal__panel {
    align-items: start;
    background: #071827;
    border: 1px solid rgba(92, 139, 188, .28);
    border-radius: .85rem;
    box-shadow: 0 30px 100px rgba(0, 0, 0, .45);
    display: grid;
    gap: 1rem;
    grid-template-columns: auto minmax(0, 1fr);
    max-width: 34rem;
    padding: 1.2rem;
    width: 100%;
}

.standx-create-wizard-modal__icon {
    align-items: center;
    background: #f4b24f;
    border-radius: .65rem;
    color: #111827;
    display: flex;
    font-weight: 900;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.standx-create-wizard-modal h2 {
    color: #ffffff;
    font-size: 1.1rem;
    margin: 0 0 .5rem;
}

.standx-create-wizard-modal p {
    color: #b8c7da;
    margin: .25rem 0;
}

.standx-create-wizard-modal__actions {
    display: flex;
    gap: .7rem;
    margin-top: 1rem;
}

@media (max-width: 1180px) {
    .standx-create-wizard__grid,
    .standx-create-wizard__form-grid,
    .standx-create-wizard__review {
        grid-template-columns: 1fr;
    }

    .standx-create-wizard__media-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .standx-create-wizard-page {
        border-radius: 0;
        margin: -1rem;
        min-height: 100vh;
        padding: .85rem;
    }

    .standx-create-wizard__stepper {
        grid-template-columns: repeat(7, 6.5rem);
    }

    .standx-create-wizard__footer,
    .standx-create-wizard-modal__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .standx-create-wizard__button,
    .standx-create-wizard-modal__actions button {
        width: 100%;
    }

    .standx-create-wizard__media-grid {
        grid-template-columns: 1fr;
    }
}

.standx-menu-page {
    background:
        radial-gradient(circle at top right, rgba(30, 120, 255, .16), transparent 28rem),
        linear-gradient(180deg, #061424, #06111f);
    color: #eef5ff;
    display: grid;
    gap: 1rem;
    min-height: 100%;
    padding: .75rem;
}

.standx-menu-page *,
.standx-menu-page *::before,
.standx-menu-page *::after {
    box-sizing: border-box;
}

.standx-menu-page__header,
.standx-menu-page__tabs,
.standx-menu-page__filters,
.standx-menu-page__kpis,
.standx-menu-page__panel,
.standx-menu-page__side {
    width: 100%;
}

.standx-menu-page__header {
    display: grid;
    gap: .85rem;
}

.standx-menu-page__title {
    align-items: center;
    display: flex;
    gap: .8rem;
    min-width: 0;
}

.standx-menu-page__icon {
    align-items: center;
    background: #0ea5e9;
    border-radius: .8rem;
    display: inline-flex;
    flex: 0 0 3rem;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.standx-menu-page__icon img,
.standx-menu-page__button img,
.standx-menu-page__search img,
.standx-menu-page__filter-button img {
    filter: brightness(0) invert(1);
    height: 1.1rem;
    width: 1.1rem;
}

.standx-menu-page h1,
.standx-menu-page p {
    margin: 0;
}

.standx-menu-page h1 {
    color: #ffffff;
    font-size: 1.55rem;
    line-height: 1.15;
}

.standx-menu-page p,
.standx-menu-page__title p,
.standx-menu-page__side span,
.standx-menu-page__list span,
.standx-menu-page__list small,
.standx-menu-page__media-grid span,
.standx-menu-page__checklist small {
    color: #9fb0c4;
}

.standx-menu-page__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.standx-menu-page__button,
.standx-menu-page__filter-button,
.standx-menu-page__tabs button,
.standx-menu-page__viewbar button,
.standx-menu-page__shortcuts button {
    align-items: center;
    background: rgba(12, 28, 46, .94);
    border: 1px solid rgba(92, 139, 188, .22);
    border-radius: .6rem;
    color: #dce9f8;
    display: inline-flex;
    font-weight: 800;
    gap: .45rem;
    justify-content: center;
    min-height: 2.65rem;
    padding: .65rem .85rem;
    text-decoration: none;
}

.standx-menu-page__button.is-primary {
    background: linear-gradient(180deg, #1c73ff, #0d45cd);
    border-color: rgba(43, 117, 255, .9);
    color: #ffffff;
}

.standx-menu-page__tabs {
    display: flex;
    gap: .4rem;
    overflow-x: auto;
    padding-bottom: .1rem;
}

.standx-menu-page__tabs button {
    color: #9fb0c4;
    white-space: nowrap;
}

.standx-menu-page__tabs button.is-active,
.standx-menu-page__viewbar button.is-active,
.standx-menu-page__active-filters span {
    background: rgba(14, 165, 233, .16);
    border-color: rgba(14, 165, 233, .42);
    color: #38bdf8;
}

.standx-menu-page__filters {
    display: grid;
    gap: .65rem;
    grid-template-columns: 1fr;
}

.standx-menu-page__search,
.standx-menu-page__filters select {
    align-items: center;
    background: rgba(12, 28, 46, .94);
    border: 1px solid rgba(92, 139, 188, .22);
    border-radius: .6rem;
    color: #dce9f8;
    display: flex;
    min-height: 2.75rem;
    padding: 0 .75rem;
}

.standx-menu-page__search input {
    background: transparent;
    border: 0;
    color: #ffffff;
    min-width: 0;
    outline: 0;
    padding: .65rem .4rem;
    width: 100%;
}

.standx-menu-page__filters select {
    width: 100%;
}

.standx-menu-page__kpis {
    display: grid;
    gap: .75rem;
    grid-template-columns: 1fr;
}

.standx-menu-page__kpis article,
.standx-menu-page__panel,
.standx-menu-page__side,
.standx-menu-page__chart,
.standx-menu-page__list,
.standx-menu-page__calendar article,
.standx-menu-page__media-grid article,
.standx-menu-page__checklist article,
.standx-menu-page__storefront-preview {
    background: rgba(12, 28, 46, .94);
    border: 1px solid rgba(92, 139, 188, .18);
    border-radius: .8rem;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .18);
}

.standx-menu-page__kpis article {
    display: grid;
    gap: .2rem;
    min-height: 6.4rem;
    padding: .9rem;
}

.standx-menu-page__kpis span {
    color: #9fb0c4;
    font-size: .85rem;
}

.standx-menu-page__kpis strong {
    color: #ffffff;
    font-size: 1.45rem;
}

.standx-menu-page__kpis small {
    color: #6fd6ff;
}

.standx-menu-page__layout {
    display: grid;
    gap: 1rem;
}

.standx-menu-page__panel,
.standx-menu-page__side {
    min-width: 0;
    padding: 1rem;
}

.standx-menu-page__viewbar,
.standx-menu-page__active-filters {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-bottom: .85rem;
}

.standx-menu-page__active-filters span {
    border: 1px solid rgba(14, 165, 233, .42);
    border-radius: 999px;
    font-size: .82rem;
    font-weight: 800;
    padding: .35rem .65rem;
}

.standx-menu-page__calendar,
.standx-menu-page__charts,
.standx-menu-page__media-grid,
.standx-menu-page__checklist,
.standx-menu-page__shortcuts {
    display: grid;
    gap: .75rem;
}

.standx-menu-page__calendar {
    grid-template-columns: 1fr;
}

.standx-menu-page__calendar article {
    display: grid;
    gap: .5rem;
    min-height: 6rem;
    padding: .85rem;
}

.standx-menu-page__chart {
    display: grid;
    gap: 1rem;
    min-height: 14rem;
    padding: .9rem;
}

.standx-menu-page__chart header,
.standx-menu-page__list header,
.standx-menu-page__side header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: .75rem;
}

.standx-menu-page__chart div {
    align-items: end;
    display: grid;
    gap: .25rem;
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

.standx-menu-page__chart i {
    background: linear-gradient(180deg, #38bdf8, #1d4ed8);
    border-radius: 999px 999px 0 0;
    min-height: .8rem;
}

.standx-menu-page__list {
    display: grid;
    gap: .6rem;
    padding: .9rem;
}

.standx-menu-page__list article {
    align-items: center;
    border-top: 1px solid rgba(92, 139, 188, .14);
    display: grid;
    gap: .35rem;
    padding-top: .7rem;
}

.standx-menu-page__list article strong,
.standx-menu-page__side strong,
.standx-menu-page__media-grid strong,
.standx-menu-page__checklist strong,
.standx-menu-page__storefront-preview strong {
    color: #ffffff;
}

.standx-menu-page__media-grid {
    grid-template-columns: 1fr;
}

.standx-menu-page__media-grid article {
    display: grid;
    gap: .45rem;
    overflow: hidden;
    padding: .65rem;
}

.standx-menu-page__media-grid img {
    aspect-ratio: 16 / 10;
    background: #17283d;
    border-radius: .55rem;
    object-fit: cover;
    width: 100%;
}

.standx-menu-page__media-grid article.is-empty {
    min-height: 10rem;
    place-content: center;
    text-align: center;
}

.standx-menu-page__storefront-preview {
    background:
        linear-gradient(90deg, rgba(6, 20, 36, .96), rgba(6, 20, 36, .7)),
        url("/assets/Globalskysystem.DesignSystem/Heroes/standx-hero-reference.png") center right / auto 100% no-repeat;
    display: grid;
    gap: .45rem;
    min-height: 15rem;
    padding: 1.2rem;
}

.standx-menu-page__checklist article {
    align-items: center;
    display: grid;
    gap: .35rem .7rem;
    grid-template-columns: auto minmax(0, 1fr);
    padding: .8rem;
}

.standx-menu-page__checklist article span {
    background: rgba(14, 165, 233, .2);
    border: 1px solid rgba(14, 165, 233, .48);
    border-radius: 999px;
    height: 1.05rem;
    width: 1.05rem;
}

.standx-menu-page__checklist small {
    grid-column: 2;
}

.standx-menu-page__side {
    display: grid;
    gap: .75rem;
}

.standx-menu-page__side-item {
    align-items: center;
    background: rgba(6, 17, 31, .56);
    border: 1px solid rgba(92, 139, 188, .14);
    border-radius: .65rem;
    display: flex;
    justify-content: space-between;
    padding: .75rem;
}

.standx-menu-page__donut {
    align-items: center;
    background: conic-gradient(#38bdf8 var(--standx-menu-donut), #263244 0);
    border-radius: 999px;
    display: flex;
    height: 8.5rem;
    justify-content: center;
    justify-self: center;
    position: relative;
    width: 8.5rem;
}

.standx-menu-page__donut::after {
    background: #0c1c2e;
    border-radius: inherit;
    content: "";
    height: 5.9rem;
    position: absolute;
    width: 5.9rem;
}

.standx-menu-page__donut span {
    color: #ffffff;
    font-size: 1.25rem;
    font-weight: 900;
    position: relative;
    z-index: 1;
}

@media (min-width: 760px) {
    .standx-menu-page {
        padding: 1rem;
    }

    .standx-menu-page__header {
        align-items: center;
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .standx-menu-page__filters {
        grid-template-columns: minmax(14rem, 1.5fr) repeat(4, minmax(8rem, 1fr)) auto;
    }

    .standx-menu-page__kpis {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .standx-menu-page__calendar {
        grid-template-columns: repeat(7, minmax(7rem, 1fr));
        overflow-x: auto;
    }

    .standx-menu-page__charts,
    .standx-menu-page__media-grid,
    .standx-menu-page__checklist,
    .standx-menu-page__shortcuts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1180px) {
    .standx-menu-page__kpis {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .standx-menu-page__layout {
        align-items: start;
        grid-template-columns: minmax(0, 1fr) 20rem;
    }

    .standx-menu-page__media-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

/* UX-GSS-CLIENT-DASHBOARD-SHELL-20260630: fixed customer dashboard shell foundation. */
.client-dashboard-shell {
    --client-shell-bg: #020b17;
    --client-shell-panel: #06152a;
    --client-shell-panel-2: #071d3b;
    --client-shell-line: rgba(93, 138, 197, .26);
    --client-shell-text: #f7fbff;
    --client-shell-muted: #aebcd0;
    --client-shell-blue: #145cff;
    --client-shell-blue-soft: rgba(20, 92, 255, .2);
    --client-shell-cyan: #00d4ff;
    --client-shell-warning: #ffb600;
    background: #ffffff;
    display: grid;
    grid-template-columns: 218px minmax(0, 1fr);
    min-height: 100vh;
    overflow-x: hidden;
}

.client-dashboard-sidebar {
    background:
        radial-gradient(circle at 50% 0, rgba(0, 212, 255, .18), transparent 12rem),
        linear-gradient(180deg, #020916 0%, #05172c 44%, #03101f 100%);
    border-right: 1px solid rgba(34, 92, 164, .24);
    color: var(--client-shell-text);
    height: 100vh;
    overflow: hidden;
    position: sticky;
    top: 0;
}

.client-dashboard-sidebar-inner {
    box-sizing: border-box;
    display: grid;
    grid-template-rows: auto 1fr auto auto;
    height: 100%;
    min-height: 0;
    padding: 1rem .95rem .85rem;
}

.client-dashboard-logo-link {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 54px;
    text-decoration: none;
}

.client-dashboard-menu-logo {
    display: block;
    filter: drop-shadow(0 0 16px rgba(0, 140, 255, .55));
    height: 42px;
    object-fit: contain;
    width: 58px;
}

.client-dashboard-nav {
    align-content: start;
    display: grid;
    gap: .38rem;
    margin-top: 1.8rem;
}

.client-dashboard-nav-link,
.client-dashboard-mobile-nav a {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #d6dfef;
    display: flex;
    gap: .78rem;
    min-height: 43px;
    padding: 0 .95rem;
    text-decoration: none;
}

.client-dashboard-nav-link svg {
    color: #dce6ff;
    fill: none;
    flex: 0 0 auto;
    height: 20px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 20px;
}

.client-dashboard-nav-link:hover,
.client-dashboard-nav-link.active {
    background: linear-gradient(135deg, rgba(10, 76, 179, .92), rgba(7, 31, 79, .9));
    border-color: rgba(64, 130, 255, .45);
    box-shadow: inset 0 0 22px rgba(42, 111, 255, .2), 0 10px 24px rgba(0, 0, 0, .18);
    color: #ffffff;
}

.client-dashboard-upsell {
    background:
        radial-gradient(circle at 50% 0, rgba(14, 91, 255, .28), transparent 6rem),
        rgba(4, 18, 37, .82);
    border: 1px solid rgba(69, 126, 198, .28);
    border-radius: 8px;
    box-shadow: inset 0 0 28px rgba(11, 74, 168, .16);
    display: grid;
    gap: .55rem;
    margin: 1rem 0;
    padding: .9rem;
    text-align: left;
}

.client-dashboard-crown {
    color: var(--client-shell-warning);
    font-size: 1.75rem;
    line-height: 1;
    text-align: center;
}

.client-dashboard-upsell strong {
    color: #ffffff;
    font-size: .98rem;
}

.client-dashboard-upsell p {
    color: #bcc9dc;
    font-size: .82rem;
    line-height: 1.45;
    margin: 0;
}

.client-dashboard-upsell a {
    align-items: center;
    background: linear-gradient(180deg, #ffc220, #f6a900);
    border-radius: 6px;
    color: #08111f;
    display: inline-flex;
    font-weight: 900;
    justify-content: center;
    min-height: 34px;
    text-decoration: none;
}

.client-dashboard-sidebar-footer {
    border-top: 1px solid rgba(93, 138, 197, .2);
    display: grid;
    min-height: 176px;
    padding-top: .8rem;
    place-items: center;
}

.client-dashboard-sidebar-footer img {
    display: block;
    max-height: 168px;
    max-width: 100%;
    object-fit: contain;
}

.client-dashboard-main {
    background: #ffffff;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 100vh;
    min-width: 0;
}

.client-dashboard-topbar {
    align-items: center;
    background:
        linear-gradient(180deg, rgba(4, 13, 29, .99), rgba(3, 12, 27, .98)),
        var(--client-shell-bg);
    border-bottom: 2px solid #1261ff;
    box-sizing: border-box;
    color: var(--client-shell-text);
    display: grid;
    gap: 1rem;
    grid-template-columns: auto 1fr;
    min-height: 72px;
    padding: 0 1.4rem;
}

.client-dashboard-workspace-selector,
.client-dashboard-language-menu,
.client-dashboard-user-menu,
.client-dashboard-icon-button,
.client-dashboard-mobile-toggle {
    background: rgba(7, 22, 45, .9);
    border: 1px solid rgba(84, 127, 190, .28);
    color: var(--client-shell-text);
}

.client-dashboard-workspace-selector {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    gap: .72rem;
    justify-self: start;
    min-height: 42px;
    max-width: min(100%, 320px);
    padding: 0 .95rem;
}

.client-dashboard-workspace-selector span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.client-dashboard-workspace-selector svg,
.client-dashboard-language-menu svg,
.client-dashboard-user-menu svg,
.client-dashboard-icon-button svg {
    fill: none;
    flex: 0 0 auto;
    height: 20px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 20px;
}

.client-dashboard-workspace-selector svg:last-child,
.client-dashboard-language-menu svg,
.client-dashboard-user-menu svg {
    height: 16px;
    width: 16px;
}

.client-dashboard-topbar-actions {
    align-items: center;
    display: flex;
    gap: .7rem;
    justify-content: flex-end;
    min-width: 0;
}

.client-dashboard-icon-button {
    align-items: center;
    background: transparent;
    border-color: transparent;
    border-radius: 999px;
    display: inline-flex;
    height: 38px;
    justify-content: center;
    position: relative;
    width: 38px;
}

.client-dashboard-icon-button.has-badge span {
    align-items: center;
    background: var(--client-shell-warning);
    border-radius: 999px;
    color: #07111f;
    display: inline-flex;
    font-size: .65rem;
    font-weight: 900;
    height: 17px;
    justify-content: center;
    position: absolute;
    right: 2px;
    top: 1px;
    width: 17px;
}

.client-dashboard-user-menu {
    align-items: center;
    background: transparent;
    border-color: transparent;
    display: inline-flex;
    gap: .62rem;
    min-width: 0;
}

.client-dashboard-avatar {
    align-items: center;
    background: linear-gradient(135deg, #ffffff, #dce8f5);
    border: 2px solid rgba(255, 255, 255, .82);
    border-radius: 999px;
    color: #17324d;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: .8rem;
    font-weight: 900;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.client-dashboard-user-copy {
    display: grid;
    min-width: 0;
    text-align: left;
}

.client-dashboard-user-copy strong,
.client-dashboard-user-copy small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.client-dashboard-user-copy strong {
    color: #ffffff;
    font-size: .92rem;
    line-height: 1.2;
}

.client-dashboard-user-copy small {
    color: #aebcd0;
    font-size: .76rem;
}

.client-dashboard-language-menu {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    gap: .65rem;
    min-height: 40px;
    padding: 0 .85rem;
}

.client-dashboard-content {
    background: #ffffff;
    min-height: 0;
    min-width: 0;
    overflow: auto;
}

.client-dashboard-outlet-placeholder {
    background: #ffffff;
    box-sizing: border-box;
    color: #8a95a5;
    display: grid;
    min-height: calc(100vh - 72px);
    padding: 1.25rem;
    place-items: start;
}

.client-dashboard-outlet-placeholder span {
    border: 1px dashed #ccd6e3;
    border-radius: 8px;
    color: #6f7d90;
    font-size: .82rem;
    padding: .5rem .7rem;
}

.client-dashboard-mobile-toggle {
    border-radius: 8px;
    display: none;
    height: 40px;
    padding: 0;
    place-items: center;
    width: 42px;
}

.client-dashboard-mobile-toggle span {
    background: #e8f1ff;
    border-radius: 999px;
    display: block;
    height: 2px;
    margin: 3px auto;
    width: 18px;
}

.client-dashboard-mobile-panel {
    background: #03101f;
    border-bottom: 1px solid rgba(84, 127, 190, .28);
    display: none;
    padding: .75rem;
}

.client-dashboard-mobile-nav {
    display: grid;
    gap: .35rem;
}

.client-dashboard-mobile-nav a {
    border-color: rgba(84, 127, 190, .2);
}

@media (max-width: 980px) {
    .client-dashboard-shell {
        grid-template-columns: 1fr;
    }

    .client-dashboard-sidebar {
        display: none;
    }

    .client-dashboard-topbar {
        grid-template-columns: auto minmax(0, 1fr);
        min-height: auto;
        padding: .7rem;
    }

    .client-dashboard-mobile-toggle,
    .client-dashboard-mobile-panel {
        display: block;
    }

    .client-dashboard-workspace-selector {
        max-width: 100%;
    }

    .client-dashboard-topbar-actions {
        grid-column: 1 / -1;
        justify-content: space-between;
    }
}

@media (max-width: 620px) {
    .client-dashboard-topbar-actions {
        display: grid;
        grid-template-columns: repeat(3, auto) minmax(0, 1fr);
    }

    .client-dashboard-user-menu {
        justify-content: end;
        min-width: 0;
    }

    .client-dashboard-language-menu {
        grid-column: 1 / -1;
        justify-content: center;
        width: 100%;
    }

    .client-dashboard-user-copy {
        max-width: 120px;
    }

    .client-dashboard-outlet-placeholder {
        min-height: calc(100vh - 136px);
        padding: .85rem;
    }
}

/* UX-GSS-CLIENT-DASHBOARD-SHELL-MOBILE-20260630: mobile shell follows fixed header/content/footer references. */
.client-dashboard-mobile-brand,
.client-dashboard-mobile-header-actions,
.client-dashboard-mobile-footer,
.client-dashboard-mobile-panel-brand,
.client-dashboard-mobile-user,
.client-dashboard-mobile-language-row,
.client-dashboard-mobile-panel-footer {
    display: none;
}

@media (max-width: 980px) {
    .client-dashboard-shell {
        height: 100vh;
        min-height: 100vh;
    }

    .client-dashboard-main {
        grid-template-rows: 82px minmax(0, 1fr);
        height: 100vh;
        min-height: 0;
        overflow: hidden;
        position: relative;
    }

    .client-dashboard-topbar {
        align-items: center;
        border-bottom: 0;
        box-shadow: 0 1px 0 rgba(0, 120, 255, .48);
        gap: .65rem;
        grid-template-columns: 46px minmax(0, 1fr) 46px;
        min-height: 82px;
        padding: 0 .9rem;
        position: relative;
        z-index: 4;
    }

    .client-dashboard-mobile-toggle,
    .client-dashboard-mobile-header-actions {
        display: grid;
    }

    .client-dashboard-mobile-toggle {
        background: transparent;
        border-color: transparent;
        height: 46px;
        width: 46px;
    }

    .client-dashboard-mobile-toggle span {
        height: 2px;
        width: 25px;
    }

    .client-dashboard-mobile-brand {
        align-items: center;
        color: #ffffff;
        display: inline-flex;
        font-size: clamp(.9rem, 4.1vw, 1.25rem);
        font-weight: 800;
        gap: .55rem;
        justify-content: center;
        letter-spacing: 0;
        min-width: 0;
        text-decoration: none;
        white-space: nowrap;
    }

    .client-dashboard-mobile-brand img {
        filter: drop-shadow(0 0 12px rgba(0, 212, 255, .7));
        height: 34px;
        object-fit: contain;
        width: 46px;
    }

    .client-dashboard-mobile-brand span span,
    .client-dashboard-mobile-panel-brand span {
        color: #00d4ff;
    }

    .client-dashboard-topbar > .client-dashboard-workspace-selector,
    .client-dashboard-topbar > .client-dashboard-topbar-actions {
        display: none;
    }

    .client-dashboard-mobile-header-actions {
        justify-items: end;
    }

    .client-dashboard-mobile-header-actions .client-dashboard-icon-button {
        background: transparent;
        border-color: transparent;
    }

    .client-dashboard-content {
        background: #ffffff;
        display: grid;
        grid-template-rows: minmax(0, 1fr) auto;
        min-height: 0;
        overflow: hidden;
        position: relative;
    }

    .client-dashboard-content > :not(.client-dashboard-mobile-footer) {
        min-height: 0;
        overflow: auto;
    }

    .client-dashboard-outlet-placeholder {
        min-height: 100%;
        padding: .85rem;
    }

    .client-dashboard-mobile-footer {
        background:
            linear-gradient(180deg, rgba(3, 13, 30, .98), rgba(1, 9, 22, 1)),
            #020b17;
        border-top: 1px solid rgba(0, 140, 255, .5);
        display: grid;
        height: 188px;
        min-height: 188px;
        overflow: hidden;
        place-items: center;
    }

    .client-dashboard-mobile-footer img {
        display: block;
        height: 100%;
        max-width: 100%;
        object-fit: cover;
        object-position: center bottom;
        width: 100%;
    }

    .client-dashboard-mobile-panel {
        background:
            radial-gradient(circle at 50% 0, rgba(0, 212, 255, .14), transparent 10rem),
            linear-gradient(180deg, #020916 0%, #04172e 48%, #020b17 100%);
        border-bottom: 0;
        box-shadow: 8px 0 30px rgba(0, 0, 0, .18);
        box-sizing: border-box;
        color: #ffffff;
        display: grid;
        gap: 1rem;
        left: 0;
        max-height: calc(100vh - 82px);
        overflow: auto;
        padding: 1.15rem 1rem 1.3rem;
        position: absolute;
        top: 82px;
        width: min(390px, 78vw);
        z-index: 3;
    }

    .client-dashboard-mobile-panel-brand,
    .client-dashboard-mobile-user,
    .client-dashboard-mobile-language-row,
    .client-dashboard-mobile-panel-footer {
        display: grid;
    }

    .client-dashboard-mobile-panel-brand {
        justify-items: center;
        text-align: center;
    }

    .client-dashboard-mobile-panel-brand img {
        filter: drop-shadow(0 0 16px rgba(0, 212, 255, .65));
        height: 70px;
        object-fit: contain;
        width: 82px;
    }

    .client-dashboard-mobile-panel-brand strong {
        font-size: 1.02rem;
        letter-spacing: 0;
    }

    .client-dashboard-mobile-panel-brand small {
        color: #00d4ff;
        font-size: .64rem;
        font-weight: 800;
        line-height: 1.5;
        margin-top: .35rem;
    }

    .client-dashboard-mobile-user {
        align-items: center;
        background: transparent;
        border: 0;
        color: #ffffff;
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: .8rem;
        min-width: 0;
        padding: .4rem 0;
    }

    .client-dashboard-mobile-user svg {
        fill: none;
        height: 18px;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 1.8;
        width: 18px;
    }

    .client-dashboard-mobile-language-row {
        grid-template-columns: minmax(0, 1fr) 46px;
        gap: .55rem;
    }

    .client-dashboard-mobile-language-row .client-dashboard-language-menu {
        background: rgba(7, 22, 45, .86);
        justify-content: space-between;
        width: 100%;
    }

    .client-dashboard-mobile-language-row .client-dashboard-icon-button {
        background: rgba(7, 22, 45, .86);
        border-color: rgba(84, 127, 190, .28);
        height: 46px;
        width: 46px;
    }

    .client-dashboard-mobile-nav {
        gap: .45rem;
    }

    .client-dashboard-mobile-nav a {
        border-color: transparent;
        color: #e8f1ff;
        font-size: 1rem;
        min-height: 48px;
    }

    .client-dashboard-mobile-nav a svg {
        fill: none;
        height: 20px;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 1.8;
        width: 20px;
    }

    .client-dashboard-mobile-nav a:first-child,
    .client-dashboard-mobile-nav a.active,
    .client-dashboard-mobile-nav a:hover {
        background: linear-gradient(135deg, rgba(10, 76, 179, .96), rgba(6, 34, 95, .92));
        border-color: rgba(64, 130, 255, .45);
        box-shadow: inset 0 0 20px rgba(42, 111, 255, .22);
    }

    .client-dashboard-mobile-panel .client-dashboard-upsell {
        margin: .35rem 0 0;
    }

    .client-dashboard-mobile-panel-footer {
        border-top: 1px solid rgba(93, 138, 197, .18);
        gap: .7rem;
        justify-items: center;
        padding-top: .75rem;
    }

    .client-dashboard-mobile-panel-footer img {
        display: block;
        max-height: 260px;
        max-width: 100%;
        object-fit: contain;
    }

    .client-dashboard-mobile-panel-footer small {
        color: #aebcd0;
        font-size: .76rem;
        line-height: 1.45;
        text-align: center;
    }
}

@media (max-width: 620px) {
    .client-dashboard-main {
        grid-template-rows: 78px minmax(0, 1fr);
    }

    .client-dashboard-topbar {
        grid-template-columns: 42px minmax(0, 1fr) 42px;
        min-height: 78px;
        padding: 0 .65rem;
    }

    .client-dashboard-mobile-brand {
        gap: .35rem;
    }

    .client-dashboard-mobile-brand img {
        height: 30px;
        width: 40px;
    }

    .client-dashboard-mobile-footer {
        height: 164px;
        min-height: 164px;
    }

    .client-dashboard-mobile-footer img {
        height: 100%;
    }

    .client-dashboard-mobile-panel {
        max-height: calc(100vh - 78px);
        top: 78px;
        width: min(390px, 78vw);
    }
}

@media (max-width: 520px) {
    .client-dashboard-mobile-panel {
        width: min(320px, 78vw);
    }

    .client-dashboard-mobile-panel-brand strong,
    .client-dashboard-mobile-panel-brand small,
    .client-dashboard-mobile-panel .client-dashboard-upsell p,
    .client-dashboard-mobile-panel-footer small {
        display: none;
    }

    .client-dashboard-mobile-user .client-dashboard-user-copy {
        display: none;
    }

    .client-dashboard-mobile-language-row {
        grid-template-columns: 1fr;
    }

    .client-dashboard-mobile-language-row .client-dashboard-language-menu {
        justify-content: center;
        padding: 0;
    }

    .client-dashboard-mobile-language-row .client-dashboard-language-menu > span:not(.flag-icon),
    .client-dashboard-mobile-language-row .client-dashboard-language-menu svg,
    .client-dashboard-mobile-language-row .client-dashboard-icon-button {
        display: none;
    }

    .client-dashboard-mobile-nav a {
        justify-content: center;
        padding: 0;
    }

    .client-dashboard-mobile-nav a span {
        display: none;
    }

    .client-dashboard-mobile-panel .client-dashboard-upsell {
        padding: .7rem .45rem;
        text-align: center;
    }

    .client-dashboard-mobile-panel .client-dashboard-upsell strong {
        font-size: .76rem;
    }

    .client-dashboard-mobile-panel .client-dashboard-upsell a {
        font-size: .72rem;
        min-height: 30px;
    }

    .client-dashboard-mobile-panel-footer img {
        max-height: 150px;
    }
}

/* UX-CUSTOMER-DASHBOARD-PAGE-20260630: customer dashboard page inside ClientShell content outlet. */
.customer-dashboard-page {
    --customer-dashboard-bg: #061426;
    --customer-dashboard-panel: rgba(5, 21, 40, .92);
    --customer-dashboard-panel-2: rgba(7, 28, 52, .9);
    --customer-dashboard-line: rgba(80, 132, 198, .2);
    --customer-dashboard-text: #f7fbff;
    --customer-dashboard-muted: #aebbd0;
    --customer-dashboard-blue: #1261ff;
    --customer-dashboard-cyan: #00d4ff;
    --customer-dashboard-green: #2fd37b;
    --customer-dashboard-yellow: #ffb600;
    --customer-dashboard-orange: #ff7a18;
    background:
        radial-gradient(circle at 4% 16%, rgba(0, 212, 255, .09), transparent 18rem),
        radial-gradient(circle at 80% 8%, rgba(18, 97, 255, .14), transparent 24rem),
        #04101f;
    box-sizing: border-box;
    color: var(--customer-dashboard-text);
    min-height: 100%;
    padding: 1rem;
}

.customer-dashboard-page * {
    box-sizing: border-box;
}

.customer-dashboard-page a {
    color: #1f8bff;
    text-decoration: none;
}

.customer-dashboard-page-loading {
    display: grid;
    min-height: 100%;
    place-items: start;
}

.customer-dashboard-layout {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) 364px;
    margin: 0 auto;
    max-width: 1320px;
}

.customer-dashboard-primary,
.customer-dashboard-secondary {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.customer-dashboard-panel,
.customer-dashboard-promo {
    background:
        linear-gradient(180deg, rgba(8, 28, 53, .95), rgba(5, 18, 35, .96)),
        var(--customer-dashboard-panel);
    border: 1px solid var(--customer-dashboard-line);
    border-radius: 8px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03), 0 18px 44px rgba(0, 0, 0, .18);
}

.customer-dashboard-panel {
    padding: 1rem;
}

.customer-dashboard-gap-notice {
    align-items: center;
    background: rgba(255, 182, 0, .1);
    border: 1px solid rgba(255, 182, 0, .32);
    border-radius: 8px;
    color: #ffe1a0;
    display: flex;
    gap: .7rem;
    margin: 0 auto 1rem;
    max-width: 1320px;
    padding: .75rem 1rem;
}

.customer-dashboard-hero {
    align-items: stretch;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    min-height: 170px;
    overflow: hidden;
    padding: 0;
}

.customer-dashboard-hero-copy {
    align-content: center;
    display: grid;
    gap: .95rem;
    padding: 1.65rem 1.8rem;
}

.customer-dashboard-hero h1,
.customer-dashboard-section-header h2,
.customer-dashboard-panel > h2,
.customer-dashboard-promo h2 {
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.25;
    margin: 0;
}

.customer-dashboard-hero h1 {
    font-size: 1.6rem;
}

.customer-dashboard-hero p,
.customer-dashboard-promo p {
    color: #c2cce0;
    line-height: 1.55;
    margin: 0;
}

.customer-dashboard-hero-chips {
    display: flex;
    flex-wrap: wrap;
    gap: .7rem;
}

.customer-dashboard-hero-chips span {
    align-items: center;
    background: rgba(4, 18, 35, .76);
    border: 1px solid rgba(80, 132, 198, .22);
    border-radius: 8px;
    color: #eef5ff;
    display: inline-flex;
    gap: .65rem;
    min-height: 44px;
    padding: 0 1rem;
}

.customer-dashboard-dot {
    border-radius: 999px;
    display: inline-block;
    height: 11px;
    width: 11px;
}

.customer-dashboard-dot.success {
    background: var(--customer-dashboard-green);
}

.customer-dashboard-gem {
    color: var(--customer-dashboard-cyan);
}

.customer-dashboard-calendar {
    color: #d9e7ff;
}

.customer-dashboard-hero-art {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.customer-dashboard-section-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .9rem;
}

.customer-dashboard-section-header a,
.customer-dashboard-text-link {
    font-weight: 700;
}

.customer-dashboard-product-grid,
.customer-dashboard-metric-grid {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.customer-dashboard-product-card,
.customer-dashboard-metric-card {
    background:
        radial-gradient(circle at 10% 0, rgba(18, 97, 255, .15), transparent 8rem),
        var(--customer-dashboard-panel-2);
    border: 1px solid var(--customer-dashboard-line);
    border-radius: 8px;
    min-width: 0;
}

.customer-dashboard-product-card {
    display: grid;
    gap: 1rem;
    min-height: 220px;
    padding: 1.2rem;
}

.customer-dashboard-product-head {
    align-items: center;
    display: flex;
    gap: .85rem;
    min-width: 0;
}

.customer-dashboard-product-head > div {
    display: grid;
    gap: .35rem;
    min-width: 0;
}

.customer-dashboard-product-head strong,
.customer-dashboard-list-row strong,
.customer-dashboard-task-row strong {
    color: #ffffff;
    font-size: .98rem;
}

.customer-dashboard-product-card p {
    color: #c4cedf;
    line-height: 1.55;
    margin: 0;
}

.customer-dashboard-product-icon,
.customer-dashboard-list-icon {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
}

.customer-dashboard-product-icon {
    font-size: 1.35rem;
    height: 54px;
    width: 54px;
}

.customer-dashboard-product-icon.blue,
.customer-dashboard-list-icon.blue {
    background: rgba(18, 97, 255, .24);
    color: #7fb6ff;
}

.customer-dashboard-product-icon.purple,
.customer-dashboard-list-icon.purple {
    background: rgba(117, 72, 255, .24);
    color: #c3a6ff;
}

.customer-dashboard-product-icon.yellow,
.customer-dashboard-list-icon.yellow {
    background: rgba(255, 182, 0, .22);
    color: #ffd66b;
}

.customer-dashboard-product-icon.green,
.customer-dashboard-list-icon.green {
    background: rgba(47, 211, 123, .2);
    color: #6ff0a8;
}

.customer-dashboard-product-icon.orange,
.customer-dashboard-list-icon.orange {
    background: rgba(255, 122, 24, .2);
    color: #ffb17a;
}

.customer-dashboard-product-icon.neutral {
    background: rgba(148, 163, 184, .18);
    color: #d6dfef;
}

.customer-dashboard-badge {
    border-radius: 5px;
    display: inline-flex;
    font-size: .78rem;
    justify-self: start;
    padding: .25rem .45rem;
}

.customer-dashboard-badge.green {
    background: rgba(47, 211, 123, .2);
    color: #73efa9;
}

.customer-dashboard-badge.blue {
    background: rgba(18, 97, 255, .24);
    color: #8ec0ff;
}

.customer-dashboard-badge.yellow {
    background: rgba(255, 182, 0, .2);
    color: #ffd45e;
}

.customer-dashboard-badge.neutral {
    background: rgba(148, 163, 184, .2);
    color: #d6dfef;
}

.customer-dashboard-action {
    align-items: center;
    background: transparent;
    border: 1px solid rgba(31, 139, 255, .68);
    border-radius: 6px;
    color: #2690ff;
    display: inline-flex;
    font: inherit;
    font-weight: 800;
    justify-content: center;
    min-height: 42px;
    padding: 0 .9rem;
    text-decoration: none;
    width: 100%;
}

.customer-dashboard-action.primary {
    background: linear-gradient(180deg, #155dff, #0d43c7);
    color: #ffffff;
}

.customer-dashboard-action:disabled {
    border-color: rgba(91, 112, 141, .36);
    color: #8694a8;
}

.customer-dashboard-quick-summary h2 {
    margin-bottom: .9rem;
}

.customer-dashboard-metric-card {
    align-items: center;
    display: grid;
    gap: .85rem;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 1rem;
}

.customer-dashboard-metric-card strong {
    color: #ffffff;
    display: block;
    font-size: 1.55rem;
    line-height: 1;
}

.customer-dashboard-metric-card span {
    color: #c1ccde;
}

.customer-dashboard-metric-card small {
    display: block;
    line-height: 1.55;
    margin-top: .7rem;
}

.customer-dashboard-metric-card small.success {
    color: #5fe498;
}

.customer-dashboard-metric-card small.warning {
    color: #ffb17a;
}

.customer-dashboard-bottom-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.customer-dashboard-list,
.customer-dashboard-task-list {
    display: grid;
}

.customer-dashboard-list-row,
.customer-dashboard-task-row {
    align-items: center;
    border-top: 1px solid rgba(80, 132, 198, .14);
    display: grid;
    gap: .8rem;
    min-width: 0;
    padding: .68rem 0;
}

.customer-dashboard-list-row {
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.customer-dashboard-list.compact .customer-dashboard-list-row {
    padding: .9rem 0;
}

.customer-dashboard-list-icon {
    font-size: 1rem;
    height: 36px;
    width: 36px;
}

.customer-dashboard-list-row small,
.customer-dashboard-task-row small,
.customer-dashboard-support dt {
    color: var(--customer-dashboard-muted);
}

.customer-dashboard-list-row > span:last-child {
    color: #2991ff;
    font-size: .82rem;
    text-align: right;
}

.customer-dashboard-list-row > a {
    color: #cde5ff;
    font-size: 1.8rem;
}

.customer-dashboard-task-row {
    grid-template-columns: auto minmax(0, 1fr) 96px;
}

.customer-dashboard-checkbox {
    border: 1px solid #71859f;
    border-radius: 4px;
    height: 19px;
    width: 19px;
}

.customer-dashboard-task-row a {
    border: 1px solid rgba(31, 139, 255, .68);
    border-radius: 6px;
    color: #2690ff;
    display: inline-flex;
    font-weight: 700;
    justify-content: center;
    min-height: 36px;
    padding: .45rem .7rem;
}

.customer-dashboard-text-link {
    display: block;
    margin-top: 1rem;
    text-align: center;
}

.customer-dashboard-support dl {
    display: grid;
    gap: 1rem;
    margin: 1.1rem 0;
}

.customer-dashboard-support dl div {
    border-top: 1px solid rgba(80, 132, 198, .14);
    padding-top: .9rem;
}

.customer-dashboard-support dd {
    color: #ffffff;
    font-size: 1.35rem;
    font-weight: 800;
    margin: .25rem 0 0;
}

.customer-dashboard-promo {
    align-items: center;
    background:
        radial-gradient(circle at 72% 28%, rgba(0, 212, 255, .16), transparent 10rem),
        linear-gradient(135deg, rgba(14, 58, 180, .96), rgba(4, 26, 72, .98));
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) 150px;
    min-height: 220px;
    overflow: hidden;
    padding: 1.35rem;
}

.customer-dashboard-promo div {
    display: grid;
    gap: 1rem;
}

.customer-dashboard-promo a {
    align-items: center;
    background: #ffffff;
    border-radius: 6px;
    color: #0d2f80;
    display: inline-flex;
    font-weight: 900;
    justify-content: center;
    min-height: 38px;
    padding: 0 1rem;
    width: fit-content;
}

.customer-dashboard-promo img {
    display: block;
    filter: drop-shadow(0 20px 30px rgba(0, 0, 0, .38));
    max-width: 100%;
}

.customer-dashboard-state {
    display: grid;
    gap: .45rem;
}

.customer-dashboard-state p,
.customer-dashboard-state small {
    color: var(--customer-dashboard-muted);
    margin: 0;
}

@media (max-width: 1180px) {
    .customer-dashboard-layout {
        grid-template-columns: 1fr;
    }

    .customer-dashboard-secondary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .customer-dashboard-promo {
        grid-column: 1 / -1;
    }
}

@media (max-width: 920px) {
    .customer-dashboard-product-grid,
    .customer-dashboard-metric-grid,
    .customer-dashboard-bottom-grid,
    .customer-dashboard-secondary {
        grid-template-columns: 1fr;
    }

    .customer-dashboard-hero {
        grid-template-columns: 1fr;
    }

    .customer-dashboard-hero-art {
        max-height: 150px;
    }
}

@media (max-width: 620px) {
    .customer-dashboard-page {
        padding: .75rem;
    }

    .customer-dashboard-panel {
        padding: .85rem;
    }

    .customer-dashboard-hero-copy {
        padding: 1rem;
    }

    .customer-dashboard-hero h1 {
        font-size: 1.25rem;
    }

    .customer-dashboard-hero-chips {
        display: grid;
    }

    .customer-dashboard-product-card {
        min-height: auto;
    }

    .customer-dashboard-list-row {
        align-items: start;
        grid-template-columns: auto minmax(0, 1fr);
    }

    .customer-dashboard-list-row > span:last-child,
    .customer-dashboard-list-row > a {
        grid-column: 2;
        justify-self: start;
        text-align: left;
    }

    .customer-dashboard-task-row {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .customer-dashboard-task-row a {
        grid-column: 2;
        width: fit-content;
    }

    .customer-dashboard-promo {
        grid-template-columns: 1fr;
    }

    .customer-dashboard-promo img {
        max-width: 170px;
        justify-self: end;
    }
}

/* Auth V3 final cascade guard: approved desktop/mobile backgrounds must win over legacy login-shell rules. */
.auth-v3-shell.login-shell {
    background:
        linear-gradient(180deg, rgba(2, 8, 25, .16), rgba(0, 0, 0, .34)),
        url("/assets/auth/auth-v3-background-desktop.png") center / cover no-repeat,
        #030817;
}

@media (max-width: 760px) {
    .auth-v3-shell.login-shell {
        background:
            linear-gradient(180deg, rgba(2, 8, 25, .08), rgba(0, 0, 0, .28)),
            url("/assets/auth/auth-v3-background-mobile.png") center / cover no-repeat,
            #030817;
    }
}

/* Auth V3 - Login/Register unified experience */
.auth-v3-shell {
    background:
        linear-gradient(180deg, rgba(2, 8, 25, .16), rgba(0, 0, 0, .34)),
        url("/assets/auth/auth-v3-background-desktop.png") center / cover no-repeat,
        #030817;
    min-height: 100vh;
    overflow-x: hidden;
}

.auth-v3-shell .auth-background {
    background: radial-gradient(circle at 50% 18%, rgba(8, 244, 255, .08), transparent 34rem);
}

.auth-v3-shell .auth-background::before,
.auth-v3-shell .auth-background::after,
.auth-v3-shell .auth-grid {
    display: none;
}

.auth-v3-shell .auth-topbar {
    display: none;
}

.auth-v3-shell .auth-content {
    align-items: center;
    box-sizing: border-box;
    display: grid;
    justify-items: center;
    min-height: 100vh;
    padding: clamp(1rem, 3vw, 2.5rem);
    place-items: center;
    width: 100%;
}

.auth-v3-brand {
    display: grid;
    justify-items: center;
    margin: 0 auto .75rem;
}

.auth-v3-brand img {
    display: block;
    filter: drop-shadow(0 0 24px rgba(0, 174, 255, .34));
    height: auto;
    max-height: 112px;
    max-width: min(430px, 100%);
    object-fit: contain;
    width: 100%;
}

.auth-v3-shell .login-v2-card {
    background:
        linear-gradient(180deg, rgba(3, 13, 38, .78), rgba(2, 9, 28, .86)),
        radial-gradient(circle at 50% 0, rgba(7, 109, 255, .22), transparent 20rem);
    max-width: min(700px, calc(100vw - 2rem));
    width: min(100%, 700px);
}

.register-v3-experience {
    align-items: center;
    display: grid;
    gap: 0;
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    min-height: 100%;
    padding: 0;
    width: min(100%, 940px);
}

.register-v3-experience .ux-hero-panel {
    display: none;
}

.register-v3-experience .ux-auth-stage {
    display: grid;
    justify-items: center;
    width: 100%;
}

.register-v3-brand {
    margin-bottom: .5rem;
}

.register-v3-brand img {
    max-height: 118px;
}

.register-v3-card-brand {
    margin-bottom: .85rem;
}

.register-v3-card-brand img {
    max-height: 98px;
    max-width: min(380px, 100%);
}

.register-v3-experience .ux-auth-card,
.register-wizard-card,
.registration-unavailable-dialog {
    backdrop-filter: blur(28px);
    background:
        linear-gradient(180deg, rgba(4, 15, 43, .82), rgba(2, 8, 26, .92)),
        radial-gradient(circle at 50% 0, rgba(8, 244, 255, .12), transparent 18rem);
    border: 1px solid rgba(70, 125, 255, .56);
    border-radius: 24px;
    box-shadow:
        0 0 0 1px rgba(8, 244, 255, .12),
        0 28px 86px rgba(0, 0, 0, .48),
        inset 0 0 48px rgba(18, 104, 255, .1);
    box-sizing: border-box;
    color: #ffffff;
    max-width: min(100%, 864px);
    min-height: 780px;
    padding: clamp(1.1rem, 2.6vw, 2rem);
    width: min(100%, 864px);
}

.register-v3-experience .ux-auth-card-header {
    border-bottom: 1px solid rgba(8, 244, 255, .18);
    margin-bottom: 1rem;
    padding-bottom: .9rem;
    text-align: center;
}

.register-v3-experience .ux-auth-card.ux-register-card .ux-auth-card-header {
    display: none;
}

.register-v3-experience .ux-auth-card.ux-register-card {
    display: flex;
    flex-direction: column;
    height: 780px;
}

.register-v3-experience .ux-register-form {
    display: grid;
    flex: 1 1 auto;
    gap: 1rem;
    grid-template-rows: auto minmax(0, 1fr) auto;
    min-height: 0;
}

.register-v3-step-body {
    align-content: start;
    display: grid;
    gap: 1rem;
    min-height: 0;
    overflow: auto;
    padding-right: .15rem;
    scrollbar-width: thin;
}

.register-v3-experience .ux-auth-card-header h1,
.register-wizard-card h1,
.registration-unavailable-dialog h1 {
    color: #ffffff;
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    margin: 0;
}

.register-v3-experience .ux-auth-card-header p,
.registration-unavailable-dialog p,
.register-wizard-card p {
    color: rgba(226, 236, 255, .78);
}

.register-v3-experience .ux-eyebrow,
.register-wizard-card .eyebrow,
.registration-unavailable-dialog .eyebrow {
    color: #08f4ff;
    letter-spacing: .14em;
}

.register-v3-experience .ux-register-toolbar,
.register-header {
    align-items: center;
    border: 1px solid rgba(8, 244, 255, .14);
    border-radius: 14px;
    background: rgba(2, 10, 33, .48);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin: 0 0 1rem;
    padding: .75rem .9rem;
}

.register-v3-experience .ux-register-toolbar a,
.register-v3-experience a,
.register-wizard-card a,
.registration-unavailable-dialog a {
    color: #08f4ff;
}

.register-v3-experience .step-count,
.register-wizard-card .step-count {
    background: rgba(8, 244, 255, .1);
    border-color: rgba(8, 244, 255, .28);
    color: #dffcff;
}

.register-v3-intro {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: block;
    margin: 0 0 1rem;
    padding: .25rem .15rem .6rem;
}

.register-v3-intro h2 {
    color: #ffffff;
    font-size: clamp(1.35rem, 2.5vw, 2rem);
    margin: .25rem 0 .4rem;
}

.register-v3-intro p {
    color: rgba(226, 236, 255, .78);
    margin: 0;
    max-width: 58ch;
}

.register-v3-stepper {
    align-items: start;
    display: grid;
    gap: 0;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin: 0 0 1rem;
    position: relative;
}

.register-v3-stepper::before {
    background: rgba(70, 125, 255, .35);
    content: "";
    height: 1px;
    left: calc(100% / 12);
    position: absolute;
    right: calc(100% / 12);
    top: 19px;
}

.register-v3-step {
    align-items: center;
    background: transparent;
    border: 0;
    color: rgba(226, 236, 255, .7);
    display: grid;
    gap: .45rem;
    justify-items: center;
    min-width: 0;
    padding: 0 .35rem;
    position: relative;
    text-align: center;
    z-index: 1;
}

.register-v3-step:not(:disabled) {
    cursor: pointer;
}

.register-v3-step-marker {
    align-items: center;
    background: #061638;
    border: 1px solid rgba(70, 125, 255, .55);
    border-radius: 999px;
    box-shadow: 0 0 0 5px rgba(2, 10, 33, .78);
    color: #dffcff;
    display: inline-flex;
    font-size: .88rem;
    font-weight: 900;
    height: 38px;
    justify-content: center;
    line-height: 1;
    width: 38px;
}

.register-v3-step.active .register-v3-step-marker,
.register-v3-step.complete .register-v3-step-marker {
    background: linear-gradient(135deg, #0b66ff, #12d6c9);
    border-color: rgba(8, 244, 255, .88);
    color: #ffffff;
}

.register-v3-step-label {
    font-size: clamp(.72rem, 1vw, .86rem);
    font-weight: 800;
    line-height: 1.2;
    max-width: 8.5rem;
    overflow-wrap: normal;
    text-wrap: balance;
}

.register-v3-experience .ux-step-progress,
.register-wizard-card .wizard-progress {
    background: rgba(2, 10, 33, .44);
    border: 1px solid rgba(8, 244, 255, .12);
    border-radius: 14px;
    padding: .75rem;
}

.register-v3-experience .ux-step-progress button,
.register-wizard-card .wizard-step {
    min-width: 0;
}

.register-v3-experience .ux-wizard-panel,
.register-wizard-card .wizard-panel {
    background: rgba(2, 10, 33, .36);
    border: 1px solid rgba(70, 125, 255, .24);
    border-radius: 18px;
    display: grid;
    gap: .85rem;
    padding: clamp(.9rem, 2vw, 1.2rem);
}

.register-v3-experience .ux-panel-kicker {
    color: #08f4ff;
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.register-v3-experience .wizard-panel h2,
.register-wizard-card .wizard-panel h2 {
    color: #ffffff;
    font-size: clamp(1.1rem, 2vw, 1.45rem);
    margin: 0;
}

.register-v3-experience .choice-grid,
.register-wizard-card .choice-grid,
.register-v3-experience .ux-product-grid {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.register-v3-experience .ux-product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.register-v3-experience .choice-card,
.register-wizard-card .choice-card,
.register-v3-experience .ux-product-card,
.register-v3-experience .review-grid div,
.register-wizard-card .review-grid div,
.register-v3-experience .ux-activation-grid div,
.registration-contact-list a {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .03)),
        rgba(3, 13, 38, .64);
    border: 1px solid rgba(70, 125, 255, .34);
    border-radius: 16px;
    color: #ffffff;
    min-width: 0;
}

.register-v3-experience .choice-card,
.register-wizard-card .choice-card {
    min-height: 130px;
}

.register-v3-experience .choice-icon,
.register-v3-experience .ux-product-icon {
    align-items: center;
    background: rgba(8, 244, 255, .1);
    border: 1px solid rgba(8, 244, 255, .26);
    border-radius: 14px;
    color: #08f4ff;
    display: inline-flex;
    height: 2.7rem;
    justify-content: center;
    margin-bottom: .35rem;
    width: 2.7rem;
}

.register-v3-experience .choice-icon svg,
.register-v3-experience .ux-product-icon svg {
    fill: none;
    height: 1.35rem;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
    width: 1.35rem;
}

.register-v3-experience .choice-card.selected,
.register-wizard-card .choice-card.selected,
.register-v3-experience .customer-type-card.selected {
    background: linear-gradient(135deg, rgba(8, 244, 255, .16), rgba(18, 104, 255, .18));
    border-color: rgba(8, 244, 255, .76);
    box-shadow: 0 0 0 3px rgba(8, 244, 255, .12);
}

.register-v3-experience .choice-card p,
.register-wizard-card .choice-card p,
.register-v3-experience .ux-product-card p,
.register-v3-experience .auth-microcopy {
    color: rgba(226, 236, 255, .72);
}

.register-v3-experience .auth-input,
.register-wizard-card .auth-input {
    background: rgba(2, 10, 33, .58);
    border: 1px solid rgba(70, 125, 255, .38);
    color: #ffffff;
}

.register-v3-experience .auth-input:focus,
.register-wizard-card .auth-input:focus {
    border-color: rgba(8, 244, 255, .8);
    box-shadow: 0 0 0 3px rgba(8, 244, 255, .12);
}

.register-v3-experience .password-toggle,
.register-wizard-card .password-toggle {
    background: rgba(8, 244, 255, .08);
    border-color: rgba(8, 244, 255, .26);
}

.register-v3-experience .password-stack,
.register-wizard-card .password-stack {
    display: grid;
    gap: .85rem;
}

.register-v3-experience .password-field,
.register-wizard-card .password-field {
    align-items: center;
    display: block;
    position: relative;
}

.register-v3-experience .password-field .auth-input,
.register-wizard-card .password-field .auth-input {
    padding-right: 3.2rem;
}

.register-v3-experience .icon-password-toggle,
.register-wizard-card .icon-password-toggle {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 999px;
    box-shadow: none;
    color: #dffcff;
    display: inline-flex;
    height: 2.45rem;
    justify-content: center;
    min-width: 2.45rem;
    padding: 0;
    position: absolute;
    right: .45rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2.45rem;
}

.register-v3-experience .icon-password-toggle:hover,
.register-wizard-card .icon-password-toggle:hover {
    background: rgba(8, 244, 255, .08);
}

.register-v3-experience .icon-password-toggle:focus-visible,
.register-wizard-card .icon-password-toggle:focus-visible {
    outline: 2px solid rgba(8, 244, 255, .55);
    outline-offset: 2px;
}

.register-v3-experience .icon-password-toggle svg,
.register-wizard-card .icon-password-toggle svg {
    fill: none;
    height: 1.15rem;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    width: 1.15rem;
}

.register-v3-experience .btn-primary,
.register-wizard-card .btn-primary,
.registration-unavailable-dialog .btn-primary {
    background: linear-gradient(100deg, #0b66ff 0%, #175dff 48%, #12d6c9 100%);
    border-color: rgba(8, 244, 255, .45);
    color: #ffffff;
}

.register-v3-experience .btn-outline-light,
.register-wizard-card .btn-outline-light,
.registration-unavailable-dialog .btn-outline-light {
    background: rgba(2, 10, 33, .34);
    border-color: rgba(70, 125, 255, .42);
    color: #ffffff;
}

.register-v3-experience .wizard-actions,
.register-wizard-card .wizard-actions,
.registration-unavailable-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: flex-end;
    margin-top: 0;
}

.register-v3-experience .wizard-actions .btn,
.register-wizard-card .wizard-actions .btn {
    align-items: center;
    display: inline-flex;
    gap: .55rem;
    justify-content: center;
}

.register-v3-login-link {
    color: rgba(8, 244, 255, .92);
    font-weight: 700;
    margin-right: auto;
    text-decoration: none;
}

.register-v3-login-link:hover {
    color: #ffffff;
    text-decoration: underline;
    text-underline-offset: .25rem;
}

.registration-unavailable-backdrop.auth-v3-unavailable {
    align-items: center;
    background: transparent;
    display: grid;
    min-height: 100vh;
    padding: clamp(1rem, 3vw, 2rem);
    place-items: center;
    width: 100%;
}

.registration-unavailable-dialog {
    max-width: 720px;
    text-align: center;
}

.registration-contact-list {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 1rem 0;
}

.registration-contact-list a {
    display: grid;
    gap: .25rem;
    padding: .85rem;
    text-decoration: none;
}

@media (max-width: 760px) {
    .auth-v3-shell {
        background:
            linear-gradient(180deg, rgba(2, 8, 25, .08), rgba(0, 0, 0, .28)),
            url("/assets/auth/auth-v3-background-mobile.png") center / cover no-repeat,
            #030817;
    }

    .auth-v3-shell .auth-content {
        min-height: 100svh;
        padding: .85rem;
    }

    .auth-v3-brand img,
    .register-v3-brand img {
        max-height: 84px;
    }

    .register-v3-experience .ux-auth-card,
    .register-wizard-card,
    .registration-unavailable-dialog {
        border-radius: 20px;
        padding: .95rem;
        width: 100%;
    }

    .register-v3-experience .ux-auth-card.ux-register-card {
        height: auto;
        min-height: 0;
    }

    .register-v3-experience .ux-register-form {
        display: grid;
        gap: .85rem;
    }

    .register-v3-step-body {
        overflow: visible;
        padding-right: 0;
    }

    .register-v3-card-brand img {
        max-height: 76px;
    }

    .register-v3-intro {
        grid-template-columns: 1fr;
    }

    .register-v3-stepper {
        overflow-x: auto;
        padding: .15rem .1rem .35rem;
        scrollbar-width: thin;
    }

    .register-v3-stepper::before {
        left: 32px;
        right: 32px;
    }

    .register-v3-step {
        min-width: 5.4rem;
        padding: 0 .25rem;
    }

    .register-v3-step-label {
        font-size: .72rem;
        max-width: 5.4rem;
    }

    .register-v3-experience .ux-register-toolbar,
    .register-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .register-v3-experience .choice-grid,
    .register-wizard-card .choice-grid,
    .register-v3-experience .ux-product-grid,
    .register-v3-experience .two-column,
    .register-wizard-card .two-column,
    .register-v3-experience .three-column,
    .register-wizard-card .three-column,
    .register-v3-experience .review-grid,
    .register-wizard-card .review-grid,
    .register-v3-experience .ux-activation-grid,
    .registration-contact-list {
        grid-template-columns: 1fr;
    }

    .register-v3-experience .wizard-actions,
    .register-wizard-card .wizard-actions,
    .registration-unavailable-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .register-v3-experience .wizard-actions > *,
    .register-wizard-card .wizard-actions > *,
    .registration-unavailable-actions > * {
        width: 100%;
    }

    .register-v3-login-link {
        margin-right: 0;
        text-align: center;
    }
}

/* Globalskysystem Login V2 */
.visually-hidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.login-shell {
    background:
        radial-gradient(circle at 100% 3%, rgba(0, 119, 255, .28), transparent 21rem),
        radial-gradient(circle at 0 100%, rgba(0, 119, 255, .35), transparent 19rem),
        linear-gradient(145deg, #020716 0%, #061534 52%, #020716 100%);
    min-height: 100vh;
    overflow-x: hidden;
}

.login-shell .auth-background::before {
    background:
        radial-gradient(circle at 50% 28%, rgba(0, 221, 255, .14), transparent 19rem),
        linear-gradient(115deg, transparent 0 62%, rgba(0, 119, 255, .14) 75%, transparent 100%);
    opacity: 1;
}

.login-shell .auth-background::after {
    background:
        linear-gradient(180deg, rgba(1, 12, 34, .12), rgba(0, 0, 0, .42)),
        radial-gradient(circle at 50% 50%, transparent 0 35%, rgba(1, 5, 18, .55) 100%);
    opacity: 1;
}

.login-shell .auth-grid {
    background:
        linear-gradient(90deg, rgba(26, 102, 255, .05) 1px, transparent 1px),
        linear-gradient(rgba(26, 102, 255, .04) 1px, transparent 1px);
    background-size: 72px 72px;
    opacity: .24;
}

.login-shell .auth-topbar {
    display: none;
}

.login-shell .auth-content {
    align-items: center;
    box-sizing: border-box;
    display: grid;
    justify-items: center;
    min-height: 100vh;
    padding: clamp(1.5rem, 4vh, 3rem) clamp(1rem, 4vw, 2.6rem);
    place-items: center;
    width: 100%;
}

.login-v2-card {
    --login-cyan: #08f4ff;
    --login-blue: #1268ff;
    --login-line: rgba(57, 109, 255, .58);
    backdrop-filter: blur(26px);
    background:
        linear-gradient(180deg, rgba(3, 16, 47, .9), rgba(2, 11, 34, .94)),
        radial-gradient(circle at 52% 0, rgba(19, 104, 255, .25), transparent 22rem);
    border: 1px solid var(--login-line);
    border-radius: 32px;
    box-shadow:
        0 0 0 1px rgba(8, 244, 255, .16),
        0 0 34px rgba(18, 104, 255, .38),
        inset 0 0 52px rgba(18, 104, 255, .14),
        0 34px 100px rgba(0, 0, 0, .54);
    color: #ffffff;
    box-sizing: border-box;
    display: grid;
    gap: clamp(.65rem, 1.25vw, .9rem);
    justify-self: center;
    max-width: min(760px, calc(100vw - 2rem));
    overflow: hidden;
    padding: clamp(1.2rem, 2.3vw, 1.75rem) clamp(1.2rem, 5vw, 3.9rem) clamp(1.1rem, 2.3vw, 1.55rem);
    position: relative;
    width: min(100%, 760px);
}

.login-v2-card::before {
    background:
        radial-gradient(circle, rgba(8, 244, 255, .7) 0 1px, transparent 1.5px),
        linear-gradient(90deg, transparent, rgba(8, 244, 255, .7), transparent);
    content: "";
    height: 1px;
    left: 8%;
    opacity: .55;
    position: absolute;
    right: 8%;
    top: 27%;
}

.login-v2-brand {
    display: grid;
    justify-items: center;
    margin-bottom: .2rem;
}

.login-v2-brand img {
    display: block;
    filter: drop-shadow(0 0 28px rgba(0, 174, 255, .34));
    height: auto;
    max-height: clamp(86px, 10vw, 118px);
    max-width: min(430px, 100%);
    object-fit: contain;
    width: 100%;
}

.login-v2-divider {
    background: linear-gradient(90deg, transparent, rgba(16, 244, 255, .95), transparent);
    box-shadow: 0 0 18px rgba(16, 244, 255, .9);
    height: 1px;
    margin: -.15rem 0 .35rem;
}

.login-v2-heading {
    display: grid;
    gap: .35rem;
    text-align: center;
}

.login-v2-heading h1 {
    color: #ffffff;
    font-size: clamp(1.9rem, 3.1vw, 2.45rem);
    font-weight: 900;
    line-height: 1;
    margin: 0;
    text-shadow: 0 12px 32px rgba(0, 0, 0, .45);
}

.login-v2-heading p {
    color: rgba(255, 255, 255, .82);
    font-size: clamp(.95rem, 1.45vw, 1.1rem);
    overflow-wrap: anywhere;
    margin: 0;
}

.login-v2-heading span,
.login-v2-row a {
    color: var(--login-cyan);
}

.login-v2-form {
    display: grid;
    gap: .75rem;
    min-width: 0;
}

.login-v2-field {
    align-items: center;
    background: rgba(1, 8, 31, .48);
    border: 1px solid rgba(73, 109, 190, .78);
    border-radius: 10px;
    box-shadow: inset 0 0 24px rgba(18, 104, 255, .08);
    display: grid;
    gap: 1.2rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: clamp(52px, 4.4vw, 58px);
    padding: 0 1rem;
    min-width: 0;
}

.login-v2-field:focus-within {
    border-color: rgba(8, 244, 255, .9);
    box-shadow: 0 0 0 3px rgba(8, 244, 255, .12), inset 0 0 24px rgba(18, 104, 255, .12);
}

.login-v2-field-icon,
.login-v2-icon-button,
.login-v2-benefits svg,
.login-v2-secondary > svg,
.login-v2-primary svg {
    color: var(--login-cyan);
}

.login-v2-field svg,
.login-v2-icon-button svg,
.login-v2-benefits svg,
.login-v2-secondary svg,
.login-v2-primary svg {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.login-v2-field-icon svg {
    height: 28px;
    width: 28px;
}

.login-v2-input {
    background: transparent;
    border: 0;
    color: #ffffff;
    font-size: clamp(1rem, 2.5vw, 1.5rem);
    height: 100%;
    min-height: 50px;
    outline: none;
    width: 100%;
}

.login-v2-input::placeholder {
    color: rgba(199, 205, 226, .68);
}

.login-v2-icon-button {
    align-items: center;
    background: transparent;
    border: 0;
    display: inline-flex;
    height: 44px;
    justify-content: center;
    padding: 0;
    width: 44px;
}

.login-v2-icon-button svg {
    height: 34px;
    width: 34px;
}

.login-v2-row {
    align-items: center;
    display: flex;
    font-size: clamp(.86rem, 1.2vw, .96rem);
    justify-content: space-between;
    gap: 1rem;
    min-width: 0;
}

.login-v2-row a {
    font-weight: 500;
    overflow-wrap: anywhere;
    text-decoration: none;
}

.login-v2-remember {
    align-items: center;
    display: inline-flex;
    gap: 1rem;
}

.login-v2-checkbox {
    appearance: none;
    background: rgba(1, 8, 31, .7);
    border: 1px solid rgba(73, 109, 190, .9);
    border-radius: 5px;
    height: 28px;
    margin: 0;
    width: 28px;
}

.login-v2-checkbox:checked {
    background: linear-gradient(135deg, var(--login-blue), var(--login-cyan));
    border-color: var(--login-cyan);
    box-shadow: 0 0 16px rgba(8, 244, 255, .34);
}

.login-v2-primary,
.login-v2-secondary {
    align-items: center;
    border-radius: 9px;
    display: grid;
    font-size: clamp(.98rem, 1.55vw, 1.16rem);
    font-weight: 800;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    min-height: clamp(52px, 4.4vw, 58px);
    padding: 0 1rem;
    text-align: center;
    text-decoration: none;
}

.login-v2-primary {
    background: linear-gradient(100deg, #0b66ff 0%, #175dff 48%, #12d6c9 100%);
    border: 1px solid rgba(8, 244, 255, .45);
    box-shadow: 0 0 22px rgba(8, 244, 255, .22), inset 0 1px 0 rgba(255, 255, 255, .16);
    color: #ffffff;
}

.login-v2-primary:disabled,
.login-v2-provider:disabled {
    cursor: not-allowed;
    opacity: .52;
}

.login-v2-primary svg,
.login-v2-secondary svg {
    height: 28px;
    justify-self: center;
    width: 28px;
}

.login-v2-or {
    align-items: center;
    color: rgba(210, 216, 235, .72);
    display: grid;
    font-size: .88rem;
    font-weight: 700;
    gap: 1.4rem;
    grid-template-columns: 1fr auto 1fr;
}

.login-v2-or::before,
.login-v2-or::after {
    background: linear-gradient(90deg, transparent, rgba(73, 109, 190, .34));
    content: "";
    height: 1px;
}

.login-v2-or::after {
    background: linear-gradient(90deg, rgba(73, 109, 190, .34), transparent);
}

.login-v2-secondary {
    background: rgba(1, 8, 31, .38);
    border: 1px solid rgba(73, 109, 190, .78);
    color: #ffffff;
}

.login-v2-providers {
    display: grid;
    gap: .95rem;
    grid-template-columns: repeat(3, auto);
    justify-content: center;
}

.login-v2-provider {
    align-items: center;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .03)),
        rgba(1, 8, 31, .48);
    border: 1px solid rgba(73, 109, 190, .64);
    border-radius: 16px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 14px 32px rgba(0, 0, 0, .22);
    color: #ffffff;
    display: inline-flex;
    justify-content: center;
    height: 50px;
    padding: 0;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease, opacity .16s ease;
    width: 50px;
}

.login-v2-provider:not(:disabled):hover,
.login-v2-provider:not(:disabled):focus-visible {
    border-color: rgba(8, 244, 255, .82);
    box-shadow: 0 0 0 3px rgba(8, 244, 255, .13), 0 18px 40px rgba(8, 244, 255, .12);
    outline: none;
    transform: translateY(-1px);
}

.login-v2-provider img {
    display: block;
    height: 24px;
    object-fit: contain;
    width: 24px;
}

.login-v2-benefits {
    display: grid;
    gap: .8rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: clamp(.2rem, 1vw, .7rem);
}

.login-v2-benefits div {
    align-items: center;
    display: grid;
    gap: .55rem;
    grid-template-columns: auto minmax(0, 1fr);
    min-width: 0;
}

.login-v2-benefits svg {
    height: 32px;
    width: 32px;
}

.login-v2-benefits p {
    display: grid;
    gap: .25rem;
    margin: 0;
    min-width: 0;
}

.login-v2-benefits strong {
    color: #ffffff;
    font-size: .84rem;
    overflow-wrap: anywhere;
}

.login-v2-benefits span {
    color: rgba(210, 216, 235, .76);
    font-size: .8rem;
    overflow-wrap: anywhere;
}

.login-v2-state {
    border-radius: 8px;
    font-weight: 800;
    line-height: 1.35;
    padding: .85rem 1rem;
    text-align: center;
}

.login-v2-state.is-error {
    background: rgba(127, 29, 29, .38);
    border: 1px solid rgba(251, 113, 133, .56);
    color: #ffe4e6;
}

.login-v2-state.is-info {
    background: rgba(8, 244, 255, .1);
    border: 1px solid rgba(8, 244, 255, .28);
    color: #dffcff;
}

.login-v2-recovery {
    max-width: 760px;
}

.login-v2-recovery .login-v2-brand img {
    max-height: clamp(110px, 16vw, 170px);
}

.login-v2-recovery-links {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
}

.login-v2-recovery-links a {
    color: var(--login-cyan);
    font-weight: 800;
    text-decoration: none;
}

@media (max-width: 760px) {
    .login-shell .auth-content {
        min-height: 100svh;
        padding: 1rem;
    }

    .login-v2-card {
        border-radius: 24px;
        gap: .75rem;
        max-width: calc(100vw - 2rem);
        padding: 1.05rem .9rem;
        width: 100%;
    }

    .login-v2-card::before {
        top: 24%;
    }

    .login-v2-brand img {
        max-height: 88px;
        max-width: 100%;
    }

    .login-v2-divider {
        margin-bottom: .2rem;
    }

    .login-v2-field,
    .login-v2-primary,
    .login-v2-secondary {
        min-height: 50px;
        padding: 0 .8rem;
    }

    .login-v2-field {
        gap: .75rem;
        grid-template-columns: 28px minmax(0, 1fr) 40px;
    }

    .login-v2-field-icon svg {
        height: 26px;
        width: 26px;
    }

    .login-v2-input {
        min-height: 48px;
    }

    .login-v2-row {
        align-items: flex-start;
        flex-direction: column;
        gap: .7rem;
    }

    .login-v2-primary,
    .login-v2-secondary {
        grid-template-columns: 34px minmax(0, 1fr) 34px;
    }

    .login-v2-primary svg,
    .login-v2-secondary svg {
        height: 30px;
        width: 30px;
    }

    .login-v2-benefits {
        grid-template-columns: 1fr;
    }

    .login-v2-benefits {
        gap: .9rem;
    }

    .login-v2-providers {
        gap: .75rem;
        grid-template-columns: repeat(3, auto);
    }

    .login-v2-provider {
        border-radius: 14px;
        height: 48px;
        width: 48px;
    }

    .login-v2-provider img {
        height: 23px;
        width: 23px;
    }
}

@media (min-width: 761px) and (max-width: 900px) {
    .login-shell .auth-content {
        min-height: 100vh;
        padding: 1.5rem;
    }

    .login-v2-card {
        max-width: min(760px, calc(100vw - 3rem));
        padding: 1.5rem 2.5rem;
    }

    .login-v2-brand img {
        max-height: 108px;
    }

    .login-v2-benefits {
        gap: 1rem;
    }
}

@media (max-width: 430px) {
    .login-v2-card {
        border-radius: 20px;
        padding: 1rem .8rem;
    }

    .login-v2-heading h1 {
        font-size: 2rem;
    }

    .login-v2-heading p {
        font-size: 1rem;
    }

    .login-v2-form {
        gap: .7rem;
    }

    .login-v2-field,
    .login-v2-primary,
    .login-v2-secondary {
        min-height: 54px;
    }

    .login-v2-benefits svg {
        height: 30px;
        width: 30px;
    }
}

@media (max-width: 390px) {
    .login-shell .auth-content {
        padding: .75rem;
    }

    .login-v2-card {
        max-width: calc(100vw - 1.5rem);
        padding: 1.1rem .75rem;
    }

    .login-v2-brand img {
        max-height: 76px;
    }

    .login-v2-field {
        gap: .55rem;
        padding: 0 .7rem;
    }

    .login-v2-primary,
    .login-v2-secondary {
        padding: 0 .7rem;
    }

    .login-v2-provider {
        height: 50px;
        width: 50px;
    }
}

@media (max-width: 900px) {
    .client-shell .topbar {
        background: rgba(21, 24, 29, .98);
    }
}

.ux-context-panel {
    background: rgba(4, 14, 28, .9);
    border-left: 1px solid rgba(255, 255, 255, .12);
    min-height: 100vh;
    padding: 1rem;
}

.ux-app-footer {
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, .08);
    color: rgba(232, 243, 255, .48);
    display: flex;
    font-size: .82rem;
    font-weight: 800;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem clamp(1rem, 3vw, 2rem);
}

@media (max-width: 1080px) {
    .ux-auth-experience {
        grid-template-columns: 1fr;
        width: min(100%, 820px);
    }

    .ux-hero-panel {
        min-height: 420px;
    }

    .ux-app-shell,
    .ux-app-shell.sidebar-collapsed {
        grid-template-columns: 1fr;
    }

    .ux-sidebar {
        min-height: auto;
        position: static;
    }

    .ux-sidebar-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ux-topbar {
        grid-template-columns: 1fr;
        position: static;
    }

    .ux-topbar-actions,
    .ux-action-toolbar {
        justify-content: flex-start;
    }

    .ux-workspace-header-main {
        align-items: flex-start;
        flex-direction: column;
    }

    .ux-skeleton-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ux-dashboard-kpi-grid,
    .ux-dashboard-main-grid {
        grid-template-columns: 1fr;
    }

    .ux-dashboard-overview-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .standx-ux-vehicle-command-strip,
    .standx-ux-vehicle-layout,
    .standx-ux-vehicle-grid,
    .standx-ux-vehicle-state-grid {
        grid-template-columns: 1fr;
    }

    .standx-ux-toolbar-search,
    .standx-ux-filter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .standx-ux-vehicle-inspector {
        position: static;
    }

    .standx-ux-lead-command-strip,
    .standx-ux-lead-layout,
    .standx-ux-lead-card-grid,
    .standx-ux-lead-state-grid {
        grid-template-columns: 1fr;
    }

    .standx-ux-lead-toolbar-search,
    .standx-ux-lead-filter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .standx-ux-lead-inspector {
        position: static;
    }

    .standx-ux-inventory-command-strip,
    .standx-ux-inventory-layout,
    .standx-ux-inventory-grid,
    .standx-ux-location-view,
    .standx-ux-inventory-state-grid {
        grid-template-columns: 1fr;
    }

    .standx-ux-inventory-toolbar-search,
    .standx-ux-inventory-filter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .standx-ux-inventory-inspector {
        position: static;
    }

    .standx-ux-cost-command-strip,
    .standx-ux-cost-layout,
    .standx-ux-cost-card-grid,
    .standx-ux-cost-breakdown,
    .standx-ux-provenance-grid,
    .standx-ux-cost-warning-grid,
    .standx-ux-completeness-grid,
    .standx-ux-cost-state-grid {
        grid-template-columns: 1fr;
    }

    .standx-ux-cost-toolbar-search,
    .standx-ux-cost-filter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .standx-ux-cost-inspector {
        position: static;
    }
}

@media (max-width: 700px) {
    .ux-auth-experience {
        min-height: auto;
        padding: 1rem;
    }

    .ux-ecosystem-map,
    .ux-product-grid,
    .ux-activation-grid,
    .ux-step-progress {
        grid-template-columns: 1fr;
    }

    .ux-step {
        align-items: center;
        grid-template-columns: auto 1fr;
        min-height: 44px;
    }

    .ux-auth-links,
    .ux-register-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .ux-sidebar {
        padding: .75rem;
    }

    .ux-sidebar-brand {
        align-items: flex-start;
    }

    .ux-sidebar-nav,
    .ux-skeleton-stat-grid,
    .ux-skeleton-grid {
        grid-template-columns: 1fr;
    }

    .ux-sidebar-item {
        grid-template-columns: 34px minmax(0, 1fr) auto;
    }

    .ux-topbar-actions,
    .ux-app-footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .ux-popover {
        left: 0;
        right: auto;
    }

    .ux-notification-panel .ux-popover,
    .ux-user-menu .ux-popover {
        position: fixed;
        right: 1rem;
        left: 1rem;
        top: 5rem;
    }

    .ux-error-panel {
        grid-template-columns: 1fr;
    }

    .ux-dashboard-kpi-grid,
    .ux-dashboard-action-grid,
    .ux-dashboard-overview-grid,
    .ux-dashboard-alert,
    .ux-dashboard-bars > div {
        grid-template-columns: 1fr;
    }

    .ux-dashboard-alert {
        align-items: start;
    }

    .standx-ux-toolbar-search,
    .standx-ux-filter-grid,
    .standx-ux-vehicle-summary,
    .standx-ux-compact-list article {
        grid-template-columns: 1fr;
    }

    .standx-ux-pagination-preview,
    .standx-ux-vehicle-title-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .standx-ux-lead-toolbar-search,
    .standx-ux-lead-filter-grid,
    .standx-ux-lead-summary,
    .standx-ux-lead-compact-list article {
        grid-template-columns: 1fr;
    }

    .standx-ux-lead-pagination-preview,
    .standx-ux-lead-card-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .standx-ux-inventory-toolbar-search,
    .standx-ux-inventory-filter-grid,
    .standx-ux-inventory-summary,
    .standx-ux-location-view dl,
    .standx-ux-reservation-card dl,
    .standx-ux-inventory-compact-list article {
        grid-template-columns: 1fr;
    }

    .standx-ux-inventory-pagination-preview,
    .standx-ux-inventory-card-header,
    .standx-ux-location-view header {
        align-items: flex-start;
        flex-direction: column;
    }

    .standx-ux-cost-toolbar-search,
    .standx-ux-cost-filter-grid,
    .standx-ux-cost-summary,
    .standx-ux-profitability-card header,
    .standx-ux-cost-warning-card,
    .standx-ux-cost-compact-list article {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 980px) {
    .standx-equipment-readonly-grid,
    .storefront-equipment-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .storefront-header {
        grid-template-columns: 1fr;
        position: static;
    }

    .storefront-nav,
    .storefront-header-actions {
        justify-content: flex-start;
    }

    .storefront-hero,
    .storefront-about,
    .storefront-contact-section,
    .vehicle-detail-hero {
        grid-template-columns: 1fr;
    }

    .storefront-listing-hero {
        align-items: flex-start;
        flex-direction: column;
    }

    .storefront-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vehicle-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vehicle-detail-panel {
        position: static;
    }
}

@media (max-width: 640px) {
    .standx-equipment-options,
    .standx-equipment-readonly-grid,
    .storefront-equipment-grid {
        grid-template-columns: 1fr;
    }

    .standx-equipment-option:nth-child(odd) {
        border-right: 0;
    }
    .storefront-site {
        padding-bottom: 72px;
    }

    .storefront-header {
        gap: .75rem;
        padding: .85rem 1rem;
    }

    .storefront-brand strong {
        white-space: normal;
    }

    .storefront-nav {
        flex-wrap: wrap;
        gap: .75rem;
    }

    .storefront-header-actions {
        display: none;
    }

    .storefront-hero {
        min-height: auto;
        padding: 2.5rem 1rem;
    }

    .storefront-listing-hero {
        padding: 2.25rem 1rem;
    }

    .storefront-section,
    .vehicle-detail-hero {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .storefront-section-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .storefront-filters,
    .vehicle-card-grid,
    .storefront-contact-grid,
    .storefront-lead-two-column,
    .vehicle-spec-grid {
        grid-template-columns: 1fr;
    }

    .vehicle-card-media {
        min-height: 190px;
    }

    .vehicle-thumbs {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .storefront-footer {
        align-items: flex-start;
        flex-direction: column;
        gap: 1rem;
    }

    .storefront-legal-links {
        justify-content: flex-start;
    }

    .storefront-mobile-contact {
        background: rgba(255, 255, 255, .98);
        border-top: 1px solid #e5e7eb;
        bottom: 0;
        box-shadow: 0 -12px 28px rgba(15, 23, 42, .12);
        display: grid;
        gap: .5rem;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        left: 0;
        padding: .65rem;
        position: fixed;
        right: 0;
        z-index: 30;
    }

    .storefront-mobile-contact a {
        background: var(--storefront-theme);
        border-radius: 8px;
        color: white;
        font-size: .85rem;
        font-weight: 900;
        min-width: 0;
        padding: .7rem .4rem;
        text-align: center;
        text-decoration: none;
    }
}

@media (max-width: 900px) {
    .client-shell .topbar {
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        gap: .75rem;
        justify-content: space-between;
        min-height: 62px;
        padding: .75rem 1rem;
    }

    .client-shell .topbar h1 {
        display: none;
    }

    .client-topbar-brand,
    .client-mobile-menu {
        display: flex;
    }

    .client-shell .nav-toggle.client-menu-toggle {
        display: inline-flex;
    }

    .client-topbar-brand {
        flex: 1 1 auto;
        overflow: hidden;
    }

    .client-shell .topbar > .context-selector {
        flex: 1 0 100%;
        order: 3;
        width: 100%;
    }

    .client-shell .topbar > .context-selector .context-selector-button,
    .client-shell .topbar > .context-selector .context-selector-loading {
        max-width: 100%;
    }

    .client-shell .topbar > .context-selector .context-selector-menu {
        left: 0;
        min-width: 0;
        right: 0;
        width: 100%;
    }

    .client-topbar-brand .client-brand-logo {
        flex: 0 0 44px;
    }

    .client-topbar-brand .client-wordmark {
        display: block;
        max-width: min(58vw, 230px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .client-topbar-language {
        display: none;
    }

    .client-mobile-menu {
        flex-direction: column;
    }

    .client-mobile-menu .context-selector {
        width: 100%;
    }

    .client-mobile-menu .context-selector-button,
    .client-mobile-menu .context-selector-loading {
        max-width: 100%;
    }

    .client-mobile-menu .context-selector-menu {
        min-width: 0;
        position: static;
        width: 100%;
    }

    .client-mobile-language {
        display: block;
    }

    .client-mobile-menu .nav-link {
        border-left: 3px solid transparent;
        color: #dce6ee;
        font-size: .92rem;
        font-weight: 800;
        padding: .62rem .75rem;
    }

    .client-mobile-menu .nav-link:hover,
    .client-mobile-menu .nav-link.active {
        background: rgba(75, 211, 255, .11);
        border-left-color: #4bd3ff;
        color: white;
    }

    .client-shell .topbar-actions {
        flex: 0 0 auto;
        gap: .45rem;
        min-width: 42px;
    }

    .client-shell .topbar-actions .btn {
        padding-left: .45rem;
        padding-right: .45rem;
    }
}
.standx-ux-storefront-workspace {
    display: grid;
    gap: 1rem;
}

.standx-ux-storefront-command-strip,
.standx-ux-storefront-state-grid,
.standx-ux-storefront-overview-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.standx-ux-storefront-overview-grid {
    grid-template-columns: minmax(0, 1.4fr) minmax(320px, .85fr);
    align-items: start;
    margin-top: 1rem;
}

.standx-ux-storefront-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 1rem;
    align-items: start;
}

.standx-ux-storefront-main {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.standx-ux-storefront-toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
}

.standx-ux-storefront-toolbar-actions,
.standx-ux-storefront-toolbar-search {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    align-items: center;
}

.standx-ux-storefront-toolbar-search {
    justify-content: flex-end;
}

.standx-ux-storefront-filters {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
    padding: .9rem;
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(15, 23, 42, .82), rgba(2, 6, 23, .74));
    box-shadow: 0 18px 60px rgba(2, 6, 23, .24);
}

.standx-ux-storefront-filters div {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.standx-ux-storefront-filters span {
    flex-basis: 100%;
    color: #93a4ba;
    font-size: .76rem;
    font-weight: 700;
    text-transform: uppercase;
}

.standx-ux-storefront-filters button,
.standx-ux-storefront-view-selector button {
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 999px;
    background: rgba(15, 23, 42, .58);
    color: #d9e8f8;
    font-size: .82rem;
    padding: .38rem .68rem;
}

.standx-ux-storefront-filters footer {
    display: flex;
    gap: .5rem;
    align-items: end;
    justify-content: flex-end;
}

.standx-ux-storefront-view-selector {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    justify-content: flex-end;
}

.standx-ux-storefront-view-selector button.is-selected {
    background: linear-gradient(135deg, #1e7bff, #28d7c4);
    color: #04111f;
    border-color: transparent;
    font-weight: 800;
}

.standx-ux-storefront-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
}

.standx-ux-storefront-summary article,
.standx-ux-storefront-branding article,
.standx-ux-storefront-seo article,
.standx-ux-storefront-trust article,
.standx-ux-storefront-listing-grid article,
.standx-ux-storefront-readiness article,
.standx-ux-storefront-inspector,
.standx-ux-storefront-homepage {
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 18px;
    background: rgba(15, 23, 42, .68);
    box-shadow: 0 18px 50px rgba(2, 6, 23, .22);
}

.standx-ux-storefront-summary article {
    display: grid;
    gap: .35rem;
    padding: .95rem;
}

.standx-ux-storefront-summary span,
.standx-ux-storefront-branding span,
.standx-ux-storefront-seo span,
.standx-ux-storefront-readiness span,
.standx-ux-storefront-inspector span,
.standx-ux-storefront-homepage span,
.standx-ux-storefront-listing span {
    color: #93a4ba;
}

.standx-ux-storefront-summary strong,
.standx-ux-storefront-branding strong,
.standx-ux-storefront-readiness strong,
.standx-ux-storefront-inspector strong,
.standx-ux-storefront-listing strong {
    color: #f8fbff;
}

.standx-ux-storefront-badge {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    border-radius: 999px;
    padding: .24rem .58rem;
    font-size: .76rem;
    font-weight: 800;
    border: 1px solid rgba(148, 163, 184, .18);
}

.standx-ux-storefront-badge.is-success {
    color: #8ff5d3;
    background: rgba(20, 184, 166, .14);
    border-color: rgba(45, 212, 191, .34);
}

.standx-ux-storefront-badge.is-warning {
    color: #ffd38a;
    background: rgba(245, 158, 11, .14);
    border-color: rgba(245, 158, 11, .3);
}

.standx-ux-storefront-badge.is-neutral {
    color: #c8d8ea;
    background: rgba(148, 163, 184, .14);
}

.standx-ux-storefront-badge.is-info {
    color: #9cc9ff;
    background: rgba(30, 123, 255, .14);
    border-color: rgba(30, 123, 255, .3);
}

.standx-ux-storefront-homepage {
    overflow: hidden;
    background:
        radial-gradient(circle at 78% 18%, rgba(40, 215, 196, .22), transparent 28%),
        linear-gradient(135deg, rgba(7, 20, 38, .96), rgba(15, 23, 42, .82));
}

.standx-ux-storefront-homepage header,
.standx-ux-storefront-homepage section {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
}

.standx-ux-storefront-homepage nav {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem;
    font-size: .82rem;
}

.standx-ux-storefront-homepage h3 {
    margin: .3rem 0;
    color: #fff;
    font-size: 1.8rem;
}

.standx-ux-storefront-homepage p {
    max-width: 34rem;
    color: #c9d7e8;
}

.standx-ux-storefront-homepage button,
.standx-ux-storefront-listing button {
    border: 0;
    border-radius: 999px;
    padding: .45rem .75rem;
    background: rgba(255, 255, 255, .9);
    color: #071426;
    font-weight: 800;
}

.standx-ux-storefront-logo {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 14px;
    background: linear-gradient(135deg, #1e7bff, #28d7c4);
    color: #04111f;
    font-weight: 900;
}

.standx-ux-storefront-logo.large {
    width: 70px;
    height: 70px;
    border-radius: 20px;
}

.standx-ux-storefront-hero-visual {
    display: grid;
    min-width: 220px;
    min-height: 150px;
    place-content: center;
    gap: .3rem;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .05));
    border: 1px solid rgba(255, 255, 255, .14);
    text-align: center;
}

.standx-ux-storefront-home-blocks,
.standx-ux-storefront-branding,
.standx-ux-storefront-seo,
.standx-ux-storefront-trust,
.standx-ux-storefront-listing-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
    padding: 1rem;
}

.standx-ux-storefront-home-blocks {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.standx-ux-storefront-home-blocks article {
    min-height: 82px;
    border-radius: 16px;
    padding: .8rem;
    color: #dff7ff;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .12);
}

.standx-ux-storefront-listing {
    display: grid;
    gap: .85rem;
}

.standx-ux-storefront-listing-bar {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    color: #d9e8f8;
}

.standx-ux-storefront-listing-grid {
    padding: 0;
}

.standx-ux-storefront-listing-grid article,
.standx-ux-storefront-branding article,
.standx-ux-storefront-seo article,
.standx-ux-storefront-trust article {
    display: grid;
    gap: .55rem;
    padding: .9rem;
}

.standx-ux-storefront-vehicle-image,
.standx-ux-storefront-banner-preview {
    display: grid;
    min-height: 120px;
    place-items: center;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(30, 123, 255, .24), rgba(40, 215, 196, .12));
    color: #dff7ff;
}

.standx-ux-storefront-listing-grid footer {
    display: flex;
    justify-content: space-between;
    gap: .5rem;
    align-items: center;
}

.standx-ux-storefront-swatches {
    display: flex;
    gap: .4rem;
}

.standx-ux-storefront-swatches i {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .18);
}

.standx-ux-storefront-readiness {
    display: grid;
    gap: .7rem;
}

.standx-ux-storefront-readiness header {
    display: grid;
    gap: .5rem;
    padding: .9rem;
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 18px;
    background: rgba(15, 23, 42, .68);
}

.standx-ux-storefront-readiness header div:first-child {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.standx-ux-storefront-readiness article {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .7rem;
    padding: .8rem;
    align-items: start;
}

.standx-ux-storefront-progress {
    overflow: hidden;
    height: 9px;
    border-radius: 999px;
    background: rgba(148, 163, 184, .18);
}

.standx-ux-storefront-progress i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #1e7bff, #28d7c4);
}

.standx-ux-storefront-inspector {
    position: sticky;
    top: 1rem;
    display: grid;
    gap: .9rem;
    padding: 1rem;
}

.standx-ux-storefront-inspector header,
.standx-ux-storefront-inspector section {
    display: grid;
    gap: .5rem;
}

.standx-ux-storefront-inspector h3,
.standx-ux-storefront-inspector h4 {
    margin: 0;
    color: #fff;
}

.standx-ux-storefront-inspector dl {
    display: grid;
    gap: .45rem;
    margin: 0;
}

.standx-ux-storefront-inspector dl div {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.standx-ux-storefront-inspector dt {
    color: #93a4ba;
}

.standx-ux-storefront-inspector dd {
    margin: 0;
    color: #f8fbff;
}

.standx-ux-storefront-warning-pill {
    display: inline-flex;
    width: fit-content;
    margin: .15rem .2rem .15rem 0;
    border-radius: 999px;
    padding: .3rem .55rem;
    color: #ffd38a;
    background: rgba(245, 158, 11, .14);
}

.standx-ux-storefront-loading,
.standx-ux-storefront-compact {
    display: grid;
    gap: 1rem;
}

@media (max-width: 1180px) {
    .standx-ux-storefront-command-strip,
    .standx-ux-storefront-summary,
    .standx-ux-storefront-state-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .standx-ux-storefront-layout,
    .standx-ux-storefront-overview-grid {
        grid-template-columns: 1fr;
    }

    .standx-ux-storefront-inspector {
        position: static;
    }

    .standx-ux-storefront-toolbar {
        grid-template-columns: 1fr;
    }

    .standx-ux-storefront-toolbar-search {
        justify-content: stretch;
    }
}

@media (max-width: 760px) {
    .standx-ux-storefront-command-strip,
    .standx-ux-storefront-summary,
    .standx-ux-storefront-state-grid,
    .standx-ux-storefront-filters,
    .standx-ux-storefront-home-blocks,
    .standx-ux-storefront-branding,
    .standx-ux-storefront-seo,
    .standx-ux-storefront-trust,
    .standx-ux-storefront-listing-grid {
        grid-template-columns: 1fr;
    }

    .standx-ux-storefront-homepage header,
    .standx-ux-storefront-homepage section {
        align-items: stretch;
        flex-direction: column;
    }

    .standx-ux-storefront-hero-visual {
        min-width: 0;
    }
}
.standx-ux-report-workspace {
    display: grid;
    gap: 1rem;
}

.standx-ux-report-command-strip,
.standx-ux-report-state-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.standx-ux-report-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 1rem;
    align-items: start;
}

.standx-ux-report-main {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.standx-ux-report-toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
}

.standx-ux-report-toolbar-actions,
.standx-ux-report-toolbar-search {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    align-items: center;
}

.standx-ux-report-toolbar-search {
    justify-content: flex-end;
}

.standx-ux-report-filters {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
    padding: .9rem;
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(15, 23, 42, .82), rgba(2, 6, 23, .74));
    box-shadow: 0 18px 60px rgba(2, 6, 23, .24);
}

.standx-ux-report-filters div {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.standx-ux-report-filters span {
    flex-basis: 100%;
    color: #93a4ba;
    font-size: .76rem;
    font-weight: 700;
    text-transform: uppercase;
}

.standx-ux-report-filters button,
.standx-ux-report-view-selector button,
.standx-ux-report-export button {
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 999px;
    background: rgba(15, 23, 42, .58);
    color: #d9e8f8;
    font-size: .82rem;
    padding: .38rem .68rem;
}

.standx-ux-report-filters footer {
    display: flex;
    gap: .5rem;
    align-items: end;
    justify-content: flex-end;
}

.standx-ux-report-view-selector {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    justify-content: flex-end;
}

.standx-ux-report-view-selector button.is-selected {
    background: linear-gradient(135deg, #1e7bff, #28d7c4);
    color: #04111f;
    border-color: transparent;
    font-weight: 800;
}

.standx-ux-report-summary,
.standx-ux-report-library,
.standx-ux-report-kpis,
.standx-ux-report-charts,
.standx-ux-report-saved-grid,
.standx-ux-report-dashboard-grid,
.standx-ux-report-comparison-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
}

.standx-ux-report-summary {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.standx-ux-report-dashboard-grid {
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.1fr);
    margin-top: 1rem;
}

.standx-ux-report-card,
.standx-ux-report-summary article,
.standx-ux-report-kpis article,
.standx-ux-report-chart,
.standx-ux-report-comparison,
.standx-ux-report-comparison-grid article,
.standx-ux-report-saved-card,
.standx-ux-report-export,
.standx-ux-report-inspector {
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 18px;
    background: rgba(15, 23, 42, .68);
    box-shadow: 0 18px 50px rgba(2, 6, 23, .22);
}

.standx-ux-report-card,
.standx-ux-report-summary article,
.standx-ux-report-kpis article,
.standx-ux-report-chart,
.standx-ux-report-comparison,
.standx-ux-report-comparison-grid article,
.standx-ux-report-saved-card,
.standx-ux-report-export {
    display: grid;
    gap: .7rem;
    padding: .95rem;
}

.standx-ux-report-card header,
.standx-ux-report-saved-card header,
.standx-ux-report-chart header,
.standx-ux-report-chart footer,
.standx-ux-report-comparison header,
.standx-ux-report-export header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: start;
}

.standx-ux-report-card h3,
.standx-ux-report-saved-card h3,
.standx-ux-report-inspector h3,
.standx-ux-report-inspector h4 {
    margin: 0;
    color: #fff;
}

.standx-ux-report-card p,
.standx-ux-report-inspector p {
    margin: 0;
    color: #c9d7e8;
}

.standx-ux-report-card span,
.standx-ux-report-summary span,
.standx-ux-report-kpis span,
.standx-ux-report-chart span,
.standx-ux-report-comparison span,
.standx-ux-report-saved-card span,
.standx-ux-report-export span,
.standx-ux-report-inspector span {
    color: #93a4ba;
}

.standx-ux-report-card strong,
.standx-ux-report-summary strong,
.standx-ux-report-kpis strong,
.standx-ux-report-chart strong,
.standx-ux-report-comparison strong,
.standx-ux-report-saved-card strong,
.standx-ux-report-export strong {
    color: #f8fbff;
}

.standx-ux-report-card-kpis,
.standx-ux-report-export div {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.standx-ux-report-card-kpis span,
.standx-ux-report-pill {
    display: inline-flex;
    width: fit-content;
    border-radius: 999px;
    padding: .28rem .55rem;
    color: #dff7ff;
    background: rgba(30, 123, 255, .16);
    border: 1px solid rgba(30, 123, 255, .28);
}

.standx-ux-report-badge {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    border-radius: 999px;
    padding: .24rem .58rem;
    font-size: .76rem;
    font-weight: 800;
    border: 1px solid rgba(148, 163, 184, .18);
}

.standx-ux-report-badge.is-success {
    color: #8ff5d3;
    background: rgba(20, 184, 166, .14);
    border-color: rgba(45, 212, 191, .34);
}

.standx-ux-report-badge.is-info {
    color: #9cc9ff;
    background: rgba(30, 123, 255, .14);
    border-color: rgba(30, 123, 255, .3);
}

.standx-ux-report-badge.is-warning {
    color: #ffd38a;
    background: rgba(245, 158, 11, .14);
    border-color: rgba(245, 158, 11, .3);
}

.standx-ux-report-badge.is-neutral {
    color: #c8d8ea;
    background: rgba(148, 163, 184, .14);
}

.standx-ux-report-kpis article.is-positive {
    background: linear-gradient(135deg, rgba(20, 184, 166, .18), rgba(15, 23, 42, .72));
}

.standx-ux-report-kpis article.is-warning {
    background: linear-gradient(135deg, rgba(245, 158, 11, .18), rgba(15, 23, 42, .72));
}

.standx-ux-report-chart-visual {
    display: flex;
    min-height: 130px;
    gap: .5rem;
    align-items: end;
    padding: .8rem;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(30, 123, 255, .18), rgba(40, 215, 196, .08));
}

.standx-ux-report-chart-visual i {
    flex: 1;
    min-height: 34px;
    border-radius: 999px 999px 6px 6px;
    background: linear-gradient(180deg, #28d7c4, #1e7bff);
}

.standx-ux-report-chart-visual i:nth-child(2) {
    min-height: 70px;
}

.standx-ux-report-chart-visual i:nth-child(3) {
    min-height: 52px;
}

.standx-ux-report-chart-visual i:nth-child(4) {
    min-height: 96px;
}

.standx-ux-report-chart-visual i:nth-child(5) {
    min-height: 118px;
}

.standx-ux-report-comparison-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.standx-ux-report-saved-card dl,
.standx-ux-report-inspector dl {
    display: grid;
    gap: .45rem;
    margin: 0;
}

.standx-ux-report-saved-card dl div,
.standx-ux-report-inspector dl div {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.standx-ux-report-saved-card dt,
.standx-ux-report-inspector dt {
    color: #93a4ba;
}

.standx-ux-report-saved-card dd,
.standx-ux-report-inspector dd {
    margin: 0;
    color: #f8fbff;
}

.standx-ux-report-inspector {
    position: sticky;
    top: 1rem;
    display: grid;
    gap: .9rem;
    padding: 1rem;
}

.standx-ux-report-inspector header,
.standx-ux-report-inspector section {
    display: grid;
    gap: .5rem;
}

.standx-ux-report-warning-pill {
    display: inline-flex;
    width: fit-content;
    margin: .15rem .2rem .15rem 0;
    border-radius: 999px;
    padding: .3rem .55rem;
    color: #ffd38a;
    background: rgba(245, 158, 11, .14);
}

.standx-ux-report-loading {
    display: grid;
    gap: 1rem;
}

@media (max-width: 1180px) {
    .standx-ux-report-command-strip,
    .standx-ux-report-summary,
    .standx-ux-report-state-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .standx-ux-report-layout,
    .standx-ux-report-dashboard-grid {
        grid-template-columns: 1fr;
    }

    .standx-ux-report-inspector {
        position: static;
    }

    .standx-ux-report-toolbar {
        grid-template-columns: 1fr;
    }

    .standx-ux-report-toolbar-search {
        justify-content: stretch;
    }
}

@media (max-width: 760px) {
    .standx-ux-report-command-strip,
    .standx-ux-report-summary,
    .standx-ux-report-state-grid,
    .standx-ux-report-filters,
    .standx-ux-report-library,
    .standx-ux-report-kpis,
    .standx-ux-report-charts,
    .standx-ux-report-saved-grid,
    .standx-ux-report-comparison-grid {
        grid-template-columns: 1fr;
    }

    .standx-ux-report-card header,
    .standx-ux-report-saved-card header,
    .standx-ux-report-chart header,
    .standx-ux-report-chart footer,
    .standx-ux-report-comparison header,
    .standx-ux-report-export header {
        align-items: stretch;
        flex-direction: column;
    }
}
.standx-ux-settings-workspace {
    display: grid;
    gap: 1rem;
}

.standx-ux-settings-command-strip,
.standx-ux-settings-state-grid,
.standx-ux-settings-overview-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.standx-ux-settings-overview-grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, .9fr);
    align-items: start;
    margin-top: 1rem;
}

.standx-ux-settings-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 1rem;
    align-items: start;
}

.standx-ux-settings-main {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.standx-ux-settings-toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
}

.standx-ux-settings-toolbar-actions,
.standx-ux-settings-toolbar-search {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    align-items: center;
}

.standx-ux-settings-toolbar-search {
    justify-content: flex-end;
}

.standx-ux-settings-filters {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
    padding: .9rem;
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(15, 23, 42, .82), rgba(2, 6, 23, .74));
    box-shadow: 0 18px 60px rgba(2, 6, 23, .24);
}

.standx-ux-settings-filters div {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.standx-ux-settings-filters span {
    flex-basis: 100%;
    color: #93a4ba;
    font-size: .76rem;
    font-weight: 700;
    text-transform: uppercase;
}

.standx-ux-settings-filters button,
.standx-ux-settings-view-selector button {
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 999px;
    background: rgba(15, 23, 42, .58);
    color: #d9e8f8;
    font-size: .82rem;
    padding: .38rem .68rem;
}

.standx-ux-settings-filters footer {
    display: flex;
    gap: .5rem;
    align-items: end;
    justify-content: flex-end;
}

.standx-ux-settings-view-selector {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    justify-content: flex-end;
}

.standx-ux-settings-view-selector button.is-selected {
    background: linear-gradient(135deg, #1e7bff, #28d7c4);
    color: #04111f;
    border-color: transparent;
    font-weight: 800;
}

.standx-ux-settings-summary,
.standx-ux-settings-company-grid,
.standx-ux-settings-permissions,
.standx-ux-settings-branding,
.standx-ux-settings-notifications,
.standx-ux-settings-subscription,
.standx-ux-settings-preferences {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
}

.standx-ux-settings-summary {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.standx-ux-settings-summary article,
.standx-ux-settings-panel,
.standx-ux-settings-company-grid article,
.standx-ux-settings-user-list article,
.standx-ux-settings-permissions article,
.standx-ux-settings-branding article,
.standx-ux-settings-notifications article,
.standx-ux-settings-subscription article,
.standx-ux-settings-preferences article,
.standx-ux-settings-readiness header,
.standx-ux-settings-readiness article,
.standx-ux-settings-inspector {
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 18px;
    background: rgba(15, 23, 42, .68);
    box-shadow: 0 18px 50px rgba(2, 6, 23, .22);
}

.standx-ux-settings-summary article,
.standx-ux-settings-panel,
.standx-ux-settings-company-grid article,
.standx-ux-settings-user-list article,
.standx-ux-settings-permissions article,
.standx-ux-settings-branding article,
.standx-ux-settings-notifications article,
.standx-ux-settings-subscription article,
.standx-ux-settings-preferences article {
    display: grid;
    gap: .6rem;
    padding: .95rem;
}

.standx-ux-settings-panel > header,
.standx-ux-settings-readiness header > div:first-child {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: start;
}

.standx-ux-settings-panel > header {
    margin-bottom: .7rem;
}

.standx-ux-settings-summary span,
.standx-ux-settings-panel span,
.standx-ux-settings-readiness span,
.standx-ux-settings-inspector span {
    color: #93a4ba;
}

.standx-ux-settings-summary strong,
.standx-ux-settings-panel strong,
.standx-ux-settings-readiness strong {
    color: #f8fbff;
}

.standx-ux-settings-badge {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    border-radius: 999px;
    padding: .24rem .58rem;
    font-size: .76rem;
    font-weight: 800;
    border: 1px solid rgba(148, 163, 184, .18);
}

.standx-ux-settings-badge.is-success {
    color: #8ff5d3;
    background: rgba(20, 184, 166, .14);
    border-color: rgba(45, 212, 191, .34);
}

.standx-ux-settings-badge.is-info {
    color: #9cc9ff;
    background: rgba(30, 123, 255, .14);
    border-color: rgba(30, 123, 255, .3);
}

.standx-ux-settings-badge.is-warning {
    color: #ffd38a;
    background: rgba(245, 158, 11, .14);
    border-color: rgba(245, 158, 11, .3);
}

.standx-ux-settings-badge.is-danger {
    color: #ffb4b4;
    background: rgba(239, 68, 68, .14);
    border-color: rgba(239, 68, 68, .3);
}

.standx-ux-settings-badge.is-neutral {
    color: #c8d8ea;
    background: rgba(148, 163, 184, .14);
}

.standx-ux-settings-logo {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 16px;
    background: linear-gradient(135deg, #1e7bff, #28d7c4);
    color: #04111f;
    font-weight: 900;
}

.standx-ux-settings-logo.large {
    width: 74px;
    height: 74px;
    border-radius: 22px;
}

.standx-ux-settings-user-list {
    display: grid;
    gap: .7rem;
}

.standx-ux-settings-user-list article {
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
}

.standx-ux-settings-swatches {
    display: flex;
    gap: .4rem;
}

.standx-ux-settings-swatches i {
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .18);
}

.standx-ux-settings-swatches i:nth-child(1) {
    background: #071426;
}

.standx-ux-settings-swatches i:nth-child(2) {
    background: #1e7bff;
}

.standx-ux-settings-swatches i:nth-child(3) {
    background: #28d7c4;
}

.standx-ux-settings-swatches i:nth-child(4) {
    background: #f7fbff;
}

.standx-ux-settings-readiness {
    display: grid;
    gap: .7rem;
}

.standx-ux-settings-readiness header {
    display: grid;
    gap: .6rem;
    padding: .95rem;
}

.standx-ux-settings-readiness article {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .75rem;
    padding: .85rem;
    align-items: start;
}

.standx-ux-settings-progress {
    overflow: hidden;
    height: 9px;
    border-radius: 999px;
    background: rgba(148, 163, 184, .18);
}

.standx-ux-settings-progress i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #1e7bff, #28d7c4);
}

.standx-ux-settings-inspector {
    position: sticky;
    top: 1rem;
    display: grid;
    gap: .9rem;
    padding: 1rem;
}

.standx-ux-settings-inspector header,
.standx-ux-settings-inspector section {
    display: grid;
    gap: .5rem;
}

.standx-ux-settings-inspector h3,
.standx-ux-settings-inspector h4 {
    margin: 0;
    color: #fff;
}

.standx-ux-settings-inspector p {
    margin: 0;
    color: #c9d7e8;
}

.standx-ux-settings-inspector dl {
    display: grid;
    gap: .45rem;
    margin: 0;
}

.standx-ux-settings-inspector dl div {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.standx-ux-settings-inspector dt {
    color: #93a4ba;
}

.standx-ux-settings-inspector dd {
    margin: 0;
    color: #f8fbff;
}

.standx-ux-settings-pill,
.standx-ux-settings-warning-pill {
    display: inline-flex;
    width: fit-content;
    margin: .15rem .2rem .15rem 0;
    border-radius: 999px;
    padding: .3rem .55rem;
}

.standx-ux-settings-pill {
    color: #dff7ff;
    background: rgba(30, 123, 255, .16);
}

.standx-ux-settings-warning-pill {
    color: #ffd38a;
    background: rgba(245, 158, 11, .14);
}

.standx-ux-settings-loading {
    display: grid;
    gap: 1rem;
}

@media (max-width: 1180px) {
    .standx-ux-settings-command-strip,
    .standx-ux-settings-summary,
    .standx-ux-settings-state-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .standx-ux-settings-layout,
    .standx-ux-settings-overview-grid {
        grid-template-columns: 1fr;
    }

    .standx-ux-settings-inspector {
        position: static;
    }

    .standx-ux-settings-toolbar {
        grid-template-columns: 1fr;
    }

    .standx-ux-settings-toolbar-search {
        justify-content: stretch;
    }
}

@media (max-width: 760px) {
    .standx-ux-settings-command-strip,
    .standx-ux-settings-summary,
    .standx-ux-settings-state-grid,
    .standx-ux-settings-filters,
    .standx-ux-settings-company-grid,
    .standx-ux-settings-permissions,
    .standx-ux-settings-branding,
    .standx-ux-settings-notifications,
    .standx-ux-settings-subscription,
    .standx-ux-settings-preferences {
        grid-template-columns: 1fr;
    }

    .standx-ux-settings-user-list article,
    .standx-ux-settings-readiness article {
        grid-template-columns: 1fr;
    }

    .standx-ux-settings-panel > header {
        flex-direction: column;
    }
}

/* HOTFIX UX-1 final cascade guard: Customer Portal keeps the approved dark/copper shell after later workspace rules. */
.client-shell {
    --platform-bg: #0d1117;
    --platform-bg-secondary: #15181d;
    --platform-surface: #1b222b;
    --platform-surface-2: #202936;
    --platform-text: #f8fafc;
    --platform-muted: #aab6c4;
    --platform-border: rgba(148, 163, 184, .22);
    --platform-accent: #c27a4b;
    --platform-accent-hover: #e08b5a;
    background:
        radial-gradient(circle at top left, rgba(194, 122, 75, .12), transparent 34rem),
        var(--platform-bg);
    color: var(--platform-text);
}

.client-shell .main,
.client-shell .content {
    background: var(--platform-bg);
    color: var(--platform-text);
}

.client-shell .area-sidebar,
.client-shell .sidebar {
    background: linear-gradient(180deg, #111820, var(--platform-bg-secondary));
    border-right-color: var(--platform-border);
}

.client-shell .topbar,
.client-shell .client-mobile-menu {
    background: rgba(21, 24, 29, .98);
    border-color: var(--platform-border);
    color: var(--platform-text);
}

.client-shell .client-wordmark span,
.client-shell .nav-icon,
.client-shell .context-selector-caret {
    color: var(--platform-accent-hover);
}

.client-shell .nav-link:hover,
.client-shell .nav-link.active,
.client-shell .client-mobile-menu .nav-link:hover,
.client-shell .client-mobile-menu .nav-link.active {
    background: rgba(194, 122, 75, .14);
    border-left-color: var(--platform-accent);
    color: var(--platform-text);
}

.client-shell .btn-primary {
    background: var(--platform-accent);
    border-color: var(--platform-accent);
    color: #101418;
}

.client-shell .btn-primary:hover,
.client-shell .btn-primary:focus-visible {
    background: var(--platform-accent-hover);
    border-color: var(--platform-accent-hover);
    color: #101418;
}

.client-shell .client-mobile-menu {
    box-sizing: border-box;
    max-width: 100%;
    overflow-x: hidden;
    width: 100%;
}

.client-shell .client-mobile-menu .nav-link,
.client-shell .client-mobile-menu .nav-button {
    box-sizing: border-box;
    display: flex;
    max-width: 100%;
    width: 100%;
}