/* ==========================================
   COLLECTORS ATLAS WORKSPACE SHELL
========================================== */

:root{
    --workspace-accent:#7c5cfc;
    --workspace-accent-rgb:124,92,252;
    --workspace-rail-width:72px;
    --workspace-context-width:304px;
}

.workspace-shell-sidebar{
    width:calc(var(--workspace-rail-width) + var(--workspace-context-width));
    display:grid;
    grid-template-columns:var(--workspace-rail-width) minmax(0,var(--workspace-context-width));
    flex:0 0 auto;
    overflow:hidden;
    background:#131722;
}

.workspace-rail{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    align-items:center;
    height:100vh;
    padding:14px 9px;
    border-right:1px solid var(--border);
    background:#111520;
    min-height:0;
    overflow:hidden;
}

.workspace-rail-brand{
    width:45px;
    height:45px;
    display:grid;
    place-items:center;
    flex:0 0 auto;
    border:1px solid rgba(var(--workspace-accent-rgb),.34);
    border-radius:14px;
    background:rgba(var(--workspace-accent-rgb),.12);
    color:var(--workspace-accent);
    font-size:19px;
    transition:color .25s ease,border-color .25s ease,background .25s ease;
}

.workspace-rail-buttons{
    display:flex;
    flex:1;
    flex-direction:column;
    align-items:center;
    gap:8px;
    width:100%;
    margin-top:22px;
    min-height:0;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:rgba(var(--workspace-accent-rgb),.42) transparent;
}

.workspace-rail-buttons::-webkit-scrollbar{ width:4px; }
.workspace-rail-buttons::-webkit-scrollbar-track{ background:transparent; }
.workspace-rail-buttons::-webkit-scrollbar-thumb{ border-radius:999px; background:rgba(var(--workspace-accent-rgb),.42); }

.workspace-rail button{
    position:relative;
    width:50px;
    min-height:51px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    padding:6px 3px;
    border:1px solid transparent;
    border-radius:13px;
    background:transparent;
    color:#7f89a8;
    font-family:inherit;
    cursor:pointer;
    transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease;
}

.workspace-rail button::before{
    content:"";
    position:absolute;
    left:-10px;
    top:12px;
    bottom:12px;
    width:3px;
    border-radius:0 999px 999px 0;
    background:var(--workspace-accent);
    opacity:0;
    transform:scaleY(.4);
    transition:.2s ease;
}

.workspace-rail button i{ font-size:15px; }
.workspace-rail button span{ max-width:46px; overflow:hidden; font-size:9px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }

.workspace-rail button:hover{
    color:var(--text);
    background:rgba(255,255,255,.045);
    transform:translateY(-1px);
}

.workspace-rail button.active{
    border-color:rgba(var(--workspace-accent-rgb),.35);
    background:rgba(var(--workspace-accent-rgb),.12);
    color:var(--workspace-accent);
}

.workspace-rail button.active::before{ opacity:1; transform:scaleY(1); }

.workspace-rail-status{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    flex:0 0 auto;
}

.workspace-rail-status span{
    width:9px;
    height:9px;
    border-radius:50%;
    background:var(--success);
    box-shadow:0 0 0 4px rgba(66,211,146,.09);
}

.workspace-context{
    width:var(--workspace-context-width);
    min-width:0;
    background:#171b26;
    min-height:0;
    overflow:hidden;
}

.workspace-context .sidebar-content{
    min-height:0;
    overflow:hidden;
}

.workspace-context .sidebar-nav{
    min-height:0;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
}

.workspace-context-heading{
    margin:0 0 18px;
    padding:0 0 15px;
    border-bottom:1px solid var(--border);
}

.workspace-context-heading span,
.workspace-context-heading strong{ display:block; }

.workspace-context-heading span{
    color:var(--workspace-accent);
    font-size:10px;
    font-weight:700;
    letter-spacing:1.3px;
    text-transform:uppercase;
}

.workspace-context-heading strong{
    margin-top:4px;
    overflow:hidden;
    color:var(--text);
    font-size:15px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.workspace-context .sidebar-header{ padding:20px; }
.workspace-context .sidebar-nav{ padding:17px 14px; }

.workspace-nav-section{
    animation:workspaceSidebarEnter .26s ease both;
}

.workspace-nav-section button{
    position:relative;
    width:100%;
    display:flex;
    align-items:center;
    gap:13px;
    margin:0 0 5px;
    padding:11px 13px;
    border:1px solid transparent;
    border-radius:11px;
    background:transparent;
    color:#dce3ff;
    font:500 15px Poppins,sans-serif;
    text-align:left;
    cursor:pointer;
    transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;
}

.workspace-nav-section button > i{
    width:18px;
    color:#aab4d2;
    font-size:13px;
    text-align:center;
    transition:color .2s ease;
}

.workspace-nav-section button > span{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.workspace-nav-section button > small{
    margin-left:auto;
    color:var(--workspace-accent);
    font-size:16px;
    line-height:1;
}

.workspace-nav-section button:hover{
    background:rgba(255,255,255,.045);
    color:var(--text);
    transform:translateX(2px);
}

.workspace-nav-section button.active{
    border-color:rgba(var(--workspace-accent-rgb),.32);
    background:rgba(var(--workspace-accent-rgb),.14);
    color:var(--text);
}

.workspace-nav-section button.active > i{ color:var(--workspace-accent); }

.atlas-header-title > span{ color:var(--workspace-accent); transition:color .25s ease; }

.workspace-outlet{
    position:relative;
    scroll-behavior:smooth;
}

/* Keep image fallbacks and other conditional workspace UI hidden until
   their owning script explicitly reveals them. Component display rules must
   never override the native hidden state. */
.workspace-outlet [hidden]{
    display:none !important;
}

.workspace-content-enter > *{
    animation:workspaceContentEnter .32s cubic-bezier(.2,.75,.25,1) both;
}

/* Workspace landing dashboards */

.workspace-landing,
.workspace-section-bridge{
    width:100%;
    max-width:1480px;
    margin:0 auto;
}

.workspace-landing-hero{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    min-height:190px;
    padding:30px;
    overflow:hidden;
    border:1px solid var(--border);
    border-radius:21px;
    background:
        radial-gradient(circle at 88% 16%,rgba(var(--workspace-accent-rgb),.18),transparent 32%),
        linear-gradient(125deg,rgba(var(--workspace-accent-rgb),.10),transparent 50%),
        var(--panel);
}

.workspace-eyebrow{
    display:block;
    color:var(--workspace-accent);
    font-size:12px;
    font-weight:700;
    letter-spacing:1.2px;
    text-transform:uppercase;
}

.workspace-landing-hero h2,
.workspace-section-bridge h2{
    margin:7px 0 8px;
    color:var(--text);
    font-size:clamp(26px,3vw,39px);
    line-height:1.17;
    letter-spacing:-1px;
}

.workspace-landing-hero p,
.workspace-section-bridge p{
    max-width:780px;
    margin:0;
    color:var(--text-light);
    font-size:13px;
    line-height:1.75;
}

.workspace-phase-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    flex:0 0 auto;
    padding:9px 12px;
    border:1px solid rgba(var(--workspace-accent-rgb),.35);
    border-radius:999px;
    background:rgba(var(--workspace-accent-rgb),.10);
    color:var(--workspace-accent);
    font-size:12px;
    font-weight:700;
}

.workspace-landing-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin-top:16px;
}

.workspace-landing-grid article{
    min-width:0;
    padding:19px;
    border:1px solid var(--border);
    border-radius:16px;
    background:var(--panel);
    transition:border-color .2s ease,background .2s ease,transform .2s ease;
}

.workspace-landing-grid article:hover{
    border-color:rgba(var(--workspace-accent-rgb),.42);
    background:rgba(var(--workspace-accent-rgb),.045);
    transform:translateY(-2px);
}

.workspace-widget-icon,
.workspace-section-icon{
    display:grid;
    place-items:center;
    border:1px solid rgba(var(--workspace-accent-rgb),.24);
    background:rgba(var(--workspace-accent-rgb),.10);
    color:var(--workspace-accent);
}

.workspace-widget-icon{
    width:40px;
    height:40px;
    margin-bottom:17px;
    border-radius:12px;
    font-size:14px;
}

.workspace-landing-grid article > span{
    display:block;
    color:var(--text-light);
    font-size:12px;
    font-weight:600;
}

.workspace-landing-grid article > strong{
    display:block;
    margin-top:4px;
    color:var(--text);
    font-size:25px;
}

.workspace-landing-grid article > p{
    margin:7px 0 0;
    color:var(--text-light);
    font-size:12px;
    line-height:1.6;
}

.workspace-migration-panel{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);
    gap:22px;
    margin-top:16px;
    padding:24px;
    border:1px solid var(--border);
    border-radius:18px;
    background:var(--panel);
}

.workspace-migration-panel h3{
    margin:5px 0 6px;
    color:var(--text);
    font-size:19px;
}

.workspace-migration-panel p{
    margin:0;
    color:var(--text-light);
    font-size:12px;
    line-height:1.7;
}

.workspace-migration-list{ display:grid; gap:8px; }

.workspace-migration-list button{
    width:100%;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    min-height:42px;
    padding:9px 12px;
    border:1px solid var(--border);
    border-radius:11px;
    background:var(--panel-light);
    color:var(--text-light);
    font:600 12px Poppins,sans-serif;
    text-align:left;
    cursor:pointer;
}

.workspace-migration-list button:hover{ border-color:var(--workspace-accent); color:var(--text); }
.workspace-migration-list button > i:first-child{ color:var(--workspace-accent); }

/* Protected legacy section bridge */

.workspace-section-bridge{
    display:grid;
    grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);
    gap:16px;
}

.workspace-section-bridge > section,
.workspace-section-bridge > aside{
    padding:30px;
    border:1px solid var(--border);
    border-radius:20px;
    background:var(--panel);
}

.workspace-section-icon{
    width:52px;
    height:52px;
    margin-bottom:21px;
    border-radius:15px;
    font-size:19px;
}

.workspace-section-bridge a,
.workspace-ready-label,
.workspace-section-bridge aside button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:42px;
    margin-top:20px;
    padding:9px 14px;
    border:1px solid rgba(var(--workspace-accent-rgb),.42);
    border-radius:11px;
    background:rgba(var(--workspace-accent-rgb),.11);
    color:var(--text);
    font:600 12px Poppins,sans-serif;
    text-decoration:none;
}

.workspace-section-bridge a:hover,
.workspace-section-bridge aside button:hover{ border-color:var(--workspace-accent); background:rgba(var(--workspace-accent-rgb),.18); }

.workspace-ready-label{ color:var(--workspace-accent); }

.workspace-section-bridge aside{
    align-self:start;
    background:linear-gradient(145deg,rgba(var(--workspace-accent-rgb),.07),transparent),var(--panel);
}

.workspace-section-bridge aside strong{ color:var(--text); font-size:16px; }
.workspace-section-bridge aside p{ margin-top:8px; font-size:12px; }
.workspace-section-bridge aside button{ width:100%; cursor:pointer; }

/* Workspace-native settings */

.workspace-settings-view{
    width:100%;
    max-width:1200px;
    margin:0 auto;
}

.workspace-settings-hero,
.workspace-settings-panel{
    padding:28px;
    border:1px solid var(--border);
    border-radius:20px;
    background:var(--panel);
}

.workspace-settings-hero{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    background:
        linear-gradient(125deg,rgba(var(--workspace-accent-rgb),.11),transparent 54%),
        var(--panel);
}

.workspace-settings-hero h2{
    margin:6px 0 7px;
    color:var(--text);
    font-size:clamp(26px,3vw,36px);
}

.workspace-settings-hero p,
.workspace-settings-panel p{
    margin:0;
    color:var(--text-light);
    font-size:13px;
    line-height:1.7;
}

.workspace-settings-current{
    flex:0 0 auto;
    padding:12px 15px;
    border:1px solid rgba(var(--workspace-accent-rgb),.32);
    border-radius:13px;
    background:rgba(var(--workspace-accent-rgb),.09);
}

.workspace-settings-current span,
.workspace-settings-current strong{ display:block; }
.workspace-settings-current span{ color:var(--text-light); font-size:12px; }
.workspace-settings-current strong{ margin-top:3px; color:var(--workspace-accent); font-size:15px; }

.workspace-settings-panel{ margin-top:16px; }
.workspace-settings-panel h3{ margin:5px 0 4px; color:var(--text); font-size:19px; }

.workspace-theme-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:13px;
    margin-top:18px;
}

.workspace-theme-option{
    display:grid;
    grid-template-columns:150px minmax(0,1fr);
    align-items:center;
    gap:16px;
    padding:14px;
    border:1px solid var(--border);
    border-radius:15px;
    background:rgba(255,255,255,.02);
    color:var(--text);
    font-family:inherit;
    text-align:left;
    cursor:pointer;
    transition:border-color .2s ease,background .2s ease,transform .2s ease;
}

.workspace-theme-option:hover{ border-color:rgba(var(--workspace-accent-rgb),.45); transform:translateY(-2px); }
.workspace-theme-option.selected{ border-color:var(--workspace-accent); background:rgba(var(--workspace-accent-rgb),.07); }

.workspace-theme-preview{
    display:grid;
    grid-template-columns:34px minmax(0,1fr);
    height:88px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.1);
    border-radius:10px;
}

.workspace-theme-preview > span:first-child{ background:#171b26; }
.workspace-theme-preview > span:last-child{ position:relative; background:#0f121a; }
.workspace-theme-preview > span:last-child::before,
.workspace-theme-preview > span:last-child::after{ content:""; position:absolute; left:10px; right:10px; border-radius:5px; background:#202637; }
.workspace-theme-preview > span:last-child::before{ top:10px; height:17px; }
.workspace-theme-preview > span:last-child::after{ top:37px; height:38px; }

.workspace-theme-preview.light{ border-color:#d7dce8; }
.workspace-theme-preview.light > span:first-child{ background:#eef1f7; }
.workspace-theme-preview.light > span:last-child{ background:#ffffff; }
.workspace-theme-preview.light > span:last-child::before,
.workspace-theme-preview.light > span:last-child::after{ background:#e8ebf2; }

.workspace-theme-copy span,
.workspace-theme-copy strong,
.workspace-theme-copy small{ display:block; }
.workspace-theme-copy span{ color:var(--workspace-accent); font-size:12px; font-weight:700; }
.workspace-theme-copy strong{ margin-top:4px; font-size:17px; }
.workspace-theme-copy small{ margin-top:5px; color:var(--text-light); font-size:12px; line-height:1.55; }
.workspace-theme-check{ margin-top:9px !important; color:var(--success) !important; opacity:0; }
.workspace-theme-option.selected .workspace-theme-check{ opacity:1; }

.workspace-settings-status{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:14px !important;
    color:var(--success) !important;
    font-weight:600;
}

.workspace-settings-status.error{ color:var(--danger,#ff5d73) !important; }

.workspace-settings-action-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:13px;
    margin-top:18px;
}

.workspace-settings-action-card{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:start;
    gap:13px;
    min-width:0;
    padding:17px;
    border:1px solid var(--border);
    border-radius:15px;
    background:rgba(255,255,255,.02);
}

.workspace-settings-action-icon{
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border:1px solid rgba(var(--workspace-accent-rgb),.25);
    border-radius:12px;
    background:rgba(var(--workspace-accent-rgb),.10);
    color:var(--workspace-accent);
}

.workspace-settings-action-card > div{ min-width:0; }
.workspace-settings-action-card small{ display:block; color:var(--workspace-accent); font-size:12px; font-weight:700; letter-spacing:.7px; }
.workspace-settings-action-card strong{ display:block; margin-top:3px; color:var(--text); font-size:16px; }
.workspace-settings-action-card p{ margin-top:5px; font-size:12px; line-height:1.55; }

.workspace-settings-action-card > button,
.workspace-settings-inline-control button{
    min-height:38px;
    margin-top:13px;
    padding:8px 12px;
    border:1px solid rgba(var(--workspace-accent-rgb),.36);
    border-radius:10px;
    background:rgba(var(--workspace-accent-rgb),.10);
    color:var(--text);
    font:600 12px Poppins,sans-serif;
    cursor:pointer;
}

.workspace-settings-action-card > button{ grid-column:2; justify-self:start; }
.workspace-settings-action-card > button:hover,
.workspace-settings-inline-control button:hover{ border-color:var(--workspace-accent); background:rgba(var(--workspace-accent-rgb),.17); }
.workspace-settings-action-card button:disabled,
.workspace-settings-action-card select:disabled{ cursor:not-allowed; opacity:.48; }
.workspace-settings-action-card.danger .workspace-settings-action-icon{ border-color:rgba(255,93,115,.28); background:rgba(255,93,115,.09); color:#ff5d73; }
.workspace-settings-action-card.danger > button{ border-color:rgba(255,93,115,.34); background:rgba(255,93,115,.08); }
.workspace-settings-action-card.danger > button:hover{ border-color:#ff5d73; background:rgba(255,93,115,.14); }

.workspace-settings-danger-dialog{
    width:min(520px,calc(100vw - 30px));
    padding:28px;
    border:1px solid rgba(255,93,115,.34);
    border-radius:20px;
    background:var(--panel);
    color:var(--text);
    box-shadow:0 24px 70px rgba(0,0,0,.45);
}
.workspace-settings-danger-dialog::backdrop{ background:rgba(4,6,11,.78); backdrop-filter:blur(5px); }
.workspace-settings-danger-close{ position:absolute; top:14px; right:14px; width:38px; height:38px; display:grid; place-items:center; border:1px solid var(--border); border-radius:11px; background:var(--panel-light); color:var(--text); cursor:pointer; }
.workspace-settings-danger-icon{ width:48px; height:48px; display:grid; place-items:center; margin-bottom:15px; border:1px solid rgba(255,93,115,.32); border-radius:14px; background:rgba(255,93,115,.10); color:#ff5d73; font-size:18px; }
.workspace-settings-danger-dialog > small{ color:#ff5d73; font-size:12px; font-weight:700; letter-spacing:.8px; }
.workspace-settings-danger-dialog h2{ margin:6px 0 8px; font-size:25px; }
.workspace-settings-danger-dialog p{ margin:0; color:var(--text-light); font-size:13px; line-height:1.65; }
.workspace-settings-danger-dialog p strong{ color:var(--text); }
.workspace-settings-danger-dialog label{ display:grid; gap:7px; margin-top:20px; color:var(--text-light); font-size:12px; }
.workspace-settings-danger-dialog label strong{ color:#ff5d73; }
.workspace-settings-danger-dialog input{ height:44px; padding:0 13px; border:1px solid var(--border); border-radius:11px; outline:0; background:var(--panel-light); color:var(--text); font:600 13px Poppins,sans-serif; }
.workspace-settings-danger-dialog input:focus{ border-color:#ff5d73; }
.workspace-settings-danger-dialog footer{ display:flex; justify-content:flex-end; gap:10px; margin-top:22px; }
.workspace-settings-danger-dialog footer button{ min-height:40px; padding:8px 13px; border:1px solid var(--border); border-radius:10px; background:var(--panel-light); color:var(--text); font:600 12px Poppins,sans-serif; cursor:pointer; }
.workspace-settings-danger-dialog footer button.danger{ border-color:rgba(255,93,115,.4); background:rgba(255,93,115,.11); color:#ff8aa0; }
.workspace-settings-danger-dialog footer button.danger:hover:not(:disabled){ border-color:#ff5d73; background:rgba(255,93,115,.17); }
.workspace-settings-danger-dialog footer button:disabled{ cursor:not-allowed; opacity:.45; }

.workspace-settings-inline-control{
    grid-column:2;
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:13px;
}

.workspace-settings-inline-control select{
    min-width:0;
    min-height:38px;
    padding:7px 32px 7px 10px;
    border:1px solid var(--border);
    border-radius:10px;
    background:var(--panel-light);
    color:var(--text);
    font:500 12px Poppins,sans-serif;
}

.workspace-settings-inline-control button{ margin-top:0; }

.workspace-settings-future-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-top:18px;
}

.workspace-settings-future-grid article{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:start;
    gap:12px;
    min-width:0;
    padding:15px;
    border:1px solid var(--border);
    border-radius:13px;
    background:rgba(255,255,255,.018);
}

.workspace-settings-future-grid article > i{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:rgba(var(--workspace-accent-rgb),.09);
    color:var(--workspace-accent);
}

.workspace-settings-future-grid strong{ color:var(--text); font-size:14px; }
.workspace-settings-future-grid p{ margin-top:4px; font-size:12px; line-height:1.55; }
.workspace-settings-future-grid article > span{
    padding:5px 8px;
    border:1px solid var(--border);
    border-radius:999px;
    color:var(--text-light);
    font-size:12px;
    font-weight:600;
}

.atlas-light-theme .workspace-shell-sidebar,
.atlas-light-theme .workspace-context,
.atlas-light-theme .workspace-rail{
    background:var(--sidebar);
    border-color:var(--border);
}

.atlas-light-theme .workspace-rail button{
    color:var(--text-light);
}

.atlas-light-theme .workspace-rail button:hover,
.atlas-light-theme .workspace-nav-section button:hover{
    background:rgba(var(--workspace-accent-rgb),.07);
    color:var(--text);
}

.atlas-light-theme .workspace-nav-section button{
    color:var(--text);
}

.atlas-light-theme .workspace-nav-section button > i{
    color:var(--text-light);
}

.atlas-light-theme .workspace-settings-hero,
.atlas-light-theme .workspace-settings-panel,
.atlas-light-theme .workspace-theme-option,
.atlas-light-theme .workspace-settings-action-card,
.atlas-light-theme .workspace-settings-future-grid article{
    background:var(--panel);
    border-color:var(--border);
    color:var(--text);
}

@keyframes workspaceContentEnter{
    from{ opacity:0; transform:translateY(10px); }
    to{ opacity:1; transform:translateY(0); }
}

@keyframes workspaceSidebarEnter{
    from{ opacity:0; transform:translateX(-8px); }
    to{ opacity:1; transform:translateX(0); }
}

::view-transition-old(root){ animation:workspaceFadeOut .16s ease both; }
::view-transition-new(root){ animation:workspaceFadeIn .28s ease both; }

@keyframes workspaceFadeOut{ to{ opacity:.72; } }
@keyframes workspaceFadeIn{ from{ opacity:.72; } }

@media (prefers-reduced-motion:reduce){
    .workspace-content-enter > *,
    .workspace-nav-section,
    ::view-transition-old(root),
    ::view-transition-new(root){ animation:none !important; }
    .workspace-outlet{ scroll-behavior:auto; }
}

@media (max-width:1320px){
    :root{ --workspace-context-width:276px; }
    .workspace-context .sidebar-header{ padding:17px; }
    .workspace-landing-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:1040px){
    .workspace-shell-sidebar{
        display:block !important;
        width:var(--workspace-rail-width);
        height:100vh;
    }

    .workspace-rail{ display:flex; }
    .workspace-context{ display:none; }
    .workspace-migration-panel,
    .workspace-section-bridge{ grid-template-columns:1fr; }
}

@media (max-width:700px){
    :root{ --workspace-rail-width:62px; }
    .workspace-rail{ padding-inline:6px; }
    .workspace-rail-brand{ width:42px; height:42px; }
    .workspace-rail button{ width:46px; }
    .workspace-rail button::before{ left:-6px; }
    .workspace-landing-hero{ align-items:flex-start; flex-direction:column; padding:22px; }
    .workspace-landing-grid{ grid-template-columns:1fr; }
    .workspace-migration-panel,
    .workspace-section-bridge > section,
    .workspace-section-bridge > aside{ padding:20px; }
    .workspace-landing-hero h2,
    .workspace-section-bridge h2{ font-size:25px; }
    .workspace-settings-hero{ align-items:flex-start; flex-direction:column; padding:21px; }
    .workspace-settings-panel{ padding:21px; }
    .workspace-theme-grid{ grid-template-columns:1fr; }
    .workspace-theme-option{ grid-template-columns:105px minmax(0,1fr); }
    .workspace-settings-action-grid,
    .workspace-settings-future-grid{ grid-template-columns:1fr; }
    .workspace-settings-action-card{ grid-template-columns:auto minmax(0,1fr); }
    .workspace-settings-inline-control{ align-items:stretch; flex-direction:column; }
    .workspace-settings-inline-control select,
    .workspace-settings-inline-control button{ width:100%; }
}