/* Home layout only. Shared headers and public pages keep their existing styles. */
html.ds-theme body.sd-home-panels {
    --ds-panel-left: 224px;
    --ds-panel-right: 288px;
    --ds-panel-gap: 16px;
    --ds-panel-top: calc(var(--ds-header-h, 72px) + 16px);
    --ds-panel-bottom-nav: 64px;
}

html.ds-theme body.sd-home-panels .sd-main {
    width: min(1640px, calc(100% - 32px)) !important;
    max-width: 1640px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 16px 0 0 !important;
}

html.ds-theme body.sd-home-panels .ds-home {
    padding-bottom: 32px;
}

html.ds-theme body.sd-home-panels .ds-desktop-shell {
    display: grid;
    grid-template-columns: var(--ds-panel-left) minmax(0, 1fr) var(--ds-panel-right);
    align-items: start;
    gap: var(--ds-panel-gap);
    width: 100% !important;
    max-width: 1640px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.sd-home-panels .ds-desktop-center {
    container-name: ds-home-content;
    container-type: inline-size;
    display: grid;
    align-content: start;
    gap: 16px;
    min-width: 0;
}

.sd-home-panels .ds-desktop-center > * {
    min-width: 0;
    max-width: 100%;
}

.sd-home-panels .ds-desktop-left,
.sd-home-panels .ds-desktop-right {
    position: sticky;
    top: var(--ds-panel-top);
    min-width: 0;
    max-height: calc(100vh - var(--ds-header-h, 72px) - 32px);
    max-height: calc(100dvh - var(--ds-header-h, 72px) - 32px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
    border: 1px solid var(--ds-border, #e5eaf1);
    border-radius: 12px;
    background: var(--ds-card, #fff);
    color: var(--ds-text, #0f172a);
    box-shadow: 0 2px 8px rgba(15, 23, 42, .025);
}

.sd-home-panels .ds-desktop-left { padding: 8px; }
.sd-home-panels .ds-desktop-right { padding: 0; }

.sd-home-panels .ds-panel-left-head,
.sd-home-panels .ds-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 44px;
}

.sd-home-panels .ds-panel-left-head { padding: 0 2px 6px 8px; }
.sd-home-panels .ds-panel-head { padding: 12px 12px 8px 14px; }

.sd-home-panels .ds-panel-left-head > span,
.sd-home-panels .ds-panel-head h2,
.sd-home-panels .ds-panel-head h3 {
    min-width: 0;
    margin: 0;
    color: var(--ds-text, #0f172a);
    font-size: 16px;
    font-weight: 800;
    letter-spacing: -.035em;
    line-height: 1.4;
}

.sd-home-panels .ds-panel-head-controls {
    display: flex;
    align-items: center;
    gap: 3px;
}

.sd-home-panels .ds-panel-toggle,
.sd-home-panels .ds-panel-close {
    display: inline-flex;
    flex: 0 0 36px;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--ds-text-muted, #64748b);
    font: inherit;
    font-size: 17px;
    cursor: pointer;
}

.sd-home-panels .ds-panel-toggle:hover,
.sd-home-panels .ds-panel-close:hover {
    background: var(--ds-blue-soft, #eff4ff);
    color: var(--ds-navy, #0b3d91);
}

.sd-home-panels .ds-panel-close { display: none; }

.sd-home-panels .ds-panel-nav {
    display: grid;
    gap: 4px;
}

html.ds-theme .sd-home-panels .ds-panel-nav-link {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    min-width: 0;
    padding: 10px 11px;
    border-radius: 9px;
    color: var(--ds-text-sub, #475569);
    text-decoration: none;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.35;
}

.sd-home-panels .ds-panel-nav-icon {
    display: inline-flex;
    flex: 0 0 20px;
    align-items: center;
    justify-content: center;
    width: 20px;
    font-size: 18px;
    line-height: 1;
}

.sd-home-panels .ds-panel-nav-label {
    min-width: 0;
    overflow-wrap: anywhere;
}

.sd-home-panels .ds-panel-nav-short { display: none; }
.sd-home-panels .ds-panel-nav--secondary { margin-top: 12px; }

html.ds-theme .sd-home-panels .ds-panel-nav-link:hover,
html.ds-theme .sd-home-panels .ds-panel-nav-link.is-active,
html.ds-theme .sd-home-panels .ds-panel-nav-link[aria-current="page"] {
    background: var(--ds-blue-soft, #eff4ff);
    color: var(--ds-navy, #0b3d91);
}

html.ds-theme .sd-home-panels .ds-panel-nav-link.is-active,
html.ds-theme .sd-home-panels .ds-panel-nav-link[aria-current="page"] { font-weight: 800; }

.sd-home-panels .ds-panel-tools {
    display: grid;
    gap: 4px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid var(--ds-border, #e5eaf1);
}

.sd-home-panels .ds-panel-section-label {
    margin: 0 11px 5px;
    color: var(--ds-text-muted, #64748b);
    font-size: 12px;
    font-weight: 650;
    line-height: 1.4;
}

.sd-home-panels .ds-panel-tabs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 3px;
    padding: 3px;
    margin: 0 12px 8px;
    border-radius: 9px;
    background: var(--ds-bg, #f8fafc);
}

.sd-home-panels .ds-panel-tabs button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 40px;
    min-width: 0;
    padding: 6px 2px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--ds-text-sub, #475569);
    font: inherit;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.35;
    cursor: pointer;
}

.sd-home-panels .ds-panel-tabs button[aria-selected="true"],
.sd-home-panels .ds-panel-tabs button.is-active {
    background: var(--ds-card, #fff);
    color: var(--ds-navy, #0b3d91);
    font-weight: 800;
    box-shadow: 0 1px 4px rgba(15, 23, 42, .09);
}

.sd-home-panels .ds-panel-tab-icon { display: none; }
.sd-home-panels .ds-panel-pane { min-width: 0; padding: 0 14px 14px; }
.sd-home-panels .ds-panel-pane-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 5px 10px;
    padding: 10px 0 3px;
}

.sd-home-panels .ds-panel-pane-heading h3 {
    margin: 0;
    color: var(--ds-text, #0f172a);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.5;
}

.sd-home-panels .ds-panel-pane-heading > span,
.sd-home-panels .ds-panel-pane-heading > a {
    color: var(--ds-text-muted, #64748b);
    text-decoration: none;
    font-size: 12px;
    line-height: 1.5;
}

.sd-home-panels .ds-panel-pane-heading > a { color: var(--ds-navy, #0b3d91); }
.sd-home-panels .ds-panel-pane[hidden],
.sd-home-panels .ds-panel-backdrop[hidden],
.sd-home-panels .ds-panel-toast[hidden],
.sd-home-panels [data-desktop-shell] [hidden] { display: none !important; }

.sd-home-panels .ds-panel-list {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sd-home-panels .ds-panel-list > li {
    min-width: 0;
    padding: 12px 0;
    border-bottom: 1px solid var(--ds-border, #e5eaf1);
}

.sd-home-panels .ds-panel-list > li:last-child { border-bottom: 0; }

html.ds-theme .sd-home-panels .ds-panel-item-title {
    display: block;
    margin: 0;
    color: var(--ds-text, #0f172a);
    text-decoration: none;
    font-size: 14px;
    font-weight: 650;
    letter-spacing: -.025em;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

html.ds-theme .sd-home-panels .ds-panel-item-title:hover { color: var(--ds-navy, #0b3d91); }

.sd-home-panels .ds-panel-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 8px;
    margin: 6px 0 0;
    color: var(--ds-text-muted, #64748b);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.sd-home-panels .ds-panel-meta time,
.sd-home-panels .ds-panel-meta > span:last-child { font-variant-numeric: tabular-nums; }
.sd-home-panels .ds-panel-meta .ds-panel-save { margin-left: auto; }

.sd-home-panels .ds-panel-schedule-item {
    display: grid;
    grid-template-columns: 47px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
}

.sd-home-panels .ds-panel-schedule-item > time {
    padding-top: 1px;
    color: var(--ds-navy, #0b3d91);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.5;
    font-variant-numeric: tabular-nums;
}

.sd-home-panels .ds-panel-schedule-body { min-width: 0; }
.sd-home-panels .ds-panel-schedule-body h3 {
    margin: 0;
    font-size: 14px;
    font-weight: 650;
    letter-spacing: -.025em;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.sd-home-panels .ds-panel-schedule-body h3 a { text-decoration: none; }
.sd-home-panels .ds-panel-schedule-body h3 a:hover { color: var(--ds-navy, #0b3d91); }

html.ds-theme .sd-home-panels .ds-panel-stock-link {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
    color: var(--ds-text, #0f172a);
    text-decoration: none;
    font-size: 14px;
    line-height: 1.45;
}

.sd-home-panels .ds-panel-stock-name,
.sd-home-panels .ds-panel-stock-link > span:first-child {
    display: grid;
    gap: 2px;
    min-width: 0;
    font-weight: 650;
    overflow-wrap: anywhere;
}

.sd-home-panels .ds-panel-stock-code,
.sd-home-panels .ds-panel-stock-link small {
    color: var(--ds-text-muted, #64748b);
    font-size: 12px;
    font-weight: 400;
}

.sd-home-panels .ds-panel-stock-item {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
}

.sd-home-panels .ds-panel-stock-quote {
    display: grid;
    flex: 0 0 auto;
    justify-items: end;
    gap: 2px;
    font-size: 13px;
    line-height: 1.45;
    font-variant-numeric: tabular-nums;
}

.sd-home-panels .ds-panel-stock-quote small { font-size: 12px; }
.sd-home-panels .ds-panel-stock-quote .is-up { color: #cf3045; }
.sd-home-panels .ds-panel-stock-quote .is-down { color: #2563eb; }

.sd-home-panels .ds-panel-empty,
.sd-home-panels .ds-panel-login {
    padding: 20px 6px;
    color: var(--ds-text-sub, #475569);
    font-size: 14px;
    line-height: 1.6;
    text-align: center;
    overflow-wrap: anywhere;
}

.sd-home-panels .ds-panel-empty p,
.sd-home-panels .ds-panel-login p { margin: 0 0 12px; }
.sd-home-panels .ds-panel-empty p:last-child,
.sd-home-panels .ds-panel-login p:last-child { margin-bottom: 0; }

html.ds-theme .sd-home-panels .ds-panel-login a,
html.ds-theme .sd-home-panels .ds-panel-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 40px;
    padding: 9px 14px;
    border: 1px solid var(--ds-navy, #0b3d91);
    border-radius: 8px;
    background: var(--ds-navy, #0b3d91);
    color: #fff;
    text-decoration: none;
    font: inherit;
    font-size: 13px;
    font-weight: 750;
    cursor: pointer;
}

.sd-home-panels .ds-panel-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    padding-top: 12px;
    border-top: 1px solid var(--ds-border, #e5eaf1);
    color: var(--ds-text-muted, #64748b);
    font-size: 12px;
    line-height: 1.5;
}

html.ds-theme .sd-home-panels .ds-panel-foot a {
    color: var(--ds-navy, #0b3d91);
    text-decoration: none;
    font-weight: 650;
}

.sd-home-panels .ds-panel-status {
    margin: 0;
    padding: 0 14px 12px;
    color: var(--ds-text-muted, #64748b);
    font-size: 12px;
    line-height: 1.5;
}

.sd-home-panels .ds-panel-pane > .ds-panel-status { padding: 0 0 8px; }
.sd-home-panels .ds-panel-status:empty,
.sd-home-panels .ds-panel-toast:empty { display: none; }

.sd-home-panels .ds-panel-new {
    display: block;
    width: calc(100% - 28px);
    min-height: 40px;
    margin: 0 14px 8px;
    padding: 8px;
    border: 1px solid #c6d8f5;
    border-radius: 8px;
    background: var(--ds-blue-soft, #eff4ff);
    color: var(--ds-navy, #0b3d91);
    font: inherit;
    font-size: 13px;
    font-weight: 750;
    cursor: pointer;
}

.sd-home-panels .ds-panel-pane > .ds-panel-new { width: 100%; margin: 0 0 8px; }

.sd-home-panels .ds-panel-save {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 32px;
    min-width: 32px;
    min-height: 32px;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--ds-text-muted, #64748b);
    font: inherit;
    cursor: pointer;
}

.sd-home-panels .ds-panel-save:hover,
.sd-home-panels .ds-panel-save[aria-pressed="true"] {
    background: var(--ds-blue-soft, #eff4ff);
    color: var(--ds-navy, #0b3d91);
}

.sd-home-panels .ds-panel-toast {
    position: fixed;
    left: 50%;
    bottom: 24px;
    z-index: 1090;
    max-width: min(440px, calc(100vw - 32px));
    padding: 12px 18px;
    border-radius: 10px;
    background: var(--ds-navy-deep, #082a66);
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
    box-shadow: 0 4px 20px rgba(15, 23, 42, .18);
    transform: translateX(-50%);
}

.sd-home-panels .ds-panel-backdrop { display: none; }

.sd-home-panels .ds-home-intro {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px 16px;
    min-height: 72px;
    padding: 18px 20px;
    border: 1px solid var(--ds-border, #e5eaf1);
    border-radius: 12px;
    background: var(--ds-card, #fff);
}

.sd-home-panels .ds-home-intro h1 {
    margin: 0;
    color: var(--ds-text, #0f172a);
    font-size: 22px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: -.045em;
}

.sd-home-panels .ds-home-intro p {
    margin: 4px 0 0;
    color: var(--ds-text-muted, #64748b);
    font-size: 13px;
    line-height: 1.5;
}

html.ds-theme .sd-home-panels .ds-home-intro > a {
    color: var(--ds-navy, #0b3d91);
    text-decoration: none;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.5;
}

.sd-home-panels .ds-mobile-shortcuts,
.sd-home-panels .ds-mobile-bottom-nav { display: none; }

html.ds-theme body.sd-home-panels .ds-home .ds-kpi-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
    padding: 0;
}

html.ds-theme body.sd-home-panels .ds-home .ds-kpi {
    min-width: 0;
    min-height: 96px;
    padding: 12px 14px;
    box-shadow: none;
}

.sd-home-panels .ds-home .ds-kpi .sd-market-asof {
    grid-column: 1 / -1;
    margin-top: 4px;
    font-size: 11px;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

html.ds-theme body.sd-home-panels .ds-home .ds-market-stage {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
}

html.ds-theme body.sd-home-panels .ds-home .ds-board {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

html.ds-theme body.sd-home-panels .ds-home .ds-board > :first-child { grid-column: 1 / -1; }
html.ds-theme body.sd-home-panels .ds-home .ds-market-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
html.ds-theme body.sd-home-panels .ds-home .ds-split { grid-template-columns: minmax(0, 1fr); gap: 16px; }
html.ds-theme body.sd-home-panels .ds-home .ds-ai-band { grid-template-columns: minmax(0, 1fr); }
html.ds-theme body.sd-home-panels .ds-home .ds-market-chart { height: 220px; min-height: 220px; }
html.ds-theme body.sd-home-panels .ds-home .ds-cat-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.sd-home-panels :where(.ds-panel-toggle, .ds-panel-close, .ds-panel-nav-link, .ds-panel-tabs button,
    .ds-panel-item-title, .ds-panel-stock-link, .ds-panel-action, .ds-panel-save,
    .ds-panel-new, .ds-panel-foot a, .ds-panel-login a, .ds-mobile-shortcuts > *,
    .ds-mobile-bottom-nav > *):focus-visible {
    outline: 2px solid var(--ds-blue, #2563eb);
    outline-offset: 2px;
}

@container ds-home-content (min-width: 800px) {
    html.ds-theme body.sd-home-panels .ds-home .ds-kpi-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@container ds-home-content (min-width: 800px) and (max-width: 1099px) {
    html.ds-theme body.sd-home-panels .ds-home .ds-kpi { grid-template-columns: minmax(0, 1fr) 64px; }
    html.ds-theme body.sd-home-panels .ds-home .ds-kpi .ds-spark,
    html.ds-theme body.sd-home-panels .ds-home .ds-kpi .ds-gauge { width: 60px; }
}

@container ds-home-content (min-width: 760px) {
    html.ds-theme body.sd-home-panels .ds-home .ds-split { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); }
}

@container ds-home-content (min-width: 1100px) {
    html.ds-theme body.sd-home-panels .ds-home .ds-board { grid-template-columns: minmax(0, 1.5fr) repeat(2, minmax(0, .8fr)); }
    html.ds-theme body.sd-home-panels .ds-home .ds-board > :first-child { grid-column: auto; }
}

@container ds-home-content (max-width: 949px) {
    .sd-home-panels .sd-stock-layout { grid-template-columns: minmax(0, 1fr); }
    .sd-home-panels .sd-stock-secondary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
    .sd-home-panels .sd-stock-secondary .sd-stock-card { margin: 0; }
    .sd-home-panels .sd-stock-help { grid-column: 1 / -1; }
}

@container ds-home-content (max-width: 759px) {
    .sd-home-panels .sd-personal-home__grid { grid-template-columns: minmax(0, 1fr); gap: 8px; }
}

@container ds-home-content (max-width: 599px) {
    .sd-home-panels .sd-stock-hero { flex-direction: column; align-items: start; padding: 18px; gap: 16px; }
    .sd-home-panels .sd-stock-quote { align-items: start; }
    .sd-home-panels .sd-stock-secondary { display: block; }
    .sd-home-panels .sd-stock-secondary .sd-stock-card { margin-bottom: 16px; }
    .sd-home-panels .sd-stock-section-head { flex-wrap: wrap; }
    .sd-home-panels .sd-stock-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@container ds-home-content (max-width: 479px) {
    html.ds-theme body.sd-home-panels .ds-home .ds-kpi { grid-template-columns: minmax(0, 1fr); min-height: 92px; padding: 11px 12px; }
    html.ds-theme body.sd-home-panels .ds-home .ds-kpi .ds-spark,
    html.ds-theme body.sd-home-panels .ds-home .ds-kpi .ds-gauge { display: none; }
    html.ds-theme body.sd-home-panels .ds-home .ds-board,
    html.ds-theme body.sd-home-panels .ds-home .ds-market-rail,
    html.ds-theme body.sd-home-panels .ds-home .ds-cat-cards { grid-template-columns: minmax(0, 1fr); }
    html.ds-theme body.sd-home-panels .ds-home .ds-ai-points { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    html.ds-theme body.sd-home-panels .ds-home .ds-market-chart { height: 190px; min-height: 190px; }
}

@media (min-width: 1100px) {
    /* Desktop panels sit at the viewport edges, outside the centered reading area. */
    html.ds-theme body.sd-home-panels .sd-main { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
    html.ds-theme body.sd-home-panels .ds-desktop-shell { max-width: none !important; }
    .sd-home-panels .ds-desktop-center { grid-column: 2; }
    .sd-home-panels .ds-desktop-left,
    .sd-home-panels .ds-desktop-right { position: fixed; top: var(--ds-header-h, 72px); bottom: 0; height: auto; max-height: none; margin: 0; border-top: 0; border-bottom: 0; border-radius: 0; box-shadow: none; box-sizing: border-box; z-index: 20; }
    .sd-home-panels .ds-desktop-left { left: 0; width: var(--ds-panel-left); border-left: 0; }
    .sd-home-panels .ds-desktop-right { right: 0; width: var(--ds-panel-right); border-right: 0; }
    html.ds-theme body.sd-home-panels { --ds-footer-left: var(--ds-panel-left); --ds-footer-right: var(--ds-panel-right); }
    html.ds-theme body.sd-home-panels:has(.ds-desktop-shell.is-left-collapsed) { --ds-footer-left: 64px; }
    html.ds-theme body.sd-home-panels:has(.ds-desktop-shell.is-right-collapsed) { --ds-footer-right: 48px; }
    html.ds-theme body.sd-home-panels .sd-footer { width: auto !important; max-width: none !important; margin-left: var(--ds-footer-left) !important; margin-right: var(--ds-footer-right) !important; }
    html.ds-theme body.sd-home-panels .sd-footer__top { grid-template-columns: minmax(0, 1.2fr) repeat(2, minmax(0, 1fr)); gap: 24px; }
    html.ds-theme body.sd-home-panels .sd-footer__top > * { min-width: 0; overflow-wrap: anywhere; }
    html.ds-theme body.sd-home-panels .sd-floating-actions { right: calc(var(--ds-footer-right) + 16px) !important; }
    html.ds-theme .sd-home-panels .ds-nav,
    html.ds-theme .sd-home-panels .ds-header.is-nav-open .ds-nav { display: none !important; }
    html.ds-theme .sd-home-panels .ds-header .ds-menu-toggle { display: none; }
    html.ds-theme .sd-home-panels .ds-header .ds-header__bar { grid-template-columns: auto minmax(240px, 1fr) auto; gap: 24px; }
    html.ds-theme .sd-home-panels .ds-header .ds-search { max-width: 680px; justify-self: center; width: 100%; }
    html.ds-theme .sd-home-panels .ds-header .ds-wrap { max-width: none !important; }
    .sd-home-panels .ds-desktop-shell.is-left-collapsed { --ds-panel-left: 64px; }
    .sd-home-panels .ds-desktop-shell.is-right-collapsed { --ds-panel-right: 48px; }
    .sd-home-panels .is-left-collapsed .ds-panel-left-head { justify-content: center; padding: 0 0 6px; }
    .sd-home-panels .is-left-collapsed .ds-panel-left-head > span,
    .sd-home-panels .is-left-collapsed .ds-panel-nav-label,
    .sd-home-panels .is-left-collapsed .ds-panel-section-label { display: none; }
    /* Keep the collapsed rail readable even when the global link rules apply. */
    html.ds-theme body.sd-home-panels .is-left-collapsed .ds-desktop-left { padding: 4px; }
    html.ds-theme body.sd-home-panels .is-left-collapsed .ds-panel-left-head { min-height: 40px; padding: 0; }
    html.ds-theme body.sd-home-panels .is-left-collapsed .ds-panel-nav,
    html.ds-theme body.sd-home-panels .is-left-collapsed .ds-panel-tools { gap: 2px; }
    html.ds-theme body.sd-home-panels .is-left-collapsed .ds-panel-nav-link { flex-direction: column; justify-content: center; gap: 3px; min-height: 46px; padding: 6px 1px; box-sizing: border-box; border-radius: 7px; }
    html.ds-theme body.sd-home-panels .is-left-collapsed .ds-panel-nav-icon { flex: 0 0 18px; height: 18px; }
    html.ds-theme body.sd-home-panels .is-left-collapsed .ds-panel-nav-short { display: block; flex: 0 0 auto; font-size: 11px; line-height: 1.2; white-space: nowrap; overflow-wrap: normal; word-break: keep-all; }
    html.ds-theme body.sd-home-panels .is-left-collapsed .ds-panel-tools { margin-top: 8px; padding-top: 8px; }
    html.ds-theme body.sd-home-panels .is-left-collapsed .ds-panel-nav--secondary { margin-top: 8px; }
    .sd-home-panels .is-right-collapsed .ds-panel-head { justify-content: center; padding: 8px 4px; }
    .sd-home-panels .is-right-collapsed .ds-panel-head h2,
    .sd-home-panels .is-right-collapsed .ds-panel-head h3,
    .sd-home-panels .is-right-collapsed .ds-panel-pane,
    .sd-home-panels .is-right-collapsed .ds-panel-status,
    .sd-home-panels .is-right-collapsed .ds-panel-new { display: none; }
    .sd-home-panels .is-right-collapsed .ds-panel-tabs { grid-template-columns: minmax(0, 1fr); gap: 6px; margin: 0 4px 8px; padding: 0; background: transparent; }
    .sd-home-panels .is-right-collapsed .ds-panel-tabs button { flex-direction: column; gap: 4px; padding: 9px 0; min-height: 48px; }
    .sd-home-panels .is-right-collapsed .ds-panel-tab-icon { display: inline-block; font-size: 17px; }
    .sd-home-panels .is-right-collapsed .ds-panel-tab-label { font-size: 10px; }
}

@media (min-width: 1100px) and (max-width: 1365px) {
    html.ds-theme body.sd-home-panels { --ds-panel-left: 64px; --ds-panel-right: 280px; }
    .sd-home-panels .ds-panel-left-head { display: none; }
    .sd-home-panels .ds-panel-left-head > span,
    .sd-home-panels .ds-panel-nav-label,
    .sd-home-panels .ds-panel-section-label { display: none; }
    html.ds-theme body.sd-home-panels .ds-desktop-left { padding: 4px; }
    html.ds-theme body.sd-home-panels .ds-desktop-left .ds-panel-nav,
    html.ds-theme body.sd-home-panels .ds-desktop-left .ds-panel-tools { gap: 2px; }
    html.ds-theme body.sd-home-panels .ds-desktop-left .ds-panel-nav-link { flex-direction: column; justify-content: center; gap: 3px; min-height: 46px; padding: 6px 1px; box-sizing: border-box; border-radius: 7px; }
    html.ds-theme body.sd-home-panels .ds-desktop-left .ds-panel-nav-icon { flex: 0 0 18px; height: 18px; }
    html.ds-theme body.sd-home-panels .ds-desktop-left .ds-panel-nav-short { display: block; flex: 0 0 auto; font-size: 11px; line-height: 1.2; white-space: nowrap; overflow-wrap: normal; word-break: keep-all; }
    html.ds-theme body.sd-home-panels .ds-desktop-left .ds-panel-tools { margin-top: 8px; padding-top: 8px; }
    html.ds-theme body.sd-home-panels .ds-desktop-left .ds-panel-nav--secondary { margin-top: 8px; }
}

@media (max-width: 1099px) {
    html.ds-theme body.sd-home-panels .sd-main { width: calc(100% - 24px) !important; padding-top: 12px !important; }
    html.ds-theme body.sd-home-panels .ds-desktop-shell { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .sd-home-panels .ds-desktop-left { display: none; }
    .sd-home-panels .ds-desktop-center { gap: 12px; }
    .sd-home-panels .ds-desktop-right { position: static; max-height: none; width: 100%; }
    .sd-home-panels .ds-panel-toggle { display: none; }
    .sd-home-panels .ds-mobile-shortcuts { display: flex; gap: 8px; flex-wrap: wrap; }
    .sd-home-panels .ds-mobile-shortcuts > * { display: inline-flex; flex: 1 1 0; align-items: center; justify-content: center; gap: 7px; min-height: 44px; padding: 9px 12px; border: 1px solid var(--ds-border, #e5eaf1); border-radius: 9px; background: var(--ds-card, #fff); color: var(--ds-text-sub, #475569); font: inherit; font-size: 13px; font-weight: 650; line-height: 1.4; text-decoration: none; cursor: pointer; }
    .sd-home-panels .ds-mobile-shortcuts > *:hover { color: var(--ds-navy, #0b3d91); background: var(--ds-blue-soft, #eff4ff); }
    .sd-home-panels .ds-mobile-shortcuts i { color: var(--ds-navy, #0b3d91); font-size: 16px; }
    .sd-home-panels .is-panels-ready .ds-desktop-right { display: none; }
    .sd-home-panels .is-panels-ready .ds-desktop-right.is-open { display: block; position: fixed; top: calc(var(--ds-header-h, 72px) + 8px); right: 12px; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); z-index: 1050; width: min(380px, calc(100vw - 24px)); max-height: none; padding-bottom: 12px; box-shadow: 0 12px 48px rgba(15, 23, 42, .2); }
    .sd-home-panels .is-panels-ready .ds-panel-close { display: inline-flex; }
    .sd-home-panels .ds-panel-backdrop:not([hidden]) { display: block; position: fixed; inset: 0; z-index: 1040; border: 0; background: rgba(15, 23, 42, .42); cursor: pointer; }
    html.ds-theme body.sd-home-panels.is-panel-drawer-open { overflow: hidden; }
    html.ds-theme body.sd-home-panels.is-panel-drawer-open .sd-main { z-index: 1040; }
    html.ds-theme body.sd-home-panels { padding-bottom: calc(var(--ds-panel-bottom-nav) + env(safe-area-inset-bottom, 0px)); }
    .sd-home-panels .ds-mobile-bottom-nav { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); position: fixed; left: 0; right: 0; bottom: 0; z-index: 1035; min-height: var(--ds-panel-bottom-nav); padding: 5px max(8px, env(safe-area-inset-left, 0px)) calc(5px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--ds-border, #e5eaf1); background: rgba(255, 255, 255, .97); box-shadow: 0 -2px 12px rgba(15, 23, 42, .035); }
    .sd-home-panels .ds-mobile-bottom-nav > * { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-height: 52px; min-width: 0; padding: 4px 2px; border: 0; border-radius: 8px; background: transparent; color: var(--ds-text-muted, #64748b); font: inherit; font-size: 11px; font-weight: 650; line-height: 1.3; text-decoration: none; cursor: pointer; }
    .sd-home-panels .ds-mobile-bottom-nav i { font-size: 20px; line-height: 1; }
    .sd-home-panels .ds-mobile-bottom-nav > .is-active,
    .sd-home-panels .ds-mobile-bottom-nav > [aria-current="page"],
    .sd-home-panels .ds-mobile-bottom-nav > [aria-expanded="true"] { background: var(--ds-blue-soft, #eff4ff); color: var(--ds-navy, #0b3d91); }
    .sd-home-panels .sd-floating-actions { bottom: calc(var(--ds-panel-bottom-nav) + env(safe-area-inset-bottom, 0px) + 12px) !important; right: 12px !important; }
    .sd-home-panels .ds-panel-toast,
    .sd-home-panels .sd-stock-toast,
    .sd-home-panels .sd-news__toast { bottom: calc(var(--ds-panel-bottom-nav) + env(safe-area-inset-bottom, 0px) + 14px); }
    .sd-home-panels input,
    .sd-home-panels select,
    .sd-home-panels textarea { font-size: 16px; }
    .sd-home-panels .ds-panel-item-title,
    .sd-home-panels .ds-panel-schedule-body h3,
    .sd-home-panels .ds-panel-stock-link { font-size: 15px; }
}

@media (max-width: 479px) {
    html.ds-theme body.sd-home-panels .sd-main { width: calc(100% - 20px) !important; }
    .sd-home-panels .ds-home-intro { min-height: 0; padding: 15px 16px; }
    .sd-home-panels .ds-home-intro h1 { font-size: 21px; }
    .sd-home-panels .ds-home-intro p { font-size: 12px; }
    .sd-home-panels .ds-mobile-shortcuts { gap: 6px; }
    .sd-home-panels .ds-mobile-shortcuts > * { padding: 9px 6px; gap: 5px; font-size: 12px; }
    .sd-home-panels .ds-desktop-right.is-open .ds-panel-head { padding-top: 10px; }
    .sd-home-panels .ds-panel-close { width: 40px; height: 40px; }
}

@media (prefers-reduced-motion: reduce) {
    .sd-home-panels [data-desktop-shell] *,
    .sd-home-panels .ds-mobile-bottom-nav * { scroll-behavior: auto !important; transition-duration: 0s !important; animation-duration: 0s !important; animation-iteration-count: 1 !important; }
}

/* PC panel motion: enabled only after restored layout has settled. */
@media (min-width: 1100px) {
    html.ds-theme body.sd-home-panels { --ds-panel-motion: 260ms cubic-bezier(.22, 1, .36, 1); }
    html.ds-theme body.sd-home-panels .ds-desktop-shell.is-panel-motion-ready { transition: grid-template-columns var(--ds-panel-motion); }
    html.ds-theme body.sd-home-panels .is-panel-motion-ready .ds-desktop-left,
    html.ds-theme body.sd-home-panels .is-panel-motion-ready .ds-desktop-right { transition: width var(--ds-panel-motion), padding var(--ds-panel-motion); }
    html.ds-theme body.sd-home-panels:has(.ds-desktop-shell.is-panel-motion-ready) .sd-footer { transition: margin-left var(--ds-panel-motion), margin-right var(--ds-panel-motion); }
    html.ds-theme body.sd-home-panels:has(.ds-desktop-shell.is-panel-motion-ready) .sd-floating-actions { transition: right var(--ds-panel-motion); }

    /* Toggle buttons follow the panel edge rather than jumping between flex alignments. */
    html.ds-theme body.sd-home-panels .ds-desktop-left .ds-panel-left-head { position: relative; height: 44px; min-height: 44px; }
    html.ds-theme body.sd-home-panels .ds-desktop-left .ds-panel-left-head .ds-panel-toggle { position: absolute; right: 2px; top: 1px; }
    html.ds-theme body.sd-home-panels .is-left-collapsed .ds-desktop-left .ds-panel-left-head .ds-panel-toggle { right: 9px; top: 2px; }
    html.ds-theme body.sd-home-panels .ds-desktop-left .ds-panel-left-head > span { display: block; position: absolute; left: 8px; top: 10px; white-space: nowrap; opacity: 1; visibility: visible; }
    html.ds-theme body.sd-home-panels .is-left-collapsed .ds-desktop-left .ds-panel-left-head > span { opacity: 0; visibility: hidden; }
    html.ds-theme body.sd-home-panels .ds-desktop-right .ds-panel-head { position: relative; height: 56px; min-height: 56px; box-sizing: border-box; }
    html.ds-theme body.sd-home-panels .ds-desktop-right .ds-panel-head-controls { position: absolute; right: 12px; top: 10px; }
    html.ds-theme body.sd-home-panels .is-right-collapsed .ds-desktop-right .ds-panel-head-controls { right: 5px; }
    html.ds-theme body.sd-home-panels .ds-desktop-right .ds-panel-head h2 { display: block; opacity: 1; visibility: visible; white-space: nowrap; }
    html.ds-theme body.sd-home-panels .is-right-collapsed .ds-desktop-right .ds-panel-head h2 { opacity: 0; visibility: hidden; }
    html.ds-theme body.sd-home-panels .is-panel-motion-ready .ds-panel-left-head .ds-panel-toggle { transition: right var(--ds-panel-motion), top var(--ds-panel-motion); }
    html.ds-theme body.sd-home-panels .is-panel-motion-ready .ds-panel-head-controls { transition: right var(--ds-panel-motion); }
    html.ds-theme body.sd-home-panels .is-panel-motion-ready .ds-panel-left-head > span,
    html.ds-theme body.sd-home-panels .is-panel-motion-ready .ds-panel-head h2 { transition: opacity var(--ds-panel-motion), visibility var(--ds-panel-motion); }

    /* One row geometry in both states lets icons and labels move without wrapping. */
    html.ds-theme body.sd-home-panels .ds-desktop-left .ds-panel-nav-link { position: relative; height: 46px; min-height: 46px; box-sizing: border-box; overflow: hidden; }
    html.ds-theme body.sd-home-panels .ds-desktop-left .ds-panel-nav-icon { position: absolute; left: 11px; top: 14px; width: 20px; height: 18px; transform: translateX(0); }
    html.ds-theme body.sd-home-panels .ds-desktop-left .ds-panel-nav-label { display: block; position: absolute; left: 40px; right: 4px; top: 50%; transform: translateY(-50%); white-space: nowrap; overflow: hidden; opacity: 1; visibility: visible; pointer-events: none; }
    html.ds-theme body.sd-home-panels .ds-desktop-left .ds-panel-nav-short { display: block; position: absolute; left: 0; right: 0; bottom: 6px; font-size: 11px; line-height: 1.2; text-align: center; white-space: nowrap; overflow-wrap: normal; word-break: keep-all; opacity: 0; visibility: hidden; pointer-events: none; }
    html.ds-theme body.sd-home-panels .is-left-collapsed .ds-desktop-left .ds-panel-nav-icon { left: 50%; top: 6px; transform: translateX(-50%); }
    html.ds-theme body.sd-home-panels .is-left-collapsed .ds-desktop-left .ds-panel-nav-label { opacity: 0; visibility: hidden; }
    html.ds-theme body.sd-home-panels .is-left-collapsed .ds-desktop-left .ds-panel-nav-short { opacity: 1; visibility: visible; }
    html.ds-theme body.sd-home-panels .is-panel-motion-ready .ds-panel-nav-icon { transition: left var(--ds-panel-motion), top var(--ds-panel-motion), transform var(--ds-panel-motion); }
    html.ds-theme body.sd-home-panels .is-panel-motion-ready .ds-panel-nav-label,
    html.ds-theme body.sd-home-panels .is-panel-motion-ready .ds-panel-nav-short { transition: opacity var(--ds-panel-motion), visibility var(--ds-panel-motion); }
    html.ds-theme body.sd-home-panels .is-panel-motion-ready .ds-panel-nav,
    html.ds-theme body.sd-home-panels .is-panel-motion-ready .ds-panel-tools { transition: gap var(--ds-panel-motion), margin-top var(--ds-panel-motion), padding-top var(--ds-panel-motion); }

    /* Four tab buttons keep their own coordinates when changing row/rail layout. */
    html.ds-theme body.sd-home-panels .ds-desktop-right .ds-panel-tabs { position: relative; display: block; height: 46px; min-height: 46px; padding: 0; box-sizing: border-box; }
    html.ds-theme body.sd-home-panels .ds-desktop-right .ds-panel-tabs button { --ds-tab-index: 0; position: absolute; left: calc(var(--ds-tab-index) * 25% + 3px); top: 3px; width: calc(25% - 6px); height: 40px; min-height: 40px; padding: 0; overflow: hidden; box-sizing: border-box; }
    html.ds-theme body.sd-home-panels .ds-desktop-right .ds-panel-tabs button:nth-child(2) { --ds-tab-index: 1; }
    html.ds-theme body.sd-home-panels .ds-desktop-right .ds-panel-tabs button:nth-child(3) { --ds-tab-index: 2; }
    html.ds-theme body.sd-home-panels .ds-desktop-right .ds-panel-tabs button:nth-child(4) { --ds-tab-index: 3; }
    html.ds-theme body.sd-home-panels .ds-desktop-right .ds-panel-tab-icon { display: inline-block; position: absolute; left: 50%; top: 7px; transform: translateX(-50%); font-size: 17px; line-height: 1; opacity: 0; visibility: hidden; pointer-events: none; }
    html.ds-theme body.sd-home-panels .ds-desktop-right .ds-panel-tab-label { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); font-size: 13px; line-height: 1.3; white-space: nowrap; pointer-events: none; }
    html.ds-theme body.sd-home-panels .is-right-collapsed .ds-desktop-right .ds-panel-tabs { height: 210px; min-height: 210px; }
    html.ds-theme body.sd-home-panels .is-right-collapsed .ds-desktop-right .ds-panel-tabs button { left: 0; top: calc(var(--ds-tab-index) * 54px); width: 100%; height: 48px; min-height: 48px; }
    html.ds-theme body.sd-home-panels .is-right-collapsed .ds-desktop-right .ds-panel-tab-icon { opacity: 1; visibility: visible; }
    html.ds-theme body.sd-home-panels .is-right-collapsed .ds-desktop-right .ds-panel-tab-label { top: 33px; font-size: 10px; }
    html.ds-theme body.sd-home-panels .ds-desktop-right .ds-panel-body { display: grid; grid-template-rows: 1fr; }
    html.ds-theme body.sd-home-panels .is-right-collapsed .ds-desktop-right .ds-panel-body { grid-template-rows: 0fr; }
    html.ds-theme body.sd-home-panels .ds-desktop-right .ds-panel-pane:not([hidden]) { display: block; min-height: 0; overflow: hidden; opacity: 1; visibility: visible; }
    html.ds-theme body.sd-home-panels .is-right-collapsed .ds-desktop-right .ds-panel-pane:not([hidden]) { padding-bottom: 0; opacity: 0; visibility: hidden; pointer-events: none; }
    html.ds-theme body.sd-home-panels .is-panel-motion-ready .ds-panel-tabs { transition: height var(--ds-panel-motion), min-height var(--ds-panel-motion), margin var(--ds-panel-motion), background-color var(--ds-panel-motion); }
    html.ds-theme body.sd-home-panels .is-panel-motion-ready .ds-panel-tabs button { transition: left var(--ds-panel-motion), top var(--ds-panel-motion), width var(--ds-panel-motion), height var(--ds-panel-motion), min-height var(--ds-panel-motion); }
    html.ds-theme body.sd-home-panels .is-panel-motion-ready .ds-panel-tab-icon { transition: opacity var(--ds-panel-motion), visibility var(--ds-panel-motion); }
    html.ds-theme body.sd-home-panels .is-panel-motion-ready .ds-panel-tab-label { transition: top var(--ds-panel-motion), font-size var(--ds-panel-motion); }
    html.ds-theme body.sd-home-panels .is-panel-motion-ready .ds-panel-body { transition: grid-template-rows var(--ds-panel-motion); }
    html.ds-theme body.sd-home-panels .is-panel-motion-ready .ds-panel-pane { transition: opacity var(--ds-panel-motion), visibility var(--ds-panel-motion), padding-bottom var(--ds-panel-motion); }
}

@media (min-width: 1100px) and (max-width: 1365px) {
    html.ds-theme body.sd-home-panels .ds-desktop-left .ds-panel-nav-icon { left: 50%; top: 6px; transform: translateX(-50%); }
    html.ds-theme body.sd-home-panels .ds-desktop-left .ds-panel-nav-label { opacity: 0; visibility: hidden; }
    html.ds-theme body.sd-home-panels .ds-desktop-left .ds-panel-nav-short { opacity: 1; visibility: visible; }
}

@media (prefers-reduced-motion: reduce) {
    .sd-home-panels [data-desktop-shell],
    .sd-home-panels [data-desktop-shell] *,
    .sd-home-panels .sd-footer,
    .sd-home-panels .sd-floating-actions { transition-duration: 0s !important; transition-delay: 0s !important; animation-duration: 0s !important; animation-delay: 0s !important; }
}

@media (min-width: 1100px) {
    html.ds-theme body.sd-home-panels .ds-desktop-left .ds-panel-section-label { display: block; height: 17px; min-height: 0; margin-bottom: 5px; overflow: hidden; white-space: nowrap; opacity: 1; visibility: visible; }
    html.ds-theme body.sd-home-panels .is-left-collapsed .ds-desktop-left .ds-panel-section-label { height: 0; margin-bottom: 0; opacity: 0; visibility: hidden; }
    html.ds-theme body.sd-home-panels .is-panel-motion-ready .ds-panel-section-label { transition: height var(--ds-panel-motion), margin-bottom var(--ds-panel-motion), opacity var(--ds-panel-motion), visibility var(--ds-panel-motion); }
}
@media (min-width: 1100px) and (max-width: 1365px) {
    html.ds-theme body.sd-home-panels .ds-desktop-left .ds-panel-section-label { height: 0; margin-bottom: 0; opacity: 0; visibility: hidden; }
}

/* Keep the desktop header on three explicit tracks after hiding its old navigation. */
@media (min-width: 1100px) {
    html.ds-theme body.sd-home-panels.sd-focused-body {
        --rd-header-h: 64px;
        --ds-header-h: 64px;
    }
    html.ds-theme body.sd-home-panels.sd-focused-body .ds-header .ds-wrap {
        width: 100% !important;
        max-width: none !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    html.ds-theme body.sd-home-panels.sd-focused-body .ds-header .ds-header__bar {
        grid-template-columns: minmax(180px, 1fr) minmax(320px, 560px) minmax(180px, 1fr);
        gap: 24px;
        height: 64px;
        min-height: 64px;
    }
    html.ds-theme body.sd-home-panels.sd-focused-body .ds-header .ds-logo {
        grid-column: 1;
        grid-row: 1;
        justify-self: start;
        font-size: 19px;
        gap: 9px;
    }
    html.ds-theme body.sd-home-panels.sd-focused-body .ds-header .ds-search {
        grid-column: 2;
        grid-row: 1;
        width: 100%;
        max-width: 560px;
        margin: 0;
    }
    html.ds-theme body.sd-home-panels.sd-focused-body .ds-header .ds-search input {
        height: 40px;
        padding-left: 40px;
        padding-right: 42px;
        border-radius: 8px;
        font-size: 14px;
    }
    html.ds-theme body.sd-home-panels.sd-focused-body .ds-header .ds-search__icon { left: 14px; font-size: 14px; }
    html.ds-theme body.sd-home-panels.sd-focused-body .ds-header .ds-search button { width: 32px; height: 32px; font-size: 14px; }
    html.ds-theme body.sd-home-panels.sd-focused-body .ds-header .ds-header__tools {
        grid-column: 3;
        grid-row: 1;
        justify-self: end;
        justify-content: flex-end;
        gap: 8px;
        min-width: 0;
    }
    html.ds-theme body.sd-home-panels.sd-focused-body .ds-header .ds-user-link {
        min-height: 38px;
        padding: 0 16px;
        font-size: 13px;
        border-radius: 8px;
    }
}

@media (min-width: 1366px) {
    html.ds-theme body.sd-home-panels .ds-desktop-shell:not(.is-left-collapsed) .ds-desktop-left .ds-panel-nav-icon { left: 23px; }
    html.ds-theme body.sd-home-panels .ds-desktop-shell:not(.is-left-collapsed) .ds-desktop-left .ds-panel-nav-label { left: 52px; }
    html.ds-theme body.sd-home-panels .ds-desktop-shell:not(.is-left-collapsed) .ds-desktop-left .ds-panel-section-label { margin-left: 23px; }
    html.ds-theme body.sd-home-panels .ds-desktop-shell:not(.is-left-collapsed) .ds-panel-left-head > span { left: 23px; margin-left: 0; }
}

/* Collapsed navigation keeps only centered icons; names live in a viewport tooltip. */
@media (min-width: 1100px) {
    html.ds-theme body.sd-home-panels .is-left-collapsed .ds-desktop-left .ds-panel-nav-short { display: none !important; }
    html.ds-theme body.sd-home-panels .is-left-collapsed .ds-desktop-left .ds-panel-nav-icon { top: 50%; transform: translate(-50%, -50%); }
    html.ds-theme body.sd-home-panels > .ds-panel-nav-tooltip {
        position: fixed;
        z-index: 1100;
        max-width: calc(100vw - 88px);
        padding: 9px 13px;
        border-radius: 7px;
        background: var(--ds-navy-deep, #082a66);
        color: #fff;
        box-shadow: 0 4px 14px rgba(15, 23, 42, .16);
        font-size: 13px;
        font-weight: 650;
        line-height: 1.4;
        white-space: nowrap;
        pointer-events: auto;
    }
    html.ds-theme body.sd-home-panels > .ds-panel-nav-tooltip::before {
        content: '';
        position: absolute;
        left: -5px;
        top: calc(50% - 5px);
        width: 10px;
        height: 10px;
        background: inherit;
        transform: rotate(45deg);
    }
}
html.ds-theme body.sd-home-panels > .ds-panel-nav-tooltip[hidden] { display: none !important; }
@media (min-width: 1100px) and (max-width: 1365px) {
    html.ds-theme body.sd-home-panels .ds-desktop-left .ds-panel-nav-short { display: none !important; }
    html.ds-theme body.sd-home-panels .ds-desktop-left .ds-panel-nav-icon { top: 50%; transform: translate(-50%, -50%); }
}