.view-picker{display:flex;gap:8px;align-items:center;font-size:11px;font-weight:700;white-space:nowrap}.view-picker select{padding:8px;min-height:36px;width:auto;max-width:155px}.workspace-options{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.workspace-options article{padding:18px;border:1px solid var(--line,#ddd);border-radius:12px}.workspace-options p{font-size:13px;line-height:1.6;color:var(--muted)}
body[data-device-view="scout"] .scout-layout{display:block;max-width:900px;margin-inline:auto}body[data-device-view="scout"] .scout-layout>div:not(:first-child){display:none}
body[data-device-view="analysis"] [data-action="pick"],body[data-device-view="analysis"] [data-action="move-pick"],body[data-device-view="analysis"] [data-action="edit-record"],body[data-device-view="analysis"] a[href="#scout"],body[data-device-view="analysis"] [data-ops="scout"]{display:none!important}
body[data-device-view="scout"] [data-action="add-team"],body[data-device-view="scout"] [data-action="new-event"],body[data-device-view="analysis"] [data-action="new-event"],body[data-device-view="analysis"] [data-action="add-team"]{display:none!important}
/* Keep desktop tools inline; use one disclosure on compact screens. */
#topbar{height:auto;min-height:80px;flex-wrap:wrap;padding:14px 28px;gap:12px;position:relative}
#topbar .event-control{flex:1 1 250px;min-width:0;gap:10px}
#topbar .event-control select{flex:1 1 180px;min-width:0;width:100%;max-width:320px;font-size:12px}
#topbar .season-chip{display:inline-flex;flex-shrink:0;white-space:nowrap}
#topbar .toolbar-menu{flex:1 1 620px;min-width:0;position:relative}
#topbar .toolbar-toggle,#topbar .toolbar-context{display:none}
#topbar .header-right{min-width:0;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}
#topbar .header-right .view-picker{font-size:11px;flex-shrink:0}
#topbar .view-picker select{font-size:12px;max-width:155px}
#topbar .header-right .btn{display:inline-flex;min-height:40px;font-size:12px;padding:9px 12px}
#topbar .storage-label{display:flex;min-height:40px;max-width:100%;line-height:1.5}
#topbar .storage-label .dot{flex-shrink:0}
#topbar .avatar{flex-shrink:0}
.page-heading .actions{flex-wrap:wrap}
@media(max-width:1280px){
 #topbar{height:65px;min-height:65px;flex-wrap:nowrap;padding:10px 20px;gap:12px}
 #topbar .event-control{flex:1 1 0}
 #topbar .event-control select{max-width:none;min-height:44px}
 #topbar .season-chip,#topbar .avatar{display:none}
 #topbar .toolbar-menu{flex:0 0 auto;position:relative}
 #topbar .toolbar-toggle{display:flex;align-items:center;gap:7px;min-height:44px;padding:9px 12px;font-size:12px;list-style:none;cursor:pointer}
 #topbar .toolbar-toggle::-webkit-details-marker{display:none}
 #topbar .toolbar-toggle .icon{width:14px;height:14px}
 #topbar .toolbar-toggle:focus-visible{outline:3px solid #b82c68;outline-offset:3px}
 #topbar .toolbar-menu[open]>.toolbar-toggle{background:#fff1f7;border-color:#edb3ce;color:#b82c68}
 #topbar .toolbar-menu[open]>.toolbar-toggle .icon{transform:rotate(180deg)}
 #topbar .header-right{position:absolute;right:0;top:calc(100% + 8px);z-index:35;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;width:290px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 90px);overflow:auto;padding:16px;border:1px solid #e9dbe5;border-radius:12px;background:#fff;box-shadow:0 12px 36px #36203524}
 #topbar .toolbar-context{display:block;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#918393}
 #topbar .header-right .view-picker{display:flex;flex-direction:column;align-items:stretch;gap:7px;white-space:normal}
 #topbar .view-picker select{width:100%;max-width:none;min-height:44px;font-size:13px}
 #topbar .header-right .btn{justify-content:flex-start;width:100%;min-height:44px;font-size:13px;padding:10px 12px}
 #topbar .storage-label{min-height:44px;padding:8px 0 0;border-top:1px solid var(--line);font-size:12px}
}
@media(max-width:850px){.workspace-options{grid-template-columns:1fr}}
@media(max-width:760px){
 #topbar{padding:10px 16px;gap:8px}
 #topbar .mobile-menu{flex:0 0 44px;min-height:44px}
 .page-heading{flex-wrap:wrap}
}