/* BIZMYZE showroom tour (js/showroom.js renders into #tourStage). Tokens from styles.css with hard fallbacks.
   Near-monochrome; BIZMYZE blue only on the tab progress, the active cursor, toast dots, the build line and the wordmark. */
.sr {
--ca:var(--color-canvas,#FFFFFF);--mi:var(--color-mist,#F2F2F3);--fo:var(--color-fog,#FAFAFB);
--in:var(--color-text,#17191C);--bo:var(--color-body,#3A3D44);--sl:var(--color-text-muted,#777B86);
--sm:var(--color-smoke,#A3A6AF);--li:var(--color-border,#ECECEC);--ri:var(--color-ring,rgba(4,23,43,0.05));
--bl:#2563EB;--sr-accent:var(--bl);
--sh:var(--shadow-subtle-3,0 0 0 1px rgba(4,23,43,0.05),0 20px 25px -5px rgba(0,0,0,0.10),0 8px 10px -6px rgba(0,0,0,0.10));
--sh2:var(--shadow-subtle-2,0 0 0 1px rgba(4,23,43,0.05),0 8px 40px rgba(0,0,0,0.10));
--sans:var(--font-base,'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif);
--mono:var(--font-mono,'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace);
--serif:var(--font-display,'Newsreader',Georgia,'Times New Roman',serif);
--ez:cubic-bezier(.22,1,.36,1);
container:sr / inline-size;position:relative;min-width:0;
max-width:max(640px,calc((100vh - 190px) * 1.6));margin-inline:auto;
font-family:var(--sans);color:var(--in);
}
.sr *,.sr *::before,.sr *::after{box-sizing:border-box;}
.sr .is-off{display:none !important;}

/* tabs and play */
.sr-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px;}
.sr-tabs{display:flex;gap:28px;min-width:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:4px;overscroll-behavior-x:contain;scrollbar-width:none;padding:4px 4px 0;margin:-4px -4px 0;}
.sr-tabs::-webkit-scrollbar{display:none;}
.sr-tab,.sr-play{appearance:none;background:none;border:0;margin:0;flex:none;cursor:pointer;display:inline-flex;align-items:baseline;gap:8px;padding:10px 0 13px;font:400 15px/1.2 var(--sans);color:var(--sl);transition:color 200ms ease;}
.sr-tab{position:relative;scroll-snap-align:center;}
.sr-tab:hover,.sr-tab[aria-selected="true"]{color:var(--in);}
.sr-tab[aria-selected="true"]{font-weight:500;}
.sr-tab__n{font:500 12px/1 var(--mono);color:var(--sm);}
.sr-tab__bar{position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;overflow:hidden;background:var(--li);}
.sr-tab__fill{position:absolute;inset:0;background:var(--bl);transform:scaleX(0);transform-origin:0 50%;}
.sr-play{align-items:center;color:var(--in);font-weight:500;fill:currentColor;}
.sr-play[hidden],.sr-play .sr-i-play,.sr-play.is-paused .sr-i-pause{display:none;}
.sr-play.is-paused .sr-i-play{display:inline;}
.sr-tab:focus-visible,.sr-play:focus-visible{outline:2px solid var(--bl);outline-offset:2px;border-radius:6px;}

/* window */
.sr-win{position:relative;display:grid;grid-template-rows:44px minmax(0,1fr);aspect-ratio:16 / 10;width:100%;overflow:hidden;isolation:isolate;background:var(--ca);border-radius:var(--radius-lg,20px);box-shadow:var(--sh);font-size:13px;line-height:1.35;color:var(--in);cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;}
.sr-win:focus-visible{outline:2px solid var(--bl);outline-offset:4px;}
.sr-win.is-instant,.sr-win.is-instant *,.sr-win.is-instant *::after{transition:none !important;}
.sr-title{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:0 16px;background:var(--fo);border-bottom:1px solid var(--li);font-size:12px;color:var(--sl);}
.sr-title__b{display:flex;align-items:center;gap:8px;min-width:0;color:var(--in);font-weight:500;}
.sr-title__n,.sr-url > span,.sr-k,.sr-k1,.sr-note,.sr-table td,.sr-pc__l,.sr-toast__t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sr-mark{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:var(--in);color:#fff;font-size:11px;font-weight:600;}
.sr-url{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;padding:4px 12px;border-radius:999px;background:var(--ca);box-shadow:0 0 0 1px var(--li);font:400 11.5px/1.3 var(--mono);}
.sr-url svg{flex:none;}
.sr-live{justify-self:end;display:inline-flex;align-items:center;gap:6px;}
.sr-live::before,.sr-tag::before{content:'';flex:none;width:6px;height:6px;border-radius:50%;background:var(--in);}
.is-paused .sr-live::before{background:var(--sm);}
.sr-body{display:grid;grid-template-columns:188px minmax(0,1fr);min-height:0;}
.sr-body.is-bare{grid-template-columns:minmax(0,1fr);}
.sr-nav{display:flex;flex-direction:column;gap:2px;padding:16px 12px;border-right:1px solid var(--li);}
.sr-nav__i{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;color:var(--sl);white-space:nowrap;transition:background-color 300ms ease,color 300ms ease;}
.sr-nav__i::before{content:'';flex:none;width:6px;height:6px;border-radius:2px;background:var(--li);transition:background-color 300ms ease;}
.sr-nav__i.is-on{background:var(--mi);color:var(--in);font-weight:500;}
.sr-nav__i.is-on::before{background:var(--in);}
.sr-main{position:relative;min-width:0;min-height:0;overflow:hidden;}
.sr-scr{position:absolute;inset:0;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity 260ms ease,transform 420ms var(--ez),visibility 0s 420ms;}
.sr-scr.is-on{opacity:1;visibility:visible;transform:none;transition:opacity 380ms ease 80ms,transform 520ms var(--ez) 80ms,visibility 0s;}
.sr-main__in{padding:20px 24px 24px;transition:transform 640ms cubic-bezier(.65,0,.25,1);}
.sr-head{display:flex;align-items:baseline;gap:12px;margin-bottom:16px;min-width:0;}
.sr-h{flex:none;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 24px/1.25 var(--serif);letter-spacing:-0.015em;}
.sr-who{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--sl);}
.sr-head .sr-btn{align-self:center;}
.sr-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;height:30px;padding:0 14px;border-radius:999px;background:var(--in);color:#fff;font-size:12.5px;font-weight:500;white-space:nowrap;}
.sr-btn--ghost{background:var(--ca);color:var(--in);box-shadow:inset 0 0 0 1px var(--in);}
.sr-btn--sm{height:26px;padding:0 11px;font-size:12px;}
.sr-btn--block{width:100%;height:36px;margin-top:auto;}

/* widgets */
.sr-stats{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:12px;margin-bottom:16px;}
.sr-stat{display:flex;flex-direction:column;gap:3px;min-width:0;padding:12px 14px;border-radius:14px;background:var(--mi);}
.sr-stats.is-4 .sr-k{white-space:normal;line-height:1.3;}
.sr-stat--wide{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:6px;row-gap:8px;}
.sr-stat--wide .sr-k{font-size:14px;color:var(--in);}
.sr-stat--wide b{font-size:14px;font-weight:500;letter-spacing:0;}
.sr-k,.sr-note{font-size:12px;color:var(--sl);}
.sr-note{font-size:11.5px;}
.sr-stat b{font:500 22px/1.2 var(--sans);letter-spacing:-0.01em;white-space:nowrap;}
.sr b{font-variant-numeric:tabular-nums;}
.sr-meter{position:relative;display:block;flex-basis:100%;height:4px;margin-top:4px;border-radius:4px;background:var(--ca);overflow:hidden;}
.sr-meter i{position:absolute;inset:0;border-radius:4px;background:var(--in);transform:scaleX(var(--p,0));transform-origin:0 50%;}
.sr-stat--ring{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;align-items:center;align-content:center;}
.sr-ring{grid-row:1 / span 2;width:44px;height:44px;transform:rotate(-90deg);}
.sr-ring circle{fill:none;stroke:var(--ca);stroke-width:4;}
.sr-ring .sr-ring__f{stroke:var(--in);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--p,0) * 100);}
.sr-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px;align-items:start;}
.sr-scr--1 .sr-grid{grid-template-columns:minmax(0,1fr);}
.sr-scr--2 .sr-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.sr-panel{min-width:0;padding:12px 14px 8px;border-radius:14px;box-shadow:0 0 0 1px var(--li);}
.sr-panel__h{display:flex;align-items:center;gap:8px;min-height:26px;margin-bottom:4px;font-weight:500;}
.sr-panel__h > span:first-child{margin-right:auto;}
.sr-panel__f{display:flex;flex-wrap:wrap;gap:8px;padding:10px 0 6px;}
.sr-panel__f .sr-btn{flex:1 1 auto;}
.sr-li{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 6px;margin:0 -6px;border-radius:8px;}
.sr-li + .sr-li,.sr-table td{box-shadow:inset 0 1px 0 var(--li);}
.sr-m{display:flex;flex-direction:column;flex:1;min-width:0;}
.sr-k1{font-weight:500;}
.sr-li.is-wrap .sr-k1{white-space:normal;}
.sr-li > b{font-weight:500;white-space:nowrap;}
.sr-tag:empty{display:none;}
.sr-tag{display:inline-flex;align-items:center;gap:6px;flex:none;font-size:11.5px;color:var(--bo);white-space:nowrap;}
.sr-tag::before{background:var(--sm);}
.sr-tag.is-ok::before{background:var(--in);}
.sr-tag.is-warn::before{background:transparent;box-shadow:inset 0 0 0 1.5px var(--in);}
.sr-table{width:100%;border-collapse:collapse;table-layout:fixed;}
.sr-table th{padding:6px 8px 6px 0;text-align:left;font-size:11.5px;font-weight:400;color:var(--sl);}
.sr-table td{padding:9px 8px 9px 0;}
.sr-table td:first-child{font-weight:500;}
.sr-kb{position:relative;display:grid;grid-template-columns:repeat(var(--c,3),minmax(0,1fr));gap:8px;padding-bottom:6px;}
.sr-kb__col{min-width:0;min-height:170px;padding:8px;border-radius:12px;background:var(--fo);}
.sr-kb__h{display:flex;align-items:center;gap:6px;min-width:0;padding:2px 4px 8px;font-size:11.5px;color:var(--sl);white-space:nowrap;}
.sr-kb__n{flex:none;color:var(--sm);}
.sr-kb__list{display:flex;flex-direction:column;gap:6px;}
.sr-card{position:relative;display:flex;flex-direction:column;gap:5px;min-width:0;padding:8px 10px;border-radius:10px;background:var(--ca);box-shadow:0 0 0 1px var(--ri),0 1px 2px rgba(0,0,0,0.06);}
.sr-card .sr-tag{align-self:flex-start;}
.sr-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;}
.sr-chips > .sr-k{margin-right:4px;}
.sr-chip{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:var(--ca);box-shadow:inset 0 0 0 1px var(--li);color:var(--in);font-size:12px;white-space:nowrap;transition:background-color 220ms ease,color 220ms ease,box-shadow 220ms ease;}
.sr-chip.is-on{background:var(--in);color:#fff;box-shadow:none;}
.sr-li.is-on{background:var(--mi);}
.sr-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.sr-pc{display:flex;flex-direction:column;gap:3px;min-width:0;padding:11px 12px 12px;border-radius:12px;background:var(--mi);}
.sr-pc__h{display:flex;align-items:center;gap:8px;margin-bottom:2px;}
.sr-pc__h .sr-k1{flex:1;min-width:0;}
.sr-pc__l{font-size:12px;color:var(--sl);}
.sr-sheet{position:absolute;z-index:2;top:12px;right:12px;bottom:12px;width:min(300px,46%);display:flex;flex-direction:column;gap:12px;padding:18px 16px 16px;background:var(--ca);border-radius:16px;box-shadow:var(--sh2);transform:translateX(calc(100% + 24px));transition:transform 550ms var(--ez);}
.sr-sheet.is-open{transform:none;}
.sr-sheet .sr-li{padding:7px 6px;}
.sr-sheet--modal{inset:0;width:min(320px,86%);height:fit-content;margin:auto;opacity:0;visibility:hidden;transform:translateY(10px) scale(.98);transition:opacity 260ms ease,transform 420ms var(--ez),visibility 0s 420ms;}
.sr-sheet--modal.is-open{box-shadow:var(--sh2),0 0 0 100vmax rgba(255,255,255,0.62);opacity:1;visibility:visible;transform:none;transition:opacity 260ms ease,transform 420ms var(--ez),visibility 0s;}
.sr-sheet--inline{position:static;width:auto;transform:none;box-shadow:0 0 0 1px var(--li);border-radius:14px;padding:14px;gap:10px;transition:none;}
.sr-sheet--inline .sr-btn--block{margin-top:4px;}
.sr-sheet__h{margin:0 0 2px;font:400 21px/1.2 var(--serif);letter-spacing:-0.01em;}
.sr-field{display:flex;flex-direction:column;gap:5px;}
.sr-input{display:block;height:36px;padding:0 12px;line-height:36px;border-radius:10px;background:var(--mi);white-space:nowrap;overflow:hidden;}
.sr-input:empty::before{content:attr(data-ph);color:var(--sm);}
.sr-input.is-typing:empty::before{content:none;}
.sr-input.is-typing::after{content:'';display:inline-block;width:1px;height:15px;margin-left:1px;vertical-align:-3px;background:var(--in);animation:sr-blink 1s steps(1) infinite;}
@keyframes sr-blink{50%{opacity:0;}}
.sr-toast{position:absolute;z-index:4;right:16px;bottom:16px;max-width:calc(100% - 32px);display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--ca);border-radius:12px;box-shadow:var(--sh);font-weight:500;pointer-events:none;opacity:0;transform:translateY(16px);transition:opacity 300ms ease,transform 500ms var(--ez);}
.sr-toast.is-on{opacity:1;transform:none;}
.sr-toast__d{flex:none;width:7px;height:7px;border-radius:50%;background:var(--bl);}

/* Custom: a conversation that turns into a system */
.sr-scr--chat .sr-main__in{height:100%;}
.sr-scr--chat .sr-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:minmax(0,1fr);gap:16px;height:100%;align-items:stretch;}
.sr-scr--chat .sr-sys{height:100%;}
.sr-chat{display:flex;flex-direction:column;justify-content:flex-end;gap:12px;min-width:0;padding:14px;border-radius:16px;background:var(--fo);box-shadow:inset 0 0 0 1px var(--li);}
.sr-thread{display:flex;flex-direction:column;gap:12px;min-width:0;}
.sr-bub{max-width:88%;padding:9px 12px;border-radius:14px;line-height:1.45;overflow-wrap:anywhere;}
.sr-bub--me{align-self:flex-end;background:var(--in);color:#fff;border-bottom-right-radius:4px;}
.sr-msg{display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:88%;min-width:0;}
.sr-msg .sr-bub{max-width:100%;}
.sr-bub--bot{background:var(--ca);box-shadow:0 0 0 1px var(--li);border-bottom-left-radius:4px;}
.sr-wm{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;background:var(--ca);box-shadow:0 0 0 1px var(--li);font:700 11px/1 var(--sans);color:var(--in);}
.sr-wm span{color:var(--bl);}
.sr-dots{display:flex;gap:4px;padding:5px 2px;}
.sr-dots i{width:6px;height:6px;border-radius:50%;background:var(--sl);animation:sr-dot 1.1s ease-in-out infinite;}
.sr-dots i:nth-child(2){animation-delay:.15s;}
.sr-dots i:nth-child(3){animation-delay:.3s;}
@keyframes sr-dot{0%,60%,100%{opacity:.35;transform:none;}30%{opacity:1;transform:translateY(-2px);}}
.sr-msg.is-filled .sr-dots,.sr-msg:not(.is-filled) .sr-bub__t{display:none;}
.sr-compose{display:flex;align-items:flex-end;gap:8px;padding:6px 6px 6px 12px;border-radius:18px;background:var(--ca);box-shadow:0 0 0 1px var(--li),0 2px 8px rgba(0,0,0,0.04);}
.sr-input--area{flex:1;min-width:0;height:auto;min-height:32px;padding:6px 0;line-height:1.45;background:none;border-radius:0;white-space:normal;overflow-wrap:anywhere;}
.sr-send{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--in);color:#fff;}
/* the system it turns into: a finished-looking dashboard for a sample business. Blocks wait in faint slots, then drop in.
   Hairlines and soft shadows, 12 to 16px corners, ink type; BIZMYZE blue only on the Live dot, the build line, the revenue line,
   the appointment dots and the reminders toggle. */
.sr-sys{display:flex;flex-direction:column;gap:9px;min-width:0;}
.sr-sys__h{display:flex;align-items:center;gap:10px;min-width:0;min-height:32px;}
.sr-sys__m{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--in);color:#fff;font:600 13px/1 var(--sans);}
.sr-sys__h .sr-m{gap:1px;}
.sr-sys__h .sr-k1{font:400 clamp(17px,2.1cqw,20px)/1.15 var(--serif);letter-spacing:-0.01em;}
.sr-livetag{display:inline-flex;align-items:center;gap:6px;flex:none;height:24px;padding:0 10px;border-radius:999px;background:var(--ca);box-shadow:0 0 0 1px var(--li);font-size:11.5px;font-weight:500;color:var(--in);}
.sr-livetag::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--bl);}
.sr-line{position:relative;display:block;flex:none;height:2px;border-radius:2px;background:var(--li);overflow:hidden;}
.sr-line i{position:absolute;inset:0;background:var(--bl);transform:scaleX(0);transform-origin:0 50%;}
.sr-sys__g{flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto minmax(0,1fr) minmax(0,1fr);gap:10px;}
.sr-bslot{min-width:0;min-height:0;border-radius:14px;background:var(--fo);box-shadow:inset 0 0 0 1px var(--li);}
.sr-bslot.is-stats{grid-column:1 / -1;}
.sr-blk{display:flex;flex-direction:column;gap:2px;height:100%;min-width:0;padding:10px 14px;border-radius:14px;background:var(--ca);box-shadow:0 0 0 1px rgba(4,23,43,0.07),0 1px 2px rgba(4,23,43,0.04),0 10px 24px -10px rgba(4,23,43,0.14);overflow:hidden;}
.sr-blk.is-wait{opacity:0;}
.sr-blk__h{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:20px;margin-bottom:2px;}
.sr-blk__h .sr-k1{font-size:12.5px;font-weight:600;}
.sr-blk__h .sr-note{flex:none;}
.sr-blk .sr-note{font-size:11.5px;}
.sr-blk--stats{flex-direction:row;gap:0;padding:0;}
.sr-hs{display:flex;flex-direction:column;gap:2px;flex:1 1 0;min-width:0;padding:10px 14px;}
.sr-hs + .sr-hs{box-shadow:inset 1px 0 0 var(--li);}
.sr-hs.has-spark{flex-grow:1.45;display:grid;grid-template-columns:auto minmax(0,1fr);align-content:start;align-items:end;column-gap:14px;row-gap:2px;}
.sr-hs.has-spark > .sr-k{grid-column:1 / -1;}
.sr-hs b{font:500 clamp(19px,2.4cqw,24px)/1.15 var(--sans);letter-spacing:-0.015em;white-space:nowrap;}
.sr-spark{display:block;width:100%;height:24px;margin-bottom:3px;overflow:visible;clip-path:inset(0 0 0 0);transition:clip-path 1100ms cubic-bezier(.45,0,.25,1) 120ms;}
.sr-spark polyline{fill:none;stroke:#2563EB;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;}
.sr-blk.is-wait .sr-spark{clip-path:inset(0 100% 0 0);}
.sr-agenda{display:flex;flex-direction:column;flex:1;min-height:0;}
.sr-agenda__r{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:8px;flex:1;min-height:26px;max-height:36px;box-shadow:inset 0 1px 0 var(--li);}
.sr-agenda__t{font:500 11px/1 var(--mono);color:var(--sm);white-space:nowrap;}
.sr-appt{display:flex;align-items:center;gap:6px;min-width:0;height:24px;padding:0 9px;border-radius:8px;background:var(--fo);box-shadow:inset 0 0 0 1px var(--li);font-size:11.5px;white-space:nowrap;overflow:hidden;}
.sr-appt::before{content:'';flex:none;width:6px;height:6px;border-radius:50%;background:var(--bl);}
.sr-appt b{flex:none;font-weight:600;}
.sr-appt span{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--sl);}
.sr-pr{display:flex;align-items:center;gap:9px;min-width:0;padding:4px 0;line-height:1.25;}
.sr-pr + .sr-pr{box-shadow:inset 0 1px 0 var(--li);}
.sr-pr .sr-av{width:26px;height:26px;margin:0;background:var(--mi);color:var(--in);font-size:11px;}
.sr-pr > .sr-note{flex:none;}
.sr-pr > b{flex:none;font-weight:500;}
.sr-blk .sr-tag{height:20px;padding:0 8px;border-radius:999px;background:var(--mi);font-size:11px;font-weight:500;}
.sr-blk .sr-tag::before{display:none;}
.sr-blk .sr-tag.is-ok{background:#E8F5EE;color:#17714A;}
.sr-blk .sr-tag.is-warn{background:#FCF1E1;color:#94570C;}
.sr-blk__p{margin:0;font-size:12px;line-height:1.45;color:var(--sl);}
.sr-pr--n{justify-content:space-between;margin-top:auto;padding-bottom:0;}
.sr-pr--n b{font:500 20px/1.1 var(--sans);letter-spacing:-0.01em;}
.sr-tgl{position:relative;flex:none;width:32px;height:18px;border-radius:999px;background:var(--li);transition:background-color 300ms ease;}
.sr-tgl i{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.2);transition:transform 300ms var(--ez);}
.sr-tgl.is-on{background:var(--bl);}
.sr-tgl.is-on i{transform:translateX(14px);}

/* tablets and narrow laptops: too short for side by side, so the conversation sits above the system and the camera follows the build */
@container sr (min-width:560px) and (max-width:899px) {
.sr-scr--chat .sr-main__in{height:auto;}
.sr-scr--chat .sr-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;height:auto;gap:14px;}
.sr-scr--chat .sr-sys{height:auto;}
.sr-sys__g{grid-template-rows:none;}
.sr-chat.is-on .sr-compose{display:none;}
}

/* the closing call to action: the window blurs behind a white veil and a centred panel rises, with a real link to #cta */
.sr-win.is-end > :not(.sr-end){filter:blur(6px);transition:filter 600ms ease;}
.sr-win.is-end .sr-cur,.sr-win.is-end .sr-toast{opacity:0;}
.sr-end{position:absolute;inset:0;z-index:6;display:grid;place-items:center;padding:24px;background:rgba(255,255,255,0.55);opacity:0;visibility:hidden;transition:opacity 600ms ease,visibility 0s 600ms;}
.sr-end.is-open{opacity:1;visibility:visible;transition:opacity 600ms ease,visibility 0s;}
.sr-end__in{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(100%,520px);text-align:center;opacity:0;transform:translateY(16px);transition:opacity 500ms ease 200ms,transform 800ms var(--ez) 200ms;}
.sr-end.is-open .sr-end__in{opacity:1;transform:none;}
.sr-end__h{margin:0;font:400 clamp(32px,5.6cqw,54px)/1.05 var(--serif);letter-spacing:-0.02em;color:var(--in);}
.sr-end__s{margin:0 0 8px;font-size:clamp(14px,1.7cqw,16px);line-height:1.5;color:var(--bo);}
.sr-end__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 24px;border-radius:999px;background:var(--in);color:#fff;font:500 15px/1 var(--sans);text-decoration:none;white-space:nowrap;box-shadow:0 10px 24px -10px rgba(0,0,0,0.45);cursor:pointer;transition:background-color 200ms ease,transform 200ms var(--ez);}
.sr-end__btn:hover{background:#000;transform:translateY(-1px);}
.sr-end__btn:focus-visible{outline:2px solid var(--bl);outline-offset:3px;}

/* labelled cursor arrows: the active one in blue, idle ones slate */
.sr-cur{position:absolute;z-index:5;left:0;top:0;pointer-events:none;color:var(--sl);opacity:0;transition:transform 560ms cubic-bezier(.65,0,.25,1),opacity 300ms ease,color 200ms ease;will-change:transform;}
.sr-cur.is-on{opacity:1;}
.sr-cur.is-active{color:var(--bl);}
.sr-cur__a{display:block;transform-origin:2px 2px;}
.sr-cur__chip{position:absolute;left:13px;top:15px;padding:3px 9px;border-radius:999px;background:var(--ca);box-shadow:0 0 0 1px var(--ri),0 2px 8px rgba(0,0,0,0.08);font:500 11.5px/1.3 var(--sans);color:var(--sl);white-space:nowrap;transition:color 200ms ease,box-shadow 200ms ease;}
.sr-cur.is-flip .sr-cur__chip{left:auto;right:2px;}
.sr-cur.is-active .sr-cur__chip{color:var(--in);box-shadow:0 0 0 1px rgba(37,99,235,0.45),0 2px 8px rgba(0,0,0,0.08);}
.sr-cur__ping{position:absolute;left:-9px;top:-9px;width:22px;height:22px;border-radius:50%;box-shadow:0 0 0 1.5px var(--bl);opacity:0;}

.sr-cap{display:flex;align-items:baseline;gap:14px;min-height:1.5em;margin:18px 0 0;font-size:15px;line-height:1.5;color:var(--sl);}
.sr-cap__n{flex:none;font:500 12px/1.5 var(--mono);color:var(--in);}
.sr-cap__t{display:block;min-width:0;}

@container sr (max-width:900px) {
.sr-body{grid-template-columns:minmax(0,1fr);}
.sr-nav{display:none;}
}
@container sr (max-width:700px) {
.sr-stats.is-4{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@container sr (max-width:559px) {
.sr-bar{gap:16px;margin-bottom:14px;}
.sr-tabs{gap:22px;}
.sr-tab,.sr-play{font-size:14px;}
.sr-tab__n,.sr-live,.sr-stat .sr-note{display:none;}
.sr-win{aspect-ratio:4 / 5;grid-template-rows:38px minmax(0,1fr);font-size:12px;border-radius:16px;}
.sr-title{grid-template-columns:minmax(0,1fr) auto;padding:0 12px;}
.sr-title__b{font-size:12px;}
.sr-url{padding:3px 9px;font-size:11px;}
.sr-main__in{padding:14px 12px 16px;}
.sr-head,.sr-stats{margin-bottom:12px;}
.sr-head{gap:8px;}
.sr-h{font-size:20px;max-width:62%;}
.sr-who{font-size:11px;}
.sr-btn{height:28px;padding:0 12px;font-size:12px;}
.sr-btn--sm{height:26px;padding:0 10px;font-size:11px;}
.sr-stats{gap:6px;}
.sr-stat{padding:8px 10px;border-radius:12px;}
.sr-stat b{font-size:17px;}
.sr-stat .sr-k{font-size:11px;line-height:1.25;white-space:normal;}
.sr-stats.is-4 .sr-stat{flex-direction:row-reverse;justify-content:flex-end;align-items:baseline;gap:8px;}
.sr-stat--wide .sr-k,.sr-stat--wide b{font-size:13px;}
.sr-stat--wide .sr-k{white-space:nowrap;}
.sr-ring{width:36px;height:36px;}
.sr-stat--ring{column-gap:9px;}
.sr-grid,.sr-scr--2 .sr-grid{grid-template-columns:minmax(0,1fr);gap:10px;}
.sr-panel{padding:10px 10px 6px;}
.sr-panel__f{padding:8px 0 4px;}
.sr-li{gap:8px;padding:7px 6px;}
.sr-note,.sr-tag,.sr-table th,.sr-kb__h,.sr-pc__l,.sr-chip,.sr-k{font-size:11px;}
.sr-chip{height:26px;padding:0 10px;}
.sr-kb{gap:5px;}
.sr-kb__col{min-height:0;padding:5px;}
.sr-card{padding:6px 7px;font-size:11px;}
.sr-cards{gap:6px;}
.sr-pc{padding:8px 9px 9px;gap:2px;}
.sr-pc__h{flex-direction:column;align-items:flex-start;gap:2px;}
.sr-pc__h .sr-k1{width:100%;}
.sr-sheet{top:auto;left:8px;right:8px;bottom:8px;width:auto;gap:10px;padding:14px 12px 12px;transform:translateY(calc(100% + 16px));}
.sr-sheet--modal{inset:0;width:auto;margin:auto 10px;transform:translateY(10px) scale(.98);}
.sr-sheet--inline{padding:12px;transform:none;}
.sr-sheet__h{font-size:18px;}
.sr-input{height:32px;line-height:32px;}
.sr-toast{left:10px;right:10px;bottom:10px;max-width:none;padding:9px 12px;line-height:1.35;}
.sr-toast__t,.sr-card .sr-k1,.sr-card .sr-note,.sr-table td{white-space:normal;overflow-wrap:anywhere;}
.sr-table td{padding:7px 6px 7px 0;line-height:1.3;}
.sr-cap{gap:10px;font-size:14px;}
.sr-cur__chip{font-size:11px;padding:2px 8px;}
/* Custom stacks: the conversation, then the system it turns into */
.sr-scr--chat .sr-main__in{height:auto;}
.sr-scr--chat .sr-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;height:auto;gap:10px;}
.sr-scr--chat .sr-sys{height:auto;}
.sr-chat{padding:10px;gap:8px;}
.sr-thread{gap:8px;}
.sr-bub{padding:7px 10px;max-width:92%;}
.sr-msg{max-width:92%;gap:4px;}
.sr-wm{height:20px;padding:0 8px;}
.sr-compose{padding:4px 4px 4px 10px;}
.sr-input--area{min-height:28px;padding:5px 0;}
.sr-send{width:28px;height:28px;}
.sr-chat.is-on .sr-compose{display:none;}
.sr-msg{flex-direction:row;align-items:flex-end;max-width:100%;}
.sr-msg .sr-bub{max-width:calc(100% - 70px);}
.sr-sys{gap:8px;}
.sr-sys__m{width:28px;height:28px;border-radius:8px;}
.sr-sys__h .sr-note{display:none;}
.sr-sys__g{grid-template-rows:none;gap:8px;}
.sr-blk{padding:10px 11px;border-radius:12px;}
.sr-bslot{border-radius:12px;}
.sr-blk--stats{padding:0;}
.sr-hs{padding:9px 10px;}
.sr-hs.has-spark{flex-grow:1.25;}
.sr-hs b,.sr-pr--n b{font-size:17px;}
.sr-hs .sr-k{white-space:normal;line-height:1.25;}
.sr-spark{height:16px;margin:0 0 2px;}
.sr-hs .sr-note{display:none;}
.sr-blk__h{margin-bottom:2px;}
.sr-agenda__r{grid-template-columns:30px minmax(0,1fr);gap:6px;min-height:28px;}
.sr-appt{height:22px;padding:0 7px;gap:5px;font-size:11px;}
.sr-appt span,.sr-pr .sr-m .sr-note{display:none;}
.sr-pr{gap:7px;padding:5px 0;}
.sr-pr .sr-av{width:22px;height:22px;}
.sr-pr > .sr-note{display:none;}
.sr-blk__p{font-size:11px;}
.sr-end{padding:16px;}
.sr-end__in{gap:10px;}
.sr-end__h{font-size:clamp(28px,9cqw,34px);}
.sr-end__s{font-size:14px;}
.sr-end__btn{width:100%;height:46px;padding:0 16px;font-size:14px;}
}

/* widgets added for themed scenes, with neutral defaults */
.sr-eb{display:block;margin:0 0 6px;font:500 11px/1.35 var(--mono);color:var(--sl);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sr-tabw{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:2px 22px;min-width:0;box-shadow:inset 0 -1px 0 var(--li);}
.sr-tabw__i{padding:6px 0 9px;color:var(--sl);white-space:nowrap;}
.sr-tabw__i.is-on{color:var(--in);font-weight:500;box-shadow:inset 0 -2px 0 var(--in);}
.sr-chip__n{margin-left:6px;color:var(--sl);}
.sr-chip.is-on .sr-chip__n{color:inherit;}
.sr-av{display:inline-grid;place-items:center;flex:none;width:20px;height:20px;margin-right:6px;border-radius:50%;background:var(--in);color:#fff;font:600 11px/1 var(--sans);}
.sr-more{display:inline-grid;place-items:center;flex:none;width:28px;height:28px;border-radius:8px;color:var(--sl);}
.sr-act{text-align:right;white-space:nowrap;}
.sr-act > *{vertical-align:middle;}
.sr-table .sr-meter{margin-top:6px;background:var(--mi);}
.sr-lvl{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 0;}
.sr-lvl .sr-meter{grid-column:2;grid-row:1;margin:0;background:var(--mi);}
.sr-lvl > b{grid-column:3;grid-row:1;font-weight:500;}
.sr-panel > .sr-note{display:block;padding:6px 0 4px;}
.sr-panel--bare{padding:0;box-shadow:none;}
.sr-ico{grid-row:1 / span 2;display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:8px;background:var(--mi);color:var(--bo);}
.sr-panel > .sr-prog .sr-prog__l{display:flex;align-items:baseline;justify-content:space-between;gap:8px;}
.sr-panel > .sr-prog{margin:2px 0 8px;}
.sr-panel > .sr-prog .sr-meter{background:var(--mi);}
.sr-sel{position:relative;display:block;}
.sr-sel .sr-input{padding-right:32px;}
.sr-sel > svg{position:absolute;top:50%;right:10px;margin-top:-7px;color:var(--sl);pointer-events:none;}
.sr-chips--seg{justify-self:start;display:inline-flex;flex-wrap:nowrap;gap:2px;padding:3px;border-radius:10px;background:var(--mi);}
.sr-chips--seg .sr-chip{height:26px;border-radius:8px;background:none;box-shadow:none;color:var(--sl);}
.sr-chips--seg .sr-chip.is-on{background:var(--ca);color:var(--in);box-shadow:0 1px 2px rgba(0,0,0,0.08);}
.sr-tl{position:relative;margin:0;padding:2px 0 6px 20px;list-style:none;}
.sr-tl::before{content:'';position:absolute;left:4px;top:12px;bottom:16px;width:1px;background:var(--li);}
.sr-tl__i{position:relative;display:flex;align-items:baseline;gap:10px;min-width:0;padding:6px 0;}
.sr-tl__d{position:absolute;left:-20px;top:11px;width:9px;height:9px;border-radius:50%;background:var(--in);box-shadow:0 0 0 3px var(--ca);}
.sr-tl__w{flex:none;font-size:11.5px;color:var(--sl);white-space:nowrap;}
.sr-find{display:flex;gap:8px;min-width:0;}
.sr-find .sr-input{display:flex;align-items:center;gap:8px;min-width:0;color:var(--sm);}
.sr-find .sr-input > span{min-width:0;overflow:hidden;text-overflow:ellipsis;}
.sr-input--search{flex:1;}
.sr-input--sel{flex:none;justify-content:space-between;gap:12px;color:var(--in);}
.sr-find .sr-input--sel{color:var(--in);}
.sr-fun{display:flex;flex-direction:column;gap:9px;padding:6px 0 10px;}
.sr-fun__r{display:grid;grid-template-columns:clamp(84px,12cqw,104px) minmax(0,1fr) 28px;align-items:center;gap:10px;}
.sr-fun__t{display:block;height:16px;}
.sr-fun__t i{display:block;height:100%;border-radius:4px;background:var(--in);}
.sr-fun__r > b{text-align:right;font-weight:600;}
.sr-donut{display:flex;align-items:center;gap:clamp(12px,2cqw,20px);min-width:0;padding:4px 0 10px;}
.sr-donut__w{position:relative;flex:none;width:clamp(92px,13cqw,124px);aspect-ratio:1;}
.sr-donut svg{display:block;width:100%;height:100%;transform:rotate(-90deg);}
.sr-donut circle{fill:none;stroke-width:5.5;}
.sr-donut .sr-donut__bg{stroke:var(--li);}
.sr-donut__c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.sr-donut__c b{font:700 22px/1.1 var(--sans);}
.sr-legend{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0;margin:0;padding:0;list-style:none;}
.sr-legend li{display:flex;align-items:center;gap:8px;min-width:0;}
.sr-legend i{flex:none;width:9px;height:9px;border-radius:3px;}
.sr-legend span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sr-legend b{font-weight:600;}

/* phones: a smaller donut centre and thinner funnel bars */
@container sr (max-width:559px) {
.sr-donut__c b{font-size:18px;}
.sr-fun__t{height:14px;}
}

/* Gym scene in POWA's own look: POWA Coach, white-labelled as LPS Athletic. Everything is scoped to .sr-win--powa.
   Flat sports software: hairlines, white cards on an off-white page, almost no shadow, flat fills only.
   Brand red only on primary buttons, the selected tab underline and active filter chips. Capitals are typed in the data. */
.sr-win--powa{
--pw-bg:#f9fafa;--pw-card:#fff;--pw-fg:#202022;--pw-mu:#eeeff0;--pw-mf:#636568;--pw-bd:#d9dadc;--pw-red:#ad1927;--pw-ch:#404041;--pw-lg:#d1d2d4;
--pw-disp:'Barlow Condensed','Arial Narrow',Arial,sans-serif;
--pw-fs:clamp(12.5px,1.5cqw,14px);--pw-sm:clamp(11.5px,1.32cqw,12.5px);--pw-side:clamp(184px,22cqw,216px);
--pw-ok:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='6.2'/%3E%3Cpath d='M5.4 8.2l1.8 1.8 3.4-3.6'/%3E%3C/svg%3E");
--pw-warn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2.2l6.2 11H1.8z'/%3E%3Cpath d='M8 6.6v3M8 11.5v.1'/%3E%3C/svg%3E");
--pw-bad:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='6.2'/%3E%3Cpath d='M8 4.9v3.6M8 10.9v.1'/%3E%3C/svg%3E");
--pw-info:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='6.2'/%3E%3Cpath d='M8 7.4v3.7M8 4.9v.1'/%3E%3C/svg%3E");
grid-template-rows:minmax(0,1fr);background:var(--pw-bg);color:var(--pw-fg);font-size:var(--pw-fs);line-height:1.4;
}
.sr-win--powa[data-menu="staff"] [data-for="member"],.sr-win--powa[data-menu="member"] [data-for="staff"]{display:none;}
.sr-win--powa .pw{display:grid;grid-template-columns:var(--pw-side) minmax(0,1fr);min-width:0;min-height:0;}
.sr-win--powa .pw-col{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;}

/* sidebar */
.sr-win--powa .pw-side{display:flex;flex-direction:column;min-height:0;padding:14px 10px 10px;background:var(--pw-card);border-right:1px solid var(--pw-bd);}
.sr-win--powa .pw-brand{display:flex;align-items:center;gap:10px;min-width:0;padding:0 6px 14px;}
.sr-win--powa .pw-tile{flex:none;display:block;width:34px;height:34px;border-radius:9px;overflow:hidden;background:#000;}
.sr-win--powa .pw-logo{display:block;width:100%;height:100%;object-fit:cover;}
.sr-win--powa .pw-brand__t{display:flex;flex-direction:column;gap:2px;min-width:0;}
.sr-win--powa .pw-word{font:800 19px/1 var(--pw-disp);letter-spacing:.01em;white-space:nowrap;}
.sr-win--powa .pw-eye,.sr-win--powa .sr-eb{font:500 11px/1.35 var(--mono);letter-spacing:.08em;color:var(--pw-mf);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sr-win--powa .sr-eb{white-space:normal;}
.sr-win--powa .pw-menu{position:relative;display:flex;flex-direction:column;gap:1px;flex:1;min-height:0;overflow:hidden;}
.sr-win--powa .pw-mi{position:relative;display:flex;align-items:center;gap:10px;flex:none;height:clamp(28px,3.3cqw,31px);padding:0 10px;border-radius:8px;color:var(--pw-mf);font-size:var(--pw-sm);white-space:nowrap;transition:background-color 300ms ease,color 300ms ease;}
.sr-win--powa .pw-mi svg{flex:none;}
.sr-win--powa .pw-mi__t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;}
.sr-win--powa .pw-mi.is-on{background:var(--pw-mu);color:var(--pw-fg);font-weight:500;}
.sr-win--powa .pw-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--pw-ch);color:#fff;font:600 11px/1 var(--sans);}
.sr-win--powa .pw-side__f{display:flex;flex-direction:column;gap:1px;padding-top:8px;margin-top:6px;border-top:1px solid var(--pw-bd);}

/* top bar */
.sr-win--powa .pw-top{display:flex;align-items:center;gap:12px;height:clamp(46px,5.4cqw,52px);padding:0 14px 0 clamp(16px,2.8cqw,28px);background:var(--pw-card);border-bottom:1px solid var(--pw-bd);}
.sr-win--powa .pw-brand--top{display:none;}
.sr-win--powa .pw-crumb{display:flex;align-items:center;gap:7px;flex:1;min-width:0;overflow:hidden;white-space:nowrap;color:var(--pw-mf);font-size:var(--pw-sm);}
.sr-win--powa .pw-crumb b{font-weight:500;color:var(--pw-fg);}
.sr-win--powa .pw-top__r{display:flex;align-items:center;gap:4px;flex:none;}
.sr-win--powa .pw-ib{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;color:var(--pw-mf);}
.sr-win--powa .pw-role{margin:0 4px 0 8px;font-size:var(--pw-sm);font-weight:500;}
.sr-win--powa .sr-av{width:30px;height:30px;margin:0;background:var(--pw-ch);color:#fff;font:600 11px/1 var(--sans);letter-spacing:.02em;}
.sr-win--powa .pw-tabbar{display:none;}

/* page */
.sr-win--powa .sr-main{background:var(--pw-bg);}
.sr-win--powa .sr-main__in{padding:clamp(16px,2.2cqw,22px) clamp(16px,2.8cqw,28px) 24px;}
.sr-win--powa .sr-head{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"h b" "w b";align-items:center;column-gap:16px;row-gap:3px;margin-bottom:clamp(12px,1.8cqw,18px);}
.sr-win--powa .sr-h{grid-area:h;max-width:none;font:800 clamp(25px,3.2cqw,30px)/1 var(--pw-disp);letter-spacing:.005em;}
.sr-win--powa .sr-who{grid-area:w;font-size:var(--pw-sm);color:var(--pw-mf);}
.sr-win--powa .sr-head .sr-btn{grid-area:b;}
.sr-win--powa .sr-btn{height:34px;padding:0 16px;border-radius:10px;background:var(--pw-red);color:#fff;font:600 var(--pw-sm)/1 var(--sans);box-shadow:none;}
.sr-win--powa .sr-btn--ghost{background:var(--pw-card);color:var(--pw-fg);box-shadow:inset 0 0 0 1px var(--pw-bd);}
.sr-win--powa .sr-btn--sm{height:28px;padding:0 12px;border-radius:8px;}
.sr-win--powa .sr-grid,.sr-win--powa .sr-stats{gap:clamp(10px,1.4cqw,14px);}
.sr-win--powa .sr-panel--tall{grid-row:span 2;}

/* cards, rows, tables */
.sr-win--powa .sr-panel,.sr-win--powa .sr-stat{border-radius:14px;background:var(--pw-card);box-shadow:none;border:1px solid var(--pw-bd);}
.sr-win--powa .sr-panel{padding:14px 16px 8px;}
.sr-win--powa .sr-panel__h{min-height:28px;margin-bottom:4px;font-weight:400;}
.sr-win--powa .sr-panel__h > span:first-child{font:800 clamp(16px,2cqw,18px)/1.1 var(--pw-disp);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sr-win--powa .sr-panel__h .sr-note{color:var(--pw-mf);}
.sr-win--powa .sr-panel__f{gap:8px;padding:12px 0 8px;}
.sr-win--powa .sr-panel__f .sr-btn--ghost{flex:0 0 auto;}
.sr-win--powa .sr-li{flex-wrap:wrap;gap:6px 12px;padding:11px 6px;border-radius:0;}
.sr-win--powa .sr-li > .sr-m{flex:1 1 76px;}
.sr-win--powa .sr-li.is-on{border-radius:8px;}
.sr-win--powa .sr-li + .sr-li,.sr-win--powa .sr-table td{box-shadow:inset 0 1px 0 var(--pw-bd);}
.sr-win--powa .sr-li.is-on{background:var(--pw-mu);}
.sr-win--powa .sr-k1{font-weight:500;}
.sr-win--powa .sr-note,.sr-win--powa .sr-k{font-size:var(--pw-sm);color:var(--pw-mf);}
.sr-win--powa .sr-li > b{font-weight:600;}
.sr-win--powa .sr-eb--row{margin:0;padding:12px 0 2px;}
.sr-win--powa .sr-li + .sr-eb--row{box-shadow:inset 0 1px 0 var(--pw-bd);}
.sr-win--powa .sr-panel__h + .sr-eb{margin-bottom:4px;}
.sr-win--powa .sr-table th{padding:6px 10px 9px 0;font:500 var(--pw-sm)/1.2 var(--sans);color:var(--pw-mf);}
.sr-win--powa .sr-table td{padding:11px 10px 11px 0;}
.sr-win--powa .sr-table b{font-weight:400;}
.sr-win--powa .sr-table.has-act th:last-child{width:84px;}
.sr-win--powa .sr-act{padding-right:0;}
.sr-win--powa .sr-act .sr-btn{margin-right:2px;}
.sr-win--powa .sr-more{width:28px;height:28px;color:var(--pw-mf);}
.sr-win--powa .sr-meter{height:5px;border-radius:3px;background:var(--pw-mu);}
.sr-win--powa .sr-meter i{border-radius:3px;background:var(--pw-ch);}
.sr-win--powa .sr-table .sr-meter{max-width:150px;margin-top:5px;}

/* status tags: 6px corners, 10% tint, 30% border, tone text, leading icon; neutral is grey with no icon */
.sr-win--powa .sr-tag{gap:5px;height:24px;padding:0 8px;border-radius:6px;border:1px solid var(--pw-bd);background:var(--pw-mu);color:var(--pw-mf);font:500 12px/1 var(--sans);}
.sr-win--powa .sr-tag::before{display:none;}
.sr-win--powa .sr-tag[class*="is-"]::before{display:block;width:13px;height:13px;border-radius:0;box-shadow:none;background:currentColor;-webkit-mask:var(--ic) center / contain no-repeat;mask:var(--ic) center / contain no-repeat;}
.sr-win--powa .sr-tag.is-ok{--ic:var(--pw-ok);color:#248a5b;background:rgba(36,138,91,.1);border-color:rgba(36,138,91,.3);}
.sr-win--powa .sr-tag.is-warn{--ic:var(--pw-warn);color:#cd7009;background:rgba(205,112,9,.1);border-color:rgba(205,112,9,.3);}
.sr-win--powa .sr-tag.is-bad{--ic:var(--pw-bad);color:#d11f1f;background:rgba(209,31,31,.1);border-color:rgba(209,31,31,.3);}
.sr-win--powa .sr-tag.is-info{--ic:var(--pw-info);color:#1872c8;background:rgba(24,114,200,.1);border-color:rgba(24,114,200,.3);}

/* filter chips, tabs, avatars */
.sr-win--powa .sr-chips{gap:8px;}
.sr-win--powa .sr-chips > .sr-k{margin-right:2px;}
.sr-win--powa .sr-chip{height:30px;padding:0 13px;border-radius:999px;background:var(--pw-card);box-shadow:inset 0 0 0 1px var(--pw-bd);color:var(--pw-fg);font-size:var(--pw-sm);font-weight:500;}
.sr-win--powa .sr-chip__n{font-weight:400;color:var(--pw-mf);}
.sr-win--powa .sr-chip.is-on{background:rgba(173,25,39,.07);color:var(--pw-red);box-shadow:inset 0 0 0 1px rgba(173,25,39,.35);}
.sr-win--powa .sr-chip.is-on .sr-chip__n{color:inherit;}
.sr-win--powa .sr-chip.has-av{padding-left:4px;}
.sr-win--powa .sr-chip .sr-av{width:22px;height:22px;margin-right:7px;font-size:11px;}
.sr-win--powa .sr-tabw{gap:2px 24px;box-shadow:inset 0 -1px 0 var(--pw-bd);}
.sr-win--powa .sr-tabw__i{padding:6px 0 10px;color:var(--pw-mf);font-weight:500;transition:color 220ms ease,box-shadow 220ms ease;}
.sr-win--powa .sr-tabw__i.is-on{color:var(--pw-fg);box-shadow:inset 0 -2px 0 var(--pw-red);}

/* stats, rings, standards */
.sr-win--powa .sr-stat{padding:14px 16px;}
.sr-win--powa .sr-stat b{font:800 clamp(24px,3cqw,28px)/1 var(--pw-disp);letter-spacing:.01em;}
.sr-win--powa .sr-stat--wide{column-gap:6px;row-gap:10px;}
.sr-win--powa .sr-stat--wide .sr-k{font-size:var(--pw-fs);color:var(--pw-fg);font-weight:500;}
.sr-win--powa .sr-stat--wide b{font:500 var(--pw-fs)/1.3 var(--sans);}
.sr-win--powa .sr-stat--wide .sr-meter{height:6px;}
.sr-win--powa .sr-ring{width:48px;height:48px;}
.sr-win--powa .sr-ring circle{stroke:var(--pw-mu);stroke-width:3.6;}
.sr-win--powa .sr-ring .sr-ring__f{stroke:var(--pw-ch);}
.sr-win--powa .sr-lvl{padding:8px 0;}
.sr-win--powa .sr-lvl > b{font-weight:500;color:var(--pw-mf);font-size:var(--pw-sm);}
.sr-win--powa .sr-panel > .sr-note{padding:8px 0 6px;color:var(--pw-fg);font-weight:500;font-size:var(--pw-fs);}

/* Huddle Brief sheet and toasts */
.sr-win--powa .sr-sheet{gap:6px;padding:18px 18px 16px;background:var(--pw-card);border:1px solid var(--pw-bd);border-radius:16px;box-shadow:0 10px 28px rgba(32,32,34,.08);}
.sr-win--powa .sr-sheet__h{margin:0;font:800 24px/1 var(--pw-disp);letter-spacing:.01em;}
.sr-win--powa .sr-sheet .sr-eb{margin:0 0 6px;}
.sr-win--powa .sr-sheet .sr-li{padding:10px 0;margin:0;}
.sr-win--powa .sr-sheet:not(.sr-sheet--modal){bottom:auto;}
.sr-win--powa .sr-sheet .sr-btn--block{height:38px;margin-top:10px;border-radius:10px;}
.sr-win--powa .sr-toast{gap:10px;border:1px solid var(--pw-bd);border-radius:12px;box-shadow:0 8px 22px rgba(32,32,34,.08);color:var(--pw-fg);font-size:var(--pw-sm);}
.sr-win--powa .sr-toast__d{width:16px;height:16px;border-radius:0;background:#248a5b;-webkit-mask:var(--pw-ok) center / contain no-repeat;mask:var(--pw-ok) center / contain no-repeat;}

/* tablets and narrow laptops: the sidebar collapses to an icon rail */
@container sr (min-width:560px) and (max-width:819px) {
.sr-win--powa{--pw-side:60px;}
.sr-win--powa .pw-side{align-items:center;padding:12px 8px 10px;}
.sr-win--powa .pw-side .pw-brand{padding:0 0 12px;}
.sr-win--powa .pw-side .pw-brand__t,.sr-win--powa .pw-side .pw-mi__t{display:none;}
.sr-win--powa .pw-side .pw-mi{justify-content:center;width:40px;padding:0;}
.sr-win--powa .pw-side .pw-badge{position:absolute;top:0;right:-2px;}
}
/* phones: logo lockup in the top bar, one column, a fixed bottom bar inside the window */
@container sr (max-width:559px) {
.sr-win--powa{--pw-fs:13px;--pw-sm:12px;grid-template-rows:minmax(0,1fr);}
.sr-win--powa .pw{grid-template-columns:minmax(0,1fr);}
.sr-win--powa .pw-side,.sr-win--powa .pw-crumb,.sr-win--powa .pw-role,.sr-win--powa .pw-top .sr-av{display:none;}
.sr-win--powa .pw-top{height:52px;padding:0 8px 0 16px;}
.sr-win--powa .pw-brand--top{display:flex;flex:1;gap:9px;padding:0;}
.sr-win--powa .pw-brand--top .pw-tile{width:30px;height:30px;border-radius:8px;}
.sr-win--powa .pw-brand--top .pw-word{font-size:17px;}
.sr-win--powa .pw-tabbar{display:block;background:var(--pw-card);border-top:1px solid var(--pw-bd);}
.sr-win--powa .pw-tb{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));}
.sr-win--powa .pw-tb__i{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:8px 2px 9px;color:var(--pw-mf);font-size:11px;line-height:1.2;white-space:nowrap;transition:color 300ms ease;}
.sr-win--powa .pw-tb__i > span:not(.pw-badge){max-width:100%;overflow:hidden;text-overflow:ellipsis;}
.sr-win--powa .pw-tb__i.is-on{color:var(--pw-red);font-weight:600;}
.sr-win--powa .pw-tb__i .pw-badge{position:absolute;top:3px;left:calc(50% + 4px);min-width:17px;height:17px;padding:0 4px;}
.sr-win--powa .sr-main__in{padding:16px 16px 20px;}
.sr-win--powa .sr-head{grid-template-areas:"h b" "w w";row-gap:6px;margin-bottom:14px;}
.sr-win--powa .sr-h{font-size:25px;max-width:none;}
.sr-win--powa .sr-btn{height:32px;padding:0 14px;font-size:12px;}
.sr-win--powa .sr-btn--sm{height:28px;padding:0 11px;}
.sr-win--powa .sr-grid{gap:12px;}
.sr-win--powa .sr-stats{gap:10px;margin-bottom:12px;}
.sr-win--powa .sr-panel--tall{grid-row:auto;}
.sr-win--powa .sr-panel{padding:12px 14px 6px;}
.sr-win--powa .sr-stat{padding:12px;}
.sr-win--powa .sr-stat b{font-size:24px;}
.sr-win--powa .sr-stat .sr-k{font-size:12px;}
.sr-win--powa .sr-stat--wide .sr-k,.sr-win--powa .sr-stat--wide b{font-size:13px;}
.sr-win--powa .sr-ring{width:40px;height:40px;}
.sr-win--powa .sr-li{padding:10px 6px;gap:10px;}
.sr-win--powa .sr-note,.sr-win--powa .sr-k,.sr-win--powa .sr-chip{font-size:12px;}
.sr-win--powa .sr-tag{font-size:12px;height:24px;}
.sr-win--powa .sr-chip{height:30px;padding:0 12px;}
.sr-win--powa .sr-chip.has-av{padding-left:4px;}
/* tables become stacked rows: title, time, seats on the left; status and actions on the right */
.sr-win--powa .sr-table,.sr-win--powa .sr-table tbody{display:block;}
.sr-win--powa .sr-table tr:first-child{display:none;}
.sr-win--powa .sr-row{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:3px;padding:11px 0;box-shadow:inset 0 1px 0 var(--pw-bd);}
.sr-win--powa .sr-row:nth-child(2){box-shadow:none;}
.sr-win--powa .sr-table td,.sr-win--powa .sr-table td:first-child{display:block;padding:0;box-shadow:none;line-height:1.35;}
.sr-win--powa .sr-row td:nth-child(1){grid-area:1 / 1;}
.sr-win--powa .sr-row td:nth-child(2){grid-area:2 / 1;color:var(--pw-mf);}
.sr-win--powa .sr-row td:nth-child(3){grid-area:3 / 1;color:var(--pw-mf);}
.sr-win--powa .sr-row td:nth-child(4){grid-area:1 / 2;justify-self:end;}
.sr-win--powa .sr-row td:nth-child(5){grid-area:2 / 2 / 4 / 3;align-self:end;justify-self:end;}
.sr-win--powa .sr-eb{white-space:normal;}
.sr-win--powa .sr-sheet{gap:4px;padding:16px 14px 14px;}
.sr-win--powa .sr-sheet:not(.sr-sheet--modal){top:auto;bottom:8px;}
.sr-win--powa .sr-sheet__h{font-size:22px;}
.sr-win--powa .sr-sheet .sr-li{padding:8px 0;}
.sr-win--powa .sr-toast{left:10px;right:10px;bottom:68px;}
}

/* Construction scene in STRACTA's own look: work software for a paving contractor. Everything is scoped to .sr-win--stracta.
   Light and flat: navy sidebar, white top bar, white cards with 1px slate borders on a cool off-white page, no shadows to speak of.
   Amber only on primary buttons, the active nav pill, the logo, progress fills and callouts; blue for links and the phone tab underline.
   The brief's Inter and Inter Tight are swapped for IBM Plex Sans (the site's AI-slop rules ban Inter). Capitals are typed in the data. */
.sr-win--stracta{
--st-bg:#f8fafc;--st-card:#fff;--st-ink:#0f172a;--st-mu:#475569;--st-bd:#e2e8f0;--st-am:#f59e0b;--st-amt:#fffbeb;--st-blue:#0369a1;
--st-nav:#0f172a;--st-navt:#cbd5e1;--st-navh:#94a3b8;--st-soft:#f1f5f9;
--st-fs:clamp(12.5px,1.45cqw,14px);--st-sm:clamp(11.5px,1.3cqw,12.5px);--st-side:clamp(196px,23cqw,232px);--st-top:clamp(44px,5.2cqw,52px);
grid-template-rows:minmax(0,1fr);background:var(--st-bg);color:var(--st-ink);font-size:var(--st-fs);line-height:1.4;
}
.sr-win--stracta[data-menu="office"] [data-for="field"],.sr-win--stracta[data-menu="field"] [data-for="office"]{display:none;}
.sr-win--stracta .st{display:grid;grid-template-columns:var(--st-side) minmax(0,1fr);min-width:0;min-height:0;}
.sr-win--stracta .st-col{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;}
.sr-win--stracta svg{flex:none;}

/* sidebar */
.sr-win--stracta .st-side{display:flex;flex-direction:column;min-height:0;padding:14px 10px 10px;background:var(--st-nav);color:var(--st-navt);}
.sr-win--stracta .st-brand{display:flex;align-items:center;gap:10px;min-width:0;padding:0 6px 14px;}
.sr-win--stracta .st-logo{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:var(--st-am);color:var(--st-ink);font:700 17px/1 var(--sans);}
.sr-win--stracta .st-brand b{font:700 16px/1 var(--sans);letter-spacing:.06em;color:#fff;}
.sr-win--stracta .st-co{display:flex;align-items:center;gap:9px;min-width:0;margin:0 0 10px;padding:8px;border-radius:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);}
.sr-win--stracta .st-co__m{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:5px;background:#1e293b;color:#fff;font:600 12px/1 var(--sans);}
.sr-win--stracta .st-co__t{display:flex;flex-direction:column;min-width:0;}
.sr-win--stracta .st-co__t b,.sr-win--stracta .st-me__t b{color:#fff;font-weight:600;font-size:var(--st-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sr-win--stracta .st-co__t span,.sr-win--stracta .st-me__t span{font-size:11px;color:var(--st-navh);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sr-win--stracta .st-nav{position:relative;display:flex;flex-direction:column;gap:1px;flex:1;min-height:0;overflow:hidden;}
.sr-win--stracta .st-gh{flex:none;margin:0;padding:10px 10px 4px;font:600 11px/1.2 var(--sans);letter-spacing:.07em;color:var(--st-navh);white-space:nowrap;}
.sr-win--stracta .st-gh:first-child{padding-top:2px;}
.sr-win--stracta .st-mi{display:flex;align-items:center;gap:10px;flex:none;height:clamp(27px,3.1cqw,30px);padding:0 10px;border-radius:999px;color:var(--st-navt);font-size:var(--st-sm);font-weight:500;white-space:nowrap;transition:background-color 300ms ease,color 300ms ease;}
.sr-win--stracta .st-mi__t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;}
.sr-win--stracta .st-mi.is-on{background:var(--st-am);color:var(--st-ink);font-weight:600;}
.sr-win--stracta .st-badge{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font:600 11px/18px var(--sans);text-align:center;}
.sr-win--stracta .st-mi.is-on .st-badge{background:rgba(15,23,42,.14);color:var(--st-ink);}
.sr-win--stracta .st-side__f{display:flex;flex-direction:column;gap:1px;padding-top:8px;margin-top:6px;border-top:1px solid rgba(255,255,255,.1);}
.sr-win--stracta .st-me{display:flex;align-items:center;gap:9px;min-width:0;padding:5px 8px;}
.sr-win--stracta .st-me__t{display:flex;flex-direction:column;min-width:0;}
.sr-win--stracta .st-av{display:inline-grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:#334155;color:#fff;font:600 11px/1 var(--sans);letter-spacing:.02em;}

/* top bar and bell dropdown */
.sr-win--stracta .st-top{display:flex;align-items:center;gap:10px;height:var(--st-top);padding:0 14px 0 clamp(16px,2.6cqw,24px);background:var(--st-card);border-bottom:1px solid var(--st-bd);}
.sr-win--stracta .st-ib.st-burger,.sr-win--stracta .st-tabbar{display:none;}
.sr-win--stracta .st-page{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 var(--st-fs)/1.2 var(--sans);letter-spacing:-0.01em;}
.sr-win--stracta .st-top__r{display:flex;align-items:center;gap:2px;flex:none;}
.sr-win--stracta .st-ib{position:relative;display:grid;place-items:center;width:32px;height:32px;border-radius:6px;color:var(--st-mu);transition:background-color 200ms ease,color 200ms ease;}
.sr-win--stracta .st-dot{position:absolute;top:1px;right:0;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--st-am);color:var(--st-ink);font:700 11px/16px var(--sans);text-align:center;box-shadow:0 0 0 2px var(--st-card);}
.sr-win--stracta .st-top .st-av{width:30px;height:30px;margin-left:8px;background:var(--st-ink);}
.sr-win--stracta:has(.sr-toast.is-on) .st-bell{background:var(--st-soft);color:var(--st-ink);}
.sr-win--stracta .sr-toast{top:calc(var(--st-top) + 6px);right:12px;bottom:auto;width:min(290px,30cqw);max-width:none;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;background:var(--st-card);border:1px solid var(--st-bd);border-radius:8px;box-shadow:0 12px 28px rgba(15,23,42,.12);color:var(--st-ink);font-weight:400;font-size:var(--st-sm);transform:translateY(-6px);}
.sr-win--stracta .sr-toast.is-on{transform:none;}
.sr-win--stracta .sr-toast__h{padding:10px 14px;border-bottom:1px solid var(--st-bd);font-weight:600;font-size:var(--st-fs);}
.sr-win--stracta .sr-toast__row{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;background:var(--st-amt);}
.sr-win--stracta .sr-toast__d{width:8px;height:8px;margin-top:5px;background:var(--st-am);}
.sr-win--stracta .sr-toast__b{display:flex;flex-direction:column;gap:2px;min-width:0;}
.sr-win--stracta .sr-toast__t{white-space:normal;font-weight:500;}
.sr-win--stracta .sr-toast__m{font-size:11.5px;color:var(--st-mu);}
.sr-win--stracta .sr-toast__f{display:flex;justify-content:flex-end;padding:10px 14px;border-top:1px solid var(--st-bd);}
.sr-win--stracta .sr-toast .sr-btn{height:30px;}

/* page: status line, day picker, title */
.sr-win--stracta .sr-main{background:var(--st-bg);}
.sr-win--stracta .sr-main__in{padding:clamp(12px,1.7cqw,16px) clamp(16px,2.6cqw,24px) 24px;}
.sr-win--stracta .sr-sub{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;margin-bottom:clamp(8px,1.2cqw,12px);font-size:var(--st-sm);color:var(--st-mu);}
.sr-win--stracta .sr-saved{display:inline-flex;align-items:center;gap:6px;min-width:0;white-space:nowrap;}
.sr-win--stracta .sr-saved svg{color:#15803d;}
.sr-win--stracta .sr-date{display:inline-flex;align-items:center;gap:4px;flex:none;}
.sr-win--stracta .sr-date__b,.sr-win--stracta .sr-date__t{display:grid;place-items:center;height:26px;border:1px solid var(--st-bd);border-radius:6px;background:var(--st-card);}
.sr-win--stracta .sr-date__b{width:26px;color:var(--st-mu);}
.sr-win--stracta .sr-date__d{padding:0 6px;font-weight:600;color:var(--st-ink);white-space:nowrap;}
.sr-win--stracta .sr-date__t{margin-left:4px;padding:0 10px;font-weight:500;color:var(--st-ink);}
.sr-win--stracta .sr-head{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"h b" "w b";align-items:center;column-gap:16px;row-gap:2px;margin-bottom:clamp(12px,1.6cqw,16px);}
.sr-win--stracta .sr-h{grid-area:h;max-width:none;font:600 clamp(22px,3cqw,28px)/1.15 var(--sans);letter-spacing:-0.01em;}
.sr-win--stracta .sr-who{grid-area:w;font-size:var(--st-sm);color:var(--st-mu);}
.sr-win--stracta .sr-head .sr-btn{grid-area:b;}
.sr-win--stracta .sr-btn{gap:7px;height:34px;padding:0 14px;border-radius:6px;background:var(--st-am);color:var(--st-ink);font:600 var(--st-sm)/1 var(--sans);box-shadow:none;}
.sr-win--stracta .sr-btn--ghost{background:var(--st-card);color:var(--st-ink);box-shadow:inset 0 0 0 1px #cbd5e1;}
.sr-win--stracta .sr-btn--link{height:auto;padding:2px 0;background:none;color:var(--st-blue);font-weight:500;}
.sr-win--stracta .sr-grid,.sr-win--stracta .sr-stats{gap:clamp(8px,1.2cqw,12px);}
.sr-win--stracta .sr-stats{margin-bottom:clamp(8px,1.2cqw,12px);}

/* tab filters with counts */
.sr-win--stracta .sr-tabw{gap:2px 22px;box-shadow:inset 0 -1px 0 var(--st-bd);}
.sr-win--stracta .sr-tabw__i{display:inline-flex;align-items:center;gap:7px;padding:2px 0 9px;color:var(--st-mu);font-weight:500;transition:color 220ms ease,box-shadow 220ms ease;}
.sr-win--stracta .sr-tabw__i.is-on{color:var(--st-ink);box-shadow:inset 0 -2px 0 var(--st-am);}
.sr-win--stracta .sr-tabw__n{min-width:20px;height:18px;padding:0 6px;border-radius:999px;background:#e2e8f0;color:var(--st-mu);font:600 11px/18px var(--sans);text-align:center;}
.sr-win--stracta .sr-tabw__i.is-on .sr-tabw__n{background:var(--st-ink);color:#fff;}

/* cards, rows, number tiles */
.sr-win--stracta .sr-panel,.sr-win--stracta .sr-stat,.sr-win--stracta .sr-bcol,.sr-win--stracta .sr-pcard{background:var(--st-card);border:1px solid var(--st-bd);border-radius:6px;box-shadow:none;}
.sr-win--stracta .sr-panel{padding:12px 14px 6px;}
.sr-win--stracta .sr-panel__h{min-height:24px;margin-bottom:2px;}
.sr-win--stracta .sr-panel__h > span:first-child{font-weight:600;letter-spacing:-0.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sr-win--stracta .sr-li{padding:9px 4px;margin:0 -4px;border-radius:0;}
.sr-win--stracta .sr-li + .sr-li{box-shadow:inset 0 1px 0 var(--st-bd);}
.sr-win--stracta .sr-li > b{font-weight:700;}
.sr-win--stracta .sr-note,.sr-win--stracta .sr-k{font-size:var(--st-sm);color:var(--st-mu);}
.sr-win--stracta .sr-stat{gap:4px;padding:12px 14px;}
.sr-win--stracta .sr-stat .sr-k{font-weight:500;}
.sr-win--stracta .sr-stat b{font:700 clamp(22px,2.8cqw,28px)/1.1 var(--sans);letter-spacing:-0.01em;}
.sr-win--stracta .sr-stat--wide{align-self:start;column-gap:6px;row-gap:10px;}
.sr-win--stracta .sr-grid > .sr-stat--wide{grid-column:auto;}
.sr-win--stracta .sr-stat--wide .sr-k{font-size:var(--st-fs);color:var(--st-ink);font-weight:600;}
.sr-win--stracta .sr-stat--wide b{font:600 var(--st-fs)/1.3 var(--sans);}
.sr-win--stracta .sr-meter{height:6px;margin-top:2px;border-radius:3px;background:var(--st-soft);}
.sr-win--stracta .sr-meter i{border-radius:3px;background:var(--st-am);}

/* status pills: small tinted pills, no dot */
.sr-win--stracta .sr-tag{height:22px;padding:0 9px;border-radius:999px;background:var(--st-soft);color:var(--st-mu);font:600 11.5px/1 var(--sans);}
.sr-win--stracta .sr-tag::before{display:none;}
.sr-win--stracta .sr-tag.is-ok{background:#dcfce7;color:#15803d;}
.sr-win--stracta .sr-tag.is-warn{background:#fef3c7;color:#b45309;}
.sr-win--stracta .sr-tag.is-bad{background:#fee2e2;color:#b91c1c;}
.sr-win--stracta .sr-tag.is-info{background:#e0f2fe;color:var(--st-blue);}

/* Daily dispatch board: one column per project */
.sr-win--stracta .sr-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1.1cqw,12px);align-items:start;}
.sr-win--stracta .sr-bcol{display:flex;flex-direction:column;gap:1px;min-width:0;padding:10px 12px 6px;}
.sr-win--stracta .sr-bcol__h{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:4px;}
.sr-win--stracta .sr-pno{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 11.5px/1.2 var(--mono);color:var(--st-mu);}
.sr-win--stracta .sr-bcol__n{font-weight:600;}
.sr-win--stracta .sr-bcol > .sr-note{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sr-win--stracta .sr-bsec{display:flex;flex-direction:column;gap:2px;margin-top:7px;padding:7px 0 3px;border-top:1px solid var(--st-bd);}
.sr-win--stracta .sr-bsec__h{font:600 11px/1.25 var(--sans);letter-spacing:.06em;color:var(--st-mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sr-win--stracta .sr-bsec__v{display:flex;flex-direction:column;gap:1px;min-width:0;font-size:var(--st-sm);}
.sr-win--stracta .sr-bsec__v > span{overflow-wrap:anywhere;}

/* My day: confirmation band; project and job cards */
.sr-win--stracta .sr-band{display:flex;flex-direction:column;gap:2px;min-width:0;padding:12px 14px;background:var(--st-amt);border:1px solid #fcd34d;border-radius:6px;}
.sr-win--stracta .sr-band__h{display:flex;align-items:center;gap:7px;margin:0 0 2px;font-weight:600;font-size:var(--st-sm);color:#92400e;}
.sr-win--stracta .sr-band .sr-li{margin:0;padding:4px 0;box-shadow:none;}
.sr-win--stracta .sr-band .sr-li.is-wrap .sr-k1{font-weight:600;}
.sr-win--stracta .sr-band__f{display:flex;gap:8px;padding-top:8px;}
.sr-win--stracta .sr-pcard{display:flex;flex-direction:column;gap:2px;min-width:0;padding:12px 14px;}
.sr-win--stracta .sr-pcard__n{font:600 clamp(15px,1.8cqw,17px)/1.25 var(--sans);letter-spacing:-0.01em;}
.sr-win--stracta .sr-addr{display:flex;align-items:center;gap:6px;min-width:0;font-size:var(--st-sm);color:var(--st-mu);}
.sr-win--stracta .sr-addr > span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sr-win--stracta .sr-kv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid var(--st-bd);}
.sr-win--stracta .sr-kv > span{display:flex;flex-direction:column;gap:1px;min-width:0;}
.sr-win--stracta .sr-kv b{font-weight:600;overflow-wrap:anywhere;}
.sr-win--stracta .sr-pcard__f{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;padding-top:12px;border-top:1px solid var(--st-bd);}
.sr-win--stracta .sr-pcard > .sr-btn--link{align-self:flex-start;margin-top:10px;}
.sr-win--stracta .sr-prog{margin-top:12px;}
.sr-win--stracta .sr-prog .sr-meter{margin:0;}
.sr-win--stracta .sr-prog__l{display:flex;justify-content:space-between;gap:8px;margin-top:6px;font-size:var(--st-sm);color:var(--st-mu);}
.sr-win--stracta .sr-prog__l b{font-weight:700;color:var(--st-ink);}
.sr-win--stracta .sr-pstat{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--st-bd);}
.sr-win--stracta .sr-pstat b{font:700 clamp(20px,2.4cqw,24px)/1.1 var(--sans);letter-spacing:-0.01em;color:#15803d;}

/* dialogs: white sheets with Back and close, Cancel outlined, one amber primary at the bottom right */
.sr-win--stracta .sr-sheet{gap:10px;padding:12px 16px 16px;background:var(--st-card);border:1px solid var(--st-bd);border-radius:8px;box-shadow:0 12px 32px rgba(15,23,42,.12);}
.sr-win--stracta .sr-sheet--modal{width:min(400px,72%);}
.sr-win--stracta .sr-sheet--modal.is-open{box-shadow:0 12px 32px rgba(15,23,42,.14),0 0 0 100vmax rgba(15,23,42,.28);}
.sr-win--stracta .sr-sheet__nav{display:flex;align-items:center;justify-content:space-between;margin:0 -6px;}
.sr-win--stracta .sr-sheet__back{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 8px 0 4px;border-radius:6px;color:var(--st-mu);font-weight:500;font-size:var(--st-sm);}
.sr-win--stracta .sr-sheet__x{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;color:var(--st-mu);}
.sr-win--stracta .sr-sheet__h{margin:0;font:600 clamp(18px,2.2cqw,20px)/1.2 var(--sans);letter-spacing:-0.01em;}
.sr-win--stracta .sr-sheet__note{margin:-6px 0 0;font-size:var(--st-sm);color:var(--st-mu);}
.sr-win--stracta .sr-sheet .sr-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.sr-win--stracta .sr-sheet .sr-chip{gap:9px;height:38px;padding:0 12px;border-radius:6px;background:var(--st-card);box-shadow:inset 0 0 0 1px var(--st-bd);color:var(--st-ink);font-size:var(--st-sm);font-weight:500;}
.sr-win--stracta .sr-sheet .sr-chip::before{content:'';flex:none;width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #94a3b8;transition:box-shadow 220ms ease;}
.sr-win--stracta .sr-sheet .sr-chip.is-on{background:var(--st-amt);box-shadow:inset 0 0 0 1.5px var(--st-am);}
.sr-win--stracta .sr-sheet .sr-chip.is-on::before{box-shadow:inset 0 0 0 4.5px var(--st-am);}
.sr-win--stracta .sr-field .sr-k{font-weight:500;color:var(--st-ink);}
.sr-win--stracta .sr-input{height:36px;line-height:34px;border:1px solid var(--st-bd);border-radius:6px;background:var(--st-card);}
.sr-win--stracta .sr-input:empty::before{color:#94a3b8;}
.sr-win--stracta .sr-sheet__f{display:flex;justify-content:flex-end;gap:8px;margin-top:4px;padding-top:12px;border-top:1px solid var(--st-bd);}

/* tablets and narrow laptops: the sidebar collapses to an icon rail */
@container sr (min-width:560px) and (max-width:819px) {
.sr-win--stracta{--st-side:60px;}
.sr-win--stracta .st-side{align-items:center;padding:12px 8px 10px;}
.sr-win--stracta .st-brand{padding:0 0 12px;}
.sr-win--stracta .st-brand b,.sr-win--stracta .st-co,.sr-win--stracta .st-gh,.sr-win--stracta .st-mi__t,.sr-win--stracta .st-me__t,.sr-win--stracta .st-badge{display:none;}
.sr-win--stracta .st-mi{justify-content:center;width:40px;padding:0;border-radius:8px;}
.sr-win--stracta .st-me{padding:5px 0;}
}
/* phones: no sidebar (a menu button instead), single-column cards, full-width buttons, bottom sheets and a bottom tab bar */
@container sr (max-width:559px) {
.sr-win--stracta{--st-fs:13px;--st-sm:12px;--st-top:50px;}
.sr-win--stracta .st{grid-template-columns:minmax(0,1fr);}
.sr-win--stracta .st-side,.sr-win--stracta .st-help,.sr-win--stracta .st-top .st-av,.sr-win--stracta .sr-date__t{display:none;}
.sr-win--stracta .st-ib.st-burger{display:grid;}
.sr-win--stracta .st-top{gap:4px;padding:0 6px;}
.sr-win--stracta .st-page{font-size:16px;}
.sr-win--stracta .st-tabbar{display:block;background:var(--st-card);border-top:1px solid var(--st-bd);}
.sr-win--stracta .st-tb{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));}
.sr-win--stracta .st-tb__i{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:7px 2px 8px;color:var(--st-mu);font-size:11px;line-height:1.2;white-space:nowrap;transition:color 300ms ease,box-shadow 300ms ease;}
.sr-win--stracta .st-tb__i > span{max-width:100%;overflow:hidden;text-overflow:ellipsis;}
.sr-win--stracta .st-tb__i.is-on{color:var(--st-blue);font-weight:600;box-shadow:inset 0 -2px 0 var(--st-blue);}
.sr-win--stracta .sr-main__in{padding:12px 14px 18px;}
.sr-win--stracta .sr-sub{margin-bottom:10px;}
.sr-win--stracta .sr-head{grid-template-areas:"h b" "w w";row-gap:4px;margin-bottom:12px;}
.sr-win--stracta .sr-h{font-size:24px;}
.sr-win--stracta .sr-btn{height:34px;padding:0 12px;font-size:12px;}
.sr-win--stracta .sr-grid,.sr-win--stracta .sr-stats{gap:10px;}
.sr-win--stracta .sr-stats{margin-bottom:10px;}
.sr-win--stracta .sr-stats.is-4 .sr-stat{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:2px;padding:10px 12px;}
.sr-win--stracta .sr-stat b{font-size:22px;}
.sr-win--stracta .sr-stat .sr-k,.sr-win--stracta .sr-note,.sr-win--stracta .sr-k{font-size:12px;}
.sr-win--stracta .sr-stat--wide .sr-k,.sr-win--stracta .sr-stat--wide b{font-size:13px;}
.sr-win--stracta .sr-panel{padding:10px 12px 4px;}
.sr-win--stracta .sr-li{gap:10px;padding:9px 4px;}
.sr-win--stracta .sr-tag{font-size:11.5px;}
.sr-win--stracta .sr-tabw{gap:2px 16px;}
.sr-win--stracta .sr-board{grid-template-columns:minmax(0,1fr);gap:8px;}
.sr-win--stracta .sr-bcol{padding:10px 12px 6px;}
.sr-win--stracta .sr-bsec{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:baseline;column-gap:12px;margin-top:5px;padding:5px 0 1px;}
.sr-win--stracta .sr-bsec__v{align-items:flex-end;text-align:right;}
.sr-win--stracta .sr-band__f .sr-btn,.sr-win--stracta .sr-pcard__f .sr-btn{flex:1 1 100%;}
.sr-win--stracta .sr-kv{gap:8px;}
/* dialogs and the bell dropdown open as bottom sheets */
.sr-win--stracta .sr-sheet--modal{inset:auto 0 0 0;width:auto;height:auto;margin:0;padding:10px 14px 14px;border-width:1px 0 0;border-radius:12px 12px 0 0;opacity:1;visibility:hidden;transform:translateY(calc(100% + 12px));transition:transform 420ms var(--ez),visibility 0s 420ms;}
.sr-win--stracta .sr-sheet--modal.is-open{visibility:visible;transform:none;transition:transform 420ms var(--ez),visibility 0s;}
.sr-win--stracta .sr-sheet__h{font-size:18px;}
.sr-win--stracta .sr-sheet__f .sr-btn{flex:1;}
.sr-win--stracta .sr-sheet .sr-chip{height:36px;}
.sr-win--stracta .sr-toast{top:auto;left:0;right:0;bottom:0;width:auto;border-width:1px 0 0;border-radius:12px 12px 0 0;box-shadow:0 -10px 28px rgba(15,23,42,.12);transform:translateY(calc(100% + 12px));}
.sr-win--stracta .sr-toast__f .sr-btn{flex:1;}
}

/* Agency scene: an immigration consultancy's operations app (cases, documents, tasks, deadlines, messages, recruitment). Everything is scoped to .sr-win--imm.
   Deep navy brand, slate neutrals, white cards with 12px corners and a hairline, pastel pill badges, and one green colour kept for calls to action.
   The spec's Inter is swapped for IBM Plex Sans (the site's AI-slop rules ban Inter). The public assessment page sits on a solid navy fill. */
.sr-win--imm{
--im-50:#eef4fb;--im-100:#d6e4f5;--im-200:#aec9ea;--im-500:#3568ad;--im-600:#28528c;--im-700:#1f3f6e;--im-900:#162b47;--im-g:#10a37f;
--im-bg:#f1f5f9;--im-ink:#1e293b;--im-h:#0f172a;--im-mu:#64748b;--im-mu2:#94a3b8;--im-bd:#e2e8f0;--im-th:#f8fafc;--im-in:#cbd5e1;
--im-sh:0 1px 2px rgba(15,23,42,.06);
--im-fs:clamp(12.5px,1.45cqw,14px);--im-sm:clamp(11.5px,1.3cqw,12.5px);--im-side:clamp(184px,22cqw,232px);--im-top:clamp(46px,5.4cqw,54px);
grid-template-rows:minmax(0,1fr);background:var(--im-bg);color:var(--im-ink);font-size:var(--im-fs);line-height:1.4;
}
.sr-win--imm svg{flex:none;}
.sr-win--imm .im{display:grid;grid-template-columns:var(--im-side) minmax(0,1fr);min-width:0;min-height:0;}
.sr-win--imm .im-col{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;}
.sr-win--imm[data-menu="public"] .im{grid-template-columns:minmax(0,1fr);}
.sr-win--imm[data-menu="public"] .im-col{grid-template-rows:minmax(0,1fr);}
.sr-win--imm[data-menu="public"] .im-side,.sr-win--imm[data-menu="public"] .im-top{display:none;}

/* sidebar: firm block (name on two lines, Operations under it), one menu with count badges, Settings at the foot */
.sr-win--imm .im-side{display:flex;flex-direction:column;min-height:0;padding:14px 12px 12px;background:var(--im-900);color:var(--im-200);}
.sr-win--imm .im-firm{display:flex;align-items:center;gap:10px;min-width:0;padding:2px 8px 12px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08);}
.sr-win--imm .im-firm__m{display:none;flex:none;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--im-700);color:#fff;font:700 12px/1 var(--sans);}
.sr-win--imm .im-firm__t{display:flex;flex-direction:column;gap:3px;min-width:0;}
.sr-win--imm .im-firm__t b{font:700 clamp(14px,1.7cqw,16px)/1.2 var(--sans);letter-spacing:-0.01em;color:#fff;}
.sr-win--imm .im-firm__t span{font-size:var(--im-sm);color:var(--im-200);white-space:nowrap;}
.sr-win--imm .im-nav{position:relative;display:flex;flex-direction:column;gap:2px;flex:1;min-height:0;}
.sr-win--imm .im-mi{display:flex;align-items:center;gap:10px;flex:none;height:clamp(29px,3.2cqw,33px);padding:0 8px 0 10px;border-radius:8px;color:var(--im-200);font-size:var(--im-sm);font-weight:500;white-space:nowrap;transition:background-color 300ms ease,color 300ms ease;}
.sr-win--imm .im-mi:last-child{margin-top:auto;}
.sr-win--imm .im-mi__t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;}
.sr-win--imm .im-mi.is-on{background:var(--im-700);color:#fff;}
.sr-win--imm .im-badge{flex:none;min-width:20px;height:18px;padding:0 6px;border-radius:999px;background:var(--im-500);color:#fff;font:600 11px/18px var(--sans);text-align:center;}

/* top bar: firm name, bell, avatar */
.sr-win--imm .im-top{display:flex;align-items:center;gap:10px;height:var(--im-top);padding:0 14px 0 clamp(16px,2.6cqw,24px);background:rgba(255,255,255,.9);border-bottom:1px solid var(--im-bd);}
.sr-win--imm .im-burger{display:none;place-items:center;width:32px;height:32px;margin-left:-6px;border-radius:8px;color:var(--im-ink);}
.sr-win--imm .im-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 var(--im-fs)/1.2 var(--sans);color:var(--im-h);}
.sr-win--imm .im-top__r{display:flex;align-items:center;gap:10px;flex:none;}
.sr-win--imm .im-ib{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;color:var(--im-mu);}
.sr-win--imm .im-av{display:inline-grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:var(--im-700);color:#fff;font:600 11px/1 var(--sans);letter-spacing:.02em;}

/* page: bold title, muted subtitle, actions on the right */
.sr-win--imm .sr-main{background:var(--im-bg);}
.sr-win--imm .sr-main__in{padding:clamp(14px,2cqw,20px) clamp(16px,2.6cqw,24px) 24px;}
.sr-win--imm .sr-head{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"h b" "w b";align-items:center;column-gap:16px;row-gap:2px;margin-bottom:clamp(12px,1.6cqw,16px);}
.sr-win--imm .sr-h{grid-area:h;max-width:none;font:700 clamp(20px,2.6cqw,24px)/1.2 var(--sans);letter-spacing:-0.015em;color:var(--im-h);}
.sr-win--imm .sr-who{grid-area:w;font-size:var(--im-sm);color:var(--im-mu);}
.sr-win--imm .sr-head .sr-btn{grid-area:b;}
.sr-win--imm .sr-grid,.sr-win--imm .sr-stats{gap:clamp(8px,1.2cqw,12px);}
.sr-win--imm .sr-stats{margin-bottom:clamp(8px,1.2cqw,12px);}

/* buttons: navy primary, green for the calls to action, white secondary */
.sr-win--imm .sr-btn{gap:6px;height:32px;padding:0 13px;border-radius:8px;background:var(--im-700);color:#fff;font:600 var(--im-sm)/1 var(--sans);box-shadow:none;}
.sr-win--imm .sr-btn--cta{background:var(--im-g);}
.sr-win--imm .sr-btn--ghost{background:#fff;color:var(--im-ink);box-shadow:inset 0 0 0 1px var(--im-in);}
.sr-win--imm .sr-btn--sm{height:28px;padding:0 10px;}

/* cards, rows, tiles */
.sr-win--imm .sr-panel,.sr-win--imm .sr-stat{background:#fff;border:1px solid var(--im-bd);border-radius:12px;box-shadow:var(--im-sh);}
.sr-win--imm .sr-panel{padding:12px 16px 8px;}
.sr-win--imm .sr-panel--bare{padding:0;background:none;border:0;box-shadow:none;}
.sr-win--imm .sr-panel__h{min-height:26px;margin-bottom:4px;}
.sr-win--imm .sr-panel__h > span:first-child{font-weight:600;color:var(--im-h);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sr-win--imm .sr-li{padding:9px 4px;margin:0 -4px;border-radius:0;}
.sr-win--imm .sr-li + .sr-li{box-shadow:inset 0 1px 0 var(--im-bd);}
.sr-win--imm .sr-li > b{font-weight:600;color:var(--im-h);}
.sr-win--imm .sr-k1{color:var(--im-h);}
.sr-win--imm .sr-note,.sr-win--imm .sr-k{font-size:var(--im-sm);color:var(--im-mu);}
.sr-win--imm .sr-stats.is-4{grid-template-columns:repeat(var(--n),minmax(0,1fr));}
.sr-win--imm .sr-stat{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:1fr auto;align-items:end;column-gap:8px;row-gap:8px;padding:12px 14px;}
.sr-win--imm .sr-stat .sr-k{grid-area:1 / 1 / 2 / 3;align-self:start;font-weight:500;white-space:normal;line-height:1.3;}
.sr-win--imm .sr-stat b{grid-area:2 / 1;font:700 clamp(20px,2.6cqw,26px)/1.1 var(--sans);letter-spacing:-0.01em;color:var(--im-h);}
.sr-win--imm .sr-ico{grid-area:2 / 2;width:30px;height:30px;}
.sr-win--imm .sr-meter{height:6px;margin-top:6px;border-radius:3px;background:var(--im-bd);}
.sr-win--imm .sr-meter i{border-radius:3px;background:var(--im-600);}
.sr-win--imm [data-lvl="full"] .sr-meter i{background:var(--im-g);}
.sr-win--imm [data-lvl="low"] .sr-meter i{background:#d97706;}
.sr-win--imm .sr-prog__l b{font-weight:700;color:var(--im-h);}

/* status badges and icon squares: pastel fill, darker text, fully rounded */
.sr-win--imm .sr-tag{height:22px;padding:0 9px;border-radius:999px;background:#f1f5f9;color:#334155;font:600 11.5px/1 var(--sans);}
.sr-win--imm .sr-tag::before{display:none;}
.sr-win--imm .is-info{background:var(--im-100);color:var(--im-700);}
.sr-win--imm .is-ok{background:#d1fae5;color:#047857;}
.sr-win--imm .is-warn{background:#fef3c7;color:#b45309;}
.sr-win--imm .is-bad{background:#ffe4e6;color:#be123c;}
.sr-win--imm .is-violet{background:#ede9fe;color:#6d28d9;}
.sr-win--imm .is-teal{background:#ccfbf1;color:#0f766e;}

/* Board / Table toggle, search and filter */
.sr-win--imm .sr-chips--seg{background:var(--im-bd);}
.sr-win--imm .sr-chips--seg .sr-chip{height:26px;padding:0 12px;color:var(--im-mu);font-size:var(--im-sm);font-weight:500;}
.sr-win--imm .sr-chips--seg .sr-chip.is-on{background:#fff;color:var(--im-h);box-shadow:var(--im-sh);}
.sr-win--imm .sr-input{height:36px;line-height:34px;padding:0 12px;border:1px solid var(--im-in);border-radius:8px;background:#fff;color:var(--im-ink);transition:border-color 200ms ease,box-shadow 200ms ease;}
.sr-win--imm .sr-input:empty::before{color:var(--im-mu2);}
.sr-win--imm .sr-input.is-typing{border-color:var(--im-500);box-shadow:0 0 0 3px rgba(53,104,173,.2);}
.sr-win--imm .sr-find{justify-self:end;width:min(100%,420px);}
.sr-win--imm .sr-find .sr-input{height:34px;line-height:1.2;color:var(--im-mu2);}
.sr-win--imm .sr-find .sr-input--sel{color:var(--im-ink);}
.sr-win--imm .sr-field .sr-k{font-weight:500;color:var(--im-ink);}

/* Leads board: grey tracks, white cards */
.sr-win--imm .sr-kb{gap:10px;padding:0;}
.sr-win--imm .sr-kb__col{min-height:clamp(120px,15cqw,150px);padding:8px;border-radius:12px;background:rgba(226,232,240,.5);}
.sr-win--imm .sr-kb__h{padding:2px 4px 8px;font-size:var(--im-sm);font-weight:600;color:var(--im-ink);}
.sr-win--imm .sr-kb__h{line-height:1.25;}
.sr-win--imm .sr-tl .sr-k1{white-space:normal;}
.sr-win--imm .sr-kb__n{min-width:20px;height:18px;padding:0 6px;border-radius:999px;background:#fff;color:var(--im-mu);font:600 11px/18px var(--sans);text-align:center;}
.sr-win--imm .sr-card{gap:6px;padding:10px 11px;border-radius:10px;background:#fff;border:1px solid var(--im-bd);box-shadow:var(--im-sh);}

/* activity timeline: a 1px neutral line with brand dots */
.sr-win--imm .sr-tl::before{background:var(--im-bd);}
.sr-win--imm .sr-tl__d{background:var(--im-500);box-shadow:0 0 0 3px #fff;}
.sr-win--imm .sr-tl__w{color:var(--im-mu2);}

/* dashboard charts: funnel bars and the pathway donut */
.sr-win--imm .sr-fun__t i{background:var(--im-600);}
.sr-win--imm .sr-fun__r > b,.sr-win--imm .sr-legend b,.sr-win--imm .sr-donut__c b{color:var(--im-h);}
.sr-win--imm .sr-donut .sr-donut__bg{stroke:var(--im-bd);}
.sr-win--imm .sr-legend li{font-size:var(--im-sm);}

/* layouts: dashboard, case detail (main and a meta column), list page */
.sr-win--imm .sr-scr--dash .sr-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.sr-win--imm .sr-scr--dash .sr-grid > :nth-child(3){grid-column:1 / -1;}
.sr-win--imm .sr-scr--detail .sr-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);}
.sr-win--imm .sr-panel--tall{grid-row:span 2;}
.sr-win--imm .sr-scr--list .sr-grid{grid-template-columns:auto minmax(0,1fr);align-items:center;}
.sr-win--imm .sr-scr--list .sr-grid > .sr-panel{grid-column:1 / -1;}

/* list page table: a #f8fafc header row edge to edge */
.sr-win--imm .sr-panel > .sr-table{width:calc(100% + 32px);margin:2px -16px 0;}
.sr-win--imm .sr-table th{padding:8px 10px;background:var(--im-th);border-block:1px solid var(--im-bd);font:600 var(--im-sm)/1.2 var(--sans);color:var(--im-mu);}
.sr-win--imm .sr-table td{padding:10px;box-shadow:inset 0 1px 0 var(--im-bd);}
.sr-win--imm .sr-table tr:nth-child(2) td{box-shadow:none;}
.sr-win--imm .sr-table th:first-child,.sr-win--imm .sr-table td:first-child{padding-left:16px;}
.sr-win--imm .sr-table th:last-child,.sr-win--imm .sr-table td:last-child{padding-right:12px;}
.sr-win--imm .sr-table td:first-child{color:var(--im-h);}
.sr-win--imm .sr-table.has-act th:last-child{width:170px;}
.sr-win--imm .sr-more{width:26px;height:26px;color:var(--im-mu2);}

/* public assessment page: standalone, solid navy, a centred white card */
.sr-win--imm .sr-scr--pub{background:var(--im-900);}
.sr-win--imm .sr-scr--pub .sr-main__in{width:min(440px,100%);margin-inline:auto;padding-top:clamp(18px,3.6cqw,36px);}
.sr-win--imm .sr-scr--pub .sr-head{grid-template-columns:minmax(0,1fr);grid-template-areas:"h" "w";justify-items:center;text-align:center;}
.sr-win--imm .sr-scr--pub .sr-h{color:#fff;font-size:clamp(18px,2.2cqw,22px);}
.sr-win--imm .sr-scr--pub .sr-who{color:var(--im-200);}
.sr-win--imm .sr-scr--pub .sr-grid{grid-template-columns:minmax(0,1fr);}
.sr-win--imm .sr-sheet--inline{gap:12px;padding:clamp(16px,2.4cqw,24px);border:0;border-radius:12px;background:#fff;box-shadow:0 12px 32px rgba(0,0,0,.22);}
.sr-win--imm .sr-sheet--inline .sr-sheet__h{font-size:clamp(17px,2cqw,19px);}
.sr-win--imm .sr-sheet--inline .sr-sheet__note{margin:-8px 0 2px;font-size:var(--im-sm);color:var(--im-mu);}
.sr-win--imm .sr-sheet--inline .sr-btn--block{height:40px;margin-top:4px;}
.sr-win--imm .sr-sheet--inline .sr-li{margin:0;padding:10px 12px;border-radius:8px;background:var(--im-50);box-shadow:none;}
.sr-win--imm .sr-sheet--inline .sr-li > b{color:var(--im-700);}

/* sheets, the modal and toasts */
.sr-win--imm .sr-sheet{gap:10px;padding:16px;background:#fff;border:1px solid var(--im-bd);border-radius:12px;box-shadow:0 12px 32px rgba(15,23,42,.12);}
.sr-win--imm .sr-sheet__h{margin:0;font:700 18px/1.25 var(--sans);letter-spacing:-0.01em;color:var(--im-h);}
.sr-win--imm .sr-sheet .sr-btn--block{height:38px;}
.sr-win--imm .sr-sheet--modal.is-open{box-shadow:0 12px 32px rgba(15,23,42,.14),0 0 0 100vmax rgba(15,29,49,.35);}
.sr-win--imm .sr-toast{gap:10px;padding:10px 14px;background:#fff;border:1px solid var(--im-bd);border-radius:12px;box-shadow:0 10px 24px rgba(15,23,42,.1);color:var(--im-h);font-size:var(--im-sm);font-weight:500;}
.sr-win--imm .sr-toast__d{width:8px;height:8px;background:var(--im-g);}
.sr-win--imm .sr-sheet__note{margin:-6px 0 0;font-size:var(--im-sm);color:var(--im-mu);}
.sr-win--imm .sr-li.is-on,.sr-win--imm .sr-row.is-on td{background:var(--im-50);}

/* filter chips: white pills with a hairline; the selected one navy */
.sr-win--imm .sr-chip{height:28px;padding:0 12px;background:#fff;box-shadow:inset 0 0 0 1px var(--im-in);color:var(--im-ink);font-size:var(--im-sm);font-weight:500;}
.sr-win--imm .sr-chip.is-on{background:var(--im-700);color:#fff;box-shadow:none;}
.sr-win--imm .sr-chip__n{color:var(--im-mu);font-weight:600;}
.sr-win--imm .sr-chip.is-on .sr-chip__n{color:var(--im-200);}

/* Agency widgets (structure): team strip, task cards, document preview, client portal inbox, deadline calendar */
.sr-team{grid-column:1 / -1;display:grid;grid-template-columns:auto;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:center;gap:8px;min-width:0;}
.sr-team__h{padding-right:4px;font-weight:600;}
.sr-mate{display:flex;align-items:center;gap:9px;min-width:0;padding:8px 10px;border-radius:12px;background:var(--mi);}
.sr-mate .sr-av,.sr-card__who .sr-av{margin:0;}
.sr-mate .sr-av{width:28px;height:28px;}
.sr-mate .sr-note b{font-weight:600;}
.sr-card__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 6px;min-width:0;}
.sr-card__top .sr-note{flex:none;}
.sr-card--task .sr-k1{white-space:normal;line-height:1.3;}
.sr-card__who{display:flex;align-items:center;gap:6px;min-width:0;}
.sr-card__who .sr-note{white-space:normal;line-height:1.2;}
.sr-page{display:flex;flex-direction:column;gap:7px;height:clamp(92px,13cqw,132px);margin:4px 0 10px;padding:14px 16px;border-radius:8px;background:var(--mi);overflow:hidden;}
.sr-page i{display:block;flex:none;width:100%;height:5px;border-radius:3px;background:var(--li);}
.sr-page i:first-child{width:46%;height:8px;margin-bottom:3px;}
.sr-page i:nth-child(3n){width:72%;}
.sr-page i:nth-child(4n){width:86%;}
.sr-file{display:flex;align-items:center;gap:9px;min-width:0;padding:0 0 4px;color:var(--sl);}
.sr-inbox{display:grid;grid-template-columns:minmax(0,34%) minmax(0,1fr);min-width:0;border-radius:14px;box-shadow:0 0 0 1px var(--li);overflow:hidden;}
.sr-ibx{display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--li);}
.sr-ibx__h,.sr-conv__h{display:flex;align-items:center;gap:10px;min-width:0;min-height:52px;padding:8px 14px;border-bottom:1px solid var(--li);}
.sr-ibx__h .sr-k1{margin-right:auto;}
.sr-th{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 14px;transition:background-color 300ms ease;}
.sr-th + .sr-th{box-shadow:inset 0 1px 0 var(--li);}
.sr-th.is-on{background:var(--mi);}
.sr-th .sr-note{white-space:normal;line-height:1.3;}
.sr-th__ic{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:var(--mi);color:var(--sl);}
.sr-th__r{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none;}
.sr-th__w{font-size:11.5px;color:var(--sl);white-space:nowrap;}
.sr-th__dot{width:8px;height:8px;border-radius:50%;background:var(--bl);}
.sr-conv{display:flex;flex-direction:column;min-width:0;}
.sr-conv__back{display:none;place-items:center;flex:none;width:28px;height:28px;margin-left:-6px;border-radius:8px;}
.sr-conv__b{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0;padding:14px;}
.sr-cm{display:flex;flex-direction:column;align-items:flex-start;gap:4px;max-width:80%;min-width:0;}
.sr-cm.is-me{align-self:flex-end;align-items:flex-end;}
.sr-cm__w{font-size:11.5px;color:var(--sl);white-space:nowrap;}
.sr-cm__t{padding:8px 12px;border-radius:12px 12px 12px 4px;background:var(--mi);line-height:1.4;overflow-wrap:anywhere;}
.sr-cm.is-me .sr-cm__t{border-radius:12px 12px 4px 12px;background:var(--in);color:#fff;}
.sr-conv__c{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid var(--li);}
.sr-conv__c .sr-input{flex:1;min-width:0;}
.sr-conv .sr-send{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--in);color:#fff;}
.sr-cal{display:grid;grid-template-columns:repeat(var(--c,5),minmax(0,1fr));gap:4px;padding:2px 0 10px;}
.sr-cal__dh{padding:0 4px 2px;font-size:11.5px;font-weight:500;color:var(--sl);}
.sr-cal__d{display:flex;flex-direction:column;align-items:stretch;gap:3px;min-width:0;min-height:54px;padding:4px;border-radius:8px;background:var(--fo);}
.sr-cal__n{align-self:flex-start;min-width:20px;padding:1px 4px;border-radius:999px;font-size:11.5px;font-weight:500;text-align:center;}
.sr-cal__d.is-out .sr-cal__n{color:var(--sm);}
.sr-cal__d.is-today .sr-cal__n{background:var(--in);color:#fff;}
.sr-ev{display:block;min-width:0;padding:3px 5px;border-radius:5px;background:var(--mi);font-size:11px;font-weight:600;line-height:1.2;transition:box-shadow 300ms ease;}
.sr-ev.is-on{box-shadow:0 0 0 2px var(--in);}

/* Agency widgets in this theme */
.sr-win--imm .sr-av{background:var(--im-600);font-size:11px;}
.sr-win--imm .sr-team__h{color:var(--im-h);font-size:var(--im-sm);}
.sr-win--imm .sr-mate{background:#fff;border:1px solid var(--im-bd);box-shadow:var(--im-sh);transition:background-color 300ms ease;}
.sr-win--imm .sr-mate .sr-note b{color:var(--im-h);}
.sr-win--imm .sr-mate .sr-k1{white-space:normal;line-height:1.2;}
.sr-win--imm .sr-card__top .sr-note{font-weight:600;color:var(--im-mu);}
.sr-win--imm .sr-card__who .sr-av{width:22px;height:22px;}
.sr-win--imm .sr-card__who .sr-note{font-size:11.5px;}
.sr-win--imm .sr-page{background:var(--im-bg);border:1px solid var(--im-bd);}
.sr-win--imm .sr-page i{background:var(--im-in);}
.sr-win--imm .sr-page i:first-child{background:var(--im-mu2);}
.sr-win--imm .sr-file{color:var(--im-500);}
.sr-win--imm .sr-file .sr-k1{white-space:nowrap;}
.sr-win--imm .sr-scr--docs .sr-panel__f .sr-btn{flex:1 1 0;padding:0 8px;}
.sr-win--imm .sr-inbox{background:#fff;border:1px solid var(--im-bd);border-radius:12px;box-shadow:var(--im-sh);}
.sr-win--imm .sr-ibx{border-right-color:var(--im-bd);}
.sr-win--imm .sr-ibx__h,.sr-win--imm .sr-conv__h,.sr-win--imm .sr-conv__c{border-color:var(--im-bd);}
.sr-win--imm .sr-ibx__h .sr-k1,.sr-win--imm .sr-conv__h .sr-k1{font-weight:600;}
.sr-win--imm .sr-th + .sr-th{box-shadow:inset 0 1px 0 var(--im-bd);}
.sr-win--imm .sr-th.is-on{background:var(--im-50);}
.sr-win--imm .sr-th__ic{background:var(--im-100);color:var(--im-700);}
.sr-win--imm .sr-th__w{color:var(--im-mu2);}
.sr-win--imm .sr-th__dot{background:var(--im-500);}
.sr-win--imm .sr-conv__back{color:var(--im-ink);}
.sr-win--imm .sr-cm__w{color:var(--im-mu2);}
.sr-win--imm .sr-cm__t{background:var(--im-bg);color:var(--im-ink);}
.sr-win--imm .sr-cm.is-me .sr-cm__t{background:var(--im-700);color:#fff;}
.sr-win--imm .sr-conv .sr-send{background:var(--im-700);}
.sr-win--imm .sr-cal__dh{color:var(--im-mu);font-size:var(--im-sm);font-weight:600;}
.sr-win--imm .sr-cal__d{background:#fff;border:1px solid var(--im-bd);}
.sr-win--imm .sr-cal__d.is-out{background:var(--im-th);}
.sr-win--imm .sr-cal__n{color:var(--im-h);}
.sr-win--imm .sr-cal__d.is-out .sr-cal__n{color:var(--im-mu2);}
.sr-win--imm .sr-cal__d.is-today{border-color:var(--im-200);}
.sr-win--imm .sr-cal__d.is-today .sr-cal__n{background:var(--im-700);color:#fff;}
.sr-win--imm :where(.sr-ev){background:var(--im-bd);color:#334155;}
.sr-win--imm .sr-ev.is-on{box-shadow:0 0 0 2px var(--im-600);}

/* layouts: messages (the inbox fills the page), documents and deadlines (main column and a right card) */
.sr-win--imm .sr-scr--msgs .sr-grid{grid-template-columns:minmax(0,1fr);}
.sr-win--imm .sr-scr--docs .sr-grid{grid-template-columns:minmax(0,1fr) clamp(200px,26cqw,240px);}
.sr-win--imm .sr-scr--docs .sr-chips{grid-column:1 / -1;}
.sr-win--imm .sr-scr--docs .sr-table{font-size:var(--im-sm);}
.sr-win--imm .sr-scr--docs .sr-table td,.sr-win--imm .sr-scr--docs .sr-table th{padding-inline:8px;}
.sr-win--imm .sr-scr--docs .sr-table th:first-child,.sr-win--imm .sr-scr--docs .sr-table td:first-child{padding-left:16px;}
.sr-win--imm .sr-scr--cal .sr-grid{grid-template-columns:minmax(0,1fr) clamp(196px,26cqw,240px);}
.sr-win--imm .sr-scr--cal .sr-li{display:grid;grid-template-columns:minmax(0,1fr);row-gap:5px;}
.sr-win--imm .sr-scr--cal .sr-li .sr-tag{justify-self:start;}
.sr-win--imm .sr-scr--cal .sr-li .sr-k1{white-space:normal;}

/* tablets and narrow laptops: the sidebar collapses to an icon rail */
@container sr (min-width:560px) and (max-width:819px) {
.sr-win--imm{--im-side:60px;}
.sr-win--imm .im-side{align-items:center;padding:12px 8px 10px;}
.sr-win--imm .im-firm{padding:0 0 12px;}
.sr-win--imm .im-firm__m{display:grid;}
.sr-win--imm .im-firm__t,.sr-win--imm .im-mi__t,.sr-win--imm .im-badge{display:none;}
.sr-win--imm .im-mi{justify-content:center;width:40px;padding:0;}
.sr-win--imm .sr-stats.is-4{grid-template-columns:repeat(3,minmax(0,1fr));}
}
/* narrow windows: the document preview and the upcoming list drop under the table and the calendar */
@container sr (min-width:560px) and (max-width:759px) {
.sr-win--imm .sr-scr--docs .sr-grid,.sr-win--imm .sr-scr--cal .sr-grid{grid-template-columns:minmax(0,1fr);}
.sr-win--imm .sr-team{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;}
.sr-win--imm .sr-team__h{grid-column:1 / -1;}
}
/* narrower windows: board headers may wrap, so every header keeps two lines and the cards line up */
@container sr (min-width:560px) and (max-width:900px) {
.sr-win--imm .sr-kb__h{align-items:flex-start;min-height:calc(2.5em + 10px);white-space:normal;}
}
/* phones: the sidebar hides behind a menu button, one column, the board scrolls sideways in its own box, tables stack */
@container sr (max-width:559px) {
.sr-win--imm{--im-fs:13px;--im-sm:12px;--im-top:50px;}
.sr-win--imm .im{grid-template-columns:minmax(0,1fr);}
.sr-win--imm .im-side{display:none;}
.sr-win--imm .im-burger{display:grid;}
.sr-win--imm .im-top{gap:6px;padding:0 10px 0 12px;}
.sr-win--imm .im-top__r{gap:8px;}
.sr-win--imm .im-av{width:28px;height:28px;}
.sr-win--imm .sr-main__in{padding:14px 14px 18px;}
.sr-win--imm .sr-head{grid-template-areas:"h b" "w w";row-gap:4px;margin-bottom:12px;}
.sr-win--imm .sr-h{font-size:20px;}
.sr-win--imm .sr-btn{height:30px;padding:0 12px;font-size:12px;}
.sr-win--imm .sr-btn--sm{height:28px;padding:0 10px;}
.sr-win--imm .sr-grid,.sr-win--imm .sr-stats{gap:10px;}
.sr-win--imm .sr-stats{margin-bottom:10px;}
.sr-win--imm .sr-stats.is-4{grid-template-columns:repeat(2,minmax(0,1fr));}
.sr-win--imm .sr-stats.is-4 .sr-stat{display:grid;padding:10px 12px;row-gap:4px;}
.sr-win--imm .sr-stat .sr-k{font-size:12px;}
.sr-win--imm .sr-stat b{font-size:20px;}
.sr-win--imm .sr-ico{width:26px;height:26px;}
.sr-win--imm .sr-panel{padding:10px 12px 6px;}
.sr-win--imm .sr-panel--bare{padding:0;}
.sr-win--imm .sr-note,.sr-win--imm .sr-k,.sr-win--imm .sr-chip{font-size:12px;}
.sr-win--imm .sr-tag{font-size:11.5px;}
.sr-win--imm .sr-scr--dash .sr-grid,.sr-win--imm .sr-scr--detail .sr-grid,.sr-win--imm .sr-scr--list .sr-grid{grid-template-columns:minmax(0,1fr);}
.sr-win--imm .sr-scr--dash .sr-grid > :nth-child(3){grid-column:auto;}
.sr-win--imm .sr-scr--list .sr-grid > .sr-panel{grid-column:auto;}
.sr-win--imm .sr-panel--tall{grid-row:auto;}
.sr-win--imm .sr-find{justify-self:stretch;width:auto;}
.sr-win--imm .sr-kb{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:70%;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;}
.sr-win--imm .sr-kb::-webkit-scrollbar{display:none;}
.sr-win--imm .sr-kb__col{min-height:0;padding:8px;}
.sr-win--imm .sr-card{padding:9px 10px;font-size:12px;}
.sr-win--imm .sr-fun__r{grid-template-columns:96px minmax(0,1fr) 26px;}
.sr-win--imm .sr-donut__w{width:96px;}
.sr-win--imm .sr-sheet--inline{padding:16px;gap:10px;}
.sr-win--imm .sr-scr--pub .sr-main__in{width:auto;padding:16px 14px 18px;}
/* tables become stacked rows: candidate, trade and position on the left; stage and action on the right */
.sr-win--imm .sr-panel > .sr-table{width:100%;margin:0;}
.sr-win--imm .sr-table,.sr-win--imm .sr-table tbody{display:block;}
.sr-win--imm .sr-table tr:first-child{display:none;}
.sr-win--imm .sr-row{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:3px;padding:10px 0;box-shadow:inset 0 1px 0 var(--im-bd);}
.sr-win--imm .sr-row:nth-child(2){box-shadow:none;}
.sr-win--imm .sr-table td,.sr-win--imm .sr-table td:first-child,.sr-win--imm .sr-table td:last-child{display:block;padding:0;box-shadow:none;line-height:1.35;}
.sr-win--imm .sr-row td:nth-child(1){grid-area:1 / 1;}
.sr-win--imm .sr-row td:nth-child(2){grid-area:2 / 1;color:var(--im-mu);}
.sr-win--imm .sr-row td:nth-child(3){grid-area:3 / 1;color:var(--im-mu);}
.sr-win--imm .sr-row td:nth-child(4){grid-area:1 / 2;justify-self:end;}
.sr-win--imm .sr-row td:nth-child(5){grid-area:2 / 2 / 4 / 3;align-self:end;justify-self:end;}
.sr-win--imm .sr-toast{left:10px;right:10px;bottom:10px;}
/* documents: stacked rows (document and status, then case and expiry), the preview card below */
.sr-win--imm .sr-scr--docs .sr-grid,.sr-win--imm .sr-scr--cal .sr-grid{grid-template-columns:minmax(0,1fr);}
.sr-win--imm .sr-scr--docs .sr-table td,.sr-win--imm .sr-scr--docs .sr-table td:first-child{padding:0;}
.sr-win--imm .sr-scr--docs .sr-row{padding:9px 0;}
.sr-win--imm .sr-scr--docs .sr-row.is-on{margin:0 -12px;padding-inline:12px;background:var(--im-50);}
.sr-win--imm .sr-scr--docs .sr-row.is-on td{background:none;}
.sr-win--imm .sr-scr--docs .sr-row td:nth-child(3){grid-area:1 / 2;justify-self:end;}
.sr-win--imm .sr-scr--docs .sr-row td:nth-child(4){display:none;}
.sr-win--imm .sr-scr--docs .sr-row td:nth-child(5){grid-area:2 / 2;align-self:start;color:var(--im-mu);}
.sr-win--imm .sr-scr--docs .sr-row td:nth-child(5):not(:empty)::before{content:'Expires ';}
.sr-win--imm .sr-page{height:84px;padding:12px 14px;gap:6px;}
/* tasks: the team as a two by two grid above the sideways board */
.sr-win--imm .sr-team{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;gap:6px;}
.sr-win--imm .sr-team__h{grid-column:1 / -1;}
.sr-win--imm .sr-mate{gap:8px;padding:7px 9px;}
.sr-win--imm .sr-mate .sr-av{width:26px;height:26px;}
.sr-win--imm .sr-mate .sr-k1{white-space:normal;line-height:1.2;font-size:12px;}
/* messages: only the open conversation, with a back arrow */
.sr-win--imm .sr-inbox{grid-template-columns:minmax(0,1fr);}
.sr-win--imm .sr-ibx{display:none;}
.sr-win--imm .sr-conv__back{display:grid;}
.sr-win--imm .sr-ibx__h,.sr-win--imm .sr-conv__h{min-height:48px;padding:8px 10px 8px 12px;gap:8px;}
.sr-win--imm .sr-conv__b{gap:8px;padding:12px;}
.sr-win--imm .sr-cm{max-width:88%;}
.sr-win--imm .sr-cm__w{font-size:11px;}
.sr-win--imm .sr-cm__t{padding:7px 10px;}
.sr-win--imm .sr-conv__c{padding:8px 10px 8px 12px;}
.sr-win--imm .sr-conv__c .sr-input{height:34px;line-height:32px;}
.sr-win--imm .sr-conv .sr-send{width:32px;height:32px;}
/* deadlines: a two-week strip (the earlier weeks fold away) with coloured bars for events, the upcoming list below */
.sr-win--imm .sr-cal{gap:3px;padding-bottom:8px;}
.sr-win--imm .sr-cal__d.is-nar{display:none;}
.sr-win--imm .sr-cal__d{min-height:46px;gap:4px;padding:4px 3px;}
.sr-win--imm .sr-cal__dh{padding:0 3px 2px;font-size:11px;}
.sr-win--imm .sr-cal__n{font-size:11px;}
.sr-win--imm .sr-ev{height:6px;padding:0;border-radius:3px;}
.sr-win--imm .sr-ev > span{display:none;}
.sr-win--imm :where(.sr-ev){background:var(--im-mu2);}
.sr-win--imm .sr-ev.is-info{background:var(--im-500);}
.sr-win--imm .sr-ev.is-warn{background:#d97706;}
.sr-win--imm .sr-ev.is-bad{background:#e11d48;}
.sr-win--imm .sr-ev.is-violet{background:#7c3aed;}
.sr-win--imm .sr-ev.is-on{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--im-600);}
}

/* Services scene: "Talent Services", a staffing app that fills client shifts with workers. Everything is scoped to .sr-win--talent.
   Brand blue for primary buttons and identity, teal for secondary and positive actions, slate neutrals, white cards with 12px corners,
   a hairline ring and a soft shadow, fully round pastel status pills. The spec's typeface is swapped for IBM Plex Sans (the site bans it).
   Flat fills only: the worker's pay tile is a solid brand tile. Board columns carry a coloured dot in their header, never a stripe. */
.sr-win--talent{
--ts-700:#1d4ed8;--ts-800:#1e3a8a;--ts-100:#dbeafe;--ts-50:#eff6ff;--ts-a6:#0d9488;--ts-a5:#14b8a6;--ts-a50:#f0fdfa;
--ts-ink:#1e293b;--ts-h:#0f172a;--ts-mu:#64748b;--ts-mu2:#94a3b8;--ts-bd:#e2e8f0;--ts-bd2:#f1f5f9;--ts-bg:#f1f5f9;--ts-in:#cbd5e1;--ts-th:#f8fafc;
--ts-ok:#10b981;--ts-warn:#f59e0b;--ts-bad:#f43f5e;
--ts-sh:0 1px 3px rgba(15,23,42,0.06);--ts-card:0 0 0 1px var(--ts-bd),var(--ts-sh);
--ts-fs:clamp(12.5px,1.45cqw,14px);--ts-sm:clamp(11.5px,1.3cqw,12.5px);
grid-template-rows:minmax(0,1fr);background:var(--ts-bg);color:var(--ts-ink);font-size:var(--ts-fs);line-height:1.4;
}
.sr-win--talent svg{flex:none;}
.sr-win--talent .ts{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;}
.sr-win--talent[data-menu="worker"] .ts{grid-template-rows:minmax(0,1fr);}
.sr-win--talent[data-menu="worker"] .ts-top{display:none;}

/* top bar: logo, section tabs with an underline under the active one, bell and avatar */
.sr-win--talent .ts-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;column-gap:clamp(16px,3cqw,36px);height:clamp(48px,5.6cqw,56px);padding:0 clamp(12px,2cqw,20px) 0 clamp(14px,2.4cqw,22px);background:#fff;box-shadow:inset 0 -1px 0 var(--ts-bd);}
.sr-win--talent .ts-logo{display:flex;align-items:center;gap:9px;min-width:0;white-space:nowrap;}
.sr-win--talent .ts-mark{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:7px;background:var(--ts-700);color:#fff;font:700 14px/1 var(--sans);}
.sr-win--talent .ts-logo b{font:700 var(--ts-fs)/1 var(--sans);letter-spacing:-0.01em;color:var(--ts-h);}
.sr-win--talent .ts-tabs{display:flex;align-items:stretch;gap:clamp(14px,2.6cqw,28px);min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;}
.sr-win--talent .ts-tabs::-webkit-scrollbar{display:none;}
.sr-win--talent .ts-tab{display:flex;align-items:center;flex:none;color:var(--ts-mu);font:500 var(--ts-sm)/1 var(--sans);white-space:nowrap;box-shadow:inset 0 -2px 0 transparent;transition:color 300ms ease,box-shadow 300ms ease;}
.sr-win--talent .ts-tab.is-on{color:var(--ts-700);font-weight:600;box-shadow:inset 0 -2px 0 var(--ts-700);}
.sr-win--talent .ts-top__r{display:flex;align-items:center;gap:6px;}
.sr-win--talent .ts-ib{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;color:var(--ts-mu);}
.sr-win--talent .ts-av{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:var(--ts-800);color:#fff;font:600 11px/1 var(--sans);letter-spacing:.02em;}

/* page */
.sr-win--talent .sr-main{background:var(--ts-bg);}
.sr-win--talent .sr-main__in{padding:clamp(14px,2cqw,20px) clamp(14px,2.4cqw,22px) 22px;}
.sr-win--talent .sr-head{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"h b" "w b";align-items:center;column-gap:16px;row-gap:2px;margin-bottom:clamp(12px,1.6cqw,16px);}
.sr-win--talent .sr-h{grid-area:h;max-width:none;font:700 clamp(19px,2.4cqw,22px)/1.2 var(--sans);letter-spacing:-0.015em;color:var(--ts-h);}
.sr-win--talent .sr-who{grid-area:w;font-size:var(--ts-sm);color:var(--ts-mu);}
.sr-win--talent .sr-head .sr-btn{grid-area:b;}
.sr-win--talent .sr-grid,.sr-win--talent .sr-stats{gap:clamp(8px,1.2cqw,12px);}
.sr-win--talent .sr-stats{margin-bottom:clamp(8px,1.2cqw,12px);}
.sr-win--talent .sr-k1{color:var(--ts-h);}
.sr-win--talent .sr-note,.sr-win--talent .sr-k{font-size:var(--ts-sm);color:var(--ts-mu);}

/* buttons: brand primary, teal accent, white ghost with a slate ring */
.sr-win--talent .sr-btn{gap:6px;height:34px;padding:0 14px;border-radius:8px;background:var(--ts-700);color:#fff;font:600 var(--ts-sm)/1 var(--sans);box-shadow:none;}
.sr-win--talent .sr-btn--cta{background:var(--ts-a6);}
.sr-win--talent .sr-btn--ghost{background:#fff;color:var(--ts-ink);box-shadow:inset 0 0 0 1px var(--ts-in);}
.sr-win--talent .sr-btn--sm{height:28px;padding:0 11px;}

/* cards, rows, tiles */
.sr-win--talent .sr-panel,.sr-win--talent .sr-stat{background:#fff;border-radius:12px;box-shadow:var(--ts-card);}
.sr-win--talent .sr-panel{padding:12px 16px 8px;}
.sr-win--talent .sr-panel--bare{padding:0;background:none;box-shadow:none;}
.sr-win--talent .sr-panel__h{min-height:26px;margin-bottom:4px;}
.sr-win--talent .sr-panel__h > span:first-child{font-weight:600;color:var(--ts-h);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sr-win--talent .sr-panel__f{padding:10px 0 8px;}
.sr-win--talent .sr-li{padding:9px 4px;margin:0 -4px;border-radius:0;}
.sr-win--talent .sr-li + .sr-li{box-shadow:inset 0 1px 0 var(--ts-bd);}
.sr-win--talent .sr-li > b{font-weight:600;color:var(--ts-h);}
.sr-win--talent .sr-prog__l b{font-weight:700;color:var(--ts-h);}
.sr-win--talent .sr-meter{height:6px;margin-top:6px;border-radius:3px;background:var(--ts-bd);}
.sr-win--talent .sr-meter i{border-radius:3px;background:var(--ts-700);}
.sr-win--talent .sr-stats.is-4{grid-template-columns:repeat(3,minmax(0,1fr));}
.sr-win--talent .sr-stat{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:12px;row-gap:3px;padding:12px 14px;}
.sr-win--talent .sr-ico{grid-row:1 / span 2;align-self:center;width:38px;height:38px;border-radius:10px;}
.sr-win--talent .sr-stat .sr-k{grid-column:2;font-weight:500;white-space:normal;line-height:1.3;}
.sr-win--talent .sr-stat b{grid-column:2;font:700 clamp(19px,2.4cqw,24px)/1.1 var(--sans);letter-spacing:-0.01em;color:var(--ts-h);}

/* status pills and icon squares: pastel fill, darker text, fully round pills */
.sr-win--talent .sr-tag{height:22px;padding:0 9px;border-radius:999px;background:var(--ts-bd2);color:#475569;font:600 11.5px/1 var(--sans);}
.sr-win--talent .sr-tag::before{display:none;}
.sr-win--talent .sr-tag.is-info,.sr-win--talent .sr-ico.is-info{background:var(--ts-50);color:var(--ts-700);}
.sr-win--talent .sr-tag.is-ok,.sr-win--talent .sr-ico.is-ok{background:#d1fae5;color:#047857;}
.sr-win--talent .sr-tag.is-warn,.sr-win--talent .sr-ico.is-warn{background:#fef3c7;color:#b45309;}
.sr-win--talent .sr-tag.is-bad,.sr-win--talent .sr-ico.is-bad{background:#ffe4e6;color:#be123c;}
.sr-win--talent .sr-tag.is-teal,.sr-win--talent .sr-ico.is-teal{background:#ccfbf1;color:#0f766e;}

/* dispatch board: slate tracks, a coloured dot and a count in each column header, white shift cards with a fill bar */
.sr-win--talent .sr-kb{gap:12px;padding:0;}
.sr-win--talent .sr-kb__col{min-height:clamp(200px,30cqw,320px);padding:10px;border-radius:12px;background:rgba(226,232,240,0.6);}
.sr-win--talent .sr-kb__h{gap:8px;padding:2px 4px 10px;font-size:var(--ts-sm);font-weight:600;color:var(--ts-ink);}
.sr-win--talent .sr-kb__h::before{content:'';flex:none;width:8px;height:8px;border-radius:50%;background:var(--ts-mu2);}
.sr-win--talent [data-tone="info"] > .sr-kb__h::before{background:var(--ts-700);}
.sr-win--talent [data-tone="warn"] > .sr-kb__h::before{background:var(--ts-warn);}
.sr-win--talent [data-tone="ok"] > .sr-kb__h::before{background:var(--ts-ok);}
.sr-win--talent .sr-kb__n{min-width:22px;height:20px;padding:0 7px;border-radius:999px;background:#fff;color:var(--ts-mu);font:600 11px/20px var(--sans);text-align:center;}
.sr-win--talent .sr-kb__list{gap:8px;}
.sr-win--talent .sr-card{gap:3px;padding:11px 12px 12px;border-radius:12px;background:#fff;box-shadow:var(--ts-card);}
.sr-win--talent .sr-card .sr-k1{font-weight:600;}
.sr-win--talent .sr-when{display:flex;align-items:center;gap:5px;min-width:0;font-size:var(--ts-sm);color:var(--ts-mu);white-space:nowrap;}
.sr-win--talent .sr-fill{display:flex;align-items:center;gap:10px;margin-top:6px;}
.sr-win--talent .sr-fill .sr-meter{flex:1 1 0;margin:0;}
.sr-win--talent [data-tone="warn"] .sr-fill .sr-meter i{background:var(--ts-warn);}
.sr-win--talent [data-tone="ok"] .sr-fill .sr-meter i{background:var(--ts-ok);}
.sr-win--talent .sr-fill b{display:inline-block;flex:none;font:600 11.5px/1 var(--sans);color:var(--ts-ink);white-space:nowrap;}

/* modal: 16px corners, a two-column form that slides in */
.sr-win--talent .sr-sheet{gap:10px;padding:18px;background:#fff;border-radius:16px;box-shadow:0 0 0 1px var(--ts-bd),0 20px 40px rgba(15,23,42,0.14);}
.sr-win--talent .sr-sheet--modal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;column-gap:10px;row-gap:12px;width:min(400px,90%);transform:translateY(18px);}
.sr-win--talent .sr-sheet--modal > *{grid-column:1 / -1;}
.sr-win--talent .sr-sheet--modal > .sr-field:nth-of-type(n+3){grid-column:auto;}
.sr-win--talent .sr-sheet--modal.is-open{transform:none;box-shadow:0 0 0 1px var(--ts-bd),0 20px 40px rgba(15,23,42,0.16),0 0 0 100vmax rgba(15,23,42,0.32);}
.sr-win--talent .sr-sheet__h{margin:0;font:700 18px/1.25 var(--sans);letter-spacing:-0.01em;color:var(--ts-h);}
.sr-win--talent .sr-sheet__note{margin:-6px 0 0;font-size:var(--ts-sm);color:var(--ts-mu);}
.sr-win--talent .sr-sheet__f{display:flex;justify-content:flex-end;gap:8px;padding-top:4px;}
.sr-win--talent .sr-field .sr-k{font-weight:500;color:var(--ts-ink);}
.sr-win--talent .sr-input{height:36px;line-height:34px;padding:0 12px;border:1px solid var(--ts-in);border-radius:8px;background:#fff;color:var(--ts-ink);transition:border-color 200ms ease,box-shadow 200ms ease;}
.sr-win--talent .sr-input:empty::before{color:var(--ts-mu2);}
.sr-win--talent .sr-input.is-typing{border-color:var(--ts-700);box-shadow:0 0 0 3px rgba(29,78,216,0.18);}

/* shift detail: requirements, then candidate groups with a check or a cross per rule */
.sr-win--talent .sr-scr--detail .sr-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);}
.sr-reqs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:2px 0 10px;}
.sr-reqs > .sr-k{margin-right:2px;}
.sr-req{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:var(--mi);font-size:11.5px;font-weight:500;white-space:nowrap;}
.sr-grp{display:flex;flex-direction:column;gap:7px;min-width:0;padding:9px 8px;margin:0 -8px;border-radius:10px;box-shadow:inset 0 1px 0 var(--li);}
.sr-grp__h{display:flex;align-items:center;gap:10px;min-width:0;}
.sr-avs{display:flex;flex:none;padding-left:6px;}
.sr-avs .sr-av{width:24px;height:24px;margin:0 0 0 -6px;box-shadow:0 0 0 2px #fff;}
.sr-why{display:flex;flex-wrap:wrap;gap:6px;}
.sr-why__i{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 9px 0 7px;border-radius:999px;font-size:11.5px;font-weight:500;white-space:nowrap;}
.sr-why__i.is-yes{background:#ecfdf5;color:#047857;}
.sr-why__i.is-no{background:#fff1f2;color:#be123c;}
.sr-win--talent .sr-req{background:var(--ts-50);color:var(--ts-800);}
.sr-win--talent .sr-grp{box-shadow:inset 0 1px 0 var(--ts-bd);}
.sr-win--talent .sr-avs .sr-av{background:var(--ts-a6);font-size:11px;}

/* the worker's phone: a dark device frame with 40px corners and a notch; inside, a blue app header, white cards and a bottom tab bar */
.sr-win--talent .sr-scr--worker .sr-main__in{height:100%;padding:clamp(10px,1.8cqw,16px);}
.sr-win--talent .sr-scr--worker .sr-grid{height:100%;grid-template-columns:auto;grid-template-rows:minmax(0,1fr);justify-content:center;}
.sr-phone{position:relative;height:100%;aspect-ratio:1 / 1.95;min-width:250px;max-width:320px;padding:10px;border-radius:40px;background:#0f172a;box-shadow:inset 0 0 0 1px #334155,0 24px 48px -16px rgba(15,23,42,0.45);}
.sr-phone::before{content:'';position:absolute;z-index:1;top:10px;left:50%;width:86px;height:22px;margin-left:-43px;border-radius:0 0 14px 14px;background:#0f172a;}
.sr-phone__s{display:flex;flex-direction:column;height:100%;min-width:0;border-radius:30px;overflow:hidden;background:var(--ts-bg,#f1f5f9);}
.sr-phone__h{display:flex;align-items:center;gap:9px;flex:none;padding:36px 16px 12px;background:var(--ts-700,#1d4ed8);color:#fff;}
.sr-phone__h b{flex:1;min-width:0;font:700 14px/1.2 var(--sans);}
.sr-phone__m{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:7px;background:#fff;color:var(--ts-700,#1d4ed8);font:700 13px/1 var(--sans);}
.sr-phone__b{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0;padding:14px 12px;overflow:hidden;}
.sr-phone__hi{margin:0;font:700 16px/1.25 var(--sans);color:var(--ts-h,#0f172a);}
.sr-phone__b > *{flex:none;}
.sr-phone__b > .sr-note{margin-top:-8px;}
.sr-job{display:flex;flex-direction:column;gap:5px;flex:none;min-width:0;padding:12px;border-radius:12px;background:#fff;box-shadow:var(--ts-card);}
.sr-job__top{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:2px;}
.sr-job__n{font:700 15px/1.25 var(--sans);color:var(--ts-h,#0f172a);}
.sr-pay{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:4px;padding:10px 12px;border-radius:10px;background:var(--ts-700,#1d4ed8);color:#fff;}
.sr-pay b{font:700 20px/1 var(--sans);letter-spacing:-0.01em;}
.sr-pay span{min-width:0;font-size:11.5px;color:var(--ts-100,#dbeafe);text-align:right;}
.sr-win--talent .sr-btn--job{width:100%;height:38px;margin-top:4px;}
.sr-booked{display:flex;align-items:center;gap:10px;margin-top:4px;padding:9px 12px;border-radius:10px;background:#ecfdf5;}
.sr-booked__i{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:#10b981;color:#fff;}
.sr-booked b{font-weight:700;color:#065f46;}
.sr-win--talent .sr-booked .sr-note{color:#047857;white-space:normal;}
.sr-phone__bar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));flex:none;padding:8px 4px 14px;background:#fff;box-shadow:inset 0 1px 0 var(--ts-bd,#e2e8f0);}
.sr-phone__t{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;color:var(--ts-mu2,#94a3b8);font-size:11px;font-weight:500;}
.sr-phone__t.is-on{color:var(--ts-700,#1d4ed8);}

/* timesheets and invoices: a #f8fafc header row edge to edge */
.sr-win--talent .sr-panel > .sr-table{width:calc(100% + 32px);margin:2px -16px 0;}
.sr-win--talent .sr-table{font-size:var(--ts-sm);}
.sr-win--talent .sr-table th{padding:8px 10px;background:var(--ts-th);border-block:1px solid var(--ts-bd);font:600 var(--ts-sm)/1.2 var(--sans);color:var(--ts-mu);}
.sr-win--talent .sr-table td{padding:10px;box-shadow:inset 0 1px 0 var(--ts-bd);}
.sr-win--talent .sr-table tr:nth-child(2) td{box-shadow:none;}
.sr-win--talent .sr-table th:first-child,.sr-win--talent .sr-table td:first-child{padding-left:16px;}
.sr-win--talent .sr-table th:last-child,.sr-win--talent .sr-table td:last-child{padding-right:12px;}
.sr-win--talent .sr-table td:first-child{color:var(--ts-h);font-weight:600;}
.sr-win--talent .sr-table.has-act th:last-child{width:118px;}
.sr-win--talent .sr-more{width:26px;height:26px;color:var(--ts-mu2);}
.sr-win--talent .sr-row.is-on td{background:var(--ts-50);}

/* insights: tiles, the weekly fill chart from plain divs and the compliance list */
.sr-win--talent .sr-scr--ins .sr-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);}
.sr-vb__k{display:flex;flex-wrap:wrap;gap:6px 14px;padding:0 0 10px;font-size:11.5px;color:var(--sl);}
.sr-vb__k span{display:inline-flex;align-items:center;gap:6px;}
.sr-vb__k i{width:9px;height:9px;border-radius:3px;background:var(--ts-700,#1d4ed8);}
.sr-vb__k i.is-1,.sr-vb__p i.is-1{background:var(--ts-a5,#14b8a6);}
.sr-vb{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;height:clamp(96px,14cqw,132px);padding-bottom:8px;}
.sr-vb__c{display:flex;flex-direction:column;gap:6px;min-width:0;}
.sr-vb__p{display:flex;align-items:flex-end;justify-content:center;gap:3px;flex:1;min-height:0;box-shadow:inset 0 -1px 0 var(--li);}
.sr-vb__p i{display:block;width:min(11px,40%);border-radius:3px 3px 0 0;background:var(--ts-700,#1d4ed8);transform:scaleY(.04);transform-origin:50% 100%;transition:transform 800ms var(--ez) 150ms;}
.sr-scr.is-on .sr-vb__p i{transform:none;}
.sr-vb__l{font-size:11px;color:var(--sl);text-align:center;}
.sr-win--talent .sr-vb__k,.sr-win--talent .sr-vb__l{color:var(--ts-mu);}
.sr-win--talent .sr-vb__p{box-shadow:inset 0 -1px 0 var(--ts-bd);}
.sr-win--talent .sr-li.is-wrap .sr-k1{line-height:1.3;}
.sr-win--talent .sr-toast{gap:10px;padding:10px 14px;background:#fff;border-radius:12px;box-shadow:0 0 0 1px var(--ts-bd),0 12px 28px rgba(15,23,42,0.12);color:var(--ts-h);font-size:var(--ts-sm);font-weight:600;}
.sr-win--talent .sr-toast__d{width:8px;height:8px;background:var(--ts-a6);}

/* tablets and narrow laptops: the side card drops under the main one when the window gets narrow */
@container sr (min-width:560px) and (max-width:759px) {
.sr-win--talent .sr-scr--detail .sr-grid,.sr-win--talent .sr-scr--ins .sr-grid{grid-template-columns:minmax(0,1fr);}
.sr-win--talent .ts-logo b{display:none;}
}
/* phones: the tabs drop to their own scrolling row, the board scrolls sideways in its own box, tables stack,
   tiles go two across and the worker's phone app becomes the window itself */
@container sr (max-width:559px) {
.sr-win--talent{--ts-fs:13px;--ts-sm:12px;}
.sr-win--talent .ts-top{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"l r" "t t";height:auto;padding:0;column-gap:8px;}
.sr-win--talent .ts-logo{grid-area:l;height:46px;padding-left:14px;}
.sr-win--talent .ts-top__r{grid-area:r;padding-right:10px;}
.sr-win--talent .ts-av{width:28px;height:28px;}
.sr-win--talent .ts-tabs{grid-area:t;height:40px;gap:20px;padding:0 14px;box-shadow:inset 0 1px 0 var(--ts-bd2);}
.sr-win--talent .sr-main__in{padding:14px 14px 18px;}
.sr-win--talent .sr-head{grid-template-areas:"h b" "w w";row-gap:4px;margin-bottom:12px;}
.sr-win--talent .sr-h{font-size:19px;}
.sr-win--talent .sr-who,.sr-grp .sr-note{white-space:normal;line-height:1.35;}
.sr-win--talent .sr-btn{height:30px;padding:0 12px;font-size:12px;}
.sr-win--talent .sr-btn--sm{height:28px;padding:0 10px;}
.sr-win--talent .sr-grid,.sr-win--talent .sr-stats{gap:8px;}
.sr-win--talent .sr-stats{margin-bottom:10px;}
.sr-win--talent .sr-stats.is-4{grid-template-columns:repeat(2,minmax(0,1fr));}
.sr-win--talent .sr-stat{column-gap:10px;padding:10px 11px;}
.sr-win--talent .sr-stats:not(.is-4) .sr-stat{grid-template-columns:minmax(0,1fr);padding:9px 10px;}
.sr-win--talent .sr-stats:not(.is-4) .sr-ico{display:none;}
.sr-win--talent .sr-stats:not(.is-4) .sr-stat .sr-k,.sr-win--talent .sr-stats:not(.is-4) .sr-stat b{grid-column:1;}
.sr-win--talent .sr-stat .sr-k{font-size:11.5px;line-height:1.25;}
.sr-win--talent .sr-stat b{font-size:18px;}
.sr-win--talent .sr-ico{width:30px;height:30px;border-radius:8px;}
.sr-win--talent .sr-panel{padding:10px 12px 6px;}
.sr-win--talent .sr-panel--bare{padding:0;}
.sr-win--talent .sr-scr--detail .sr-grid,.sr-win--talent .sr-scr--ins .sr-grid{grid-template-columns:minmax(0,1fr);}
.sr-win--talent .sr-kb{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:76%;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;}
.sr-win--talent .sr-kb::-webkit-scrollbar{display:none;}
.sr-win--talent .sr-kb__col{min-height:0;padding:8px;}
.sr-win--talent .sr-card{padding:10px 11px 11px;}
.sr-win--talent .sr-sheet{padding:14px;gap:8px;}
.sr-win--talent .sr-sheet--modal{row-gap:9px;}
.sr-win--talent .sr-input{height:32px;line-height:30px;}
.sr-win--talent .sr-sheet__h{font-size:16px;}
.sr-win--talent .sr-toast{left:10px;right:10px;bottom:10px;}
.sr-why__i{padding:0 8px 0 6px;font-size:11px;}
.sr-vb{height:96px;gap:4px;}
/* tables become stacked rows: name, client, then counts on the left; status and action on the right */
.sr-win--talent .sr-panel > .sr-table{width:100%;margin:0;}
.sr-win--talent .sr-table,.sr-win--talent .sr-table tbody{display:block;}
.sr-win--talent .sr-table tr:first-child{display:none;}
.sr-win--talent .sr-row{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;column-gap:10px;row-gap:3px;padding:10px 0;box-shadow:inset 0 1px 0 var(--ts-bd);}
.sr-win--talent .sr-row:nth-child(2){box-shadow:none;}
.sr-win--talent .sr-table td,.sr-win--talent .sr-table td:first-child,.sr-win--talent .sr-table td:last-child{display:block;padding:0;box-shadow:none;line-height:1.35;}
.sr-win--talent .sr-row td:nth-child(1){grid-area:1 / 1 / 2 / 4;}
.sr-win--talent .sr-row td:nth-child(2){grid-area:2 / 1 / 3 / 4;color:var(--ts-mu);}
.sr-win--talent .sr-row td:nth-child(3){grid-area:3 / 1;color:var(--ts-mu);}
.sr-win--talent .sr-row td:nth-child(4){grid-area:3 / 2;color:var(--ts-mu);}
.sr-win--talent .sr-row td:nth-child(5){grid-area:1 / 4;justify-self:end;}
.sr-win--talent .sr-row td:nth-child(6){grid-area:2 / 4 / 4 / 5;align-self:end;justify-self:end;}
.sr-win--talent .sr-table .sr-more{display:none;}
/* the worker's phone app fills the window: no device frame, no notch */
.sr-win--talent .sr-scr--worker .sr-main__in{padding:0;}
.sr-win--talent .sr-scr--worker .sr-grid{grid-template-columns:minmax(0,1fr);}
.sr-phone{width:100%;min-width:0;max-width:none;aspect-ratio:auto;padding:0;border-radius:0;background:none;box-shadow:none;}
.sr-phone::before{display:none;}
.sr-phone__s{border-radius:0;}
.sr-phone__h{padding:14px 14px 12px;}
.sr-phone__b{padding:12px;}
.sr-phone__bar{padding:7px 4px 10px;}
}

/* reduced motion: still frames */
.sr.is-reduced *,.sr.is-reduced *::before,.sr.is-reduced *::after{transition:none !important;animation:none !important;}
.sr.is-reduced .sr-win{cursor:default;}
@media (prefers-reduced-motion:reduce){.sr *,.sr *::before,.sr *::after{transition:none !important;animation:none !important;}}