.orientation-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:0 10px;border:1px solid var(--line,#61748d);border-radius:5px;background:var(--nav,#19283d);color:inherit;font-size:11px;white-space:nowrap;flex:0 0 auto}
.orientation-toggle:hover{background:var(--teal-soft,#243950)}
.orientation-toggle:focus-visible,.orientation-dismiss:focus-visible{outline:3px solid var(--teal,#79adff);outline-offset:2px}
.orientation-icon{font-size:23px;line-height:1}
.orientation-toggle:disabled{cursor:wait}
.orientation-notice{position:relative;display:flex;align-items:center;gap:8px;flex:0 0 auto;width:100%;padding:4px 12px;border-bottom:1px solid var(--line,#c9d3df);background:var(--paper,#fff);color:var(--ink,#19283d)}
.orientation-notice[hidden]{display:none!important}
.orientation-notice p{flex:1;font-size:11px;line-height:1.6;margin:0}
.orientation-dismiss{flex:0 0 44px;width:44px;height:44px;background:transparent;color:var(--muted,#526075);font-size:23px;pointer-events:auto;border-radius:4px}
.orientation-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1180px){.orientation-label{display:none}.orientation-toggle{width:44px;padding:0}}