.employee-planning-header{--employee-planning-blue:var(--employee-space-blue,#0b5ed7);--employee-planning-blue-soft:var(--employee-space-blue-soft,#eef5ff);--employee-planning-border:var(--employee-space-border,#dce4ef);--employee-planning-muted:var(--employee-space-muted,#667382);--employee-planning-surface:var(--employee-space-surface,#fff);border:1px solid var(--employee-planning-border);border-radius:var(--employee-space-radius-lg,.75rem);background:var(--employee-planning-surface);box-shadow:var(--employee-space-shadow-sm,0 .25rem .85rem #1824330f);gap:.75rem;margin:-.25rem 0 .875rem;padding:.75rem;display:grid}.employee-planning-header__topline{grid-template-columns:3.25rem minmax(0,1fr) auto 2.75rem;align-items:center;column-gap:.65rem;min-width:0;display:grid}.employee-planning-header__topline--passive{grid-template-columns:3.25rem minmax(0,1fr) auto}.employee-planning-header__icon{background:var(--employee-planning-blue-soft);width:3.25rem;height:3.25rem;color:var(--employee-planning-blue);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.employee-planning-header__identity{min-width:0}.employee-planning-header__identity h1{letter-spacing:-.015em;margin:0;font-size:1.12rem;font-weight:700;line-height:1.25}.employee-planning-header__identity .employee-planning-header__subtitle{color:var(--employee-planning-blue);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:600;display:block;overflow:hidden}.employee-planning-header__identity .employee-planning-header__eyebrow{color:var(--employee-planning-blue);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.08rem;font-size:.68rem;font-weight:800;line-height:1.15;display:block}.employee-planning-header__status{background:var(--employee-planning-blue-soft);min-height:2rem;color:var(--employee-planning-blue);white-space:nowrap;border-radius:999px;align-items:center;padding:.35rem .65rem;font-size:.7rem;font-weight:700;display:inline-flex}.employee-planning-refresh{grid-column:4;width:2.75rem;height:2.75rem}.employee-planning-refresh__icon.is-spinning{animation:.8s linear infinite employee-planning-spin}.employee-planning-header__updated{color:var(--employee-planning-muted);text-align:right;grid-column:2/-1;margin-top:-.25rem;font-size:.68rem}@keyframes employee-planning-spin{to{transform:rotate(360deg)}}.employee-planning-view-switch{border:1px solid var(--employee-planning-border);background:#f8fafc;border-radius:.55rem;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.employee-planning-view-switch button{color:#526070;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;min-width:0;min-height:2.75rem;padding:.45rem .65rem;font-size:.82rem;font-weight:600;display:inline-flex}.employee-planning-view-switch button+button{border-left:1px solid var(--employee-planning-border)}.employee-planning-view-switch button.is-active{background:var(--employee-planning-blue);color:#fff}.employee-planning-temporal-nav{grid-template-columns:2.75rem minmax(0,1fr) 2.75rem auto;align-items:center;gap:.45rem;display:grid}.employee-planning-temporal-nav .btn-icon{width:2.75rem;height:2.75rem;padding:0}.employee-planning-temporal-nav strong{text-align:center;min-width:0;font-size:.78rem;line-height:1.25}.employee-planning-today{min-height:2.75rem;padding-inline:.75rem;font-size:.75rem}@media (width>=768px){.employee-planning-header{grid-template-columns:minmax(15rem,1fr) minmax(18rem,1.25fr);align-items:center}.employee-planning-header__topline{grid-column:1}.employee-planning-view-switch{grid-area:1/2}.employee-planning-temporal-nav{grid-column:1/-1}}@media (width<=389.98px){.employee-planning-header__topline{grid-template-columns:3.25rem minmax(0,1fr) 2.75rem}.employee-planning-refresh{grid-area:1/3}.employee-planning-header__status{grid-area:2/2/auto/-1;justify-self:start}.employee-planning-header__updated{grid-row:3}.employee-planning-temporal-nav{grid-template-columns:2.75rem minmax(0,1fr) 2.75rem}.employee-planning-today{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.employee-planning-refresh__icon.is-spinning{animation:none}}
