#reportStateBar { display:flex; align-items:center; flex-wrap:wrap; gap:12px 20px; padding:12px 24px; background:#fff; border-bottom:1px solid #dfe3e8; color:#334155; font-size:14px; }
#reportStateBar[hidden] { display:none !important; }
#reportStateBar label { display:flex; align-items:center; gap:10px; margin:0; font-size:14px; }
#reportStateBar select { width:180px; min-height:40px; padding:8px 12px; font:inherit; background:#fff; color:#172554; border:1px solid #cbd5e1; border-radius:8px; }
#reportStateBar select:focus-visible { outline:3px solid #2563eb; outline-offset:2px; }
#reportStateBar > span { font-size:13px; color:#526073; }
#suiteShell:has(#reportStateBar:not([hidden])) .bo-state { display:none; }
@media(max-width:600px) { #reportStateBar { padding:12px 16px; gap:8px; } #reportStateBar > span { width:100%; } }