/* Focus 2.0 / Glass 2.0: retain saved theme selection and all established page layouts. */
:root[data-design]{--d11-radius:14px;--d11-control-radius:10px;--sidebar:236px}
:root[data-design] .nav .d13-nav-group{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:650;padding:20px 12px 8px;color:var(--muted)}
:root[data-design] .sidebar .nav button{min-height:44px;border-radius:10px;margin:2px 0;gap:12px}
:root[data-design] .sidebar .nav button svg{width:20px;height:20px;flex-shrink:0}
:root[data-design=focus] .sidebar{--ink:#f3f5f9;--muted:#bac3d0;--surface:#202936;--surface2:#2a3544;--line:#3a4656;--accent:#ff9fc6;--soft:#5a2440;--d11-nav:#202936;background:#202936;color:var(--ink);border-right:0}
:root[data-design=focus] .sidebar .nav button{color:#d8dfe9;background:transparent;border-color:transparent}
:root[data-design=focus] .sidebar .nav button:hover{background:#ffffff0e;color:#fff}
:root[data-design=focus] .sidebar .nav button.active{background:#ad2158;color:#fff;box-shadow:0 3px 12px #0e10132a}
:root[data-design=focus] .sidebar .brand img{filter:brightness(0) invert(1)}
:root[data-design=focus] .sidebar .identity,:root[data-design=focus] .sidebar .brand{color:#f3f5f9}
:root[data-design=focus] .sidebar .nav-label{color:#bac3d0}
:root[data-design=focus] .sidebar .avatar{background:#354153;color:#f5f7fb}
:root[data-design=glass]{--bg:#f8f5fa;--surface:#ffffffed;--surface2:#f7f3f9;--line:#e6deec;--d11-radius:22px;--d11-control-radius:12px;--shadow:0 6px 28px #55436508}
:root[data-design=glass] body{background:radial-gradient(ellipse at 80% 85%,#efddf33d,transparent 65%),radial-gradient(ellipse at 55% 5%,#fce6ed75,transparent 60%),var(--bg);background-attachment:fixed}
:root[data-design=glass] .sidebar{background:#fffcfff0;border-right:1px solid #ffffff;box-shadow:4px 0 30px #5b3a7606}
:root[data-design=glass] .topbar{background:#ffffffd9;border-bottom:1px solid #eee6f0}
:root[data-design=glass] .sidebar .nav button.active{background:#f8e7f0;color:#a21c58;border-color:#f2d2e3}
:root[data-design=glass] .w13-analytic-card,:root[data-design=glass] .w13-editor .card,:root[data-design=glass] .w13-detail-grid .card{background:#ffffffed;border-color:#fff;box-shadow:0 8px 36px #55436508}
:root[data-design=glass][data-theme=dark]{--bg:#17131d;--surface:#24212bf5;--surface2:#2d2935;--line:#493e50;--ink:#f8f4fb;--muted:#c3b6ce;--shadow:0 8px 28px #0002}
:root[data-design=glass][data-theme=dark] body{background:radial-gradient(ellipse at 85% 90%,#4d24522d,transparent 65%),var(--bg)}
:root[data-design=glass][data-theme=dark] .sidebar,:root[data-design=glass][data-theme=dark] .topbar{background:#24212bf0;border-color:var(--line)}
:root[data-design=glass][data-theme=dark] .sidebar .nav button.active{background:#51233d;color:#ffafd3;border-color:#754360}
:root[data-design=glass][data-theme=dark] .w13-analytic-card,:root[data-design=glass][data-theme=dark] .w13-editor .card,:root[data-design=glass][data-theme=dark] .w13-detail-grid .card{background:var(--surface);border-color:var(--line)}
@supports(backdrop-filter:blur(12px)){:root[data-design=glass] .sidebar,:root[data-design=glass] .topbar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}
@media(min-width:901px){:root[data-design] .sidebar{padding-bottom:18px}:root[data-design=glass] .sidebar{top:12px;left:12px;bottom:12px;height:calc(100dvh - 24px);width:calc(var(--sidebar) - 12px);border-radius:24px}:root[data-design=glass] .topbar{margin:12px 16px 0;border-radius:18px}}
@media(max-width:900px){:root[data-design] .page{padding-bottom:calc(96px + env(safe-area-inset-bottom))}:root[data-design] .a4-bottom-nav{padding-bottom:env(safe-area-inset-bottom);min-height:64px}:root[data-design] .a4-bottom-nav button{min-height:56px}:root[data-design] .a4-bottom-nav button span{font-size:11px}:root[data-design=glass] .a4-bottom-nav{background:var(--d11-nav);border-top:1px solid var(--line)}:root[data-design] .a4-more-grid{gap:10px}:root[data-design] .a4-more-grid button{min-height:84px}:root[data-design] .topbar{min-height:64px;margin:0;border-radius:0}:root[data-design] body[data-crm-route=reports] .page-head{align-items:flex-start;gap:16px;flex-wrap:wrap}:root[data-design] body[data-crm-route=reports] .page-head h1{font-size:28px}:root[data-design] body[data-crm-route=reports] .page-head>.actions{width:100%}}
@media(prefers-reduced-motion:reduce){:root[data-design] *, :root[data-design] *::before,:root[data-design] *::after{scroll-behavior:auto!important}}
@media(forced-colors:active){:root[data-design] .sidebar,:root[data-design] .topbar,:root[data-design] .w13-analytic-card{background:Canvas;color:CanvasText;border:1px solid CanvasText}:root[data-design] .sidebar .nav button{color:ButtonText}:root[data-design] .sidebar .nav button.active{background:Highlight;color:HighlightText}}