.appearance-panel{margin-bottom:22px;max-width:1000px}
.header-notifications{position:relative;flex-shrink:0}
.header-notifications .header-bell{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:44px}
.header-notifications-panel{position:absolute;top:100%;right:0;z-index:80;width:min(310px,calc(100vw - 28px));padding:18px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px #0003}
.header-notifications-panel[hidden]{display:none}
.header-notifications-panel h2{margin:0 0 14px;font-size:16px;line-height:1.4}
.header-notifications-panel dl{display:grid;gap:12px;margin:0 0 18px;font-size:14px}
.header-notifications-panel dl>div{display:flex;justify-content:space-between;gap:16px}
.header-notifications-panel dd{margin:0;font-weight:650;font-variant-numeric:tabular-nums}
.header-notifications-panel p{font-size:14px;line-height:1.5}
.header-notifications-panel>button{width:100%;min-height:44px;white-space:normal}
.header-notifications-panel :focus-visible,.header-bell:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:720px){.header-notifications-panel{position:fixed;top:var(--notifications-top,64px);right:14px;max-height:calc(100dvh - var(--notifications-top,64px) - 14px);overflow-y:auto}}
.appearance-panel h2{font-size:21px;margin:0 0 9px}
.appearance-panel>p{font-size:13px;color:var(--muted);line-height:1.6;margin:0 0 18px}
.appearance-panel fieldset{border:0;padding:0;margin:0 0 20px;min-width:0}
.appearance-panel legend{font-size:12px;font-weight:600;color:var(--text);padding:0;margin-bottom:10px}
.appearance-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.appearance-choice{display:flex;align-items:flex-start;gap:12px;padding:18px;border:1px solid var(--line);border-radius:10px;cursor:pointer;background:var(--surface);margin:0!important;min-width:0}
.appearance-choice:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.appearance-choice strong{display:block;font-size:15px;margin-bottom:6px;color:var(--text)}
.appearance-choice small{display:block;font-size:12px;line-height:1.6;color:var(--muted)}
.appearance-panel input[type=radio]{width:17px;height:17px;flex-shrink:0;accent-color:var(--accent);margin:3px 0 0;padding:0}
.appearance-panel input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.appearance-colors{display:flex;gap:20px;flex-wrap:wrap}
.appearance-colors label{display:flex;align-items:center;gap:9px;font-size:13px;cursor:pointer;margin:0!important;min-height:36px}
.appearance-panel .appearance-status{margin:0;min-height:21px;font-size:12px}
[data-appearance-layout][hidden]{display:none!important}
@media(max-width:720px){.appearance-choices{grid-template-columns:minmax(0,1fr)}.appearance-choice{padding:15px}.appearance-panel{padding:18px}}

.design-dashboard .home-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:720px){.design-dashboard .home-metrics{grid-template-columns:1fr}}

/* Keep mobile navigation in its own viewport row; only content scrolls vertically. */
@media(max-width:720px){
 body:has(.shell.pulse-shell){overflow:hidden}
 .shell.pulse-shell,.shell.pulse-shell.sidebar-collapsed{height:100vh;height:100dvh;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);overflow:hidden}
 .shell.pulse-shell>.sidebar{min-width:0;min-height:0;max-height:none;overflow:hidden;gap:8px;padding:10px 12px;padding-top:calc(10px + env(safe-area-inset-top,0px))}
 .shell.pulse-shell>.sidebar>.sidebar-bottom{display:none}
 .shell.pulse-shell>.sidebar>.brand-home{height:48px;min-height:48px;flex-shrink:0;flex-direction:row;padding:0;justify-content:flex-start;border:0}
 .shell.pulse-shell>.sidebar>.brand-home img{width:118px;max-height:34px}
 .shell.pulse-shell>.sidebar>.nav{display:flex;flex-wrap:nowrap;align-items:center;min-width:0;height:48px;min-height:48px;max-height:48px;padding:0;flex-shrink:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;touch-action:pan-x;overscroll-behavior-x:contain}
 .shell.pulse-shell>.sidebar>.nav::-webkit-scrollbar{display:none}
 .shell.pulse-shell>.sidebar>.nav>details{display:flex;align-items:center;height:44px;margin:0;padding:0;border:0;overflow:hidden}
 .shell.pulse-shell>.sidebar>.nav>details::details-content{display:flex;align-items:center}
 .shell.pulse-shell>.sidebar>.nav>button,.shell.pulse-shell>.sidebar>.nav>details{flex-shrink:0}
 .shell.pulse-shell>.sidebar>.nav button{flex:0 0 auto;font-size:12px;white-space:nowrap;min-height:44px;padding:10px 12px}
 .shell.pulse-shell>.sidebar>.nav button svg{display:none}
 .shell.pulse-shell>.main{min-height:0;overflow:hidden}
 .shell.pulse-shell>.main>.topbar,.shell.pulse-shell>.main>.tabs{flex-shrink:0}
 .shell.pulse-shell>.main>.content{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}
 .shell.pulse-shell.list-expanded{grid-template-rows:minmax(0,1fr)}
}