/* Generated from site.css on 2026-06-30. site.css is kept as fallback/reference. */
.beetle-dash-page .app-main {
    width: fit-content;
    max-width: calc(100vw - 28px);
    margin-left: auto;
    margin-right: auto;
}

.beetle-dash-tool {
    width: fit-content;
    max-width: 100%;
    padding: 10px;
}

.beetle-dash-tool .bcm2-eeprom-head {
    margin-bottom: 6px;
}

.beetle-dash-tool .bcm2-eeprom-head .page-title {
    font-size: clamp(1.35rem, 2.3vw, 1.8rem);
    line-height: 1;
}

.beetle-dash-layout {
    display: grid;
    grid-template-columns: max-content 340px;
    gap: 6px;
    align-items: flex-start;
}

.beetle-dash-main-grid,
.beetle-dash-side {
    display: grid;
    gap: 6px;
}

.beetle-dash-tool .bcm2-eeprom-card {
    border-radius: 6px;
    padding: 6px;
}

.beetle-dash-tool .bcm2-clone-subhead {
    margin-bottom: 5px;
}

.beetle-dash-tool .bcm2-clone-subhead h2 {
    font-size: .75rem;
}

.beetle-dash-tool .bcm2-clone-subhead span {
    font-size: .6rem;
}

.beetle-dash-identity-grid,
.beetle-dash-security-grid,
.beetle-dash-keys-grid {
    display: grid;
    gap: 5px 10px;
    align-items: center;
}

.beetle-dash-identity-grid {
    grid-template-columns: repeat(2, max-content);
}

.beetle-dash-security-grid,
.beetle-dash-keys-grid {
    grid-template-columns: repeat(3, max-content);
}

.beetle-dash-field {
    display: grid;
    grid-template-columns: 72px var(--beetle-input-width, 120px);
    gap: 6px;
    align-items: center;
}

.beetle-dash-field > span,
.beetle-dash-file-row > span {
    color: var(--muted);
    font-size: .65rem;
    font-weight: 800;
    text-transform: uppercase;
}

.beetle-dash-field input,
.beetle-dash-file-row input[type="text"] {
    width: 100%;
    min-width: 0;
    height: 25px;
    border: 1px solid rgba(148, 163, 184, .42);
    border-radius: 4px;
    background: #03080a;
    color: #eaf3f6;
    padding: 3px 7px;
    font-size: .74rem;
    font-weight: 800;
}

.beetle-dash-field input:focus {
    border-color: rgba(218, 184, 92, .75);
    box-shadow: 0 0 0 2px rgba(218, 184, 92, .12);
    outline: none;
}

.beetle-dash-field input:-webkit-autofill,
.beetle-dash-file-row input[type="text"]:-webkit-autofill {
    -webkit-text-fill-color: #eaf3f6 !important;
    -webkit-box-shadow: 0 0 0 1000px #03080a inset !important;
    caret-color: #eaf3f6;
}

.beetle-dash-field.is-mini {
    --beetle-input-width: 58px;
}

.beetle-dash-field.is-short {
    --beetle-input-width: 118px;
}

.beetle-dash-field.is-wide {
    grid-column: 1 / -1;
    --beetle-input-width: 324px;
}

.beetle-dash-field.is-cs {
    --beetle-input-width: 118px;
}

.beetle-dash-field.is-mac,
.beetle-dash-field.is-key {
    --beetle-input-width: 82px;
}

.beetle-dash-file-row {
    display: grid;
    grid-template-columns: 60px minmax(0, 1fr) 76px;
    gap: 6px;
    align-items: center;
    margin-bottom: 5px;
}

.beetle-dash-tool .visually-hidden-file {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

.beetle-dash-tool .app-btn {
    min-height: 25px;
    padding: 4px 9px;
}

.beetle-dash-files-card > .app-btn {
    width: 100%;
}

.beetle-dash-actions-card .bcm2-clone-actions {
    display: grid;
    grid-template-columns: minmax(130px, 170px) minmax(140px, 170px) minmax(110px, 145px);
    gap: 6px;
}

@media (max-width: 1040px) {
    .beetle-dash-page .app-main {
            width: min(100%, calc(100vw - 24px));
        }
    
    .beetle-dash-tool,
        .beetle-dash-layout {
            width: 100%;
        }
    
    .beetle-dash-layout {
            grid-template-columns: 1fr;
        }
    
    .beetle-dash-side {
            grid-row: 1;
        }
    
    .beetle-dash-identity-grid,
        .beetle-dash-security-grid,
        .beetle-dash-keys-grid {
            grid-template-columns: repeat(2, max-content);
        }
    
    .beetle-dash-field.is-wide {
            --beetle-input-width: 280px;
        }
    
    .beetle-dash-actions-card .bcm2-clone-actions {
            grid-template-columns: 1fr;
        }
}

@media (max-width: 560px) {
    .beetle-dash-page .app-main {
            width: min(100%, calc(100vw - 14px));
        }
    
    .beetle-dash-tool {
            padding: 7px !important;
        }
    
    .beetle-dash-identity-grid,
        .beetle-dash-security-grid,
        .beetle-dash-keys-grid {
            grid-template-columns: 1fr;
        }
    
    .beetle-dash-field,
        .beetle-dash-field.is-wide {
            grid-template-columns: 1fr;
            --beetle-input-width: 100%;
            gap: 3px;
        }
    
    .beetle-dash-field input,
        .beetle-dash-file-row input[type="text"] {
            height: 28px;
            font-size: clamp(.62rem, 2.7vw, .72rem);
        }
    
    .beetle-dash-file-row {
            grid-template-columns: 1fr;
            gap: 3px;
        }
}

/* Compact dashboard workspace */
.dashboard .app-main {
    width: min(1140px, calc(100vw - 32px)) !important;
}

.dashboard-shell {
    display: grid;
    gap: 8px;
}

.dash-topbar,
.dash-panel,
.dash-modules {
    border: 1px solid rgba(192, 203, 211, .28);
    border-radius: 9px;
    background:
        linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.018) 44%, rgba(0,0,0,.22)),
        rgba(29, 36, 41, .84);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 15px 38px rgba(0,0,0,.26);
}

.dash-home-view.hidden {
    display: none;
}

.renewal-card.hidden {
    display: none !important;
}

.admin-ticket-alert.hidden {
    display: none !important;
}

.dash-section-view {
    display: none;
}

.dash-section-view.active {
    display: block;
}

.dash-section-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

.dash-section-note {
    color: rgba(224, 232, 238, .68);
    font-size: 11px;
    line-height: 1.35;
    text-align: right;
}

.dash-module-search {
    width: min(520px, 100%);
    display: grid;
    grid-template-columns: auto minmax(220px, 1fr);
    gap: 10px;
    align-items: center;
    margin-left: auto;
    color: rgba(246, 214, 127, .92);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.dash-module-search input {
    width: 100%;
    min-height: 36px;
    border: 1px solid rgba(214, 170, 82, .42);
    border-radius: 6px;
    background: rgba(3, 8, 10, .88);
    color: #f5f8fa;
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    text-transform: none;
    padding: 8px 11px;
    outline: none;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

.dash-module-search input:focus {
    border-color: rgba(246, 214, 127, .9);
    box-shadow:
        0 0 0 2px rgba(214, 170, 82, .14),
        inset 0 1px 0 rgba(255,255,255,.08);
}

.dash-search-empty {
    margin-top: 10px;
}

.dash-tool.is-search-hidden {
    display: none !important;
}

.dash-topbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 12px 14px;
}

.dash-welcome h1 {
    margin: 0;
    font-size: clamp(22px, 2.1vw, 32px);
    line-height: 1;
}

.dash-welcome h1::after {
    content: "";
    display: block;
    width: min(420px, 56vw);
    height: 2px;
    margin-top: 9px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.92), rgba(96,174,255,.72), transparent);
    box-shadow: 0 0 18px rgba(186, 226, 255, .54);
}

.dash-account-note {
    margin: 8px 0 0;
    color: rgba(226, 234, 239, .75);
    font-size: 12px;
    line-height: 1.35;
}

.dash-status-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(76px, 1fr));
    gap: 8px;
}

.dash-status {
    min-width: 76px;
    padding: 7px 9px;
    border: 1px solid rgba(202, 213, 221, .26);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(78,88,96,.48), rgba(13,17,20,.42));
}

.dash-status span,
.dash-panel-head span,
.dash-tool small {
    display: block;
    color: rgba(221, 228, 233, .68);
    font-size: 11px;
}

.dash-status strong {
    display: block;
    margin-top: 3px;
    color: #f4f7f9;
    font-size: 12px;
}

.dash-status.locked strong {
    color: #ffd9d9;
}

.renewal-card {
    position: relative;
    width: min(780px, 100%);
    margin: 0 auto 2px;
    padding: 12px 44px 12px 14px;
    border: 1px solid rgba(231, 184, 91, .62);
    border-radius: 9px;
    background:
        linear-gradient(135deg, rgba(255, 211, 126, .13), rgba(255,255,255,.032) 46%, rgba(0,0,0,.2)),
        rgba(28, 34, 38, .9);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 14px 34px rgba(0,0,0,.28), 0 0 24px rgba(255, 194, 82, .09);
}

.admin-ticket-alert {
    position: fixed;
    inset: 0;
    z-index: 120;
    display: grid;
    place-items: center;
    padding: 18px;
    background: rgba(0, 0, 0, .58);
}

.admin-ticket-alert-card {
    position: relative;
    width: min(560px, calc(100vw - 28px));
    padding: 18px 46px 18px 18px;
    border: 1px solid rgba(231, 184, 91, .68);
    border-radius: 10px;
    background:
        linear-gradient(135deg, rgba(255, 211, 126, .16), rgba(255,255,255,.04) 46%, rgba(0,0,0,.2)),
        rgba(25, 31, 35, .97);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 24px 70px rgba(0,0,0,.52), 0 0 36px rgba(255, 194, 82, .14);
}

.renewal-title {
    margin: 0 0 6px;
    color: #fff4d4;
    font-size: 15px;
    line-height: 1.15;
    text-transform: uppercase;
}

.renewal-text {
    color: rgba(238, 236, 226, .86);
    font-size: 12px;
    line-height: 1.55;
}

.renewal-pay-btn {
    display: inline-flex;
    min-height: 27px;
    margin: 8px 0 6px;
    padding-inline: 14px;
    border-color: rgba(255, 212, 126, .54);
    color: #fff7df;
}

.renewal-close {
    position: absolute;
    top: 9px;
    right: 9px;
    width: 25px;
    height: 25px;
    border: 1px solid rgba(233, 222, 193, .38);
    border-radius: 7px;
    background: rgba(11, 14, 16, .42);
    color: rgba(255, 250, 238, .86);
    cursor: pointer;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
}

.renewal-close:hover,
.renewal-pay-btn:hover {
    border-color: rgba(255, 232, 175, .78);
    box-shadow: 0 0 18px rgba(255, 206, 99, .16);
}

.app-btn:not(.danger),
.dash-pill,
.mini-action:not(.danger) {
    border-color: rgba(231, 184, 91, .30) !important;
    background:
        linear-gradient(135deg, rgba(255, 211, 126, .08), rgba(255,255,255,.035) 46%, rgba(0,0,0,.18)),
        linear-gradient(180deg, rgba(72,80,87,.76), rgba(28,34,39,.78)) !important;
}

.app-btn:not(.danger):hover,
.dash-pill:hover,
.dash-pill.active,
.mini-action:not(.danger):hover {
    border-color: rgba(255, 232, 175, .68) !important;
    color: #fff8df !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 0 18px rgba(255, 206, 99, .14), 0 9px 20px rgba(0,0,0,.24) !important;
}

.dash-topbar,
.dash-panel,
.dash-modules,
.auth-panel,
.content-panel,
.admin-panel,
.tool-panel,
.module-section {
    border-color: rgba(231, 184, 91, .20) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 15px 38px rgba(0,0,0,.27), 0 0 24px rgba(255, 194, 82, .045) !important;
}

.dash-tool.enabled,
.module-card.enabled,
.mini-card,
.plan-card,
.info-card,
.stat {
    border-color: rgba(231, 184, 91, .22) !important;
}

.dash-panel-head h2,
.module-section h2,
.plan-card h2,
.info-card h2,
.mini-card h2 {
    color: #fff4d4;
}

.dash-quick {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.dash-nav-row {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.dash-nav-row.primary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.dash-nav-row.secondary {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.dash-nav-row.utility {
    justify-content: flex-end;
}

.dash-pill,
.dash-tab {
    display: inline-flex;
    min-height: 27px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(210, 220, 228, .32);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(83,93,101,.78), rgba(19,24,28,.68));
    color: #f5f8fa;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.1;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    white-space: normal;
}

.dash-pill {
    padding: 5px 9px;
    cursor: pointer;
}

.dash-pill.icon-pill {
    min-height: 43px;
    justify-content: flex-start;
    gap: 7px;
    padding: 7px 9px;
}

.dash-pill.icon-pill img {
    flex: 0 0 auto;
    width: 30px;
    height: 24px;
    object-fit: contain;
    filter: drop-shadow(0 5px 9px rgba(0,0,0,.34));
}

.dash-pill-icons {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

.dash-pill.icon-pill .dash-pill-icons img {
    width: 28px;
    height: 24px;
}

.dash-pill.icon-pill .dash-pill-icons img + img {
    margin-left: -8px;
}

.dash-pill.icon-pill span {
    min-width: 0;
    overflow-wrap: anywhere;
}

.dash-pill.active,
.dash-pill.icon-pill.active {
    background:
        linear-gradient(135deg, rgba(255, 218, 139, .22), rgba(255,255,255,.07) 42%, rgba(7,10,12,.24)),
        linear-gradient(180deg, rgba(84, 89, 84, .72), rgba(24, 29, 31, .86));
    color: #fff5d8;
    border-color: rgba(255, 220, 137, .72);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.14),
        0 0 0 1px rgba(255, 210, 115, .10),
        0 0 18px rgba(255, 199, 87, .13),
        0 10px 22px rgba(0,0,0,.24);
}

.dash-pill.admin {
    border-color: rgba(127, 199, 255, .5);
}

.dash-grid {
    display: grid;
    grid-template-columns: minmax(240px, .72fr) minmax(0, 1fr) minmax(240px, .72fr);
    gap: 8px;
}

.dash-panel,
.dash-modules {
    padding: 11px;
}

.dash-panel-head {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.dash-panel-head h2 {
    margin: 0;
    font-size: 14px;
    line-height: 1.1;
}

.dash-updates {
    display: grid;
    gap: 5px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dash-updates li,
.dash-workflow div {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    min-height: 29px;
    padding: 5px 7px;
    border: 1px solid rgba(205, 216, 224, .17);
    border-radius: 7px;
    background: rgba(9, 13, 16, .22);
}

.dash-updates b,
.dash-workflow strong {
    min-width: 42px;
    color: #eaf5ff;
    font-size: 11px;
    text-align: center;
}

.dash-updates b {
    color: #07100a;
    border-radius: 999px;
    background: linear-gradient(135deg, #83ffb5, #f6d67f);
    box-shadow: 0 0 0 rgba(131, 255, 181, 0);
    animation: dashNewBlink 1.05s ease-in-out infinite;
}

.dash-updates span,
.dash-workflow span {
    color: rgba(239, 244, 248, .86);
    font-size: 11px;
    line-height: 1.25;
}

.dash-workflow {
    display: grid;
    gap: 5px;
}

.dash-video {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border: 1px solid rgba(205, 216, 224, .2);
    border-radius: 8px;
    background: #0e1417;
}

.dash-video iframe {
    width: 100%;
    height: 100%;
}

.dash-tabs {
    display: flex;
    gap: 7px;
    margin-bottom: 10px;
    overflow-x: auto;
    padding-bottom: 2px;
}

.dash-tab {
    flex: 0 0 auto;
    padding: 5px 8px;
    cursor: pointer;
}

.dash-tab.active,
.dash-pill:hover,
.dash-tool.enabled:hover {
    background:
        linear-gradient(135deg, rgba(255, 218, 139, .20), rgba(255,255,255,.065) 44%, rgba(7,10,12,.30)),
        linear-gradient(180deg, rgba(76, 84, 83, .70), rgba(17, 22, 24, .88));
    color: #fff7df;
    border-color: rgba(255, 220, 137, .70);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.14),
        0 0 18px rgba(255, 199, 87, .14),
        0 10px 22px rgba(0,0,0,.26);
}

.dash-module-panel {
    display: none;
    grid-template-columns: repeat(auto-fill, minmax(224px, 1fr));
    gap: 8px;
    padding: 8px;
    border: 1px solid rgba(205, 216, 224, .14);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 213, 128, .045), transparent 42%),
        rgba(6, 10, 13, .18);
}

.dash-module-panel.active {
    display: grid;
}

.dash-module-panel.active .dash-tool,
.dash-module-panel.active .dash-empty {
    animation: dashCascade .48s cubic-bezier(.18, .72, .22, 1) both;
}

.dash-module-panel.active .dash-tool:nth-child(2) { animation-delay: 55ms; }

.dash-module-panel.active .dash-tool:nth-child(3) { animation-delay: 110ms; }

.dash-module-panel.active .dash-tool:nth-child(4) { animation-delay: 165ms; }

.dash-module-panel.active .dash-tool:nth-child(5) { animation-delay: 220ms; }

.dash-module-panel.active .dash-tool:nth-child(6) { animation-delay: 275ms; }

.dash-module-panel.active .dash-tool:nth-child(7) { animation-delay: 330ms; }

.dash-module-panel.active .dash-tool:nth-child(8) { animation-delay: 385ms; }

.dash-module-panel.active .dash-tool:nth-child(n+9) { animation-delay: 440ms; }

.dash-tool {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    min-height: 60px;
    padding: 8px 9px;
    border: 1px solid rgba(205, 216, 224, .26);
    border-radius: 8px;
    background:
        linear-gradient(90deg, rgba(255, 221, 143, .07), transparent 46%),
        linear-gradient(180deg, rgba(70,79,87,.42), rgba(12,16,19,.44));
    color: #f4f7f9;
    text-decoration: none;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.dash-tool img {
    max-width: 35px;
    max-height: 29px;
    object-fit: contain;
    filter: drop-shadow(0 5px 9px rgba(0,0,0,.32));
}

.dash-tool strong {
    display: block;
    font-size: 12px;
    line-height: 1.16;
    white-space: normal;
    overflow-wrap: anywhere;
}

.dash-tool small {
    display: block;
    margin-top: 3px;
    color: rgba(239, 244, 248, .72);
    font-size: 10px;
    line-height: 1.16;
    white-space: normal;
    overflow-wrap: anywhere;
}

.dash-tool em {
    color: rgba(238, 244, 248, .78);
    font-size: 10px;
    font-style: normal;
    font-weight: 900;
    align-self: center;
}

.dash-tool.enabled:hover {
    transform: translateY(-2px);
}

.dash-tool.enabled:hover strong,
.dash-tool.enabled:hover em {
    color: #fff7df;
}

.dash-tool.enabled:hover small {
    color: rgba(247, 239, 219, .82);
}

.dash-tool.enabled:hover img {
    filter: brightness(1.12) drop-shadow(0 0 10px rgba(255, 199, 87, .24));
}

.dash-tool.locked {
    opacity: .58;
    border-style: dashed;
    background: linear-gradient(180deg, rgba(53,59,65,.3), rgba(12,16,19,.34));
}

.dash-tool.locked em {
    color: #ffd6d6;
}

.renewal-payment-form {
    margin: 10px 0 0;
}

.dash-tool.locked {
    opacity: .72;
}

.dash-empty {
    display: grid;
    gap: 4px;
    grid-column: 1 / -1;
    padding: 12px;
    border: 1px dashed rgba(205, 216, 224, .28);
    border-radius: 8px;
    background: rgba(8, 12, 15, .24);
    color: rgba(236, 242, 246, .8);
    font-size: 12px;
}

.demo-hero .dash-welcome {
    gap: 8px;
}

.demo-hero-actions,
.demo-modal-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.demo-info-pill {
    position: relative;
    min-width: 0;
    overflow: visible;
}

/* 2026 dashboard workspace controls: illustrated, tactile and visually consistent. */
.dashboard .old-dashboard-nav {
    gap: 12px;
    padding: 14px !important;
    border: 1px solid rgba(231, 184, 91, .18);
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(20, 28, 32, .94), rgba(7, 13, 16, .94));
    box-shadow: inset 0 1px rgba(255,255,255,.055), 0 15px 34px rgba(0,0,0,.2);
}

.dashboard .dash-nav-row.primary { gap: 12px; }
.dashboard .dash-pill.dash-primary-pill.icon-pill {
    isolation: isolate;
    min-height: 76px;
    gap: 12px;
    padding: 11px 16px;
    overflow: hidden;
    border-color: rgba(155, 168, 174, .28) !important;
    border-radius: 12px;
    background: radial-gradient(circle at 8% 45%, rgba(218,180,75,.12), transparent 42%), linear-gradient(145deg,#202a2e,#10171a 70%) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.075), 0 8px 18px rgba(0,0,0,.16) !important;
    transition: transform .26s cubic-bezier(.2,.8,.2,1), border-color .26s, box-shadow .26s !important;
}
.dashboard .dash-pill.dash-primary-pill.icon-pill::before {
    position: absolute;
    z-index: -1;
    inset: -80% -25%;
    background: linear-gradient(110deg, transparent 41%, rgba(255,255,255,.09) 50%, transparent 59%);
    content: "";
    transform: translateX(-72%) rotate(8deg);
    transition: transform .65s ease;
}
.dashboard .dash-pill.dash-primary-pill.icon-pill:hover,
.dashboard .dash-pill.dash-primary-pill.icon-pill.active {
    border-color: rgba(229,193,91,.7) !important;
    transform: translateY(-4px);
    box-shadow: inset 0 -3px #d9b746, 0 17px 29px rgba(0,0,0,.3), 0 0 20px rgba(218,180,75,.08) !important;
}
.dashboard .dash-pill.dash-primary-pill.icon-pill:hover::before { transform: translateX(72%) rotate(8deg); }
.dashboard .dash-pill.dash-primary-pill.icon-pill .dash-pill-icons {
    display: grid;
    place-items: center;
    width: 60px;
    height: 50px;
    flex: 0 0 60px;
    border: 1px solid rgba(217,183,70,.26);
    border-radius: 10px;
    background: rgba(4,10,12,.58);
}
.dashboard .dash-pill.dash-primary-pill.icon-pill .dash-pill-icons img {
    width: 50px;
    height: 42px;
    transition: transform .3s ease, filter .3s ease;
}
.dashboard .dash-pill.dash-primary-pill.icon-pill:hover .dash-pill-icons img {
    transform: scale(1.09) translateY(-2px);
    filter: drop-shadow(0 9px 8px rgba(0,0,0,.48)) brightness(1.08);
}
.dashboard .dash-pill.dash-primary-pill.icon-pill > span:last-child {
    font-size: .78rem;
    letter-spacing: .025em;
    text-align: left;
}

.dashboard .dash-nav-row.secondary { grid-template-columns: repeat(7,minmax(0,1fr)); gap: 9px; }
.dashboard .dash-nav-row.secondary .dash-pill {
    position: relative;
    display: grid;
    grid-template-columns: 38px minmax(0,1fr) 12px;
    justify-content: stretch;
    gap: 9px;
    min-height: 64px;
    padding: 8px 10px;
    overflow: hidden;
    border-color: rgba(133,148,155,.24) !important;
    border-radius: 11px;
    background: linear-gradient(150deg,rgba(40,50,55,.86),rgba(12,18,21,.94)) !important;
    color: #e6edef;
    box-shadow: inset 0 1px rgba(255,255,255,.055);
    transition: transform .22s ease,border-color .22s,box-shadow .22s,background .22s !important;
}
.dashboard .dash-nav-row.secondary .dash-pill:hover,
.dashboard .dash-nav-row.secondary .dash-pill.active {
    border-color: rgba(222,185,68,.64) !important;
    background: linear-gradient(150deg,rgba(73,63,28,.52),rgba(12,18,21,.96)) !important;
    color: #f6df8a;
    transform: translateY(-3px);
    box-shadow: inset 0 -2px #d9b746,0 12px 22px rgba(0,0,0,.25) !important;
}
.dash-secondary-icon { display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(217,183,70,.22);border-radius:8px;background:#091013; }
.dash-secondary-icon img { display:block;max-width:32px;max-height:29px;object-fit:contain;filter:drop-shadow(0 5px 5px rgba(0,0,0,.45));transition:transform .25s; }
.dashboard .dash-nav-row.secondary .dash-pill:hover .dash-secondary-icon img { transform:scale(1.1) rotate(-2deg); }
.dash-secondary-copy { display:grid;align-content:center;gap:3px;min-width:0;text-align:left; }
.dash-secondary-copy strong { overflow:hidden;font-size:.68rem;line-height:1.08;text-overflow:ellipsis; }
.dash-secondary-copy small { color:#77898f;font-size:.53rem;letter-spacing:.07em; }
.dashboard .dash-nav-row.secondary .dash-pill > i { color:#806f37;font-size:.85rem;font-style:normal;transition:transform .22s,color .22s; }
.dashboard .dash-nav-row.secondary .dash-pill:hover > i { color:#e1bf4f;transform:translateX(3px); }

.dashboard .dash-tool-category .dash-tool {
    isolation: isolate;
    position: relative;
    min-height: 88px;
    padding: 13px 14px;
    overflow: hidden;
    border-color: rgba(128,145,152,.26) !important;
    border-radius: 11px;
    background: radial-gradient(circle at 7% 50%,rgba(105,124,130,.13),transparent 37%),linear-gradient(145deg,#20292d,#0d1417 76%);
    box-shadow: inset 0 1px rgba(255,255,255,.055),0 7px 16px rgba(0,0,0,.14);
    transition: transform .24s cubic-bezier(.2,.8,.2,1),border-color .24s,box-shadow .24s !important;
}
.dashboard .dash-tool-category .dash-tool::after {
    position:absolute;
    right:-24px;
    bottom:-40px;
    width:100px;
    height:100px;
    border:1px solid rgba(218,181,66,.08);
    border-radius:50%;
    content:"";
    box-shadow:0 0 0 18px rgba(218,181,66,.025);
    pointer-events:none;
}
.dashboard .dash-tool-category .dash-tool.enabled:hover {
    border-color:rgba(222,187,78,.62) !important;
    background:radial-gradient(circle at 8% 50%,rgba(203,166,58,.16),transparent 39%),linear-gradient(145deg,#273034,#0d1518 78%);
    transform:translateY(-4px);
    box-shadow:inset 0 -2px #d5b33f,0 15px 26px rgba(0,0,0,.28) !important;
}
.dashboard .dash-tool-category .dash-tool img { max-width:52px;max-height:46px;filter:drop-shadow(0 8px 7px rgba(0,0,0,.42));transition:transform .28s,filter .28s; }
.dashboard .dash-tool-category .dash-tool.enabled:hover img { transform:scale(1.09) translateY(-2px);filter:drop-shadow(0 11px 8px rgba(0,0,0,.52)) brightness(1.08); }
.dashboard .dash-tool-category .dash-tool strong { color:#edf3f4;font-size:.79rem;line-height:1.14; }
.dashboard .dash-tool-category .dash-tool small { margin-top:5px;color:#8a9a9f;font-size:.63rem;line-height:1.3; }
.dashboard .dash-tool-category .dash-tool em { z-index:1;padding:5px 8px;border-color:rgba(124,143,150,.36);background:rgba(5,11,14,.62);font-size:.55rem;letter-spacing:.06em; }
.dashboard .dash-tool-category .dash-tool.enabled:hover em { border-color:#a88d35;color:#f1cf5c; }

@media (max-width:1180px) {
    .dashboard .dash-nav-row.secondary { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:720px) {
    .dashboard .old-dashboard-nav { padding:10px !important; }
    .dashboard .dash-nav-row.primary,.dashboard .dash-nav-row.secondary { grid-template-columns:1fr 1fr !important; }
    .dashboard .dash-pill.dash-primary-pill.icon-pill { min-height:68px;width:100%; }
    .dashboard .dash-nav-row.secondary .dash-pill { width:100%;min-height:60px; }
}
@media (max-width:460px) {
    .dashboard .dash-nav-row.primary,.dashboard .dash-nav-row.secondary { grid-template-columns:1fr !important; }
}
@media (prefers-reduced-motion:reduce) {
    .dashboard .dash-pill,.dashboard .dash-pill::before,.dashboard .dash-pill img,.dashboard .dash-tool,.dashboard .dash-tool img { transition:none !important;transform:none !important; }
}

/* Professional dashboard workspace */
.dashboard-shell{position:relative;isolation:isolate}
.dash-workspace-launch{display:grid;padding:17px 19px;grid-template-columns:minmax(260px,.8fr) minmax(390px,1.2fr);align-items:center;gap:24px;border:1px solid rgba(217,178,85,.32);border-radius:12px;background:linear-gradient(110deg,rgba(210,169,73,.105),rgba(36,43,47,.86) 38%,rgba(16,22,25,.94));box-shadow:inset 3px 0 0 rgba(226,188,96,.72),0 14px 32px rgba(0,0,0,.18)}
.dash-workspace-copy span,.dash-panel-kicker{color:#d9b85f;font-size:8px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
.dash-workspace-copy h2{margin:3px 0 2px;color:#f1f4f5;font-size:19px;line-height:1.15}
.dash-workspace-copy p{margin:0;color:#9daab2;font-size:10.5px}
.dash-global-search{position:relative;display:flex;height:48px;align-items:center;border:1px solid rgba(209,218,223,.24);border-radius:10px;background:#080e11;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 28px rgba(0,0,0,.20);transition:border-color .2s ease,box-shadow .2s ease}
.dash-global-search:focus-within{border-color:rgba(231,194,104,.72);box-shadow:0 0 0 3px rgba(216,173,85,.08),0 14px 30px rgba(0,0,0,.25)}
.dash-global-search i{position:relative;width:16px;height:16px;margin-left:16px;flex:0 0 16px;border:2px solid #d8b85d;border-radius:50%}
.dash-global-search i::after{position:absolute;right:-5px;bottom:-3px;width:6px;height:2px;background:#d8b85d;content:"";transform:rotate(45deg);transform-origin:left center}
.dash-global-search input{width:100%;height:100%;min-width:0;padding:0 14px;border:0!important;outline:0;background:transparent!important;color:#eef2f4;font:600 13px var(--font-ui,"Segoe UI",sans-serif);box-shadow:none!important}
.dash-global-search input::placeholder{color:#66747c}
.dash-global-search kbd{margin-right:9px;padding:5px 7px;border:1px solid rgba(216,173,85,.30);border-radius:5px;background:rgba(216,173,85,.08);color:#cdb875;font:800 7px/1 var(--font-ui,"Segoe UI",sans-serif);letter-spacing:.08em}
.dashboard .dash-quick{padding:0}
.dashboard .dash-nav-row.primary{gap:10px}
.dashboard .dash-pill.dash-primary-pill.icon-pill{position:relative;overflow:hidden;min-height:62px;justify-content:flex-start;padding:9px 13px;border-color:rgba(213,221,226,.20);background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(22,28,31,.90));font-size:11px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.dashboard .dash-pill.dash-primary-pill.icon-pill::after{position:absolute;right:12px;bottom:0;left:12px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#dfbb63,transparent);content:"";transform:scaleX(0);transition:transform .25s ease}
.dashboard .dash-pill.dash-primary-pill.icon-pill:hover,.dashboard .dash-pill.dash-primary-pill.icon-pill.active{border-color:rgba(226,188,96,.58);box-shadow:0 12px 26px rgba(0,0,0,.22);transform:translateY(-2px)}
.dashboard .dash-pill.dash-primary-pill.icon-pill:hover::after,.dashboard .dash-pill.dash-primary-pill.icon-pill.active::after{transform:scaleX(1)}
.dashboard .dash-nav-row.secondary{gap:8px}
.dashboard .dash-nav-row.secondary .dash-pill{background:rgba(28,35,39,.80);color:#cbd4d9;transition:background .18s ease,color .18s ease,border-color .18s ease}
.dashboard .dash-nav-row.secondary .dash-pill:hover,.dashboard .dash-nav-row.secondary .dash-pill.active{border-color:rgba(226,188,96,.55);background:rgba(216,173,85,.10);color:#f0d483}
.dashboard .dash-home-view{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:start;gap:12px}
.dashboard .dash-home-rail{display:grid;gap:12px;min-width:0}
.dashboard .dash-panel{border-color:rgba(207,216,221,.20);box-shadow:0 16px 34px rgba(0,0,0,.17)}
.dashboard .dash-panel-head{align-items:flex-start}
.dashboard .dash-panel-head>div{display:grid;gap:3px}
.dashboard .dash-panel-head h2{margin:0;color:#f1f3f4;font-size:17px}
.dashboard .dash-panel-head>a{color:#d7bc71;font-size:8px;font-weight:950;letter-spacing:.06em;text-decoration:none}
.dashboard .dash-panel-head>a:hover{color:#fff0bd}
.dashboard .dash-panel-kicker{display:flex;align-items:center;gap:6px}
.dashboard .dash-panel-kicker i{width:5px;height:5px;border-radius:50%;background:#72eaae;box-shadow:0 0 9px rgba(114,234,174,.65);animation:dashLivePulse 2s ease-in-out infinite}
.dashboard .dash-updates-panel{min-height:100%}
.dashboard .dash-updates{gap:6px}
.dashboard .dash-updates li{position:relative;min-height:43px;padding:9px 38px 9px 10px;grid-template-columns:60px minmax(0,1fr);border-color:rgba(201,212,218,.17);background:rgba(10,16,19,.34);transition:border-color .18s ease,background .18s ease,transform .18s ease}
.dashboard .dash-updates li:hover{border-color:rgba(226,188,96,.40);background:rgba(216,173,85,.055);transform:translateX(2px)}
.dashboard .dash-updates li.featured{border-color:rgba(226,188,96,.43);background:linear-gradient(90deg,rgba(216,173,85,.13),rgba(14,20,23,.40) 52%)}
.dashboard .dash-updates li b{justify-self:start;padding:4px 7px;border:1px solid rgba(109,230,169,.25);border-radius:999px;background:rgba(61,164,113,.10);color:#89e8b7;font-size:7.5px}
.dashboard .dash-updates li.featured b{border-color:rgba(232,194,99,.35);background:rgba(216,173,85,.11);color:#f0d27e}
.dashboard .dash-updates li span{color:#c9d1d6;font-size:11.3px}
.dashboard .dash-updates li em{position:absolute;top:50%;right:11px;color:rgba(216,226,232,.20);font-size:16px;font-style:normal;font-weight:950;transform:translateY(-50%)}
.dashboard .dash-video{overflow:hidden;border:1px solid rgba(211,220,225,.18);border-radius:9px;box-shadow:0 12px 25px rgba(0,0,0,.24)}
.dashboard .dash-video iframe{display:block;aspect-ratio:16/9;width:100%;height:auto}
.dashboard .dash-start-panel{padding-bottom:13px}
.dashboard .dash-workflow{gap:6px}
.dashboard .dash-workflow div{grid-template-columns:32px minmax(0,1fr);min-height:48px;padding:8px 10px;background:rgba(10,16,19,.32)}
.dashboard .dash-workflow strong{display:grid;width:25px;height:25px;place-items:center;border:1px solid rgba(216,173,85,.34);border-radius:50%;color:#e3c36c;font-size:8px}
.dashboard .dash-workflow span{color:#aeb9c0;font-size:10px;line-height:1.35}
.dashboard .dash-workflow span b{color:#e5eaed}
@keyframes dashLivePulse{50%{opacity:.4;box-shadow:0 0 3px rgba(114,234,174,.3)}}
@media(max-width:980px){.dash-workspace-launch{grid-template-columns:1fr}.dashboard .dash-home-view{grid-template-columns:1fr}.dashboard .dash-home-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.dash-workspace-launch{padding:14px}.dash-global-search{height:46px}.dash-global-search kbd{display:none}.dashboard .dash-home-rail{grid-template-columns:1fr}.dashboard .dash-updates li{grid-template-columns:52px minmax(0,1fr)}.dashboard .dash-pill.dash-primary-pill.icon-pill{min-height:56px}}
@media(prefers-reduced-motion:reduce){.dashboard .dash-panel-kicker i{animation:none}.dashboard .dash-pill,.dashboard .dash-updates li,.dash-global-search{transition:none!important}}

/* Compact dashboard update spotlight */
.dash-global-search .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.dashboard .dash-workspace-launch{padding:14px 17px;grid-template-columns:minmax(280px,.72fr) minmax(440px,1.28fr);background:linear-gradient(108deg,rgba(216,173,85,.09),rgba(31,38,42,.88) 34%,rgba(13,19,22,.95));box-shadow:inset 2px 0 0 rgba(226,188,96,.62),0 12px 28px rgba(0,0,0,.16)}
.dashboard .dash-workspace-copy h2{font-size:17px}
.dashboard .dash-global-search{height:44px}
.dashboard .dash-update-controls{display:flex!important;align-items:center;gap:7px}
.dashboard .dash-update-controls button{display:grid;width:26px;height:26px;padding:0;place-items:center;border:1px solid rgba(203,214,220,.20);border-radius:6px;background:rgba(255,255,255,.035);color:#dce4e8;font:700 18px/1 Arial;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease}
.dashboard .dash-update-controls button:hover{border-color:rgba(229,191,99,.62);background:rgba(216,173,85,.11);color:#f3d786}
.dashboard .dash-update-controls span{font-size:9px}
.dashboard .dash-update-controls b{color:#e6c469}
.dashboard .dash-updates-panel{min-height:0;overflow:hidden;padding:0;background:linear-gradient(145deg,rgba(255,255,255,.055),transparent 38%),rgba(19,25,29,.90)}
.dashboard .dash-updates-panel>.dash-panel-head{min-height:55px;margin:0;padding:11px 15px;align-items:center;border-bottom:1px solid rgba(204,214,220,.13)}
.dashboard .dash-update-stage{position:relative;min-height:158px;padding:16px 16px 10px}
.dashboard .dash-updates{display:block;margin:0;padding:0;list-style:none}
.dashboard .dash-updates li{display:none;min-height:116px;padding:0;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:18px;border:0;background:transparent;transform:none}
.dashboard .dash-updates li:hover{border:0;background:transparent;transform:none}
.dashboard .dash-updates li.is-active{display:grid;animation:dashUpdateReveal .46s ease both}
.dashboard .dash-updates li>em{position:static;color:rgba(231,195,105,.18);font-size:54px;font-style:normal;font-weight:950;line-height:1;letter-spacing:-.06em;transform:none}
.dashboard .dash-updates li>div{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:7px}
.dashboard .dash-updates li b{padding:4px 7px;border:1px solid rgba(105,232,170,.25);border-radius:999px;background:rgba(57,167,113,.10);color:#7de8b2;font-size:7.5px;letter-spacing:.08em}
.dashboard .dash-updates li strong{color:#f0f3f4;font-size:16px;line-height:1.32}
.dashboard .dash-updates li small{color:#85939b;font-size:10px}
.dashboard .dash-update-progress{height:2px;overflow:hidden;border-radius:2px;background:rgba(194,205,211,.10)}
.dashboard .dash-update-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#937020,#e7c76e)}
.dashboard .dash-update-progress i.is-running{animation:dashUpdateProgress 6.5s linear both}
.dashboard .dash-update-footer{display:flex;min-height:34px;padding:8px 15px;align-items:center;justify-content:space-between;border-top:1px solid rgba(204,214,220,.10);color:#78868e;font-size:8px;font-weight:850;letter-spacing:.05em}
.dashboard .dash-update-footer a{color:#d9bd70;text-decoration:none}
.dashboard .dash-update-footer a:hover{color:#fff0bd}
.dashboard .dash-home-rail{grid-template-rows:auto auto}
.dashboard .dash-guide,.dashboard .dash-start-panel{min-height:0}
@media(min-width:981px){.dashboard .dash-home-view{align-items:stretch}.dashboard .dash-updates-panel,.dashboard .dash-home-rail,.dashboard .dash-guide{height:100%}}
@keyframes dashUpdateReveal{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}
@keyframes dashUpdateProgress{to{width:100%}}
@media(max-width:980px){.dashboard .dash-workspace-launch{grid-template-columns:1fr}.dashboard .dash-home-rail{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}}
@media(max-width:620px){.dashboard .dash-home-rail{grid-template-columns:1fr}.dashboard .dash-updates li{grid-template-columns:48px minmax(0,1fr);gap:10px}.dashboard .dash-updates li>em{font-size:38px}.dashboard .dash-updates li strong{font-size:13px}.dashboard .dash-update-stage{min-height:150px;padding:12px}.dashboard .dash-update-footer{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.dashboard .dash-updates li.is-active,.dashboard .dash-update-progress i.is-running{animation:none!important}}

/* Public homepage product presentation */
.public-home-page .dashboard-shell{display:grid;gap:18px;max-width:1320px}
.public-home-page .demo-hero{position:relative;overflow:hidden;padding:28px 30px;border-color:rgba(221,181,84,.42);background:radial-gradient(circle at 84% 20%,rgba(216,173,85,.15),transparent 28%),linear-gradient(135deg,rgba(54,63,68,.94),rgba(11,16,19,.94) 70%)}
.public-home-page .demo-hero:after{content:"";position:absolute;right:-45px;bottom:-90px;width:300px;height:300px;border:1px solid rgba(216,173,85,.10);border-radius:50%;box-shadow:0 0 0 35px rgba(216,173,85,.025),0 0 0 75px rgba(216,173,85,.02);pointer-events:none}
.public-home-page .dash-welcome{position:relative;z-index:1;max-width:760px}
.public-home-page .dash-welcome h1{max-width:760px;font-size:clamp(34px,4.2vw,58px);line-height:1.02;letter-spacing:-.025em}
.public-home-page .dash-account-note{max-width:740px;font-size:14px;line-height:1.55}
.public-home-page .home-primary-action{border-color:#f0cf77;background:linear-gradient(180deg,#e0be62,#9e7624);color:#101518;box-shadow:inset 0 1px rgba(255,255,255,.38),0 10px 26px rgba(0,0,0,.28),0 0 24px rgba(216,173,85,.13)}
.public-home-page .home-primary-action:hover{background:linear-gradient(180deg,#efd27e,#b2872c);color:#080b0c}
.home-trust-line{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px;color:#c7d0d6;font-size:10px;font-weight:850;text-transform:uppercase}.home-trust-line span{display:flex;align-items:center;gap:6px}.home-trust-line span:before{content:"";width:7px;height:7px;border-radius:50%;background:#80edb0;box-shadow:0 0 10px rgba(128,237,176,.42)}
.home-section{padding:20px;border:1px solid rgba(209,216,222,.24);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.06),transparent 34%),rgba(20,27,31,.82);box-shadow:inset 0 1px rgba(255,255,255,.08),0 16px 34px rgba(0,0,0,.25)}
.home-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:6px 0 12px}.home-section-heading h2{margin:3px 0 0;color:#f2f5f7;font-size:clamp(20px,2.2vw,29px);line-height:1.15}.home-section-heading>p{max-width:520px;margin:0;color:#aeb9c1;font-size:12px;line-height:1.45;text-align:right}.home-section-heading>a{color:#e4c26c;font-size:11px;font-weight:900;text-decoration:none;text-transform:uppercase}.home-section-date{color:#abb6be;font-size:10px;font-weight:850;text-transform:uppercase}
.home-latest-section{border-color:rgba(216,173,85,.32)}.home-latest-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:10px}.home-latest-card{display:grid;align-content:start;gap:7px;min-height:116px;padding:15px;border:1px solid rgba(209,216,222,.18);border-radius:11px;background:rgba(8,13,16,.48)}.home-latest-card>span{color:#aeb8bf;font-size:9px;font-weight:950;letter-spacing:.07em;text-transform:uppercase}.home-latest-card>strong{color:#edf1f3;font-size:13px;line-height:1.35}.home-latest-card>small{color:#98a5ad;font-size:10.5px;line-height:1.4}.home-latest-card.featured{border-color:rgba(216,173,85,.55);background:linear-gradient(135deg,rgba(216,173,85,.18),rgba(12,17,20,.65))}.home-latest-card.featured>span,.home-latest-card.featured>strong{color:#ffe6a6}
.home-metrics-heading{margin-top:2px}.public-home-page .home-overview-card{position:relative;overflow:hidden;min-height:142px;padding:18px;background:linear-gradient(145deg,rgba(255,255,255,.07),transparent 45%),rgba(19,26,30,.88);transition:transform .18s ease,border-color .18s ease}.public-home-page .home-overview-card:hover{transform:translateY(-2px);border-color:rgba(216,173,85,.5)}.public-home-page .home-overview-card strong{font-size:34px;color:#f4d477}.public-home-page .home-overview-card p{font-size:11px;line-height:1.5}
.home-operation-section{padding:22px;border:1px solid rgba(220,177,76,.26);border-radius:14px;background:linear-gradient(145deg,rgba(43,51,56,.76),rgba(9,15,18,.9));box-shadow:0 16px 36px rgba(0,0,0,.18)}
.home-operation-heading{align-items:center;margin:0 0 16px}.home-operation-heading>div>p{max-width:620px;margin:7px 0 0;color:#9da9b1;font-size:12px;line-height:1.45}.home-operation-main-btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:42px;padding:0 17px;border-color:#d5aa42!important;background:linear-gradient(180deg,#5f522c,#282512)!important;color:#fff1bd!important;box-shadow:0 8px 22px rgba(0,0,0,.25)}
.home-operation-grid{gap:12px}.public-home-page .home-operation-card{display:flex;position:relative;min-height:190px;flex-direction:column;padding:20px;border-color:#3a464d;background:linear-gradient(155deg,rgba(57,66,72,.35),rgba(10,16,19,.94) 55%)}.public-home-page .home-operation-card:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(#e0b348,transparent);opacity:.75}.public-home-page .home-operation-card>span{letter-spacing:.07em}.public-home-page .home-operation-card>strong{margin-top:6px}.public-home-page .home-operation-card>p{min-height:34px;margin-bottom:17px;color:#aeb8be}.home-operation-btn{display:flex!important;align-items:center;justify-content:space-between;width:100%;min-height:38px;margin-top:auto;padding:0 12px!important;border-color:#4a575f!important;background:linear-gradient(180deg,#333d43,#182126)!important;color:#f1f4f5!important;font-size:10px!important;text-decoration:none!important}.home-operation-btn:hover{border-color:#d7ac45!important;background:linear-gradient(180deg,#574a28,#282312)!important;color:#ffeab0!important}.home-operation-btn span,.home-operation-main-btn span{color:#e6bd54;font-size:16px}
@media(max-width:700px){.home-operation-main-btn{width:100%}.home-operation-section{padding:16px}.public-home-page .home-operation-card{min-height:170px}}
.home-family-grid{align-items:stretch}.home-family-grid>.dash-panel{padding:16px;border-color:rgba(216,173,85,.26)}.home-family-head{justify-content:flex-start!important;align-items:center!important;gap:11px}.home-family-head img{width:45px;height:45px;padding:6px;border:1px solid rgba(216,173,85,.30);border-radius:10px;background:#0b1114;object-fit:contain}.home-family-head div{display:grid;gap:3px}.home-family-head h2{margin:0}.home-family-head span{font-size:9px!important}
.home-audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.home-audience-grid article{display:flex;gap:13px;min-height:112px;padding:15px;border:1px solid rgba(209,216,222,.18);border-radius:11px;background:rgba(8,13,16,.48)}.home-audience-grid article>span{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border:1px solid rgba(216,173,85,.45);border-radius:50%;color:#e5c56e;font:900 11px ui-monospace,monospace}.home-audience-grid strong{color:#eef2f4;font-size:13px}.home-audience-grid p{margin:6px 0 0;color:#aeb9c1;font-size:11px;line-height:1.5}
.home-information-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.home-information-grid>.dash-panel{padding:18px}.home-file-chip-grid{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.home-file-chip-grid span{padding:7px 10px;border:1px solid rgba(216,173,85,.30);border-radius:7px;background:rgba(216,173,85,.07);color:#e8d9ae;font-size:9px;font-weight:900;text-transform:uppercase}.home-file-types>small{color:#91a0a9;font-size:10px;line-height:1.45}.home-access-explained ol{display:grid;gap:8px;margin:0;padding:0;list-style:none}.home-access-explained li{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid rgba(209,216,222,.16);border-radius:8px;background:rgba(7,12,15,.38)}.home-access-explained li>b{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border-radius:50%;background:rgba(216,173,85,.16);color:#eccd78}.home-access-explained li>span{color:#aeb9c1;font-size:10.5px;line-height:1.4}.home-access-explained li strong{display:block;color:#edf1f3;font-size:11px}
.home-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.home-faq-grid details{padding:12px 14px;border:1px solid rgba(209,216,222,.18);border-radius:9px;background:rgba(7,12,15,.42)}.home-faq-grid summary{position:relative;padding-right:24px;color:#e7ecef;font-size:11px;font-weight:850;cursor:pointer;list-style:none}.home-faq-grid summary::-webkit-details-marker{display:none}.home-faq-grid summary:after{content:"+";position:absolute;right:0;top:-3px;color:#e4c26c;font-size:17px}.home-faq-grid details[open] summary:after{content:"–"}.home-faq-grid p{margin:10px 0 0;padding-top:9px;border-top:1px solid rgba(209,216,222,.12);color:#aab5bd;font-size:10.5px;line-height:1.55}
.home-final-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;border:1px solid rgba(216,173,85,.48);border-radius:14px;background:radial-gradient(circle at 10% 0,rgba(216,173,85,.18),transparent 36%),linear-gradient(135deg,#263036,#0c1215);box-shadow:0 18px 40px rgba(0,0,0,.30)}.home-final-cta h2{margin:5px 0;color:#f5f2e8;font-size:clamp(22px,2.5vw,32px)}.home-final-cta p{max-width:690px;margin:0;color:#b4bfc6;font-size:11px;line-height:1.5}.home-final-cta>div:last-child{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:310px}
@media(max-width:980px){.home-latest-grid{grid-template-columns:1fr 1fr}.home-latest-card.featured{grid-column:1/-1}.home-audience-grid{grid-template-columns:1fr}.home-information-grid{grid-template-columns:1fr}.home-final-cta{align-items:flex-start;flex-direction:column}.home-final-cta>div:last-child{justify-content:flex-start;min-width:0}}
@media(max-width:700px){.public-home-page .demo-hero{padding:20px}.public-home-page .dash-welcome h1{font-size:34px}.home-section-heading{align-items:flex-start;flex-direction:column;gap:7px}.home-section-heading>p{text-align:left}.home-latest-grid,.home-faq-grid{grid-template-columns:1fr}.home-latest-card.featured{grid-column:auto}.home-final-cta>div:last-child,.home-final-cta .app-btn{width:100%}.home-final-cta .app-btn{text-align:center}.home-trust-line{display:grid;grid-template-columns:1fr 1fr}}

/* Clone / Transfer category groups */
#premium_full.dash-module-panel {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 14px;
    border-color: rgba(224, 189, 77, .24);
    background: rgba(5, 10, 13, .42);
}

.dash-tool-category {
    --category-accent: #d9b849;
    --category-header: linear-gradient(90deg, #3b321c, #24251f 72%, #171d20);
    min-width: 0;
    padding: 14px;
    border: 1px solid rgba(199, 210, 217, .22);
    border-radius: 12px;
    background: rgba(7, 12, 15, .68);
    box-shadow: 0 7px 18px rgba(0, 0, 0, .16);
}

.dash-tool-category[data-clone-category="bcm_ccm"] {
    --category-accent: #d2ad3d;
    --category-header: linear-gradient(90deg, #43371d, #2b2a20 68%, #171d20);
}

.dash-tool-category[data-clone-category="ecu"] {
    --category-accent: #589bc3;
    --category-header: linear-gradient(90deg, #193a50, #20313b 68%, #171d20);
}

.dash-tool-category[data-clone-category="elv"] {
    --category-accent: #aa7cc3;
    --category-header: linear-gradient(90deg, #392347, #2d2935 68%, #171d20);
}

.dash-tool-category[data-clone-category="tcu"] {
    --category-accent: #51aaa0;
    --category-header: linear-gradient(90deg, #173e3b, #223432 68%, #171d20);
}

.dash-tool-category[hidden] {
    display: none !important;
}

.dash-tool-category-head {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    margin: -14px -14px 13px;
    padding: 11px 14px;
    border-bottom: 1px solid var(--category-accent);
    border-radius: 11px 11px 0 0;
    background: var(--category-header);
}

.dash-tool-category-icon {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border: 1px solid var(--category-accent);
    border-radius: 8px;
    background: rgba(7, 12, 15, .32);
}

.dash-tool-category-icon img {
    max-width: 27px;
    max-height: 24px;
    object-fit: contain;
    filter: drop-shadow(0 4px 7px rgba(0, 0, 0, .35));
}

.dash-tool-category-head > span:nth-child(2) {
    display: grid;
    gap: 2px;
}

.dash-tool-category-head strong {
    color: #ffffff;
    font-size: 13px;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.dash-tool-category-head small,
.dash-tool-category-head em {
    color: rgba(232, 239, 242, .72);
    font-size: 10px;
    font-style: normal;
}

.dash-tool-category-head em {
    padding: 4px 7px;
    border: 1px solid var(--category-accent);
    border-radius: 999px;
    white-space: nowrap;
}

.dash-tool-category-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(258px, 1fr));
    gap: 12px;
}

.dash-tool-category .dash-tool {
    min-height: 68px;
    padding: 10px 11px;
    border-color: rgba(220, 229, 234, .28);
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .025), transparent 52%),
        linear-gradient(180deg, rgba(67, 77, 84, .54), rgba(11, 16, 19, .78));
    box-shadow: 0 4px 11px rgba(0, 0, 0, .22);
}

.dash-tool-category .dash-tool strong {
    color: #fff;
    font-size: 13px;
    line-height: 1.2;
}

.dash-tool-category .dash-tool small {
    color: rgba(235, 241, 244, .76);
    font-size: 10.5px;
}

.dash-tool-category .dash-tool em {
    padding: 4px 7px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    background: rgba(4, 9, 11, .44);
    color: #f4f7f8;
    font-size: 9px;
}

.dash-tool-category .dash-tool.enabled:hover {
    border-color: rgba(224, 189, 77, .62);
    background:
        linear-gradient(90deg, rgba(224, 189, 77, .08), transparent 58%),
        linear-gradient(180deg, rgba(88, 98, 105, .7), rgba(13, 18, 21, .82));
    box-shadow: 0 8px 18px rgba(0, 0, 0, .3);
}

.dash-search-empty[hidden] {
    display: none !important;
}

.dash-module-panel.active .dash-tool-category .dash-tool {
    animation: dashCascade .4s cubic-bezier(.18, .72, .22, 1) both;
}

@media (max-width: 720px) {
    #premium_full.dash-module-panel {
        padding: 8px;
    }

    .dash-tool-category {
        padding: 10px;
    }

    .dash-tool-category-head {
        margin: -10px -10px 11px;
        padding: 10px;
    }

    .dash-tool-category-grid {
        grid-template-columns: 1fr;
    }

    .dash-tool-category-head {
        grid-template-columns: 32px minmax(0, 1fr);
    }

    .dash-tool-category-head em {
        display: none;
    }
}

.demo-info-pill > .dash-pill {
    width: 100%;
    height: 100%;
}

.demo-section-tooltip {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 10px);
    z-index: 35;
    display: none;
    width: min(420px, calc(100vw - 42px));
    padding: 12px 13px;
    border: 1px solid rgba(216,173,85,.58);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(216,173,85,.15), rgba(255,255,255,.055) 38%, rgba(9,13,16,.96)),
        rgba(11, 16, 20, .98);
    box-shadow: 0 22px 58px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.1);
    color: #f4f0df;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.45;
    letter-spacing: 0;
    text-align: left;
    text-transform: none;
    white-space: normal;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, 6px);
    transition: opacity .18s ease, transform .18s ease;
}

.demo-section-tooltip::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    width: 10px;
    height: 10px;
    border-right: 1px solid rgba(216,173,85,.58);
    border-bottom: 1px solid rgba(216,173,85,.58);
    background: rgba(12,17,20,.98);
    transform: translate(-50%, -5px) rotate(45deg);
}

.demo-info-pill:hover .demo-section-tooltip,
.demo-info-pill:focus-within .demo-section-tooltip {
    display: block;
    opacity: 1;
    transform: translate(-50%, 0);
}

.demo-tool-preview {
    width: 100%;
    border: 1px solid rgba(205,216,224,.2);
    cursor: pointer;
    text-align: left;
}

.demo-tool-preview:hover {
    border-color: rgba(196,159,70,.55);
}

.demo-access-note {
    display: grid;
    gap: 10px;
    color: rgba(230,237,242,.72);
    font-size: 12px;
}

.demo-access-note strong {
    color: #f4f7f9;
    font-size: 14px;
}

.demo-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 80;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: rgba(0,0,0,.62);
    backdrop-filter: blur(10px);
}

.demo-modal-backdrop.active {
    display: flex;
}

.demo-modal-card {
    position: relative;
    width: min(480px, calc(100vw - 36px));
    padding: 18px;
    border: 1px solid rgba(196,159,70,.46);
    border-radius: 10px;
    background:
        linear-gradient(135deg, rgba(196,159,70,.14), transparent 38%),
        rgba(16, 22, 26, .96);
    box-shadow: 0 28px 90px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.08);
}

.demo-modal-card h2 {
    margin: 6px 0 8px;
    color: #f4f7f9;
    font-size: 24px;
    line-height: 1.05;
}

.demo-modal-card p {
    margin: 0 0 14px;
    color: rgba(230,237,242,.74);
    font-size: 13px;
    line-height: 1.5;
}

.public-home-page .dashboard-shell {
    gap: 14px;
}

.home-overview-grid,
.home-detail-layout,
.home-process-grid {
    display: grid;
    gap: 12px;
}

.home-overview-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.home-overview-card {
    display: grid;
    gap: 7px;
    min-height: 118px;
    padding: 15px;
    border: 1px solid rgba(192, 203, 211, .24);
    border-radius: 12px;
    background:
        linear-gradient(135deg, rgba(216, 173, 85, .13), rgba(255,255,255,.035) 42%, rgba(0,0,0,.26)),
        linear-gradient(180deg, rgba(31,39,44,.88), rgba(14,19,22,.9));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 14px 34px rgba(0,0,0,.22);
}

.home-overview-card span,
.home-chip-grid span,
.home-capability-list span {
    color: rgba(231, 237, 241, .72);
    font-size: 11px;
    font-weight: 900;
    line-height: 1.25;
    text-transform: uppercase;
}

.home-overview-card strong {
    color: #f5f7f9;
    font-size: 28px;
    line-height: 1;
}

.home-overview-card p,
.home-detail-lead {
    margin: 0;
    color: rgba(229, 237, 242, .76);
    font-size: 12.5px;
    font-weight: 800;
    line-height: 1.45;
}

.home-detail-layout {
    grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr);
}

.home-detail-panel {
    min-height: 100%;
}

.home-chip-grid,
.home-capability-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.home-chip-grid {
    margin-top: 13px;
}

.home-chip-grid span,
.home-capability-list span {
    padding: 7px 9px;
    border: 1px solid rgba(196, 159, 70, .32);
    border-radius: 8px;
    background: rgba(9, 14, 17, .46);
    color: #efe7c9;
}

.home-detail-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.home-step-list {
    display: grid;
    gap: 8px;
}

.home-step-list div {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    min-height: 48px;
    padding: 10px;
    border: 1px solid rgba(205,216,224,.16);
    border-radius: 8px;
    background: rgba(7, 11, 14, .32);
}

.home-step-list b {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border: 1px solid rgba(196,159,70,.45);
    border-radius: 50%;
    background: rgba(216,173,85,.14);
    color: #f4ecd2;
    font-size: 12px;
    line-height: 1;
}

.home-step-list span {
    color: rgba(235, 241, 244, .8);
    font-size: 12.4px;
    font-weight: 800;
    line-height: 1.4;
}

.home-capability-band {
    display: grid;
    grid-template-columns: minmax(260px, .72fr) minmax(0, 1fr);
    gap: 18px;
    align-items: center;
    padding: 18px;
    border: 1px solid rgba(196,159,70,.28);
    border-radius: 12px;
    background:
        linear-gradient(135deg, rgba(196,159,70,.13), rgba(255,255,255,.035) 46%, rgba(0,0,0,.25)),
        linear-gradient(180deg, rgba(33,40,44,.88), rgba(12,17,20,.9));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 16px 40px rgba(0,0,0,.24);
}

.home-capability-band h2 {
    margin: 5px 0 0;
    color: #f4f7f9;
    font-size: clamp(20px, 1.9vw, 28px);
    line-height: 1.1;
}

.home-process-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 680px) {
    .demo-section-tooltip {
            left: 0;
            bottom: auto;
            top: calc(100% + 9px);
            width: min(310px, calc(100vw - 34px));
            transform: translateY(-4px);
        }
    
    .demo-section-tooltip::after {
            top: auto;
            bottom: 100%;
            left: 22px;
            transform: translateY(5px) rotate(225deg);
        }
    
    .demo-info-pill:hover .demo-section-tooltip,
        .demo-info-pill:focus-within .demo-section-tooltip {
            transform: translateY(0);
        }
}

@media (max-width: 1100px) {
    .home-overview-grid,
    .home-process-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
}

@media (max-width: 980px) {
    .dash-topbar,
        .dash-grid,
        .admin-grid {
            grid-template-columns: 1fr;
        }

    .home-detail-layout,
        .home-capability-band {
            grid-template-columns: 1fr;
        }
    
    .dash-section-toolbar {
            align-items: flex-start;
            flex-direction: column;
        }
    
    .dash-module-search {
            grid-template-columns: 1fr;
            margin-left: 0;
            width: 100%;
        }
    
    .dash-section-note {
            text-align: left;
        }
}

@media (max-width: 560px) {
    .dash-topbar,
        .dash-panel,
        .dash-modules {
            padding: 12px;
        }

    .home-overview-grid,
        .home-process-grid {
            grid-template-columns: 1fr;
        }

    .home-overview-card,
        .home-capability-band {
            padding: 12px;
        }
    
    .dash-status-row,
        .dash-module-panel {
            grid-template-columns: 1fr;
        }
    
    .dash-nav-row.primary,
        .dash-nav-row.secondary {
            grid-template-columns: 1fr;
        }
    
    .dash-tool {
            grid-template-columns: 38px minmax(0, 1fr) auto;
        }
}

/* 2026-06-23 design scale pass */
.dashboard .app-main {
    width: min(1240px, calc(100vw - 34px)) !important;
}

.dashboard-shell {
    gap: 12px;
}

.dash-topbar,
.dash-panel,
.dash-modules {
    border-radius: 12px;
    background:
        linear-gradient(135deg, rgba(255,255,255,.09), rgba(255,255,255,.028) 42%, rgba(0,0,0,.24)),
        linear-gradient(180deg, rgba(37,45,50,.90), rgba(17,22,25,.86));
}

.dash-topbar {
    gap: 16px;
    padding: 16px 18px;
}

.dash-welcome h1 {
    font-size: clamp(25px, 2.35vw, 36px);
    line-height: 1.05;
}

.dash-account-note {
    max-width: 720px;
    font-size: 13px;
    line-height: 1.45;
}

.dash-status-row {
    grid-template-columns: repeat(4, minmax(88px, 1fr));
    gap: 10px;
}

.dash-status {
    min-width: 88px;
    min-height: 58px;
    padding: 10px 12px;
    border-radius: 10px;
}

.dash-status span,
.dash-panel-head span,
.dash-tool small {
    font-size: 11.5px;
}

.dash-status strong {
    margin-top: 5px;
    font-size: 13px;
}

.dash-quick {
    gap: 8px;
}

.dash-nav-row {
    gap: 9px;
}

.dash-pill,
.dash-tab {
    min-height: 32px;
    border-radius: 9px;
    font-size: 10.8px;
    line-height: 1.15;
}

.dash-pill {
    padding: 7px 11px;
}

.dash-pill.icon-pill {
    min-height: 54px;
    gap: 10px;
    padding: 9px 11px;
}

.dash-pill.icon-pill img {
    width: 38px;
    height: 30px;
}

.dash-pill.icon-pill .dash-pill-icons img {
    width: 34px;
    height: 30px;
}

.dash-pill.icon-pill .dash-pill-icons img + img {
    margin-left: -10px;
}

.dash-pill.dash-primary-pill.icon-pill {
    min-height: 48px;
    gap: 8px;
    padding: 7px 9px;
    font-size: 10.2px;
}

.dash-pill.dash-primary-pill.icon-pill img {
    width: 34px;
    height: 27px;
}

.dash-pill.dash-primary-pill.icon-pill .dash-pill-icons img {
    width: 31px;
    height: 27px;
}

.dash-pill.dash-primary-pill.icon-pill .dash-pill-icons img + img {
    margin-left: -9px;
}

.dash-grid {
    grid-template-columns: minmax(260px, .76fr) minmax(0, 1fr) minmax(260px, .76fr);
    gap: 12px;
}

.dash-panel,
.dash-modules {
    padding: 15px;
}

.dash-panel-head {
    margin-bottom: 13px;
}

.dash-panel-head h2 {
    font-size: 15.5px;
}

.dash-updates,
.dash-workflow {
    gap: 7px;
}

.dash-updates li,
.dash-workflow div {
    min-height: 36px;
    padding: 8px 10px;
    border-radius: 8px;
}

.dash-updates b,
.dash-workflow strong {
    font-size: 11.5px;
}

.dash-updates span,
.dash-workflow span {
    font-size: 11.8px;
    line-height: 1.35;
}

.dash-section-toolbar {
    gap: 12px;
    margin-bottom: 12px;
}

.dash-section-note {
    font-size: 12px;
    line-height: 1.45;
}

.dash-module-panel {
    grid-template-columns: repeat(auto-fill, minmax(258px, 1fr));
    gap: 12px;
    padding: 12px;
    border-radius: 10px;
}

#ecu_pwr.dash-module-panel,
#demo_ecu_pwr.dash-module-panel {
    grid-template-columns: repeat(auto-fit, minmax(258px, 340px));
    justify-content: center;
}

.dash-tool {
    grid-template-columns: 48px minmax(0, 1fr) auto;
    gap: 11px;
    min-height: 76px;
    padding: 12px;
    border-radius: 10px;
}

.dash-tool img {
    max-width: 44px;
    max-height: 36px;
}

.dash-tool strong {
    font-size: 13.5px;
    line-height: 1.2;
}

.dash-tool small {
    margin-top: 5px;
    line-height: 1.28;
}

.dash-tool em {
    font-size: 10.8px;
}

@media (max-width: 980px) {
    .dashboard .app-main {
            width: min(100% - 22px, 760px) !important;
        }
    
    .dash-topbar,
        .dash-grid {
            grid-template-columns: 1fr;
        }
    
    .dash-status-row {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    
    .dash-nav-row.primary,
        .dash-nav-row.secondary {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
}

@media (max-width: 620px) {
    .dashboard .app-main {
            width: calc(100vw - 16px) !important;
        }
    
    .dash-topbar,
        .dash-panel,
        .dash-modules {
            padding: 12px;
        }
    
    .dash-status-row,
        .dash-nav-row.primary,
        .dash-nav-row.secondary,
        .dash-module-panel {
            grid-template-columns: 1fr;
        }
    
    .dash-tool {
            grid-template-columns: 42px minmax(0, 1fr);
        }
    
    .dash-tool em {
            grid-column: 2;
            justify-self: start;
        }
}

/* Project typography refresh: technical, compact, and readable for tool-heavy pages. */
body.app-shell,
.app-main,
.tool-panel,
.module-card,
.dash-card,
.mini-card,
.form-grid,
.auth-copy,
.app-footer,
.app-user-text {
    font-family: var(--font-ui, "Bahnschrift", "Segoe UI Variable", "Segoe UI", Arial, sans-serif) !important;
}

.tool-panel,
.mini-card,
.module-card,
.dash-tool,
.form-grid,
.auth-copy,
.lead,
.muted {
    font-size: 15px;
}

.page-title,
.section-title,
.dashboard-title,
.hero-title,
.eyebrow,
.app-btn,
.mini-action,
.module-card h3,
.dash-card h2,
.bcm2-eeprom-head h1,
.bcm2-clone-subhead h2,
.admin-chip {
    font-family: var(--font-display, "Bahnschrift Condensed", "Bahnschrift", "Arial Narrow", Arial, sans-serif) !important;
    letter-spacing: 0;
}

.app-main,
.dashboard .app-main,
.shop-page .app-main,
.old-login-shared .app-main,
.register-page .app-main,
.premium-auth-page .app-main {
    min-width: 0;
}

.dash-topbar,
.dash-grid,
.dash-status-row,
.dash-nav-row,
.dash-module-panel,
.shop-products,
.shop-steps,
.shop-supported-grid,
.register-shell,
.register-mini-grid,
.old-login-main,
.admin-old-shell,
.access-plan-admin-grid,
.seasonal-admin-grid {
    min-width: 0;
}

.dash-tool,
.shop-product,
.register-form-card,
.old-login-page .login-card,
.admin-old-section,
.tool-panel,
.module-section {
    min-width: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 980px) {
    .app-main,
        .dashboard .app-main,
        .shop-page .app-main,
        .old-login-shared .app-main,
        .register-page .app-main,
        .premium-auth-page .app-main {
            width: min(100%, calc(100vw - 24px)) !important;
            margin-left: auto;
            margin-right: auto;
        }
    
    .dash-topbar,
        .dash-grid,
        .register-shell,
        .old-login-main,
        .shop-steps {
            grid-template-columns: 1fr !important;
        }
    
    .dash-status-row,
        .shop-products,
        .shop-supported-grid,
        .access-plan-admin-grid,
        .seasonal-admin-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        }
}

@media (max-width: 720px) {
    .app-main,
        .dashboard .app-main,
        .shop-page .app-main,
        .old-login-shared .app-main,
        .register-page .app-main,
        .premium-auth-page .app-main {
            width: min(100%, calc(100vw - 16px)) !important;
            margin-top: 8px;
            margin-bottom: 10px;
        }
    
    .dash-topbar,
        .dash-panel,
        .dash-modules,
        .renewal-card,
        .shop-panel,
        .shop-hero,
        .register-form-card,
        .old-login-page .login-card,
        .old-login-page .updates-card,
        .tool-panel,
        .module-section,
        .admin-old-section {
            padding-left: 12px !important;
            padding-right: 12px !important;
        }
    
    .dash-status-row,
        .dash-nav-row.primary,
        .dash-nav-row.secondary,
        .dash-nav-row.utility,
        .dash-module-panel,
        .shop-products,
        .shop-steps,
        .shop-payment-strip,
        .shop-supported-grid,
        .register-mini-grid,
        .access-plan-admin-grid,
        .seasonal-admin-grid,
        .login-proof-grid {
            grid-template-columns: 1fr !important;
            width: 100%;
        }
    
    .dash-status-row {
            gap: 8px;
        }
    
    .dash-pill,
        .dash-tab,
        .app-btn,
        button.app-btn,
        .shop-buy,
        .renewal-pay-btn,
        .mini-auth-btn,
        .register-action-btn {
            min-height: 44px;
            width: 100%;
            justify-content: center;
            text-align: center;
            white-space: normal;
            overflow-wrap: anywhere;
        }
    
    .dash-tool {
            grid-template-columns: 46px minmax(0, 1fr) !important;
            width: 100%;
            min-width: 0;
        }
    
    .dash-tool img {
            width: 42px;
            height: 42px;
        }
    
    .dash-tool strong,
        .dash-tool small,
        .dash-tool em,
        .shop-product h3,
        .shop-product p,
        .register-form-head,
        .old-login-page .form-foot {
            overflow-wrap: anywhere;
            word-break: normal;
        }
}

@media (max-width: 480px) {
    .app-main,
        .dashboard .app-main,
        .shop-page .app-main,
        .old-login-shared .app-main,
        .register-page .app-main,
        .premium-auth-page .app-main {
            width: min(100%, calc(100vw - 10px)) !important;
        }
    
    .dash-topbar,
        .dash-panel,
        .dash-modules,
        .renewal-card,
        .shop-panel,
        .shop-hero,
        .register-form-card,
        .old-login-page .login-card,
        .tool-panel,
        .module-section,
        .admin-old-section {
            padding-left: 9px !important;
            padding-right: 9px !important;
        }
    
    .dash-tool {
            grid-template-columns: 40px minmax(0, 1fr) !important;
            gap: 8px;
        }
    
    .dash-tool img {
            width: 36px;
            height: 36px;
        }
}

/* Final cascade for the refined workspace navigation and module cards. */
.dashboard .old-dashboard-nav{gap:12px;padding:14px!important;border:1px solid rgba(231,184,91,.18);border-radius:14px;background:linear-gradient(145deg,rgba(20,28,32,.94),rgba(7,13,16,.94));box-shadow:inset 0 1px rgba(255,255,255,.055),0 15px 34px rgba(0,0,0,.2)}
.dashboard .dash-nav-row.primary{gap:12px}.dashboard .dash-pill.dash-primary-pill.icon-pill{isolation:isolate;min-height:76px;gap:12px;padding:11px 16px;overflow:hidden;border-color:rgba(155,168,174,.28)!important;border-radius:12px;background:radial-gradient(circle at 8% 45%,rgba(218,180,75,.12),transparent 42%),linear-gradient(145deg,#202a2e,#10171a 70%)!important;box-shadow:inset 0 1px rgba(255,255,255,.075),0 8px 18px rgba(0,0,0,.16)!important}
.dashboard .dash-pill.dash-primary-pill.icon-pill:hover,.dashboard .dash-pill.dash-primary-pill.icon-pill.active{border-color:rgba(229,193,91,.7)!important;transform:translateY(-4px);box-shadow:inset 0 -3px #d9b746,0 17px 29px rgba(0,0,0,.3),0 0 20px rgba(218,180,75,.08)!important}.dashboard .dash-pill.dash-primary-pill.icon-pill .dash-pill-icons{display:grid;place-items:center;width:60px;height:50px;flex:0 0 60px;border:1px solid rgba(217,183,70,.26);border-radius:10px;background:rgba(4,10,12,.58)}.dashboard .dash-pill.dash-primary-pill.icon-pill .dash-pill-icons img{width:50px;height:42px}.dashboard .dash-pill.dash-primary-pill.icon-pill>span:last-child{font-size:.78rem;letter-spacing:.025em;text-align:left}
.dashboard .dash-nav-row.secondary{grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.dashboard .dash-nav-row.secondary .dash-pill{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 12px;justify-content:stretch;gap:9px;min-height:64px;padding:8px 10px;overflow:hidden;border-color:rgba(133,148,155,.24)!important;border-radius:11px;background:linear-gradient(150deg,rgba(40,50,55,.86),rgba(12,18,21,.94))!important;color:#e6edef;box-shadow:inset 0 1px rgba(255,255,255,.055)}.dashboard .dash-nav-row.secondary .dash-pill:hover,.dashboard .dash-nav-row.secondary .dash-pill.active{border-color:rgba(222,185,68,.64)!important;background:linear-gradient(150deg,rgba(73,63,28,.52),rgba(12,18,21,.96))!important;color:#f6df8a;transform:translateY(-3px);box-shadow:inset 0 -2px #d9b746,0 12px 22px rgba(0,0,0,.25)!important}.dash-secondary-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(217,183,70,.22);border-radius:8px;background:#091013}.dash-secondary-icon img{display:block;max-width:32px;max-height:29px;object-fit:contain;filter:drop-shadow(0 5px 5px rgba(0,0,0,.45))}.dash-secondary-copy{display:grid;align-content:center;gap:3px;min-width:0;text-align:left}.dash-secondary-copy strong{overflow:hidden;font-size:.68rem;line-height:1.08;text-overflow:ellipsis}.dash-secondary-copy small{color:#77898f;font-size:.53rem;letter-spacing:.07em}.dashboard .dash-nav-row.secondary .dash-pill>i{color:#806f37;font-size:.85rem;font-style:normal}.dashboard .dash-nav-row.secondary .dash-pill:hover>i{color:#e1bf4f;transform:translateX(3px)}
.dashboard .dash-tool-category .dash-tool{isolation:isolate;position:relative;min-height:88px;padding:13px 14px;overflow:hidden;border-color:rgba(128,145,152,.26)!important;border-radius:11px;background:radial-gradient(circle at 7% 50%,rgba(105,124,130,.13),transparent 37%),linear-gradient(145deg,#20292d,#0d1417 76%);box-shadow:inset 0 1px rgba(255,255,255,.055),0 7px 16px rgba(0,0,0,.14)}.dashboard .dash-tool-category .dash-tool.enabled:hover{border-color:rgba(222,187,78,.62)!important;background:radial-gradient(circle at 8% 50%,rgba(203,166,58,.16),transparent 39%),linear-gradient(145deg,#273034,#0d1518 78%);transform:translateY(-4px);box-shadow:inset 0 -2px #d5b33f,0 15px 26px rgba(0,0,0,.28)!important}.dashboard .dash-tool-category .dash-tool img{max-width:52px;max-height:46px;filter:drop-shadow(0 8px 7px rgba(0,0,0,.42))}.dashboard .dash-tool-category .dash-tool.enabled:hover img{transform:scale(1.09) translateY(-2px);filter:drop-shadow(0 11px 8px rgba(0,0,0,.52)) brightness(1.08)}.dashboard .dash-tool-category .dash-tool strong{color:#edf3f4;font-size:.79rem;line-height:1.14}.dashboard .dash-tool-category .dash-tool small{margin-top:5px;color:#8a9a9f;font-size:.63rem;line-height:1.3}.dashboard .dash-tool-category .dash-tool em{z-index:1;padding:5px 8px;border-color:rgba(124,143,150,.36);background:rgba(5,11,14,.62);font-size:.55rem;letter-spacing:.06em}.dashboard .dash-tool-category .dash-tool.enabled:hover em{border-color:#a88d35;color:#f1cf5c}
@media(max-width:1180px){.dashboard .dash-nav-row.secondary{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:720px){.dashboard .old-dashboard-nav{padding:10px!important}.dashboard .dash-nav-row.primary,.dashboard .dash-nav-row.secondary{grid-template-columns:1fr 1fr!important}.dashboard .dash-pill.dash-primary-pill.icon-pill,.dashboard .dash-nav-row.secondary .dash-pill{width:100%}}
@media(max-width:460px){.dashboard .dash-nav-row.primary,.dashboard .dash-nav-row.secondary{grid-template-columns:1fr!important}}

/* Alignment pass based on the rendered desktop dashboard. */
.dashboard .dash-pill.dash-primary-pill.icon-pill{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;justify-content:stretch}
.dashboard .dash-pill.dash-primary-pill.icon-pill .dash-pill-icons{position:relative;display:flex;align-items:center;justify-content:center;width:64px;height:52px;overflow:hidden}
.dashboard .dash-pill.dash-primary-pill.icon-pill .dash-pill-icons img{position:static;width:46px;height:40px;min-width:0;margin:0!important;object-fit:contain}
.dashboard .dash-pill.dash-primary-pill.icon-pill .dash-pill-icons img+img{margin-left:-18px!important}
.dashboard .dash-pill.dash-primary-pill.icon-pill>span:last-child{display:block;align-self:center;overflow:visible;line-height:1.12;white-space:normal;overflow-wrap:normal;word-break:normal}
.dashboard .dash-nav-row.secondary .dash-pill{grid-template-columns:40px minmax(0,1fr);align-items:center;min-width:0;padding:9px 11px}
.dashboard .dash-nav-row.secondary .dash-pill>i{display:none}
.dashboard .dash-nav-row.secondary .dash-secondary-copy{align-self:stretch;justify-content:center;overflow:visible}
.dashboard .dash-nav-row.secondary .dash-secondary-copy strong{display:block;overflow:visible;color:#e8edef;font-size:.67rem;line-height:1.08;text-overflow:clip;white-space:normal;overflow-wrap:normal;word-break:normal}
.dashboard .dash-nav-row.secondary .dash-secondary-copy small{display:block;margin-top:1px;line-height:1;white-space:nowrap}
.dashboard .dash-nav-row.secondary .dash-secondary-icon{align-self:center}
@media(min-width:1181px){.dashboard .dash-nav-row.secondary{grid-template-columns:1.03fr 1.08fr .92fr 1.12fr .98fr .98fr .98fr}}
@media(max-width:720px){.dashboard .dash-pill.dash-primary-pill.icon-pill{grid-template-columns:58px minmax(0,1fr)}.dashboard .dash-pill.dash-primary-pill.icon-pill .dash-pill-icons{width:56px}.dashboard .dash-nav-row.secondary .dash-secondary-copy strong{font-size:.7rem}}

/* Dashboard update artwork and equal-height lower panels. */
@media(min-width:981px){.dashboard .dash-home-view{align-items:stretch!important}.dashboard .dash-home-view>.dash-updates-panel,.dashboard .dash-home-view>.dash-home-rail{align-self:stretch;height:auto!important}.dashboard .dash-home-rail{display:flex;height:auto!important}.dashboard .dash-home-rail>.dash-guide{display:flex;height:auto!important;min-height:100%;flex:1;flex-direction:column}.dashboard .dash-guide .dash-video{display:flex;flex:1;align-items:center}.dashboard .dash-guide .dash-video iframe{width:100%}}
.dashboard .dash-updates li{grid-template-columns:78px minmax(0,1fr) minmax(112px,168px);gap:18px}
.dashboard .dash-update-icons{position:relative;display:flex;width:100%;height:94px;align-items:center;justify-content:center;justify-self:end}
.dashboard .dash-update-icons::before{position:absolute;inset:9px 2px;border:1px solid rgba(215,181,62,.12);border-radius:50%;content:"";box-shadow:0 0 0 12px rgba(215,181,62,.025)}
.dashboard .dash-update-icons img{position:relative;z-index:1;display:block;width:min(108px,82%);height:82px;object-fit:contain;filter:drop-shadow(0 13px 10px rgba(0,0,0,.52));transition:transform .28s ease,filter .28s ease}
.dashboard .dash-update-icons img+img{width:88px;margin-left:-42px;transform:translate(10px,13px)}
.dashboard .dash-updates li:hover .dash-update-icons img:first-child{transform:translateY(-3px) scale(1.04);filter:drop-shadow(0 16px 11px rgba(0,0,0,.6)) brightness(1.06)}
.dashboard .dash-updates li:hover .dash-update-icons img+img{transform:translate(12px,9px) scale(1.04)}
@media(max-width:760px){.dashboard .dash-updates li{grid-template-columns:48px minmax(0,1fr) 72px;gap:9px}.dashboard .dash-update-icons{height:68px}.dashboard .dash-update-icons::before{display:none}.dashboard .dash-update-icons img{width:68px;height:62px}.dashboard .dash-update-icons img+img{width:55px;margin-left:-31px}}
@media(max-width:520px){.dashboard .dash-updates li{grid-template-columns:42px minmax(0,1fr)}.dashboard .dash-update-icons{display:none}}

/* Use the Clone/Transfer CP equipment-card system in every module section. */
.dashboard .dash-module-panel{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:13px}
.dashboard .dash-module-panel>.dash-tool,.dashboard .dash-tool-category .dash-tool{isolation:isolate;position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:99px;padding:14px;overflow:hidden;border:1px solid rgba(128,145,152,.26)!important;border-radius:11px;background:radial-gradient(circle at 7% 50%,rgba(105,124,130,.13),transparent 37%),linear-gradient(145deg,#20292d,#0d1417 76%);box-shadow:inset 0 1px rgba(255,255,255,.055),0 7px 16px rgba(0,0,0,.14);transition:transform .24s cubic-bezier(.2,.8,.2,1),border-color .24s,box-shadow .24s,background .24s!important}
.dashboard .dash-module-panel>.dash-tool::after,.dashboard .dash-tool-category .dash-tool::after{position:absolute;z-index:-1;right:-24px;bottom:-42px;width:112px;height:112px;border:1px solid rgba(218,181,66,.08);border-radius:50%;content:"";box-shadow:0 0 0 18px rgba(218,181,66,.025);pointer-events:none}
.dashboard .dash-module-panel>.dash-tool.enabled:hover,.dashboard .dash-tool-category .dash-tool.enabled:hover{border-color:rgba(222,187,78,.62)!important;background:radial-gradient(circle at 8% 50%,rgba(203,166,58,.16),transparent 39%),linear-gradient(145deg,#273034,#0d1518 78%);transform:translateY(-4px);box-shadow:inset 0 -2px #d5b33f,0 15px 26px rgba(0,0,0,.28)!important}
.dashboard .dash-module-panel>.dash-tool img,.dashboard .dash-tool-category .dash-tool img{display:block;width:54px;height:50px;max-width:54px;max-height:50px;object-fit:contain;filter:drop-shadow(0 8px 7px rgba(0,0,0,.42));transition:transform .28s,filter .28s}
.dashboard .dash-module-panel>.dash-tool.enabled:hover img,.dashboard .dash-tool-category .dash-tool.enabled:hover img{transform:scale(1.09) translateY(-2px);filter:drop-shadow(0 11px 8px rgba(0,0,0,.52)) brightness(1.08)}
.dashboard .dash-module-panel>.dash-tool>span,.dashboard .dash-tool-category .dash-tool>span{display:grid;align-content:center;min-width:0}
.dashboard .dash-module-panel>.dash-tool strong,.dashboard .dash-tool-category .dash-tool strong{display:block;color:#edf3f4;font-size:.79rem;line-height:1.14;white-space:normal;overflow-wrap:normal;word-break:normal}
.dashboard .dash-module-panel>.dash-tool small,.dashboard .dash-tool-category .dash-tool small{display:block;margin-top:6px;color:#8a9a9f;font-size:.63rem;line-height:1.3;white-space:normal;overflow-wrap:normal;word-break:normal}
.dashboard .dash-module-panel>.dash-tool em,.dashboard .dash-tool-category .dash-tool em{z-index:1;align-self:center;justify-self:end;padding:5px 8px;border:1px solid rgba(124,143,150,.36);border-radius:999px;background:rgba(5,11,14,.62);font-size:.55rem;letter-spacing:.06em}
.dashboard .dash-module-panel>.dash-tool.enabled:hover em,.dashboard .dash-tool-category .dash-tool.enabled:hover em{border-color:#a88d35;color:#f1cf5c}
.dashboard .dash-module-panel>.dash-tool.locked,.dashboard .dash-tool-category .dash-tool.locked{border-color:rgba(124,137,143,.17)!important;background:linear-gradient(145deg,rgba(30,38,42,.78),rgba(11,17,20,.86));opacity:.72}
.dashboard .dash-module-panel>.dash-tool.locked em,.dashboard .dash-tool-category .dash-tool.locked em{border-color:rgba(166,105,105,.34);color:#cfa5a5}
@media(max-width:1250px){.dashboard .dash-module-panel{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.dashboard .dash-module-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.dashboard .dash-module-panel{grid-template-columns:1fr!important}.dashboard .dash-module-panel>.dash-tool,.dashboard .dash-tool-category .dash-tool{grid-template-columns:50px minmax(0,1fr) auto;min-height:88px;padding:12px}.dashboard .dash-module-panel>.dash-tool img,.dashboard .dash-tool-category .dash-tool img{width:46px;height:43px}}

/* Keep the public preview visually aligned with the secure dashboard. */
.demo-dashboard .dash-workspace-launch{margin-top:0}
.demo-dashboard .dash-nav-row.primary>.demo-info-pill,.demo-dashboard .dash-nav-row.secondary>.demo-info-pill{min-width:0}
.demo-dashboard .dash-nav-row.primary .dash-primary-pill{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;text-align:left}
.demo-dashboard #demoHome{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:stretch;gap:12px}
.demo-dashboard #demoHome>.dash-panel{height:100%}
.demo-dashboard #demoHome>.dash-panel:nth-child(3){grid-column:1/-1}
.demo-dashboard .demo-tool-preview{font-family:inherit}
.demo-dashboard .demo-tool-preview em{color:#d9bf73}
@media(max-width:980px){.demo-dashboard #demoHome{grid-template-columns:1fr}.demo-dashboard #demoHome>.dash-panel:nth-child(3){grid-column:auto}}

/* Compact dashboard family navigation. Category buttons use UI icons instead of ECU artwork. */
.dashboard .dash-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    pointer-events: none;
}

.dashboard .dash-family-icon {
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    place-items: center;
    border: 1px solid rgba(217, 183, 70, .34);
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(217, 183, 70, .16), rgba(5, 11, 14, .68));
    color: #e7c65f;
    box-shadow: inset 0 1px rgba(255, 255, 255, .07);
}

.dashboard .dash-family-icon svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.dashboard .dash-pill.dash-primary-pill.icon-pill {
    display: grid;
    min-height: 56px;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 9px;
    padding: 8px 11px;
}

.dashboard .dash-pill.dash-primary-pill.icon-pill > span:last-child {
    font-size: .7rem;
    line-height: 1.12;
}

.dashboard .dash-nav-row.secondary .dash-pill {
    display: grid;
    min-height: 52px;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 8px;
    padding: 7px 9px;
}

.dashboard .dash-nav-row.secondary .dash-family-icon {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
    border-radius: 7px;
}

.dashboard .dash-nav-row.secondary .dash-family-icon svg {
    width: 17px;
    height: 17px;
}

.dashboard .dash-nav-row.secondary .dash-secondary-copy {
    align-self: center;
}

@media (max-width: 720px) {
    .dashboard .dash-pill.dash-primary-pill.icon-pill,
    .dashboard .dash-nav-row.secondary .dash-pill {
        grid-template-columns: 34px minmax(0, 1fr);
        min-height: 52px;
    }
}

/* Responsive dashboard density.
   Laptop displays often report a short CSS viewport because of browser chrome and OS scaling. */
@media (min-width: 981px) and (max-height: 960px) {
    .dashboard .app-header {
        min-height: 54px !important;
        padding-block: 4px !important;
    }

    .dashboard .app-brand-main {
        height: 34px !important;
        max-width: 178px !important;
    }

    .dashboard .app-brand-partner {
        width: 34px !important;
        height: 34px !important;
        max-width: 34px !important;
    }

    .dashboard .app-role-badge,
    .dashboard .app-role-badge img {
        width: 34px;
        height: 38px;
    }

    .dashboard .app-user {
        min-width: 142px;
        padding: 4px 7px;
    }

    .dashboard .app-btn {
        min-height: 26px !important;
        padding: 5px 9px !important;
    }

    .dashboard .app-main {
        margin-top: 7px !important;
        margin-bottom: 10px !important;
    }

    .dashboard .dashboard-shell {
        gap: 8px;
    }

    .dashboard .dash-topbar {
        gap: 12px;
        padding: 10px 14px;
    }

    .dashboard .dash-welcome .eyebrow {
        margin-bottom: 3px !important;
        font-size: 8px !important;
    }

    .dashboard .dash-welcome h1 {
        font-size: clamp(23px, 2vw, 30px);
    }

    .dashboard .dash-account-note {
        margin-top: 6px;
        font-size: 10.5px;
        line-height: 1.3;
    }

    .dashboard .dash-status-row {
        gap: 7px;
    }

    .dashboard .dash-status {
        min-width: 78px;
        min-height: 48px;
        padding: 7px 10px;
        border-radius: 8px;
    }

    .dashboard .dash-status span {
        font-size: 9px;
    }

    .dashboard .dash-status strong {
        margin-top: 3px;
        font-size: 11px;
    }

    .dashboard .dash-workspace-launch {
        gap: 16px;
        padding: 9px 14px;
    }

    .dashboard .dash-workspace-copy span {
        font-size: 7px;
    }

    .dashboard .dash-workspace-copy h2 {
        margin-block: 2px;
        font-size: 15px;
    }

    .dashboard .dash-workspace-copy p {
        font-size: 9px;
    }

    .dashboard .dash-global-search {
        height: 38px;
    }

    .dashboard .dash-global-search input {
        font-size: 11px;
    }

    .dashboard .old-dashboard-nav {
        gap: 7px;
        padding: 9px !important;
        border-radius: 11px;
    }

    .dashboard .dash-nav-row.primary,
    .dashboard .dash-nav-row.secondary {
        gap: 7px;
    }

    .dashboard .dash-nav-row.secondary {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }

    .dashboard .dash-pill.dash-primary-pill.icon-pill {
        min-height: 46px;
        grid-template-columns: 30px minmax(0, 1fr);
        gap: 7px;
        padding: 6px 9px;
    }

    .dashboard .dash-pill.dash-primary-pill.icon-pill > span:last-child {
        font-size: .64rem;
    }

    .dashboard .dash-nav-row.secondary .dash-pill {
        min-height: 42px;
        grid-template-columns: 27px minmax(0, 1fr);
        gap: 6px;
        padding: 5px 7px;
    }

    .dashboard .dash-family-icon,
    .dashboard .dash-nav-row.secondary .dash-family-icon {
        width: 27px;
        height: 27px;
        flex-basis: 27px;
        border-radius: 6px;
    }

    .dashboard .dash-family-icon svg,
    .dashboard .dash-nav-row.secondary .dash-family-icon svg {
        width: 15px;
        height: 15px;
    }

    .dashboard .dash-secondary-copy strong {
        font-size: .59rem;
    }

    .dashboard .dash-secondary-copy small {
        font-size: .47rem;
    }

    .dashboard .dash-home-view {
        grid-template-columns: minmax(0, 1.52fr) minmax(260px, .48fr);
        gap: 8px;
    }

    .dashboard .dash-updates-panel > .dash-panel-head {
        min-height: 44px;
        padding: 8px 12px;
    }

    .dashboard .dash-panel-head h2 {
        font-size: 14px;
    }

    .dashboard .dash-panel-kicker {
        font-size: 7px;
    }

    .dashboard .dash-update-controls button {
        width: 23px;
        height: 23px;
        font-size: 15px;
    }

    .dashboard .dash-update-stage {
        min-height: 126px;
        padding: 10px 12px 6px;
    }

    .dashboard .dash-updates li {
        min-height: 96px;
        grid-template-columns: 58px minmax(0, 1fr) minmax(82px, 126px);
        gap: 12px;
    }

    .dashboard .dash-updates li > em {
        font-size: 42px;
    }

    .dashboard .dash-updates li > div {
        gap: 5px;
    }

    .dashboard .dash-updates li strong {
        font-size: 13px;
    }

    .dashboard .dash-updates li small {
        font-size: 8.5px;
    }

    .dashboard .dash-update-icons {
        height: 72px;
    }

    .dashboard .dash-update-icons img {
        height: 64px;
    }

    .dashboard .dash-update-icons img + img {
        width: 66px;
        margin-left: -34px;
    }

    .dashboard .dash-update-footer {
        min-height: 28px;
        padding: 5px 12px;
        font-size: 7px;
    }

    .dashboard .dash-guide {
        padding: 10px;
    }

    .dashboard .dash-guide .dash-panel-head {
        margin-bottom: 7px;
    }

    .dashboard .dash-video {
        box-shadow: 0 8px 18px rgba(0, 0, 0, .22);
    }
}

@media (min-width: 981px) and (max-height: 780px) {
    .dashboard .app-header {
        min-height: 48px !important;
    }

    .dashboard .app-main {
        margin-top: 5px !important;
    }

    .dashboard .dashboard-shell {
        gap: 6px;
    }

    .dashboard .dash-topbar {
        padding-block: 7px;
    }

    .dashboard .dash-account-note {
        margin-top: 3px;
    }

    .dashboard .dash-workspace-launch {
        padding-block: 7px;
    }

    .dashboard .old-dashboard-nav {
        padding: 7px !important;
    }

    .dashboard .dash-pill.dash-primary-pill.icon-pill {
        min-height: 42px;
    }

    .dashboard .dash-nav-row.secondary .dash-pill {
        min-height: 38px;
    }

    .dashboard .dash-update-stage {
        min-height: 112px;
        padding-block: 7px 4px;
    }

    .dashboard .dash-updates li {
        min-height: 88px;
    }
}

@media (min-width: 721px) and (max-width: 980px) {
    .dashboard .dash-nav-row.primary,
    .dashboard .dash-nav-row.secondary {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    .dashboard .old-dashboard-nav {
        padding: 10px !important;
    }
}

@media (min-width: 1600px) and (min-height: 1000px) {
    .dashboard .app-main {
        width: min(1440px, calc(100vw - 56px)) !important;
    }

    .dashboard .dash-home-view {
        grid-template-columns: minmax(0, 1.45fr) minmax(340px, .55fr);
    }
}

/* Dashboard dark-metal refinement.
   Graphite and brushed-steel surfaces carry the hierarchy; warm metal is reserved
   for the current selection and the few links that need deliberate emphasis. */
.dashboard {
    --dash-metal-0: #11181c;
    --dash-metal-1: #182126;
    --dash-metal-2: #222d33;
    --dash-metal-3: #2d3940;
    --dash-steel-line: rgba(164, 182, 191, .34);
    --dash-steel-soft: rgba(164, 182, 191, .18);
    --dash-steel-text: #aebdc5;
    --dash-cool-accent: #8fb9c8;
    --dash-warm-accent: #c9a84f;
    background:
        radial-gradient(circle at 24% 8%, rgba(128, 151, 161, .13), transparent 25%),
        linear-gradient(135deg, #202a30, #131b1f 50%, #0d1316) !important;
}

body.dashboard.app-shell::before {
    opacity: .42 !important;
    filter: grayscale(1) brightness(.78) !important;
}

body.dashboard.app-shell::after {
    opacity: .27 !important;
}

.dashboard #bg-canvas {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .018) 0 1px, transparent 1px 28px),
        radial-gradient(circle at var(--mx, 50%) var(--my, 20%), rgba(137, 169, 181, .08), transparent 24%),
        linear-gradient(135deg, #202a30, #131b1f 50%, #0d1316) !important;
}

.dashboard .app-header {
    border-bottom-color: rgba(141, 158, 167, .32) !important;
    background:
        linear-gradient(180deg, rgba(55, 65, 71, .96), rgba(29, 37, 42, .98) 58%, rgba(21, 28, 32, .99)) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .09), 0 8px 22px rgba(0, 0, 0, .22) !important;
}

.dashboard .app-header .app-btn:not(.danger) {
    border-color: rgba(151, 169, 178, .38) !important;
    background: linear-gradient(180deg, rgba(74, 86, 93, .86), rgba(35, 44, 49, .94)) !important;
    color: #edf2f4 !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .09), 0 3px 8px rgba(0, 0, 0, .16) !important;
}

.dashboard .app-header .app-btn:not(.danger):hover,
.dashboard .app-header .app-btn:not(.danger):focus-visible {
    border-color: rgba(151, 194, 209, .72) !important;
    background: linear-gradient(180deg, rgba(82, 101, 111, .94), rgba(38, 50, 56, .98)) !important;
    color: #fff !important;
    box-shadow: 0 0 0 2px rgba(143, 185, 200, .10), inset 0 1px rgba(255, 255, 255, .12) !important;
}

.dashboard .dash-topbar,
.dashboard .dash-panel,
.dashboard .dash-modules {
    border-color: rgba(164, 182, 191, .26) !important;
    border-radius: 10px !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .055), transparent 38%),
        linear-gradient(135deg, rgba(46, 57, 63, .97), rgba(28, 37, 42, .98) 48%, rgba(22, 30, 34, .99)) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .075), 0 8px 20px rgba(0, 0, 0, .14) !important;
}

.dashboard .dash-topbar {
    position: relative;
    overflow: hidden;
}

.dashboard .dash-topbar::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 2px;
    background: linear-gradient(180deg, #9ab8c3, #536b75 70%, transparent);
    content: "";
}

.dashboard .dash-welcome .eyebrow,
.dashboard .dash-workspace-copy > span,
.dashboard .dash-panel-kicker {
    color: #a9bdc6 !important;
}

.dashboard .dash-welcome h1::after {
    height: 1px;
    background: linear-gradient(90deg, rgba(190, 210, 218, .82), rgba(110, 157, 176, .58), transparent) !important;
    box-shadow: 0 0 10px rgba(126, 174, 192, .22) !important;
}

.dashboard .dash-account-note,
.dashboard .dash-workspace-copy p {
    color: #a7b5bc !important;
}

.dashboard .dash-status {
    border-color: rgba(160, 178, 187, .24) !important;
    border-radius: 7px !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .055), transparent 46%),
        rgba(40, 51, 57, .82) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .055) !important;
}

.dashboard .dash-status span {
    color: #9eafb7 !important;
}

.dashboard .dash-workspace-launch {
    border-color: rgba(154, 174, 184, .27) !important;
    border-radius: 10px !important;
    background:
        linear-gradient(108deg, rgba(109, 139, 151, .09), transparent 30%),
        linear-gradient(135deg, #2e393f, #222c31 48%, #1b2428) !important;
    box-shadow: inset 2px 0 #789aa8, inset 0 1px rgba(255, 255, 255, .065), 0 7px 18px rgba(0, 0, 0, .12) !important;
}

.dashboard .dash-global-search {
    border-color: rgba(151, 171, 181, .38) !important;
    background: linear-gradient(180deg, #172126, #10171b) !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .38), inset 0 1px rgba(255, 255, 255, .035) !important;
}

.dashboard .dash-global-search:focus-within {
    border-color: rgba(143, 190, 207, .80) !important;
    box-shadow: 0 0 0 3px rgba(123, 173, 191, .10), inset 0 1px 2px rgba(0, 0, 0, .32) !important;
}

.dashboard .dash-global-search i {
    border-color: #9bbfcd !important;
}

.dashboard .dash-global-search i::after {
    background: #9bbfcd !important;
}

.dashboard .dash-global-search input::placeholder {
    color: #7e8f97 !important;
}

.dashboard .dash-global-search kbd {
    border-color: rgba(155, 184, 196, .34) !important;
    background: rgba(125, 159, 172, .10) !important;
    color: #b8ccd4 !important;
}

.dashboard .old-dashboard-nav {
    gap: 8px !important;
    padding: 9px !important;
    border-color: rgba(151, 170, 179, .22) !important;
    border-radius: 10px !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .035), transparent 40%),
        linear-gradient(135deg, #263137, #1b252a 72%) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .055), 0 7px 18px rgba(0, 0, 0, .12) !important;
}

.dashboard .dash-pill.dash-primary-pill.icon-pill,
.dashboard .dash-nav-row.secondary .dash-pill {
    border-color: rgba(151, 170, 179, .27) !important;
    border-radius: 8px !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .05), transparent 42%),
        linear-gradient(145deg, #303c42, #222c31 72%) !important;
    color: #eef3f5 !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .065) !important;
}

.dashboard .dash-pill.dash-primary-pill.icon-pill::after {
    background: linear-gradient(90deg, transparent, #8cb4c3, transparent) !important;
}

.dashboard .dash-family-icon,
.dashboard .dash-nav-row.secondary .dash-family-icon {
    border-color: rgba(155, 184, 196, .29) !important;
    background: rgba(114, 151, 166, .09) !important;
    color: #b4ced8 !important;
    box-shadow: none !important;
}

.dashboard .dash-pill.dash-primary-pill.icon-pill:hover,
.dashboard .dash-nav-row.secondary .dash-pill:hover {
    border-color: rgba(150, 196, 212, .58) !important;
    background:
        linear-gradient(145deg, rgba(153, 194, 210, .12), transparent 42%),
        linear-gradient(145deg, #3b4b53, #222e34 74%) !important;
    color: #fff !important;
    box-shadow: inset 0 -1px #759dac, inset 0 1px rgba(255, 255, 255, .08), 0 7px 15px rgba(0, 0, 0, .16) !important;
    transform: translateY(-1px) !important;
}

.dashboard .dash-pill.dash-primary-pill.icon-pill.active,
.dashboard .dash-nav-row.secondary .dash-pill.active {
    border-color: rgba(205, 174, 91, .48) !important;
    background:
        linear-gradient(145deg, rgba(201, 168, 79, .14), transparent 44%),
        linear-gradient(145deg, #3b4140, #242b2b 74%) !important;
    color: #f4e5b5 !important;
    box-shadow: inset 0 -1px var(--dash-warm-accent), inset 0 1px rgba(255, 255, 255, .08) !important;
    transform: none !important;
}

.dashboard .dash-nav-row.secondary .dash-secondary-copy strong {
    color: #edf2f4 !important;
}

.dashboard .dash-nav-row.secondary .dash-secondary-copy small {
    color: #91a2aa !important;
}

.dashboard .dash-panel-head h2 {
    color: #f0f4f5 !important;
}

.dashboard .dash-panel-head > a,
.dashboard .dash-update-footer a {
    color: #cfba79 !important;
}

.dashboard .dash-panel-head > a:hover,
.dashboard .dash-update-footer a:hover {
    color: #f1dfac !important;
}

.dashboard .dash-updates-panel {
    display: flex;
    min-height: 0;
    flex-direction: column;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .05), transparent 40%),
        linear-gradient(135deg, #29343a, #182126 70%) !important;
}

.dashboard .dash-update-stage {
    display: flex;
    min-height: 0 !important;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
}

.dashboard .dash-update-stage .dash-updates {
    width: 100%;
}

.dashboard .dash-update-footer {
    margin-top: auto;
}

.dashboard .dash-updates-panel > .dash-panel-head,
.dashboard .dash-update-footer {
    border-color: rgba(151, 170, 179, .20) !important;
    background: rgba(12, 19, 23, .20);
}

.dashboard .dash-update-controls button {
    border-color: rgba(151, 172, 182, .34) !important;
    background: linear-gradient(180deg, rgba(85, 99, 106, .54), rgba(35, 44, 49, .64)) !important;
    color: #e2e9ec !important;
}

.dashboard .dash-update-controls button:hover {
    border-color: rgba(148, 194, 210, .72) !important;
    background: rgba(119, 160, 175, .16) !important;
    color: #fff !important;
}

.dashboard .dash-update-controls b,
.dashboard .dash-updates li > em {
    color: rgba(165, 190, 200, .38) !important;
}

.dashboard .dash-updates li b,
.dashboard .dash-updates li.featured b {
    border-color: rgba(101, 211, 161, .34) !important;
    background: rgba(55, 151, 103, .14) !important;
    color: #8de2b6 !important;
}

.dashboard .dash-update-progress {
    background: rgba(171, 190, 199, .12) !important;
}

.dashboard .dash-update-progress i {
    background: linear-gradient(90deg, #628b9a, #9fc2cf) !important;
}

.dashboard .dash-update-icons::before {
    border-color: rgba(150, 181, 192, .16) !important;
    box-shadow: 0 0 0 12px rgba(125, 164, 178, .03) !important;
}

.dashboard .dash-guide {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .065), transparent 42%),
        linear-gradient(135deg, #303b41, #1d272c 68%) !important;
}

.dashboard .dash-guide .dash-panel-head {
    padding-inline: 2px;
}

.dashboard .dash-video {
    border-color: rgba(154, 174, 184, .34) !important;
    box-shadow: 0 9px 20px rgba(0, 0, 0, .20) !important;
}

.dashboard .dash-modules .dash-pill,
.dashboard .dash-module-search input {
    border-color: rgba(151, 173, 183, .38) !important;
    background: linear-gradient(180deg, #303c42, #1d272c) !important;
    color: #edf2f4 !important;
}

.dashboard .dash-module-search {
    color: #aabac2 !important;
}

.dashboard .dash-module-search input:focus {
    border-color: rgba(143, 190, 207, .82) !important;
    box-shadow: 0 0 0 3px rgba(123, 173, 191, .10) !important;
}

.dashboard .dash-module-panel {
    border-color: rgba(151, 171, 181, .24) !important;
    background: rgba(12, 19, 23, .22) !important;
}

.dashboard .dash-module-panel > .dash-tool,
.dashboard .dash-tool-category .dash-tool {
    border-color: rgba(148, 168, 177, .32) !important;
    background:
        radial-gradient(circle at 7% 50%, rgba(128, 157, 168, .13), transparent 38%),
        linear-gradient(145deg, #303b41, #1b252a 76%) !important;
}

.dashboard .dash-module-panel > .dash-tool::after,
.dashboard .dash-tool-category .dash-tool::after {
    border-color: rgba(145, 178, 190, .10) !important;
    box-shadow: 0 0 0 18px rgba(133, 167, 179, .025) !important;
}

.dashboard .dash-module-panel > .dash-tool.enabled:hover,
.dashboard .dash-tool-category .dash-tool.enabled:hover {
    border-color: rgba(145, 191, 207, .72) !important;
    background:
        radial-gradient(circle at 8% 50%, rgba(138, 183, 199, .17), transparent 39%),
        linear-gradient(145deg, #39484f, #1e2a30 78%) !important;
    box-shadow: inset 0 -1px #7198a7, 0 9px 19px rgba(0, 0, 0, .19) !important;
    transform: translateY(-2px) !important;
}

.dashboard :is(.dash-pill, .dash-update-controls button, .dash-tool):focus-visible {
    outline: 2px solid rgba(159, 201, 216, .82);
    outline-offset: 2px;
}

/* Premium hero spacing and navigation hierarchy. */
.dashboard .dash-topbar {
    margin-top: 10px;
}

.dashboard .dash-welcome .eyebrow {
    display: inline-flex;
    width: max-content;
    align-items: center;
    gap: 7px;
    margin-bottom: 6px !important;
    color: #b8c8cf !important;
    font-size: 8px !important;
    font-weight: 850;
    letter-spacing: .16em;
    line-height: 1;
    text-transform: uppercase;
}

.dashboard .dash-welcome .eyebrow i {
    position: relative;
    display: block;
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border: 1px solid rgba(216, 190, 119, .72);
    background: linear-gradient(135deg, #dfc679, #826e37);
    box-shadow: 0 0 0 3px rgba(205, 174, 91, .07);
    transform: rotate(45deg);
}

.dashboard .dash-welcome h1 {
    letter-spacing: -.025em;
}

.dashboard .dash-account-note {
    letter-spacing: .01em;
}

body.dashboard:not(.demo-dashboard) .dash-pill.dash-primary-pill.icon-pill {
    grid-template-columns: 36px minmax(0, 1fr) 14px !important;
    gap: 10px !important;
    min-height: 48px !important;
    padding: 6px 10px !important;
    text-align: left;
    text-transform: none;
}

body.dashboard:not(.demo-dashboard) .dash-nav-row.secondary .dash-pill {
    grid-template-columns: 32px minmax(0, 1fr) 12px !important;
    gap: 8px !important;
    min-height: 44px !important;
    padding: 5px 9px !important;
    text-align: left;
    text-transform: none;
}

body.dashboard:not(.demo-dashboard) .dash-family-icon,
body.dashboard:not(.demo-dashboard) .dash-nav-row.secondary .dash-family-icon {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-color: rgba(161, 191, 202, .34) !important;
    background:
        linear-gradient(145deg, rgba(164, 199, 212, .14), transparent 48%),
        rgba(16, 26, 31, .58) !important;
}

body.dashboard:not(.demo-dashboard) .dash-family-icon {
    width: 36px !important;
    height: 36px !important;
    border-radius: 9px !important;
}

body.dashboard:not(.demo-dashboard) .dash-nav-row.secondary .dash-family-icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
}

body.dashboard:not(.demo-dashboard) .dash-family-icon::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    background: linear-gradient(145deg, rgba(255, 255, 255, .09), transparent 50%);
    content: "";
}

body.dashboard:not(.demo-dashboard) .dash-family-icon::after {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #aacbd6;
    box-shadow: 0 0 6px rgba(170, 203, 214, .62);
    content: "";
}

body.dashboard:not(.demo-dashboard) .dash-family-icon svg,
body.dashboard:not(.demo-dashboard) .dash-nav-row.secondary .dash-family-icon svg {
    width: 18px !important;
    height: 18px !important;
    color: #b8d3dd !important;
    stroke-width: 1.55;
    filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .42));
}

body.dashboard:not(.demo-dashboard) .dash-primary-copy,
body.dashboard:not(.demo-dashboard) .dash-secondary-copy {
    display: grid;
    min-width: 0;
    align-content: center;
    gap: 2px;
    text-align: left;
}

body.dashboard:not(.demo-dashboard) .dash-primary-copy small {
    display: block;
    overflow: hidden;
    color: #8fa2ab;
    font-size: 7px;
    font-weight: 850;
    letter-spacing: .13em;
    line-height: 1;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

body.dashboard:not(.demo-dashboard) .dash-primary-copy strong {
    display: block;
    overflow: hidden;
    color: #f1f5f6;
    font-size: 11px;
    font-weight: 780;
    letter-spacing: .015em;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.dashboard:not(.demo-dashboard) .dash-secondary-copy strong {
    color: #eef3f5 !important;
    font-size: 10px !important;
    font-weight: 760;
    letter-spacing: .01em;
    line-height: 1.08 !important;
}

body.dashboard:not(.demo-dashboard) .dash-secondary-copy small {
    margin: 0 !important;
    color: #879aa3 !important;
    font-size: 7px !important;
    font-weight: 800;
    letter-spacing: .10em;
    line-height: 1 !important;
    text-transform: uppercase;
}

body.dashboard:not(.demo-dashboard) .dash-button-arrow {
    display: grid;
    width: 12px;
    height: 22px;
    place-items: center;
    align-self: center;
    color: #71868f;
    font: 400 18px/1 Arial, sans-serif;
    transition: color .18s ease, transform .18s ease;
}

body.dashboard:not(.demo-dashboard) .dash-pill:hover .dash-button-arrow,
body.dashboard:not(.demo-dashboard) .dash-pill.active .dash-button-arrow,
body.dashboard:not(.demo-dashboard) .dash-pill:focus-visible .dash-button-arrow {
    color: #e4bf55;
    transform: translateX(2px);
}

body.dashboard:not(.demo-dashboard) .dash-nav-row .dash-pill:hover,
body.dashboard:not(.demo-dashboard) .dash-nav-row .dash-pill.active,
body.dashboard:not(.demo-dashboard) .dash-nav-row .dash-pill:focus-visible {
    border-color: rgba(213, 177, 71, .68) !important;
    background:
        radial-gradient(circle at 12% 50%, rgba(223, 190, 91, .13), transparent 42%),
        linear-gradient(145deg, #344047, #1b252a 78%) !important;
    box-shadow:
        inset 0 -2px #caa63f,
        inset 0 1px rgba(255, 255, 255, .075),
        0 8px 18px rgba(0, 0, 0, .24),
        0 0 16px rgba(205, 169, 60, .08) !important;
}

body.dashboard:not(.demo-dashboard) .dash-pill:hover .dash-family-icon,
body.dashboard:not(.demo-dashboard) .dash-pill.active .dash-family-icon,
body.dashboard:not(.demo-dashboard) .dash-pill:focus-visible .dash-family-icon {
    border-color: rgba(218, 181, 70, .72) !important;
    background:
        linear-gradient(145deg, rgba(229, 197, 99, .19), transparent 50%),
        rgba(32, 34, 27, .76) !important;
    box-shadow:
        inset 0 1px rgba(255, 243, 198, .10),
        0 0 12px rgba(213, 177, 71, .10);
}

body.dashboard:not(.demo-dashboard) .dash-pill:hover .dash-family-icon svg,
body.dashboard:not(.demo-dashboard) .dash-pill.active .dash-family-icon svg,
body.dashboard:not(.demo-dashboard) .dash-pill:focus-visible .dash-family-icon svg {
    color: #e5c45f !important;
}

body.dashboard:not(.demo-dashboard) .dash-pill:hover .dash-family-icon::after,
body.dashboard:not(.demo-dashboard) .dash-pill.active .dash-family-icon::after,
body.dashboard:not(.demo-dashboard) .dash-pill:focus-visible .dash-family-icon::after {
    background: #f1cf67;
    box-shadow: 0 0 7px rgba(241, 207, 103, .72);
}

body.dashboard:not(.demo-dashboard) .dash-pill:hover :is(.dash-primary-copy, .dash-secondary-copy) strong,
body.dashboard:not(.demo-dashboard) .dash-pill.active :is(.dash-primary-copy, .dash-secondary-copy) strong,
body.dashboard:not(.demo-dashboard) .dash-pill:focus-visible :is(.dash-primary-copy, .dash-secondary-copy) strong {
    color: #fff7dc !important;
}

body.dashboard:not(.demo-dashboard) .dash-pill:hover :is(.dash-primary-copy, .dash-secondary-copy) small,
body.dashboard:not(.demo-dashboard) .dash-pill.active :is(.dash-primary-copy, .dash-secondary-copy) small,
body.dashboard:not(.demo-dashboard) .dash-pill:focus-visible :is(.dash-primary-copy, .dash-secondary-copy) small {
    color: #d2b75f !important;
}

body.dashboard:not(.demo-dashboard) .dash-pill:focus-visible {
    outline: 2px solid rgba(225, 191, 87, .88) !important;
    outline-offset: 2px;
}

@media (max-width: 720px) {
    body.dashboard:not(.demo-dashboard) .dash-primary-copy strong,
    body.dashboard:not(.demo-dashboard) .dash-secondary-copy strong {
        white-space: normal;
    }
}

/* The public demo still uses equipment images in its family buttons. Keep their
   image column explicit so the compact dashboard rules cannot overlap labels. */
.demo-dashboard .dash-pill.dash-primary-pill.icon-pill {
    grid-template-columns: 52px minmax(0, 1fr) !important;
}

.demo-dashboard .dash-pill.dash-primary-pill.icon-pill .dash-pill-icons {
    width: 48px !important;
    height: 38px !important;
}

.demo-dashboard .dash-pill.dash-primary-pill.icon-pill .dash-pill-icons img {
    width: 42px !important;
    height: 34px !important;
}

.demo-dashboard .dash-nav-row.secondary .dash-pill {
    grid-template-columns: 34px minmax(0, 1fr) !important;
}

.demo-dashboard .dash-nav-row.secondary .dash-secondary-icon {
    width: 32px !important;
    height: 32px !important;
}

.dashboard .dash-module-panel > .dash-tool.enabled:hover strong,
.dashboard .dash-tool-category .dash-tool.enabled:hover strong,
.dashboard .dash-module-panel > .dash-tool.enabled:hover em,
.dashboard .dash-tool-category .dash-tool.enabled:hover em {
    color: #eaf6fa !important;
}

.dashboard .dash-module-panel > .dash-tool.enabled:hover em,
.dashboard .dash-tool-category .dash-tool.enabled:hover em {
    border-color: rgba(143, 190, 207, .58) !important;
}

.dashboard .dash-module-panel > .dash-tool.locked,
.dashboard .dash-tool-category .dash-tool.locked {
    border-color: rgba(126, 143, 151, .22) !important;
    background: linear-gradient(145deg, rgba(46, 56, 61, .82), rgba(23, 31, 35, .90)) !important;
}

@media (prefers-reduced-motion: reduce) {
    .dashboard .dash-pill.dash-primary-pill.icon-pill,
    .dashboard .dash-nav-row.secondary .dash-pill,
    .dashboard .dash-module-panel > .dash-tool,
    .dashboard .dash-tool-category .dash-tool {
        transition: none !important;
    }
}

/* Equipment-led category navigation and illuminated card signature. */
body.dashboard:not(.demo-dashboard) .dash-nav-row.primary {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

body.dashboard:not(.demo-dashboard) .dash-nav-row.secondary {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

body.dashboard:not(.demo-dashboard) .dash-pill.dash-primary-pill.icon-pill {
    grid-template-columns: 50px minmax(0, 1fr) 12px !important;
    min-height: 56px !important;
}

body.dashboard:not(.demo-dashboard) .dash-nav-row.secondary .dash-pill {
    grid-template-columns: 40px minmax(0, 1fr) 12px !important;
    min-height: 48px !important;
}

body.dashboard:not(.demo-dashboard) .dash-family-art {
    position: relative;
    display: flex;
    width: 50px;
    height: 40px;
    align-items: center;
    justify-content: center;
    overflow: visible;
    background: transparent;
    border: 0;
    filter: none;
}

body.dashboard:not(.demo-dashboard) .dash-nav-row.secondary .dash-family-art {
    width: 40px;
    height: 34px;
}

body.dashboard:not(.demo-dashboard) .dash-family-art img {
    display: block;
    width: auto;
    max-width: 46px;
    height: auto;
    max-height: 36px;
    object-fit: contain;
    filter: drop-shadow(0 6px 5px rgba(0, 0, 0, .50));
    transition: filter .20s ease, transform .20s ease;
}

body.dashboard:not(.demo-dashboard) .dash-nav-row.secondary .dash-family-art img {
    max-width: 37px;
    max-height: 30px;
}

body.dashboard:not(.demo-dashboard) .dash-family-art img + img {
    margin-left: -22px;
    transform: translate(9px, 5px) scale(.82);
}

body.dashboard:not(.demo-dashboard) .dash-family-art:has(img + img) img {
    max-width: 35px;
    max-height: 29px;
}

body.dashboard:not(.demo-dashboard) .dash-family-art:has(img + img) img + img {
    margin-left: -14px;
    transform: translate(2px, 5px) scale(.84);
}

body.dashboard:not(.demo-dashboard) .dash-pill:hover .dash-family-art img,
body.dashboard:not(.demo-dashboard) .dash-pill.active .dash-family-art img,
body.dashboard:not(.demo-dashboard) .dash-pill:focus-visible .dash-family-art img {
    filter: drop-shadow(0 8px 6px rgba(0, 0, 0, .55)) drop-shadow(0 0 7px rgba(221, 186, 76, .20)) brightness(1.08);
    transform: translateY(-1px) scale(1.04);
}

body.dashboard:not(.demo-dashboard) .dash-pill:hover .dash-family-art img + img,
body.dashboard:not(.demo-dashboard) .dash-pill.active .dash-family-art img + img,
body.dashboard:not(.demo-dashboard) .dash-pill:focus-visible .dash-family-art img + img {
    transform: translate(2px, 3px) scale(.88);
}

body.dashboard:not(.demo-dashboard) .dash-primary-copy strong {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
}

.dashboard .dash-welcome h1::after {
    width: min(540px, 52vw) !important;
    height: 2px !important;
    margin-top: 10px !important;
    background: linear-gradient(90deg, #d4af48 0, rgba(183, 216, 227, .98) 18%, rgba(116, 180, 202, .82) 62%, transparent 100%) !important;
    box-shadow: 0 0 7px rgba(151, 205, 224, .62), 0 0 17px rgba(208, 174, 69, .18) !important;
}

body.dashboard:not(.demo-dashboard) .dash-nav-row .dash-pill {
    position: relative;
    overflow: hidden;
}

body.dashboard:not(.demo-dashboard) .dash-nav-row .dash-pill::after {
    position: absolute;
    right: 10px;
    bottom: 0;
    left: 10px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, #d2ad45 0, #9bc8d7 38%, rgba(126, 174, 191, .36) 72%, transparent 100%) !important;
    box-shadow: 0 0 7px rgba(139, 195, 215, .34);
    content: "";
    opacity: .64;
    transform: scaleX(.72);
    transform-origin: left center;
    transition: opacity .20s ease, transform .20s ease, box-shadow .20s ease;
}

body.dashboard:not(.demo-dashboard) .dash-nav-row .dash-pill:hover::after,
body.dashboard:not(.demo-dashboard) .dash-nav-row .dash-pill.active::after,
body.dashboard:not(.demo-dashboard) .dash-nav-row .dash-pill:focus-visible::after {
    box-shadow: 0 0 8px rgba(229, 192, 73, .44), 0 0 13px rgba(142, 198, 218, .28);
    opacity: 1;
    transform: scaleX(1);
}

body.dashboard:not(.demo-dashboard) .dash-module-panel > .dash-tool,
body.dashboard:not(.demo-dashboard) .dash-tool-category .dash-tool {
    position: relative;
    overflow: hidden;
}

body.dashboard:not(.demo-dashboard) .dash-module-panel > .dash-tool::before,
body.dashboard:not(.demo-dashboard) .dash-tool-category .dash-tool::before {
    position: absolute;
    z-index: 2;
    right: 14px;
    bottom: 0;
    left: 14px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, #cda943 0, rgba(151, 199, 215, .92) 34%, rgba(112, 159, 176, .28) 72%, transparent 100%);
    box-shadow: 0 0 7px rgba(126, 181, 201, .30);
    content: "";
    opacity: .68;
    transform: scaleX(.70);
    transform-origin: left center;
    transition: opacity .20s ease, transform .20s ease, box-shadow .20s ease;
}

body.dashboard:not(.demo-dashboard) .dash-module-panel > .dash-tool.enabled:hover::before,
body.dashboard:not(.demo-dashboard) .dash-tool-category .dash-tool.enabled:hover::before,
body.dashboard:not(.demo-dashboard) .dash-module-panel > .dash-tool:focus-visible::before,
body.dashboard:not(.demo-dashboard) .dash-tool-category .dash-tool:focus-visible::before {
    box-shadow: 0 0 9px rgba(226, 190, 74, .48), 0 0 14px rgba(139, 194, 214, .26);
    opacity: 1;
    transform: scaleX(1);
}

@media (max-width: 1180px) {
    body.dashboard:not(.demo-dashboard) .dash-nav-row.primary,
    body.dashboard:not(.demo-dashboard) .dash-nav-row.secondary {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 720px) {
    body.dashboard:not(.demo-dashboard) .dash-nav-row.primary,
    body.dashboard:not(.demo-dashboard) .dash-nav-row.secondary {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 460px) {
    body.dashboard:not(.demo-dashboard) .dash-nav-row.primary,
    body.dashboard:not(.demo-dashboard) .dash-nav-row.secondary {
        grid-template-columns: 1fr !important;
    }
}

/* Match the authenticated dashboard to the login-page material and light system. */
body.dashboard:not(.demo-dashboard) {
    --login-steel-border: rgba(209, 216, 222, .25);
    --login-steel-top: rgba(80, 88, 95, .62);
    --login-steel-bottom: rgba(36, 42, 47, .76);
    --login-gold: #e3bd63;
    --login-gold-border: rgba(232, 190, 94, .60);
    --login-line: linear-gradient(90deg, transparent, rgba(255, 255, 255, .40), rgba(96, 174, 255, .26), transparent);
}

.dashboard .dash-welcome h1::after {
    width: min(420px, 56vw) !important;
    height: 2px !important;
    margin-top: 9px !important;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .40), rgba(96, 174, 255, .26), transparent) !important;
    box-shadow: 0 0 11px rgba(186, 226, 255, .24) !important;
    opacity: .72;
}

body.dashboard:not(.demo-dashboard) .old-dashboard-nav {
    border-color: var(--login-steel-border) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .055), transparent 36%),
        rgba(20, 26, 30, .88) !important;
    box-shadow: 0 16px 34px rgba(0, 0, 0, .20) !important;
}

body.dashboard:not(.demo-dashboard) .dash-pill.dash-primary-pill.icon-pill,
body.dashboard:not(.demo-dashboard) .dash-nav-row.secondary .dash-pill {
    border-color: rgba(209, 216, 222, .20) !important;
    background: linear-gradient(180deg, var(--login-steel-top), var(--login-steel-bottom)) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .10), 0 8px 20px rgba(0, 0, 0, .16) !important;
}

body.dashboard:not(.demo-dashboard) .dash-nav-row .dash-pill:hover,
body.dashboard:not(.demo-dashboard) .dash-nav-row .dash-pill.active,
body.dashboard:not(.demo-dashboard) .dash-nav-row .dash-pill:focus-visible {
    border-color: var(--login-gold-border) !important;
    background: linear-gradient(180deg, rgba(108, 88, 43, .48), rgba(32, 37, 40, .92)) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .16), 0 0 18px rgba(216, 173, 85, .08) !important;
}

body.dashboard:not(.demo-dashboard) .dash-nav-row .dash-pill::after {
    right: 9px;
    left: 9px;
    border-radius: 2px;
    background: var(--login-line) !important;
    box-shadow: 0 0 11px rgba(186, 226, 255, .24);
    opacity: .72;
    transform: scaleX(.82);
    transform-origin: center;
}

body.dashboard:not(.demo-dashboard) .dash-nav-row .dash-pill:hover::after,
body.dashboard:not(.demo-dashboard) .dash-nav-row .dash-pill.active::after,
body.dashboard:not(.demo-dashboard) .dash-nav-row .dash-pill:focus-visible::after {
    background: linear-gradient(90deg, transparent, var(--login-gold), transparent) !important;
    box-shadow: 0 0 11px rgba(227, 189, 99, .28);
    opacity: 1;
    transform: scaleX(1);
}

body.dashboard:not(.demo-dashboard) .dash-module-panel > .dash-tool,
body.dashboard:not(.demo-dashboard) .dash-tool-category .dash-tool {
    border-color: var(--login-steel-border) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .055), transparent 36%),
        rgba(20, 26, 30, .88) !important;
    box-shadow: 0 16px 34px rgba(0, 0, 0, .20) !important;
}

body.dashboard:not(.demo-dashboard) .dash-module-panel > .dash-tool.enabled:hover,
body.dashboard:not(.demo-dashboard) .dash-tool-category .dash-tool.enabled:hover,
body.dashboard:not(.demo-dashboard) .dash-module-panel > .dash-tool:focus-visible,
body.dashboard:not(.demo-dashboard) .dash-tool-category .dash-tool:focus-visible {
    border-color: var(--login-gold-border) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .055), transparent 36%),
        linear-gradient(180deg, rgba(108, 88, 43, .34), rgba(20, 26, 30, .92)) !important;
    box-shadow: 0 16px 34px rgba(0, 0, 0, .24), 0 0 18px rgba(216, 173, 85, .08) !important;
}

body.dashboard:not(.demo-dashboard) .dash-module-panel > .dash-tool::before,
body.dashboard:not(.demo-dashboard) .dash-tool-category .dash-tool::before {
    right: 14px;
    left: 14px;
    border-radius: 2px;
    background: var(--login-line);
    box-shadow: 0 0 11px rgba(186, 226, 255, .24);
    opacity: .72;
    transform: scaleX(.82);
    transform-origin: center;
}

body.dashboard:not(.demo-dashboard) .dash-module-panel > .dash-tool.enabled:hover::before,
body.dashboard:not(.demo-dashboard) .dash-tool-category .dash-tool.enabled:hover::before,
body.dashboard:not(.demo-dashboard) .dash-module-panel > .dash-tool:focus-visible::before,
body.dashboard:not(.demo-dashboard) .dash-tool-category .dash-tool:focus-visible::before {
    background: linear-gradient(90deg, transparent, var(--login-gold), transparent);
    box-shadow: 0 0 11px rgba(227, 189, 99, .28);
    opacity: 1;
    transform: scaleX(1);
}

/* Login-page border hierarchy: steel at rest, gold only for interaction. */
body.dashboard:not(.demo-dashboard) {
    --login-panel-border: rgba(209, 216, 222, .25);
    --login-control-border: rgba(209, 216, 222, .20);
    --login-input-border: rgba(209, 216, 222, .28);
    --login-divider-border: rgba(204, 213, 219, .14);
    --login-focus-border: rgba(232, 196, 105, .72);
}

body.dashboard:not(.demo-dashboard) .dash-topbar,
body.dashboard:not(.demo-dashboard) .dash-panel,
body.dashboard:not(.demo-dashboard) .dash-modules,
body.dashboard:not(.demo-dashboard) .dash-workspace-launch,
body.dashboard:not(.demo-dashboard) .old-dashboard-nav,
body.dashboard:not(.demo-dashboard) .dash-guide,
body.dashboard:not(.demo-dashboard) .dash-video {
    border: 1px solid var(--login-panel-border) !important;
}

body.dashboard:not(.demo-dashboard) .dash-status,
body.dashboard:not(.demo-dashboard) .dash-update-controls button,
body.dashboard:not(.demo-dashboard) .dash-pill.dash-primary-pill.icon-pill,
body.dashboard:not(.demo-dashboard) .dash-nav-row.secondary .dash-pill,
body.dashboard:not(.demo-dashboard) .dash-family-icon,
body.dashboard:not(.demo-dashboard) .dash-nav-row.secondary .dash-family-icon,
body.dashboard:not(.demo-dashboard) .dash-module-panel > .dash-tool em,
body.dashboard:not(.demo-dashboard) .dash-tool-category .dash-tool em {
    border: 1px solid var(--login-control-border) !important;
}

body.dashboard:not(.demo-dashboard) .dash-global-search,
body.dashboard:not(.demo-dashboard) .dash-module-search input,
body.dashboard:not(.demo-dashboard) .dash-modules .dash-pill,
body.dashboard:not(.demo-dashboard) .app-header .app-btn:not(.danger) {
    border: 1px solid var(--login-input-border) !important;
}

body.dashboard:not(.demo-dashboard) .dash-updates-panel > .dash-panel-head,
body.dashboard:not(.demo-dashboard) .dash-update-footer,
body.dashboard:not(.demo-dashboard) .dash-module-panel {
    border-color: var(--login-divider-border) !important;
}

body.dashboard:not(.demo-dashboard) .dash-nav-row .dash-pill:hover,
body.dashboard:not(.demo-dashboard) .dash-nav-row .dash-pill.active,
body.dashboard:not(.demo-dashboard) .dash-module-panel > .dash-tool.enabled:hover,
body.dashboard:not(.demo-dashboard) .dash-tool-category .dash-tool.enabled:hover {
    border-color: var(--login-gold-border) !important;
}

body.dashboard:not(.demo-dashboard) .dash-global-search:focus-within,
body.dashboard:not(.demo-dashboard) .dash-module-search input:focus,
body.dashboard:not(.demo-dashboard) .app-header .app-btn:not(.danger):focus-visible,
body.dashboard:not(.demo-dashboard) .dash-nav-row .dash-pill:focus-visible,
body.dashboard:not(.demo-dashboard) .dash-module-panel > .dash-tool:focus-visible,
body.dashboard:not(.demo-dashboard) .dash-tool-category .dash-tool:focus-visible {
    border-color: var(--login-focus-border) !important;
    box-shadow: 0 0 0 3px rgba(216, 173, 85, .08), 0 10px 20px rgba(0, 0, 0, .15) !important;
}

/* Allocate primary navigation width according to label length. */
@media (min-width: 1181px) {
    body.dashboard:not(.demo-dashboard) .dash-nav-row.primary {
        grid-template-columns:
            minmax(0, .88fr)
            minmax(0, .82fr)
            minmax(0, 1.24fr)
            minmax(0, 1.12fr)
            minmax(0, .94fr) !important;
    }

    body.dashboard:not(.demo-dashboard) .dash-nav-row.primary .dash-primary-copy strong {
        display: block;
        overflow: visible;
        -webkit-box-orient: initial;
        -webkit-line-clamp: initial;
        text-overflow: clip;
        white-space: nowrap;
    }
}

/* Place the welcome-style light line directly below each module title. */
body.dashboard:not(.demo-dashboard) .dash-module-panel > .dash-tool::before,
body.dashboard:not(.demo-dashboard) .dash-tool-category .dash-tool::before {
    display: none;
}

body.dashboard:not(.demo-dashboard) .dash-module-panel > .dash-tool > span > strong::after,
body.dashboard:not(.demo-dashboard) .dash-tool-category .dash-tool > span > strong::after {
    display: block;
    width: min(160px, 100%);
    height: 2px;
    margin: 5px auto 4px;
    border-radius: 2px;
    background: var(--login-line);
    box-shadow: 0 0 11px rgba(186, 226, 255, .24);
    content: "";
    opacity: .72;
    transform-origin: left center;
    transition: background .20s ease, box-shadow .20s ease, opacity .20s ease, transform .20s ease;
}

body.dashboard:not(.demo-dashboard) .dash-module-panel > .dash-tool > span > strong,
body.dashboard:not(.demo-dashboard) .dash-tool-category .dash-tool > span > strong {
    width: 100%;
    text-align: center;
}

body.dashboard:not(.demo-dashboard) .dash-module-panel > .dash-tool > span > small,
body.dashboard:not(.demo-dashboard) .dash-tool-category .dash-tool > span > small {
    margin-top: 0;
    text-align: center;
}

body.dashboard:not(.demo-dashboard) .dash-module-panel > .dash-tool.enabled:hover > span > strong::after,
body.dashboard:not(.demo-dashboard) .dash-tool-category .dash-tool.enabled:hover > span > strong::after,
body.dashboard:not(.demo-dashboard) .dash-module-panel > .dash-tool:focus-visible > span > strong::after,
body.dashboard:not(.demo-dashboard) .dash-tool-category .dash-tool:focus-visible > span > strong::after {
    background: linear-gradient(90deg, transparent, var(--login-gold), transparent);
    box-shadow: 0 0 11px rgba(227, 189, 99, .28);
    opacity: 1;
    transform: scaleX(1.04);
}