.advs-layout-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 15px}.advs-layout-bar button{font:600 14px system-ui;padding:8px 12px;border:1px solid var(--ad-border,#c4cde6);border-radius:7px;background:var(--ad-surface,#fff);color:var(--ad-ink,#15264f);cursor:pointer}.advs-layout-bar [role=status]{font:14px system-ui;color:var(--ad-muted,#62729a)}.advs-layout-controls{display:inline-flex;align-items:center;gap:4px;margin-right:7px;flex-shrink:0}.advs-layout-controls[hidden],.advs-layout-bar [hidden]{display:none!important}.advs-layout-grip,.advs-layout-step{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:28px;border:1px solid var(--ad-border,#c4cde6);border-radius:5px;font:700 14px system-ui;color:var(--ad-accent,#2f63d6);background:var(--ad-surface,#fff);cursor:pointer}.advs-layout-grip{cursor:grab}.advs-layout-grip:focus,.advs-layout-step:focus{outline:2px solid #2f63d6}.tool-card > .advs-layout-controls{position:absolute;top:12px;right:12px}.advs-arranging .tool-card{position:relative;outline:1px dashed var(--ad-border,#c4cde6)}.advs-dragging{opacity:.45}.advs-arranging .advs-side-links :is(a,button){flex-wrap:wrap}.topbar > .advs-layout-bar{margin:0 12px 0 0}

.advs-layout-grip::before{content:'↕'}.advs-layout-step[data-direction=up]::before{content:'↑'}.advs-layout-step[data-direction=down]::before{content:'↓'}

.advs-layout-bar[hidden]{display:none!important}

.advs-layout-bar:not(:has([data-edit-action]:not([hidden]))){justify-content:flex-end;margin-bottom:8px}.advs-layout-bar [data-arrange]{background:transparent;font-size:14px;padding:5px 9px;min-height:30px}.advs-layout-bar [data-arrange]:focus-visible{outline:2px solid var(--ad-accent,#2f63d6);outline-offset:2px}

/* Keep personal ordering controls beside the navigation they change. */
.advs-sidebar-arrange{flex:none;padding:0 8px 12px;margin:0!important;justify-content:flex-start!important;gap:6px}
.advs-sidebar-arrange [data-arrange]{width:100%;text-align:left;border:1px solid var(--ad-nav-border,#345564);border-radius:9px;padding:9px 12px;min-height:36px;color:var(--ad-muted,#a8c1cf)}
.advs-sidebar-arrange [data-edit-action]{flex:1 1 auto;font-size:12px;padding:8px}
.advs-sidebar-arrange [role=status]{width:100%;font-size:11px;line-height:1.5}
.advs-arranging .advs-side-links :is(a,button),.advs-arranging .sidebar nav .nav-item{position:relative;padding-right:78px!important;flex-wrap:nowrap}
.advs-arranging .advs-side-links .advs-layout-controls,.advs-arranging .sidebar nav .advs-layout-controls{position:absolute;right:8px;top:50%;transform:translateY(-50%);margin:0;gap:4px}
.advs-side-links .advs-layout-grip,.sidebar nav .advs-layout-grip{display:none}
.advs-side-links .advs-layout-step,.sidebar nav .advs-layout-step{min-width:28px;min-height:30px;font-size:16px}
.advs-sidebar>.advs-layout-bar:not([hidden]),.shell>.sidebar>.advs-layout-bar:not([hidden]){display:flex!important}
/* Hours & SLA – design O */
.hs-o{font-size:14px;line-height:1.4;--hs-green:#3ddc97;--hs-orange:#ff8a5b;--hs-gold:#ffb547;--hs-pink:#ff9eae;--hs-blue:var(--ad-accent,#5b8cff);--hs-card:var(--ad-surface,#0b1430);--hs-line:var(--ad-border,#22356b);--hs-ink:var(--ad-ink,#eef3ff);--hs-muted:var(--ad-muted,#a9b8db);--hs-track:color-mix(in srgb,var(--hs-blue) 13%,var(--hs-card));font-variant-numeric:tabular-nums}
[data-theme="light"] .hs-o{font-size:14px;line-height:1.4;--hs-green:#12a26a;--hs-orange:#d9581a;--hs-gold:#b7791f;--hs-pink:#c0304f}
.hs-o .hs-anchor{display:none!important}
.hs-layout{display:flex;flex-wrap:wrap;gap:20px;align-items:stretch}
.hs-panel{flex:1 1 300px;display:flex;flex-direction:column;gap:22px;padding:28px;border-radius:24px;background:var(--hs-card);border:1px solid var(--hs-line);box-sizing:border-box;min-width:0}
.hs-main{flex:999 1 600px;min-width:0;display:flex;flex-direction:column;gap:18px}
.hs-o #work-selected-detail{display:none}
.hs-calendar{flex:1 1 auto;display:flex;flex-direction:column}
.hs-calendar .hs-cal-scroll{flex:1 1 auto;display:flex}
.hs-calendar .hs-cal{flex:1 1 auto;grid-template-rows:auto;grid-auto-rows:minmax(132px,1fr)}
.hs-kicker{margin:0;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--hs-muted)}
.hs-hello{margin:0;font-size:32px;line-height:1.08;font-weight:750;letter-spacing:-.025em;color:var(--hs-ink)}
.hs-message{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;background:color-mix(in srgb,var(--hs-green) 14%,var(--hs-card));border:1px solid var(--hs-green)}
.hs-message>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.hs-message strong{font-size:15px;line-height:1.35;color:var(--hs-ink)}
.hs-message span:not(.hs-check){font-size:13px;line-height:1.4;color:var(--hs-muted)}
.hs-check{flex:none;width:36px;height:36px;border-radius:999px;background:var(--hs-green);color:#06261a;display:flex;align-items:center;justify-content:center}
.hs-bars{display:flex;flex-direction:column;gap:18px}
.hs-bar{display:flex;flex-direction:column;gap:8px}
.hs-bar-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.hs-bar-top span{font-size:13px;color:var(--hs-muted)}
.hs-bar-top strong{font-size:26px;font-weight:750;color:var(--hs-ink)}
.hs-bar small,.hs-total small{font-size:12px;color:var(--hs-muted)}
.hs-track{display:flex;gap:2px;height:8px;border-radius:999px;background:var(--hs-track);overflow:hidden}
.hs-fill{display:block;height:100%;width:0;border-radius:999px;transition:width .4s ease}
.hs-fill.hours,.hs-fill.sla{background:var(--hs-blue)}
.hs-fill.transfers{background:var(--hs-green)}
.hs-fill.invalid{background:var(--hs-orange)}
.hs-fill.qc{background:var(--hs-gold)}
.hs-wins{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.hs-wins li{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:var(--hs-track);font-size:13px;color:var(--hs-ink)}
.hs-wins li::before{content:"";flex:none;width:8px;height:8px;border-radius:999px;background:var(--hs-green)}
.hs-wins li.blue::before{background:var(--hs-blue)}
.hs-wins li.gold::before{background:var(--hs-gold)}
.hs-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:22px 6px;border-radius:22px;background:var(--hs-card);border:1px solid var(--hs-line)}
.hs-total{display:flex;flex-direction:column;gap:10px;padding:0 18px;min-width:0}
.hs-total+.hs-total{border-left:1px solid var(--hs-line)}
.hs-total>span{font-size:13px;color:var(--hs-muted)}
.hs-total>strong{white-space:nowrap;font-size:28px;font-weight:750;letter-spacing:-.02em;line-height:1.1;color:var(--hs-ink)}
.hs-link{all:unset;cursor:pointer;font-size:12px;color:var(--hs-blue)}
.hs-link:hover,.hs-link:focus-visible{text-decoration:underline}
.hs-calendar{padding:24px;border-radius:24px;background:var(--hs-card);border:1px solid var(--hs-line)}
.hs-cal-scroll{overflow-x:auto;margin-top:6px}
.hs-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;min-width:640px}
.hs-head{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--hs-muted);padding-left:4px}
.hs-day{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:7px;min-height:104px;min-width:0;padding:11px;border-radius:14px;overflow:hidden;color:var(--hs-ink);text-align:left}
button.hs-day{cursor:pointer;background:var(--hs-track);border:1px solid var(--hs-line)}
button.hs-day:hover{border-color:var(--hs-blue)}
button.hs-day:focus-visible{outline:2px solid var(--hs-blue);outline-offset:2px}
button.hs-day[aria-pressed="true"]{box-shadow:0 0 0 2px var(--hs-ink)}
.hs-day.best{background:color-mix(in srgb,var(--hs-green) 16%,var(--hs-card));border-color:var(--hs-green)}
.hs-day.today{background:color-mix(in srgb,var(--hs-blue) 22%,var(--hs-card));border:2px solid var(--hs-blue)}
.hs-day.miss{background:color-mix(in srgb,var(--hs-pink) 12%,var(--hs-card));border-color:color-mix(in srgb,var(--hs-pink) 45%,transparent)}
.hs-day.up{background:transparent;border:1px dashed var(--hs-line)}
.hs-day.off,.hs-day.out{background:transparent}
.hs-day.out{opacity:.35}
.hs-day-top{display:flex;justify-content:space-between;align-items:center;gap:4px;flex-wrap:wrap}
.hs-day b{font-size:13px;font-weight:700}
.hs-day.off b,.hs-day.out b,.hs-day.up b{color:var(--hs-muted)}
.hs-day em{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--hs-muted)}
.hs-day em.best{color:var(--hs-green)}.hs-day em.today{color:var(--hs-blue)}.hs-day em.invalid{color:var(--hs-orange)}.hs-day em.end{color:var(--hs-gold);flex-basis:100%}
.hs-day strong{font-size:clamp(14px,1.35vw,19px);font-weight:700;white-space:nowrap;letter-spacing:-.01em}
.hs-mini{display:block;height:5px;border-radius:999px;background:color-mix(in srgb,var(--hs-muted) 22%,transparent);overflow:hidden}
.hs-mini i{display:block;height:100%;width:0;border-radius:999px;background:var(--hs-blue)}
.hs-mini.full i{background:var(--hs-green)}
.hs-tr{font-size:13px;font-weight:600;color:var(--hs-ink)}
.hs-sla{font-size:12px;color:var(--hs-muted)}
.hs-sla .sla-score{font-weight:700}
.hs-day small{font-size:12px;color:var(--hs-muted)}
.hs-day .miss{font-size:12px;color:var(--hs-pink)}
.hs-dots{display:flex;flex-wrap:wrap;gap:3px}
.hs-dots i,.hs-legend i.c,.hs-legend i.x{display:inline-block;width:7px;height:7px;border-radius:999px;background:var(--hs-green)}
.hs-dots i.x,.hs-legend i.x{background:var(--hs-orange)}
.hs-legend{display:flex;flex-wrap:wrap;gap:16px;margin:14px 0 18px;font-size:12px;color:var(--hs-muted)}
.hs-legend span{display:flex;align-items:center;gap:6px}
.hs-legend i.bar{display:inline-block;width:18px;height:5px;border-radius:999px;background:var(--hs-blue)}
.hs-legend i.sq{display:inline-block;width:12px;height:12px;border-radius:4px;box-sizing:border-box}
.hs-legend i.today{border:2px solid var(--hs-blue)}.hs-legend i.best{border:1px solid var(--hs-green)}.hs-legend i.up{border:1px dashed var(--hs-muted)}
.hs-qc-notes{margin-top:14px;padding:14px 16px;border-radius:14px;background:var(--hs-track);border:1px solid var(--hs-line);display:flex;flex-direction:column;gap:8px}
.hs-qc-notes p{margin:0;font-size:13px;line-height:1.5;color:var(--hs-ink)}
.hs-qc-notes b{color:var(--hs-orange)}
@media (max-width:760px){
 .hs-panel{padding:20px}
 .hs-hello{font-size:30px}
 .hs-totals{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}
 .hs-total:nth-child(3){border-left:0}
 .hs-total>strong{font-size:26px}
 .hs-calendar{padding:16px}
 .hs-cal{min-width:0;gap:4px}
 .hs-head{font-size:10px;letter-spacing:0;padding-left:2px}
 .hs-day{min-height:60px;padding:6px;gap:4px;border-radius:10px}
 .hs-day b{font-size:12px}
 .hs-day strong{font-size:11px;white-space:normal;line-height:1.15}
 .hs-day em,.hs-day small,.hs-day .miss{display:none}
 .hs-day.miss b{color:var(--hs-pink)}
 .hs-calendar .hs-cal{grid-auto-rows:minmax(64px,auto)}
 .hs-day .hs-tr,.hs-day .hs-sla{display:none}
 .hs-mini{height:3px}
}
.hs-updated{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px}
.hs-updated span{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--hs-card);border:1px solid var(--hs-line);font-size:12px;color:var(--hs-muted)}
.hs-updated span i{width:7px;height:7px;border-radius:999px;background:var(--hs-green)}