/* Canonical period control. Legacy period selectors are removed from other sheets. */
:is(#app,#team) .os-period{display:flex;align-items:center;flex-wrap:nowrap;gap:12px;min-width:0;width:100%;margin:0 0 24px;padding:0;font-family:inherit;color:#202735}
:is(#app,#team) .os-period-view,:is(#app,#team) .os-period-today{flex:0 0 auto;height:44px;min-height:44px;width:auto;margin:0;padding:0 14px;border:0;border-radius:12px;box-shadow:none;background:#dcebe0;color:#26372e;font:inherit;font-size:15px;line-height:1.3;text-transform:none;cursor:pointer}
:is(#app,#team) .os-period-view{width:116px;padding-right:8px}
:is(#app,#team) .os-period-today{background:#e9efea}
:is(#app,#team) .os-period-date{margin-left:auto;min-width:0;font-size:17px;font-weight:600;line-height:1.35;text-align:right;overflow-wrap:anywhere}
:is(#app,#team) .os-period-picker{position:relative;display:grid;place-items:center;flex:0 0 40px;width:40px;height:44px;margin:0;padding:0;color:#687b70;cursor:pointer}
:is(#app,#team) .os-period-picker svg{width:25px;height:25px;display:block}
:is(#app,#team) .os-period-picker input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;padding:0;border:0;cursor:pointer}
:is(#app,#team) .os-period :is(button,select,input):focus-visible{outline:2px solid #719f86;outline-offset:3px}
@media(max-width:700px){
 :is(#app,#team) .os-period{gap:8px;margin-bottom:22px}
 :is(#app,#team) .os-period-view{width:100px;font-size:14px;padding-left:12px}
 :is(#app,#team) .os-period-today{font-size:14px;padding:0 12px}
 :is(#app,#team) .os-period-date{font-size:15px}
 :is(#app,#team) .os-period-picker{flex-basis:32px;width:32px}
}
@media(max-width:360px){:is(#app,#team) .os-period{gap:6px}:is(#app,#team) .os-period-view{width:88px}}