:root{
    --ink:#19191C; --muted:#8C8780; --line:#E6E1D6; --line2:#EFEBE2;
    --bg:#F4F1EA; --card:#ffffff; --accent:#CF6A3C; --accent-d:#B0562E;
    --accent-tint:#F7E7DE;
    --shift:#F7E7DE; --leave:#F6E4DE; --leave-ink:#9a3b22; --off:#EFEBE2; --off-ink:#8C8780;
    --head:#19191C; --theme:#ffffff; --good:#3F7D5C; --warn:#C77F2E; --bad:#A8432F;
    --grey:#8C8780;
    --radius:8px; --radius-card:12px;
    --shadow-card:0 1px 2px rgba(25,25,28,.05), 0 1px 3px rgba(25,25,28,.06);
    --shadow-pop:0 10px 28px rgba(25,25,28,.14);
  }
  *{box-sizing:border-box;}
  body{margin:0;font-family:'Space Grotesk',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
       color:var(--ink);background:var(--bg);font-size:13px;-webkit-font-smoothing:antialiased;}
  /* The Pass brand mark + wordmark */
  .tp-mark{display:inline-flex;align-items:center;justify-content:center;color:#fff;background:var(--accent);border-radius:9px;}
  .tp-mark svg{width:64%;height:64%;}
  .wm{font-family:'Space Grotesk',sans-serif;letter-spacing:-.03em;white-space:nowrap;}
  .wm .the{font-weight:500;color:var(--grey);}
  .wm .pass{font-weight:700;color:#1C1A17;}
  #sidebar .sb-brand .plogo svg,#loadOverlay .llogo svg,#authGate .aside-logo svg,#infoMark svg{width:72%;height:72%;stroke:currentColor;}
  .wrap{max-width:none;margin:0 auto;padding:0 24px 80px;}
  /* per-site theme colour tints the whole roster page background */
  #view-roster{background:var(--bg);background:color-mix(in srgb,var(--theme) 14%,var(--bg));min-height:100vh;}

  /* App shell: sidebar + topbar */
  #appShell{display:flex;min-height:100vh;}
  #sidebar{width:200px;flex:0 0 200px;background:var(--card);border-right:1px solid var(--line);
    display:flex;flex-direction:column;gap:2px;padding:14px 10px;position:sticky;top:0;height:100vh;z-index:40;overflow-y:auto;}
  #sidebar .sb-brand{display:flex;align-items:center;gap:9px;padding:4px 8px 14px;font-weight:500;font-size:15px;color:var(--ink);}
  #sidebar .sb-brand .plogo{width:26px;height:26px;border-radius:8px;background:#CF6A3C;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;}
  #sidebar .sb-group{font-size:10px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:#B3ADA2;padding:12px 10px 4px;}
  .sb-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;color:#6E665B;
    font-size:12.5px;font-weight:500;cursor:pointer;border:0;background:transparent;width:100%;text-align:left;}
  .sb-item:hover{background:#EFEBE2;}
  .sb-item.active{background:var(--accent-tint);color:var(--accent);}
  .sb-item .ico{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;}
  .sb-item.bottom{margin-top:auto;}
  .sb-item.soon{color:#8C8780;}
  .sb-item .sb-soon{margin-left:auto;background:#faeeda;color:#854f0b;font-size:9px;font-weight:500;border-radius:8px;padding:1px 6px;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0;}
  /* Nav panel: fixed width, wrap long labels, drag-reorder */
  .sb-nav{display:flex;flex-direction:column;gap:2px;}
  .sb-item .sb-lbl{flex:1;min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.25;}
  .sb-item.sb-dragging{opacity:.4;}
  .sb-dropline{height:2px;background:var(--accent);border-radius:2px;margin:1px 4px;pointer-events:none;}
  #topbar{display:flex;align-items:center;gap:12px;padding:11px 16px;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;}
  #topbar .tb-title{font-weight:500;font-size:14px;color:var(--ink);}
  #topbar .tb-title.tb-home{cursor:pointer;}
  #topbar .tb-spacer{flex:1;}
  /* Top bar action buttons + profile */
  #topbar .pbtn,#topbar .pbell{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;
    background:transparent;border:0;border-radius:9px;color:var(--muted);font-size:16px;line-height:1;cursor:pointer;position:relative;}
  #topbar .pbtn:hover,#topbar .pbell:hover{background:#EFEBE2;color:var(--ink);}
  #topbar .pbell-badge{position:absolute;top:1px;right:1px;background:var(--bad);color:#fff;font-size:9.5px;font-weight:500;
    min-width:15px;height:15px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--card);}
  #topbar .pprofile{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--line);
    color:var(--ink);border-radius:22px;padding:4px 12px 4px 4px;font-size:12.5px;font-weight:500;cursor:pointer;}
  #topbar .pprofile:hover{background:#EFEBE2;border-color:#cdd6e0;}
  #topbar .pavatar{width:27px;height:27px;border-radius:50%;background:var(--accent-tint);color:var(--accent);
    display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;}
  #topbar .pprofile.admin .pavatar{background:#19191C;color:#fff;}
  #topbar .pbadge{background:#EFEBE2;color:#19191C;font-size:9.5px;font-weight:500;letter-spacing:.03em;text-transform:uppercase;padding:2px 7px;border-radius:10px;}
  #sidebarToggle{display:none;border:0;background:transparent;font-size:20px;cursor:pointer;color:var(--ink);}
  #sbScrim{display:none;position:fixed;inset:0;background:rgba(25,25,28,.35);z-index:39;}
  @media(max-width:880px){
    #sidebar{position:fixed;left:0;top:0;transform:translateX(-100%);transition:transform .2s ease;width:min(280px,82vw);flex-basis:auto;}
    #appShell.sb-open #sidebar{transform:translateX(0);}
    #appShell.sb-open #sbScrim{display:block;}
    #sidebarToggle{display:inline-flex;}
  }

  /* Toolbar */
  .toolbar{position:sticky;top:0;z-index:30;background:var(--card);color:var(--ink);
           /* per-site theme colour: solid strip + soft tint (color-mix ignored by old browsers) */
           border-top:4px solid var(--theme);
           background:color-mix(in srgb,var(--theme) 9%,var(--card));
           padding:10px 16px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;
           border-bottom:1px solid var(--line);}
  .toolbar .title{font-size:16px;font-weight:600;margin-right:auto;display:flex;align-items:center;gap:10px;}
  .toolbar .title small{font-weight:400;color:var(--muted);font-size:12px;}
  #appTitleTxt{outline:none;border-radius:5px;padding:1px 5px;cursor:text;border-bottom:1px dashed rgba(25,25,28,.25);}
  #appTitleTxt:hover{background:rgba(25,25,28,.05);}
  #appTitleTxt:focus{background:rgba(207,106,60,.08);border-bottom-color:transparent;box-shadow:0 0 0 1px rgba(207,106,60,.35);}
  .btn{border:1px solid var(--line);border-radius:8px;padding:7px 12px;font-size:12.5px;font-weight:500;cursor:pointer;
       background:#EFEBE2;color:var(--ink);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;}
  .btn:hover{background:#EAE5DB;}
  .btn.primary{background:var(--accent);color:#fff;border-color:transparent;} .btn.primary:hover{background:var(--accent-d);}
  .btn.ghost{background:transparent;border:1px solid var(--line);}
  .btn.ghost:hover{background:#EFEBE2;}
  .btn.save{background:#EFEBE2;color:var(--ink);} .btn.save:hover{background:#EAE5DB;}
  .btn.email{background:#e2f3ec;color:var(--good);border-color:transparent;} .btn.email:hover{background:#cdeadf;}
  .btn.save.dirty{background:var(--warn);color:#fff;border-color:transparent;} .btn.save.dirty:hover{background:#b76806;}
  .saved{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:112px;text-align:center;
    font-size:11.5px;font-weight:600;color:var(--muted);background:#fff;border:1px solid var(--line);
    border-radius:14px;padding:5px 12px;transition:color .2s,background .2s,border-color .2s;}
  /* save-status states: spinner while saving, green pulse when saved */
  #savedState.saving{color:#C77F2E;font-weight:600;}
  #savedState.saving::before{content:'';display:inline-block;width:10px;height:10px;border:2px solid #C77F2E;border-top-color:transparent;border-radius:50%;margin-right:6px;vertical-align:-1px;animation:tpspin .7s linear infinite;}
  @keyframes tpspin{to{transform:rotate(360deg);}}
  #savedState.ok{color:#2E7D4F;font-weight:700;background:#E3F2E8;border-color:#BCDECB;animation:tpsavedpulse .55s ease;}
  @keyframes tpsavedpulse{0%{transform:scale(.92);box-shadow:0 0 0 0 rgba(63,125,92,.45);}100%{transform:scale(1);box-shadow:0 0 0 10px rgba(63,125,92,0);}}
  #savedState.warn{color:#A8432F;font-weight:700;}
  .toolbar .sitesel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px 8px;font-size:12.5px;font-weight:500;color:var(--head);max-width:170px;cursor:pointer;}
  .toolbar .sitebtns{display:inline-flex;gap:5px;flex-wrap:wrap;align-items:center;}
  .toolbar .sitebtn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px 13px;font-size:12.5px;font-weight:700;color:var(--head);cursor:pointer;font-family:inherit;transition:all .12s;}
  .toolbar .sitebtn:hover{border-color:var(--accent);color:var(--accent-d);}
  .toolbar .sitebtn.on{background:var(--accent);border-color:var(--accent);color:#fff;}
  .toolbar .sitebtn.on:hover{color:#fff;}
  .toolbar .renbtn{background:none;border:0;cursor:pointer;font-size:13px;color:var(--muted);padding:2px 4px;line-height:1;}
  .toolbar .renbtn:hover{color:var(--accent);}
  #view-roster.roster-ro .renbtn{display:none;}
  .filechip{font-size:11px;opacity:.85;display:inline-flex;align-items:center;gap:5px;}
  .acctchip{font-size:11.5px;opacity:.9;display:inline-flex;align-items:center;gap:4px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

  /* Cards */
  .card{background:var(--card);border:1px solid var(--line);border-radius:10px;margin-top:16px;
        box-shadow:0 1px 2px rgba(25,25,28,.04);overflow:hidden;}
  .card.flash{animation:flash 1.1s ease-out;}
  @keyframes flash{0%{box-shadow:0 0 0 3px var(--accent);}100%{box-shadow:0 1px 2px rgba(25,25,28,.04);}}
  .card-head{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line2);}
  .card-head h2{margin:0;font-size:14px;letter-spacing:.02em;text-transform:uppercase;color:var(--head);}
  .card-head .sub{color:var(--muted);font-size:12px;}
  .card-head .closex{margin-left:auto;border:0;background:#EFEBE2;border-radius:6px;cursor:pointer;font-size:13px;padding:4px 9px;color:var(--muted);}
  .card-head .closex:hover{background:#E6E1D6;color:var(--ink);}

  .weekbar{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding:12px 14px;background:#F7F3EC;border-bottom:1px solid var(--line2);}
  .weekbar label{font-size:12px;color:var(--muted);font-weight:600;display:flex;flex-direction:column;gap:3px;}
  .weekbar input[type=date],.weekbar input[type=text]{border:1px solid var(--line);border-radius:6px;padding:6px 8px;font-size:13px;color:var(--ink);}
  .weeklabel{font-size:15px;font-weight:700;color:var(--head);}

  /* Tables */
  .tablewrap{overflow-x:auto;}
  table.roster{border-collapse:collapse;width:100%;min-width:900px;}
  table.roster th,table.roster td{border:1px solid var(--line2);padding:0;text-align:center;}
  table.roster thead th{background:#F7F3EC;color:#6E665B;font-weight:500;font-size:11.5px;
        padding:7px 4px;position:sticky;top:0;}
  table.roster thead th .dow{display:block;font-size:10px;opacity:.8;font-weight:400;}
  /* fixed brand colours here — per-site themes can turn --accent dark and unreadable */
  table.roster thead th.today{background:#CF6A3C;color:#fff;font-weight:800;}
  /* day-column hover indicator: hovering any cell lights up its weekday header */
  table.roster thead th.colhl{background:#F7E7DE;color:#B0562E;box-shadow:inset 0 -4px 0 #CF6A3C;}
  table.roster thead th.today.colhl{background:#B0562E;color:#fff;}
  table.roster{table-layout:fixed;}
  th.c-mv{width:34px;} th.c-type{width:48px;} th.c-role{width:96px;} th.c-emp{width:150px;} th.c-tot{width:62px;} th.c-del{width:26px;}
  table.roster th.day{width:92px;}
  td .cell-input,td select{width:100%;border:0;background:transparent;font:inherit;color:inherit;
        text-align:center;padding:6px 2px;cursor:pointer;-webkit-appearance:none;appearance:none;}
  td select:focus,td .cell-input:focus{outline:2px solid var(--accent);outline-offset:-2px;background:#fff;}
  td.emp select{text-align:right;padding-right:8px;font-weight:600;}
  td.meta select{color:#19191C;font-size:11.5px;}
  td.day{min-width:88px;position:relative;}
  td.day.hascom{box-shadow:inset 0 0 0 2px #e0b020;}
  td.day .combadge{position:absolute;top:1px;right:1px;font-size:10px;line-height:1;background:#fff3cd;border:1px solid #e0b020;border-radius:4px;padding:1px 3px;cursor:pointer;z-index:3;}
  td.day .combadge:hover{background:#ffe28a;}
  td.day{cursor:pointer;}
  td.day .cellval{display:block;padding:6px 2px;text-align:center;font-size:13px;color:#19191C;}
  td.day .cellval,td.meta select,td.emp select,td.role select{color:#19191C !important;}
  .chip b,.chip span.h{color:#19191C !important;}
  td.day.empty .cellval{color:#CFC9BD;}
  td.day.shift .cellval{font-weight:600;}
  td.day.leave .cellval{font-weight:600;}
  td.day.off .cellval{color:#5c646c;}
  td.day:hover{outline:2px solid var(--accent);outline-offset:-2px;}
  /* clear-cell × slides in from the right edge on hover */
  td.day{overflow:hidden;}
  td.day .cellx{position:absolute;top:0;bottom:0;right:0;left:auto;height:100%;display:flex;align-items:center;
    transform:translateX(110%);opacity:0;pointer-events:none;
    transition:transform .16s ease,opacity .16s ease;border:0;background:rgba(168,67,47,.16);color:#A8432F;
    border-radius:0;font-size:12px;line-height:1;padding:0 6px;cursor:pointer;z-index:3;}
  td.day:hover .cellx{transform:translateX(0);opacity:1;pointer-events:auto;}
  td.day .cellx:hover{background:rgba(168,67,47,.32);}
  td.day.shift{background:var(--shift);}
  td.day.leave{background:var(--leave);}
  td.day.off{background:var(--off);}
  /* NZ public holiday (Auckland) highlight */
  table.roster thead th.day.holiday{background:#8a6a17;color:#fff;}
  table.roster thead th.day.holiday .dow{color:#FFE9A8;opacity:1;font-weight:600;}
  table.roster thead th.day.holiday.today{background:#7a5d12;color:#fff;}
  th.day .ph{display:block;font-size:8.5px;line-height:1.05;margin-top:2px;color:#ffe6a0;font-weight:600;}
  td.day.holiday{box-shadow:inset 0 -4px 0 #d4a017;}
  td.day.holiday.empty,td.day.empty.holiday{background:#fdf6e3;}
  /* zebra striping — every second staff line gets a soft paper tint (cell colours still win) */
  #mainTable tbody tr:nth-child(even) td:not(.total),
  #cafeTable tbody tr:nth-child(even) td:not(.total){background:#F6F2EA;}
  #mainTable tbody tr:nth-child(even) td.total:not(.ot):not(.undermin),
  #cafeTable tbody tr:nth-child(even) td.total:not(.ot):not(.undermin){background:#F0EBDE;}
  td.total{font-weight:700;background:#F7F3EC;color:var(--head);}
  td.total .hr{font-size:13px;}
  td.total.ot{background:#F6DED9;color:#A8432F;}
  td.total.ot .otb{display:inline-block;margin-left:4px;font-size:8.5px;font-weight:800;background:#A8432F;color:#fff;border-radius:3px;padding:1px 3px;vertical-align:middle;}
  /* minimum-hours check (employee contracted min h/wk) */
  td.total.undermin{background:#FBF1E6;box-shadow:inset 0 0 0 2px #C77F2E;}
  td.total .minb{display:inline-block;margin-left:4px;font-size:8.5px;font-weight:800;background:#C77F2E;color:#fff;border-radius:3px;padding:1px 3px;vertical-align:middle;}
  td.total .minover{display:inline-block;margin-left:4px;font-size:9px;font-weight:600;color:var(--muted);vertical-align:middle;}
  td.day.dropok{outline:2px dashed var(--accent);outline-offset:-2px;background:#F7E7DE;}
  td.day.selcell{outline:2px solid var(--accent);outline-offset:-2px;background:#F7E7DE !important;}
  td.day.othercell{outline-offset:-2px;}
  .preschip{border:1.5px solid;border-radius:10px;padding:1px 8px;font-size:11px;font-weight:700;background:#fff;white-space:nowrap;}
  #dragGhost{position:absolute;top:-1200px;left:-1200px;z-index:99999;display:inline-flex;align-items:center;gap:7px;
    padding:8px 16px;background:rgba(207,106,60,.82);color:#fff;border-radius:999px;
    box-shadow:0 10px 26px rgba(25,25,28,.30);font-size:13px;font-weight:700;white-space:nowrap;pointer-events:none;
    font-family:'Space Grotesk',sans-serif;}
  #dragGhost .gcount{background:rgba(255,255,255,.28);border-radius:999px;padding:1px 9px;font-size:11.5px;}
  /* exact-clone ghost: the dragged row/cells as the user sees them, translucent */
  #dragGhost.rowghost{background:#fff;color:inherit;padding:0;border:1px solid var(--line);border-radius:10px;
    box-shadow:0 12px 30px rgba(25,25,28,.30);opacity:.72;overflow:hidden;display:block;}
  #dragGhost.rowghost table{border-collapse:collapse;width:auto;min-width:0;table-layout:auto;}
  #dragGhost.rowghost td{padding:6px 10px;border:1px solid #EFEBE2;font-size:12.5px;white-space:nowrap;}
  .chip.shiftchip{cursor:grab;}
  .chip.shiftchip:active{cursor:grabbing;}
  .cellmenu{position:absolute;display:none;z-index:96;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 10px 30px rgba(0,0,0,.2);padding:5px;width:200px;max-height:320px;overflow:auto;}
  .cellmenu.open{display:block;}
  .cellmenu .cmhead{font-size:10px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);padding:5px 8px 3px;}
  .cellmenu .cmnote{font-size:11.5px;color:var(--muted);padding:2px 8px;}
  .cellmenu .cmi{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;border:1px solid var(--line2);background:#FBF9F4;text-align:left;padding:6px 9px;border-radius:7px;cursor:pointer;font:inherit;font-size:12.5px;color:var(--ink);margin:2px 0;}
  .cellmenu .cmi:hover{background:var(--accent-tint);border-color:var(--accent);}
  .cellmenu .cmi span{color:var(--muted);font-size:11px;margin-left:auto;text-align:right;}
  .cellmenu .cmi.unpaid{color:#A8432F;border-color:#EAD4C6;background:#FBF3EF;}
  .cellmenu .cmi.unpaid span{color:#B0562E;}
  .cellmenu .cmi.clr{color:#A8432F;margin-top:6px;}
  .cellmenu .cmi.cmt{color:var(--warn);}
  /* favourite rename ✎ / delete × (top-right of each Load-favourite option) */
  .modal .opt .favx{position:absolute;top:5px;right:8px;font-size:14px;font-weight:700;color:#A8432F;opacity:.55;cursor:pointer;padding:2px 5px;border-radius:5px;line-height:1;}
  .modal .opt .favx:hover{opacity:1;background:#F6DED9;}
  .modal .opt .favren{position:absolute;top:5px;right:32px;font-size:12px;color:var(--accent-d);opacity:.55;cursor:pointer;padding:3px 5px;border-radius:5px;line-height:1;}
  .modal .opt .favren:hover{opacity:1;background:var(--accent-tint);}
  /* Manage → Employees list (A→Z + search) */
  #empSearch{width:100%;border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:12.5px;margin:0 0 8px;background:#fff;font-family:inherit;box-sizing:border-box;}
  .emphead,#empList .emprow{display:grid;grid-template-columns:minmax(110px,1.2fr) 92px 1fr 84px 22px;gap:8px;align-items:center;}
  .emphead{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:0 10px 4px;}
  #empList{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;}
  #empList .emprow{border:1px solid var(--line2);background:#FBF9F4;border-radius:8px;padding:7px 10px;font-size:12.5px;}
  #empList .emprow:hover{background:var(--accent-tint);border-color:var(--accent);}
  #empList .emprow .ec{color:var(--muted);font-size:11.5px;}
  #empList .emprow .minh{cursor:pointer;text-decoration:underline dotted;color:var(--ink);font-weight:600;}
  #empList .emprow .x{cursor:pointer;color:#A8432F;font-weight:700;text-align:center;}
  .rowx{border:0;background:transparent;color:#B3ADA2;cursor:pointer;font-size:15px;line-height:1;padding:4px 6px;}
  .rowx:hover{color:#A8432F;}
  td.mv{width:34px;}
  .grip{display:flex;flex-direction:column;align-items:center;line-height:1;gap:2px;cursor:grab;color:#a9a292;padding:6px 6px;user-select:none;}
  .grip:hover{color:var(--accent);}
  .grip .dots{font-size:15px;letter-spacing:-1px;}
  .grip .num{font-size:11px;font-weight:800;color:var(--ink);background:#EFEBE2;border-radius:50%;min-width:18px;height:18px;line-height:18px;text-align:center;}
  tr.dragging{opacity:.4;}
  tr.dragover-row td{box-shadow:inset 0 3px 0 var(--accent);}
  td.rownum{width:26px;color:#B3ADA2;font-size:10px;}

  /* Base roster action bar */
  .rosteractions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 14px;background:#f3f7fc;border-top:1px solid var(--line2);}
  .rosteractions .btn{font-size:12px;}
  .rosteractions .b-save{background:#19191C;color:#fff;border:0;}
  .rosteractions .b-load{background:#F7E7DE;color:var(--accent-d);border:1px solid #EAD4C6;}
  .rosteractions .b-load:hover{background:#F7E7DE;}
  .rosteractions .b-empty{background:#F6E4DE;color:#9A3B22;border:1px solid #EAD0C8;}
  .rosteractions .b-empty:hover{background:#F2E0D8;}
  .rosteractions .baseinfo{margin-left:auto;font-size:11.5px;color:var(--muted);}
  .weekbar .baseinfo{font-size:11.5px;color:var(--muted);}
  .rosteractions .b-week{background:#fff;border:1px solid #EAD4C6;color:var(--accent-d);}
  .rosteractions .b-week:hover{background:#F7E7DE;}
  .rosteractions .b-week.next{background:var(--accent);border:0;color:#fff;font-weight:700;}
  .rosteractions .b-week.next:hover{background:var(--accent-d);}

  /* Modal chooser */
  #tourRing{position:fixed;display:none;z-index:9998;border-radius:8px;box-shadow:0 0 0 9999px rgba(25,25,28,.6);border:2.5px solid var(--accent);pointer-events:none;transition:left .2s,top .2s,width .2s,height .2s;}
  #tourRing.on{display:block;}
  #tourCallout{position:fixed;display:none;z-index:9999;background:#fff;border-radius:11px;box-shadow:0 12px 38px rgba(0,0,0,.32);padding:14px 16px;width:300px;max-width:92vw;}
  #tourCallout.on{display:block;}
  #tourCallout h4{margin:0 0 6px;font-size:15px;color:var(--head);}
  #tourCallout .tour-nav{display:flex;align-items:center;gap:6px;margin-top:13px;}
  #tourCallout .tour-nav>span{flex:1;display:flex;gap:5px;align-items:center;}
  #tourCallout button{border:0;border-radius:6px;padding:6px 11px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;background:#EFEBE2;color:var(--ink);}
  #tourCallout #tourNext{background:var(--accent);color:#fff;}
  #tourCallout #tourBack:hover,#tourCallout button:hover{filter:brightness(.96);}
  #authGate{display:none;position:fixed;inset:0;z-index:99999;background:var(--bg);}
  #authGate .aside{flex:1;background:var(--accent);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:54px 52px;}
  #authGate .aside-logo{width:56px;height:56px;border-radius:16px;background:#19191C;color:#F4F1EA;display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
  #authGate .aside-title{font-size:32px;font-weight:600;letter-spacing:-.02em;}
  #authGate .aside-tag{font-size:15px;color:rgba(255,255,255,.85);margin-top:6px;}
   .aside-cobrand{margin-top:12px;font-size:11px;font-weight:600;letter-spacing:.24em;color:rgba(255,255,255,.8);text-transform:uppercase;}
   .sb-cobrand{padding:0 8px 10px 43px;margin-top:-10px;font-size:8px;font-weight:600;letter-spacing:.18em;color:var(--muted);text-transform:uppercase;white-space:nowrap;}
   .act-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px;}
   .act-filters label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:5px;}
   .act-filters input,.act-filters select{border:1px solid var(--line);border-radius:8px;padding:7px 9px;font-size:13px;font-family:inherit;background:var(--card);color:var(--ink);}
   /* Floating-label fields (Samsung-style) — signup + any .ffwrap form */
   #authGate #suWrap .ff,.ffwrap .ff{position:relative;margin:0 0 22px;padding-top:16px;}
   #authGate #suWrap .ff input,#authGate #suWrap .ff select,.ffwrap .ff input,.ffwrap .ff select{width:100%;border:0;border-bottom:1.5px solid #E6E1D6;border-radius:0;padding:6px 2px 8px;font-size:14.5px;font-family:inherit;background:transparent;color:#19191C;outline:none;box-shadow:none;margin:0;box-sizing:border-box;}
   #authGate #suWrap .ff input:focus,#authGate #suWrap .ff select:focus,.ffwrap .ff input:focus,.ffwrap .ff select:focus{border:0;border-bottom:1.5px solid #CF6A3C;outline:none;box-shadow:none;}
   #authGate #suWrap .ff select,.ffwrap .ff select{appearance:none;-webkit-appearance:none;cursor:pointer;}
   #authGate #suWrap .ff label,.ffwrap .ff label{position:absolute;left:2px;top:22px;font-size:14.5px;color:#8C8780;pointer-events:none;transition:top .15s ease,font-size .15s ease,color .15s ease;}
   #authGate #suWrap .ff.focus label,#authGate #suWrap .ff.filled label,.ffwrap .ff.focus label,.ffwrap .ff.filled label{top:0;font-size:12.5px;font-weight:600;}
   #authGate #suWrap .ff.focus label,.ffwrap .ff.focus label{color:#CF6A3C;}
   #authGate #suWrap .ff.err input,.ffwrap .ff.err input{border-bottom-color:#A8432F;}
   #authGate #suWrap .ff.err label,.ffwrap .ff.err label{color:#A8432F;}
   #authGate #suWrap .ff .ferr,.ffwrap .ff .ferr{display:none;font-size:12px;color:#A8432F;margin-top:5px;}
   #authGate #suWrap .ff.err .ferr,.ffwrap .ff.err .ferr{display:block;}
   #authGate #suWrap .ff .fsel,.ffwrap .ff .fsel{position:absolute;right:4px;top:26px;color:#8C8780;pointer-events:none;font-size:10px;}
   /* Multi-select site picker (parent site + tickable sub-sites) */
   .spdisp{width:100%;border:0;border-bottom:1.5px solid #E6E1D6;padding:6px 18px 8px 2px;font-size:14.5px;font-family:inherit;background:transparent;color:#8C8780;cursor:pointer;box-sizing:border-box;min-height:30px;}
   .ff.focus .spdisp{border-bottom-color:#CF6A3C;}
   .spdisp.has{color:#19191C;}
   .sppanel{position:absolute;left:0;right:0;top:100%;z-index:60;background:#fff;border:1px solid #E6E1D6;border-radius:10px;box-shadow:0 10px 28px rgba(25,25,28,.16);padding:6px;margin-top:4px;}
   .sphead{font-size:12px;font-weight:700;color:#19191C;padding:7px 8px;border-bottom:1px solid #EFEBE2;margin-bottom:4px;}
   .sprow{display:flex;align-items:center;gap:8px;padding:7px 8px 7px 20px;font-size:13.5px;cursor:pointer;border-radius:6px;}
   .sprow:hover{background:#F4F1EA;}
   .sprow input{accent-color:#CF6A3C;width:15px;height:15px;}
   /* dropdown rows are <label>s too — undo the floating-label treatment inside the panel */
   #authGate #suWrap .ff .sppanel .sprow,.ffwrap .ff .sppanel .sprow{position:static;top:auto;left:auto;pointer-events:auto;font-size:13.5px;font-weight:400;color:#19191C;transition:none;}
  #authGate .aside-feat{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:13.5px;color:#fff;}
  #authGate .aside-feat li{display:flex;align-items:center;gap:10px;}
  #authGate .aside-feat li::before{content:"\2713";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.2);color:#fff;font-size:11px;flex-shrink:0;}
  #authGate .aside-foot{margin-top:32px;font-size:12px;color:rgba(255,255,255,.7);}
  #authGate .aside-title .the{color:rgba(255,255,255,.78);}
  #authGate .amain{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;}
  #authGate .aslogan{display:none;}
  @media(max-width:760px){
    #authGate{flex-direction:column;}
    #authGate .aside{flex:0 0 auto;padding:24px;}
    #authGate .aside-feat,#authGate .aside-foot{display:none;}
    #authGate .aside-title{font-size:24px;}
    #authGate .aside-logo{width:44px;height:44px;font-size:18px;margin-bottom:12px;}
    #authGate .amain{flex:1;padding:22px 16px;}
  }
  #authGate .acard{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-pop);width:min(390px,94vw);padding:28px 28px 24px;}
  #authGate h2{margin:0 0 4px;font-size:20px;font-weight:600;color:var(--ink);}
  #authGate .asub{color:var(--muted);font-size:13px;margin:0 0 18px;}
  #authGate .aslogan{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;}
  #authGate input{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 11px;font-size:14px;margin-bottom:10px;box-sizing:border-box;}
  #authGate input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent);}
  #authGate .pwwrap{position:relative;}
  #authGate .pwwrap input{padding-right:44px;}
  #authGate .pweye{position:absolute;top:7px;right:6px;background:none;border:0;color:#B3ADA2;cursor:pointer;padding:5px;line-height:0;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;}
  #authGate .pweye:hover{color:var(--accent);background:#EFEBE2;}
  #authGate .pweye.revealing{color:var(--accent);background:var(--accent-tint);}
  #authGate .pweye svg{display:block;width:18px;height:18px;pointer-events:none;}
  input:focus::placeholder{color:transparent;}
  input:focus::-webkit-input-placeholder{color:transparent;}
  #authGate .abtn{width:100%;border:0;border-radius:8px;padding:11px;font-size:14px;font-weight:500;cursor:pointer;background:var(--accent);color:#fff;margin-top:2px;}
  #authGate .abtn:hover{background:var(--accent-d);}
  #authGate .alink{display:block;width:100%;background:none;border:0;color:var(--ink);font-size:13px;cursor:pointer;margin-top:12px;padding:6px;}
  #authGate #authMsg{font-size:13px;margin:0 0 10px;min-height:0;}
  #authGate #authPending{display:none;text-align:center;}
  #authGate #authPending .big{font-size:34px;margin-bottom:6px;}
  body.locked{overflow:hidden;}
  .modal-overlay{display:none;position:fixed;inset:0;background:rgba(25,25,28,.45);z-index:80;align-items:center;justify-content:center;}
  .modal-overlay.open{display:flex;}
  .modal{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-pop);width:min(380px,92vw);padding:20px;}
  .modal h3{margin:0 0 4px;font-size:15px;color:var(--head);}
  .modal p{margin:0 0 14px;color:var(--muted);font-size:12.5px;}
  .modal .opt{display:flex;flex-direction:column;width:100%;border:1px solid #EAD4C6;background:#F7E7DE;color:var(--accent-d);
        border-radius:8px;padding:10px 12px;margin-bottom:8px;cursor:pointer;text-align:left;font:inherit;}
  .modal .opt:hover{background:#F7E7DE;}
  .modal .opt b{font-size:13px;} .modal .opt small{color:var(--muted);font-size:11.5px;margin-top:2px;}
  .modal .cancel{width:100%;border:1px solid var(--line);background:#f4f6f8;color:var(--muted);border-radius:8px;padding:9px;cursor:pointer;font:inherit;font-weight:600;margin-top:4px;}
  .modal .cancel:hover{background:#e9edf1;}
  /* Empty-roster menu uses the red theme */
  #emptyMenu h3{color:#9A3B22;}
  #emptyMenu .opt{border-color:#EAD0C8;background:#F6E4DE;color:#9A3B22;}
  #emptyMenu .opt:hover{background:#F2E0D8;}
  #emptyMenu .opt small{color:#a86a6a;}
  .addrow{display:flex;gap:8px;padding:8px 12px;background:#F7F3EC;border-top:1px solid var(--line2);align-items:center;}
  .addrow .btn{background:#EFEBE2;color:var(--ink);border:1px solid var(--line);}
  .addrow .btn:hover{background:#E6E1D6;}

  .addfuncbar{margin-top:16px;}
  .addfuncbar .btn{background:#EFEBE2;color:var(--ink);border:1px solid var(--line);}
  .addfuncbar .btn:hover{background:#E6E1D6;}
  /* Functions / events — grid aligned to the roster (Mon–Sun columns) */
  table.functions{border-collapse:collapse;width:100%;min-width:900px;table-layout:fixed;}
  table.functions th,table.functions td{border:1px solid var(--line);padding:0;text-align:center;}
  table.functions thead th{background:#F7F3EC;color:#6E665B;font-weight:500;font-size:11.5px;padding:7px 4px;}
  table.functions thead th .dow{display:block;font-size:10px;opacity:.8;font-weight:400;}
  table.functions thead th.fhol{background:#8a6a17;color:#fff;}
  table.functions th.f-lbl{width:104px;background:#EFEBE2;color:var(--head);}
  table.functions td.f-lbl{width:120px;background:#F7F3EC;color:var(--head);font-weight:600;font-size:11.5px;text-align:right;padding:2px 8px;cursor:grab;white-space:nowrap;}
  table.functions td.f-lbl:active{cursor:grabbing;}
  table.functions td.f-lbl .fgrip{color:#B3ADA2;font-size:9px;margin-right:6px;letter-spacing:-1px;}
  table.functions tr.dragover-row td{box-shadow:inset 0 3px 0 var(--accent);}
  table.functions thead th{padding:4px 4px;}
  table.functions td input{width:100%;border:0;background:transparent;font:inherit;font-size:12px;padding:3px 6px;color:var(--ink);text-align:center;}
  table.functions td input:focus{outline:2px solid var(--accent);outline-offset:-2px;background:#fff;}
  table.functions input.f-pax{text-align:center;}

  /* Coverage */
  table.cov{border-collapse:collapse;width:100%;min-width:760px;font-size:12px;}
  table.cov th,table.cov td{border:1px solid var(--line);padding:5px 6px;text-align:center;}
  table.cov thead th{background:#F7F3EC;color:#6E665B;font-weight:500;}
  table.cov td.lbl{text-align:left;font-weight:600;color:var(--head);background:#F7F3EC;}
  table.cov tr.grp td{background:#e9eef5;font-weight:700;color:var(--head);text-transform:uppercase;font-size:11px;letter-spacing:.03em;text-align:left;}
  table.cov tr.tot td{background:#f4f7fb;font-weight:700;}
  table.cov tr.tot.hrs td{color:var(--accent-d);}
  table.cov tr.grand td{background:#EFEBE2;font-weight:800;color:#B0562E;}
  table.cov td.z{color:#CFC9BD;}

  /* Manage / panels — right-side slide-in drawer */
  .panel{position:fixed;top:0;right:0;bottom:0;width:460px;max-width:96vw;margin:0;border:0;border-left:1px solid var(--line);border-radius:0;
         box-shadow:-10px 0 34px rgba(25,25,28,.20);transform:translateX(102%);transition:transform .26s ease, width .2s ease;
         z-index:70;overflow:auto;background:var(--card);}
  .panel.open{transform:translateX(0);}
  .panel.wide{width:880px;}
  /* roster page pushes left and fits the remaining width while a side panel is open */
  #view-roster .wrap{transition:margin .26s ease;}
  @media(min-width:900px){
    body:has(.panel.open) #view-roster .wrap{margin-right:474px;margin-left:16px;max-width:none;width:auto;}
    body:has(.panel.open.wide) #view-roster .wrap{margin-right:894px;}
    body:has(.panel.open) #view-roster .card{max-width:none;}
  }
  .panel .card-head{position:sticky;top:0;background:var(--card);z-index:2;}
  .panel .expandx{margin-left:auto;border:0;background:#EFEBE2;border-radius:6px;cursor:pointer;font-size:13px;padding:4px 9px;color:var(--muted);}
  .panel .expandx:hover{background:#E6E1D6;color:var(--ink);}
  .panel .card-head .closex{margin-left:6px;}
  .mgrid{display:grid;grid-template-columns:1fr;gap:16px;padding:14px;}
  .panel.wide .mgrid{grid-template-columns:1fr 1fr;}
  .mbox h3{margin:0 0 8px;font-size:12.5px;text-transform:uppercase;color:var(--head);letter-spacing:.03em;}
  /* section headers styled as buttons so it's obvious they expand */
  .mbox h3.collapser{cursor:pointer;user-select:none;display:flex;align-items:center;gap:7px;
    background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:0 0 10px;
    box-shadow:var(--shadow-card);transition:background .15s,border-color .15s,color .15s;}
  .mbox h3.collapser:hover{background:var(--accent-tint);border-color:var(--accent);color:var(--accent-d);}
  .mbox:not(.collapsed) h3.collapser{background:var(--accent-tint);border-color:var(--accent);color:var(--accent-d);}
  .mbox h3.collapser .caret{font-size:16px;line-height:1;color:var(--accent);transition:transform .15s;margin-left:auto;}
  .mbox.collapsed h3.collapser .caret{transform:rotate(-90deg);}
  .mbox.collapsed .collapsebody{display:none;}
  .chiprow{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;}
  .chip{background:#EFEBE2;border:1px solid var(--line);border-radius:14px;padding:3px 8px 3px 10px;font-size:12px;display:inline-flex;align-items:center;gap:6px;}
  .chip b{font-weight:600;} .chip span.h{color:var(--muted);font-size:11px;}
  .chip .x{cursor:pointer;color:#B3ADA2;font-weight:700;}
  .chip .x:hover{color:#A8432F;}
  .mrow{display:flex;gap:6px;flex-wrap:wrap;align-items:center;}
  .mrow input{border:1px solid var(--line);border-radius:6px;padding:6px 8px;font-size:12.5px;}
  .mrow input.code{width:120px;} .mrow input.hrs{width:120px;text-align:center;letter-spacing:1px;font-size:13px;} .mrow input.nm{width:170px;}
  .mrow select.msel{border:1px solid var(--line);border-radius:6px;padding:6px 8px;font-size:12.5px;background:#fff;}
  .note{color:var(--muted);font-size:11.5px;margin:6px 0 0;}
  .cdot{-webkit-appearance:none;appearance:none;width:18px;height:18px;padding:0;border:1px solid rgba(0,0,0,.15);border-radius:4px;cursor:pointer;flex:0 0 auto;}
  button.cdot:hover{outline:2px solid var(--accent);outline-offset:1px;}
  input.cdot::-webkit-color-swatch-wrapper{padding:1px;} input.cdot::-webkit-color-swatch{border:0;border-radius:3px;}
  .rcrow{display:flex;align-items:center;gap:8px;margin-bottom:6px;}
  .rcrow .renm{flex:1;border:1px solid var(--line);border-radius:6px;padding:5px 8px;font-size:12.5px;color:var(--head);font-weight:600;}
  .lblrow{display:flex;align-items:center;gap:10px;margin-bottom:6px;}
  .lblrow span{flex:0 0 150px;font-size:12px;color:var(--muted);}
  .lblrow .renm{flex:1;border:1px solid var(--line);border-radius:6px;padding:6px 8px;font-size:12.5px;}
  /* colour preset popover */
  .cpop{position:absolute;display:none;z-index:95;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.2);padding:10px;width:210px;}
  .cpop.open{display:block;}
  .cpop-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;}
  .cpop .csw{width:24px;height:24px;border-radius:6px;border:1px solid rgba(0,0,0,.12);cursor:pointer;padding:0;}
  .cpop .csw:hover{transform:scale(1.12);}
  .cpop-custom{display:flex;align-items:center;gap:8px;margin-top:9px;padding-top:9px;border-top:1px solid var(--line2);font-size:12px;color:var(--muted);}

  /* History */
  table.hist{border-collapse:collapse;width:100%;font-size:12.5px;}
  table.hist th,table.hist td{border:1px solid var(--line);padding:7px 9px;text-align:left;}
  table.hist thead th{background:#F7F3EC;color:#6E665B;font-weight:500;}
  table.hist td.num{text-align:center;}
  table.hist .mini{background:#EFEBE2;border:1px solid var(--line);border-radius:5px;cursor:pointer;font-size:11.5px;padding:4px 8px;margin-right:4px;color:var(--ink);}
  table.hist .mini:hover{background:#E6E1D6;}
  table.hist .mini.del:hover{background:#F6E4DE;color:#A8432F;border-color:#e6b8b8;}

  /* Comments */
  .cbox{padding:14px;}
  .cbox textarea{width:100%;min-height:90px;border:1px solid var(--line);border-radius:8px;padding:10px;font:inherit;font-size:13px;resize:vertical;}
  .cbox .row2{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:10px;}
  .cbox input[type=email]{border:1px solid var(--line);border-radius:6px;padding:7px 9px;font-size:13px;min-width:240px;}

  .legend{display:flex;flex-wrap:wrap;gap:14px;padding:10px 14px;font-size:11.5px;color:var(--muted);border-top:1px solid var(--line2);background:#F7F3EC;}
  .legend .sw{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-2px;margin-right:5px;border:1px solid var(--line);}

  /* Roster view-only mode: hide editing affordances, lock the grid */
  #view-roster.roster-ro #saveBtn,
  #view-roster.roster-ro #btnEmail,
  #view-roster.roster-ro #btnManage,
  #view-roster.roster-ro #btnOpen,
  #view-roster.roster-ro #btnAddSite,
  #view-roster.roster-ro .rosteractions .b-save,
  #view-roster.roster-ro .rosteractions .b-load,
  #view-roster.roster-ro .rosteractions .b-empty,
  #view-roster.roster-ro .rosteractions .b-undo,
  #view-roster.roster-ro .addrow,
  #view-roster.roster-ro #addFuncBar,
  #view-roster.roster-ro #functionsCard .closex{display:none !important;}
  #view-roster.roster-ro #appTitleTxt,
  #view-roster.roster-ro #mainTable td.day,
  #view-roster.roster-ro #mainTable td select,
  #view-roster.roster-ro #mainTable td input,
  #view-roster.roster-ro #mainTable .rowx,
  #view-roster.roster-ro #mainTable .grip,
  #view-roster.roster-ro #funcTable input{pointer-events:none;}
  #view-roster.roster-ro #appTitleTxt{border-bottom:0;cursor:default;}
  .appfoot{text-align:center;color:var(--muted);font-size:11px;padding:16px 0 6px;}
  .appfoot a{color:var(--accent);text-decoration:none;} .appfoot a:hover{text-decoration:underline;}
  .hint{background:#fffbe9;border:1px solid #f0e3a8;color:#7a6310;border-radius:8px;padding:8px 12px;font-size:12px;margin-top:16px;}
  .toast{position:fixed;bottom:18px;left:18px;background:var(--card);color:var(--ink);
         padding:10px 14px;border-radius:12px;font-size:12.5px;border:1px solid var(--line);box-shadow:var(--shadow-pop);opacity:0;
         transition:opacity .2s, transform .2s;pointer-events:none;z-index:120;transform:translateY(8px);max-width:340px;}
  .toast.show{opacity:1;transform:translateY(0);}
  .toast.center{top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%) scale(.96);text-align:center;}
  .toast.center.show{transform:translate(-50%,-50%) scale(1);}
  /* error toast — red ambient glow for incorrect-action alerts */
  .toast.err{border:2px solid #A8432F;color:#A8432F;font-weight:700;
    box-shadow:0 0 0 4px rgba(168,67,47,.15),0 8px 30px rgba(168,67,47,.45);}

  /* Print: only the title/week + rosters */
  @media print{
    *{-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important;}
    body{background:#fff;font-size:10px;}
    .toolbar,.addrow,.rowx,.movebtns .mvb,td.mv,td.c-del,th.c-del,th.c-mv,.typecol,.legend,.hint,.btn,.no-print,
    #weekCard,#covCard,#historyPanel,#commentsPanel,#managePanel{display:none !important;}
    .wrap{max-width:none;padding:0;}
    .card{box-shadow:none;border:1px solid #999;margin-top:8px;page-break-inside:avoid;}
    td select,td .cell-input{-webkit-appearance:none;appearance:none;}
    table.roster,table.functions{min-width:0;}
    /* print/PDF uses the SAME colours as on screen */
    thead th,table.functions thead th{background:var(--head) !important;color:#fff !important;}
    td.day.shift{background:#F7E7DE !important;}
    td.day.leave{background:#F6E4DE !important;}
    td.day.off{background:#EFEBE2 !important;}
    td.total.ot{background:#F6DED9 !important;color:#A8432F !important;}
    /* compact functions for print */
    table.functions td input{padding:2px 4px;font-size:9.5px;}
    table.functions td.f-lbl,table.functions th.f-lbl{font-size:9.5px;}
    /* print modes chosen from the Print menu */
    body.pm-all #covCard,body.pm-coverage #covCard{display:block !important;}
    body.pm-coverage #functionsCard,body.pm-coverage #mainCard{display:none !important;}
    body.pm-roster th.c-tot,body.pm-roster td.total{display:none !important;}
    /* sticky columns off on paper — avoids offset/overlap artefacts in print engines */
    table.roster th,table.roster td{position:static !important;}
  }
  /* ===== CMON platform shell ===== */
  #platformBar{display:none;background:#1f2a36;color:#fff;align-items:center;gap:14px;padding:9px 18px;flex-wrap:wrap;}
  #platformBar .pbrand{font-size:15px;font-weight:800;display:flex;align-items:center;gap:8px;}
  #platformBar .plogo{background:#fff;color:#1f2a36;width:30px;height:26px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:11px;letter-spacing:-.5px;}
  #platformBar .ptag{font-size:11px;font-weight:600;color:#9fb0c0;margin-left:2px;}
  #platformNav{display:flex;gap:4px;margin-left:6px;}
  #platformNav .pnav{background:transparent;border:0;color:#cdd6df;font-size:13px;font-weight:700;padding:7px 13px;border-radius:8px;cursor:pointer;}
  #platformNav .pnav:hover{background:rgba(255,255,255,.10);color:#fff;}
  #platformNav .pnav.active{background:#fff;color:#1f2a36;}
  #platformBar .pspacer{flex:1;}
  #platformBar .pprofile{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.10);border:0;color:#fff;border-radius:20px;padding:5px 12px 5px 5px;font-size:12.5px;font-weight:700;cursor:pointer;}
  #platformBar .pprofile:hover{background:rgba(255,255,255,.2);}
  #platformBar .pavatar{background:#B0562E;width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;}
  #platformBar .pprofile.admin{background:#19191C;}
  #platformBar .pprofile.admin:hover{background:#19191C;}
  #platformBar .pprofile.admin .pavatar{background:#fff;color:#19191C;}
  #platformBar .pbadge{background:#fff;color:#19191C;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:2px 6px;border-radius:10px;}
  #platformBar .pbell{position:relative;background:rgba(255,255,255,.14);border:0;color:#fff;border-radius:8px;padding:6px 11px;font-size:15px;cursor:pointer;line-height:1;}
  #platformBar .pbell:hover{background:rgba(255,255,255,.26);}
  #platformBar .pbell-badge{position:absolute;top:-5px;right:-6px;background:#A8432F;color:#fff;font-size:10px;font-weight:800;min-width:16px;height:16px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;}
  .ops-modal .pf-badge{display:inline-block;background:#19191C;color:#fff;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:10px;margin:2px 0 12px;}
  #platformBar .pbtn{background:rgba(255,255,255,.14);border:0;color:#fff;border-radius:7px;padding:6px 11px;font-size:12px;font-weight:700;cursor:pointer;}
  #platformBar .pbtn:hover{background:rgba(255,255,255,.26);}
  #platformBar .pbtn.padmin{background:#19191C;}
  .opswrap{max-width:1480px;margin:0 auto;padding:26px 34px 60px;}
  .opshello{font-size:23px;font-weight:800;margin:4px 0 2px;color:#19191C;}
  .opssub{color:#8C8780;font-size:14px;margin:0 0 24px;}
  .home-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:14px 0 22px;}
  .kpi-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:13px;box-shadow:var(--shadow-card);}
  .kpi-card .lab{font-size:11px;color:var(--muted);}
  .kpi-card .val{font-size:21px;font-weight:500;color:var(--ink);margin-top:6px;}
  .kpi-card .delta{font-size:10.5px;border-radius:20px;padding:1px 7px;float:right;}
  .kpi-card .delta.up{color:var(--good);background:#e2f3ec;}
  .kpi-card .delta.down{color:var(--bad);background:#fceeee;}
  .kpi-card .delta.flat{color:var(--muted);background:#EFEBE2;}
  .kpi-card svg{display:block;margin-top:4px;width:100%;height:22px;}
  @media(max-width:760px){.home-kpis{grid-template-columns:1fr 1fr;}}
  .nb-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:13px 15px;box-shadow:var(--shadow-card);margin-bottom:22px;}
  .nb-head{display:flex;align-items:center;gap:8px;margin-bottom:9px;font-weight:500;font-size:12.5px;color:var(--ink);}
  .nb-row{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-top:1px solid var(--line2);}
  .nb-av{width:26px;height:26px;border-radius:50%;background:var(--accent-tint);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:500;flex-shrink:0;}
  .nb-row .nb-t{font-size:12.5px;color:var(--ink);}
  .nb-row .nb-m{font-size:11px;color:#B3ADA2;margin-top:2px;}
  .opssect{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8C8780;margin:0 0 12px;}
  /* Home events calendar + upcoming list */
  .ev-card{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-card);padding:16px 18px;margin-bottom:22px;}
  .ev-head{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap;}
  .ev-monthnav{display:flex;align-items:center;gap:8px;}
  .ev-monthlabel{font-size:15px;font-weight:700;color:var(--ink);min-width:128px;text-align:center;}
  .ev-nav{border:1px solid var(--line);background:#fff;border-radius:8px;width:30px;height:30px;font-size:16px;cursor:pointer;color:var(--ink);line-height:1;}
  .ev-nav:hover{background:#EFEBE2;}
  .ev-today{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 12px;font-size:12.5px;font-weight:600;cursor:pointer;color:var(--accent);}
  .ev-today:hover{background:#EFEBE2;}
  .ev-sitesel{border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:12.5px;font-weight:600;color:var(--head);background:#fff;cursor:pointer;max-width:200px;}
  .ev-body{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;}
  @media(max-width:760px){.ev-body{grid-template-columns:1fr;}}
  .ev-dow{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:5px;}
  .ev-dow span{text-align:center;font-size:10.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#B3ADA2;}
  .ev-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;}
  .ev-day{position:relative;aspect-ratio:1;border:1px solid var(--line2);border-radius:9px;background:#fff;cursor:pointer;
    display:flex;align-items:flex-start;justify-content:center;padding:6px 0 0;font-size:12.5px;color:var(--ink);transition:background .1s,border-color .1s;}
  .ev-day:hover{background:#EFEBE2;}
  .ev-day.muted{color:#cbd5e1;background:#F7F3EC;}
  .ev-day.today{border-color:var(--accent);color:var(--accent);font-weight:700;}
  .ev-day.sel{background:var(--accent-tint);border-color:var(--accent);}
  .ev-day.has{font-weight:700;}
  .ev-count{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-size:9.5px;font-weight:800;color:#fff;}
  .ev-day.has .ev-count{background:var(--accent);border-radius:8px;width:17px;height:14px;line-height:14px;margin:0 auto;left:0;right:0;}
  .ev-side-head{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#8C8780;margin-bottom:10px;display:flex;align-items:center;gap:8px;}
  .ev-side-head .ev-clear{margin-left:auto;font-size:11px;font-weight:600;color:var(--accent);background:none;border:0;cursor:pointer;text-transform:none;letter-spacing:0;}
  .ev-side-head .ev-clear:hover{text-decoration:underline;}
  .ev-list{display:flex;flex-direction:column;gap:8px;max-height:316px;overflow:auto;}
  .ev-item{display:flex;gap:11px;align-items:flex-start;border:1px solid var(--line);border-radius:11px;padding:9px 11px;cursor:pointer;background:#fff;transition:border-color .1s,box-shadow .1s;}
  .ev-item:hover{border-color:#EAD4C6;box-shadow:0 2px 8px rgba(25,25,28,.07);}
  .ev-date{flex:0 0 44px;text-align:center;border-radius:8px;background:var(--accent-tint);color:var(--accent);padding:5px 0;}
  .ev-date .d{font-size:16px;font-weight:800;line-height:1;}
  .ev-date .m{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;margin-top:1px;}
  .ev-info{min-width:0;flex:1;}
  .ev-name{font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .ev-meta{font-size:11.5px;color:#8C8780;margin-top:3px;display:flex;flex-wrap:wrap;gap:9px;}
  .ev-site{display:inline-block;font-size:10px;font-weight:700;background:#EFEBE2;color:#6E665B;border-radius:9px;padding:1px 8px;margin-top:5px;}
  .ev-empty{color:#B3ADA2;font-size:12.5px;padding:22px 6px;text-align:center;line-height:1.5;}
  .ops-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:18px;}
  .ops-tile{position:relative;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 18px;cursor:pointer;transition:transform .08s,box-shadow .12s,border-color .12s;display:flex;flex-direction:column;min-height:150px;box-shadow:var(--shadow-card);}
  .ops-tile:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(25,25,28,.10);border-color:#EAD4C6;}
  .ops-tile .ic{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:12px;}
  .ops-tile h3{margin:0 0 6px;font-size:15px;font-weight:500;color:var(--ink);}
  .ops-tile p{margin:0;color:#8C8780;font-size:13px;line-height:1.45;}
  .ops-tile .ext{position:absolute;top:14px;right:14px;font-size:12px;color:#8C8780;}
  .ops-tile .edit{position:absolute;bottom:12px;right:14px;font-size:11.5px;color:var(--accent);background:none;border:0;cursor:pointer;opacity:0;transition:opacity .12s;}
  .ops-tile:hover .edit{opacity:1;}
  .ops-tile.add{align-items:center;justify-content:center;text-align:center;border-style:dashed;color:#8C8780;background:#F7F3EC;}
  .ops-tile.soon{opacity:.95;}
  .ops-tile .soonbadge{background:#faeeda;color:#854f0b;font-size:9.5px;font-weight:500;border-radius:9px;padding:1px 6px;vertical-align:middle;text-transform:uppercase;letter-spacing:.03em;}
  .ops-tile .modbadge{position:absolute;top:12px;right:12px;min-width:20px;height:20px;border-radius:11px;background:#A8432F;color:#fff;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;}
  .ops-short-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));}
  .ops-short{position:relative;background:#fff;border:1px solid #E6E1D6;border-radius:12px;padding:16px 12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;min-height:104px;justify-content:center;transition:transform .08s,box-shadow .12s,border-color .12s;}
  .ops-short:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(25,25,28,.10);border-color:#E6E1D6;}
  .ops-short img{width:38px;height:38px;border-radius:9px;object-fit:contain;background:#EFEBE2;padding:3px;}
  .ops-short .sbadge{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:18px;}
  .ops-short .nm{font-size:12.5px;font-weight:700;color:#19191C;line-height:1.25;}
  .ops-short.dragging{opacity:.4;}
  .ops-short.dragover{border-color:var(--accent);box-shadow:0 0 0 2px rgba(207,106,60,.25);}
  .ops-brand{font-size:16px;font-weight:800;color:#19191C;margin:26px 0 2px;}
  .ops-brand:first-child{margin-top:4px;}
  .ops-cat{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#8C8780;margin:14px 0 8px;}
  .ops-frame{background:#f5f7fa;border:1px solid #E6E1D6;border-radius:16px;padding:20px 22px;margin-top:10px;}
  #noticeWrap .abtn2,#noticeModal .abtn2,#complianceModal .abtn2{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:9px 14px;font-size:13px;font-weight:700;cursor:pointer;}
  #noticeWrap .mini,#noticeModal .mini,#complianceModal .mini{border:1px solid #E6E1D6;background:#fff;border-radius:6px;padding:5px 9px;font-size:12px;cursor:pointer;}
  #noticeWrap .mini:hover,#complianceModal .mini:hover{background:#EFEBE2;}
  #complianceModal .msub{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#8C8780;margin:6px 0 8px;}
  #noticeWrap .note,#complianceModal .note{color:#8C8780;font-size:13px;}
  .ops-brandcols{display:flex;gap:40px;align-items:flex-start;flex-wrap:wrap;}
  .ops-brandcol{flex:1 1 0;min-width:0;}
  .ops-brandcol .ops-brand{margin-top:2px;}
  .ops-short-grid{margin-bottom:4px;}
  .ops-weeknav{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap;}
  .ops-weeknav button{border:1px solid #E6E1D6;background:#fff;border-radius:8px;padding:7px 12px;font-size:13px;font-weight:700;cursor:pointer;}
  .ops-weeknav button:hover{background:#EFEBE2;}
  .ops-weeklabel{font-size:18px;font-weight:800;}
  .opsnote{color:#8C8780;font-size:12.5px;margin:0 0 18px;}
  .ops-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;}
  .ops-kpi{background:#fff;border:1px solid #E6E1D6;border-radius:13px;padding:16px 18px;}
  .ops-kpi .lab{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#8C8780;margin-bottom:8px;}
  .ops-kpi .row{display:flex;align-items:baseline;gap:4px;}
  .ops-kpi .pre{font-size:18px;color:#8C8780;font-weight:700;}
  .ops-kpi input{border:0;border-bottom:1.5px dashed #E6E1D6;font-size:24px;font-weight:800;width:100%;padding:2px 0;color:#19191C;background:transparent;}
  .ops-kpi input:focus{outline:none;border-bottom-color:var(--accent);}
  .ops-kpi .suf{font-size:15px;color:#8C8780;font-weight:700;}
  .ops-kpi.calc{background:#F7F3EC;}
  .ops-kpi.calc .val{font-size:24px;font-weight:800;}
  .ops-kpi.calc.warn .val{color:#A8432F;}
  .ops-kpi.calc.good .val{color:#3F7D5C;}
  .ops-panel{background:#fff;border:1px solid #E6E1D6;border-radius:14px;padding:18px 20px;margin-top:22px;}
  .ops-panel h3{margin:0 0 4px;font-size:16px;}
  .ops-panel .ph{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px;}
  .ops-panel select{border:1px solid #E6E1D6;border-radius:8px;padding:6px 9px;font-size:13px;font-weight:700;cursor:pointer;}
  .ops-chart{width:100%;height:240px;}
  .ops-bar{fill:#B0562E;transition:fill .12s;}
  .ops-bar:hover{fill:#8E4424;}
  .ops-axis{stroke:#E6E1D6;stroke-width:1;}
  .ops-blabel{font-size:10px;fill:#8C8780;}
  .ops-vlabel{font-size:10px;fill:#8C8780;font-weight:700;}
  .ops-modal{display:none;position:fixed;inset:0;z-index:100000;background:rgba(25,25,28,.45);align-items:flex-start;justify-content:center;padding:70px 16px;}
  .ops-modal.lockblur{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(244,241,234,.35);left:200px;} /* frost the content only — nav pane stays crisp */
  @media(max-width:900px){.ops-modal.lockblur{left:0;}} /* mobile: sidebar overlays anyway */
  .ops-tile.locked{opacity:.6;filter:grayscale(.35);}
  .ops-tile.locked:hover{opacity:.8;}
  .ops-short.locked{opacity:.45;filter:grayscale(.7);}
  .lockbadge{display:inline-block;background:#EFEBE2;color:#6E665B;font-size:10px;font-weight:800;padding:2px 7px;border-radius:9px;vertical-align:2px;margin-left:5px;}
  .ops-modal .mcard{background:var(--card);border:1px solid var(--line);border-radius:16px;width:min(380px,96vw);padding:22px 24px;box-shadow:var(--shadow-pop);}
  .ops-modal h3{margin:0 0 12px;}
  .ops-modal .x{float:right;border:0;background:none;font-size:20px;cursor:pointer;color:#8C8780;}
  .ops-modal .pf-name{font-size:16px;font-weight:800;}
  .ops-modal .pf-email{color:#8C8780;font-size:13px;margin-bottom:16px;}
  .ops-modal .pf-btn{display:block;width:100%;text-align:left;border:1px solid #E6E1D6;background:#fff;border-radius:9px;padding:11px 13px;font-size:13.5px;font-weight:700;cursor:pointer;margin-bottom:8px;}
  .ops-modal .pf-btn:hover{background:#F7F3EC;}
  .ops-modal .pf-btn.danger{color:#A8432F;}
  /* Rich profile dropdown */
  #profileModal.as-pop{background:transparent;display:none;}
  #profileModal.as-pop.open{display:block;}
  #profileModal.as-pop .mcard{position:absolute;top:54px;right:16px;width:300px;max-width:94vw;
    border-radius:12px;box-shadow:var(--shadow-pop);border:1px solid var(--line);padding:14px;text-align:left;}
  #profileModal.as-pop .pf-name{font-size:14px;font-weight:500;}
  #profileModal.as-pop .pf-email{color:var(--muted);font-size:12px;margin-bottom:4px;}
  #profileModal.as-pop .profile-cols{display:grid;grid-template-columns:1fr;gap:4px;margin-top:10px;}
  #profileModal.as-pop .pf-btn{display:flex;align-items:center;gap:9px;width:100%;border:0;background:transparent;
    border-radius:8px;padding:8px 10px;font-size:12.5px;font-weight:500;color:var(--ink);cursor:pointer;text-align:left;margin-bottom:0;}
  #profileModal.as-pop .pf-btn:hover{background:#EFEBE2;}
  #profileModal.as-pop .pf-btn.danger{color:var(--bad);}
  #profileModal.as-pop .pf-sep{height:1px;background:var(--line);margin:6px 0;}
  #profileModal.as-pop .mcard{padding:0;overflow:hidden;}
  #profileModal.as-pop .pf-head{display:flex;align-items:center;gap:11px;padding:15px 15px 13px;background:linear-gradient(135deg,var(--accent-tint),var(--card));border-bottom:1px solid var(--line);}
  #profileModal.as-pop .pf-av{width:42px;height:42px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;flex-shrink:0;box-shadow:0 2px 8px rgba(207,106,60,.35);}
  #profileModal.as-pop .pf-id{min-width:0;flex:1;}
  #profileModal.as-pop .pf-id .pf-name{font-size:14.5px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  #profileModal.as-pop .pf-id .pf-email{margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  #profileModal.as-pop .pf-id .pf-badge{margin:5px 0 0;}
  #profileModal.as-pop .profile-cols{padding:8px 10px 10px;margin-top:0;}
  #adminBody .mtabs{display:flex;gap:6px;margin-bottom:14px;border-bottom:1px solid #EFEBE2;}
  #adminBody .mtab{background:none;border:0;border-bottom:2px solid transparent;padding:6px 10px;font-size:13px;font-weight:700;color:#8C8780;cursor:pointer;}
  #adminBody .mtab.on{color:var(--accent);border-bottom-color:var(--accent);}
  #adminBody .adm-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;}
  #adminBody .adm-tile{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;border:1px solid #E6E1D6;background:#fff;border-radius:12px;padding:14px;cursor:pointer;}
  #adminBody .adm-tile:hover{background:#F7F3EC;border-color:var(--accent);}
  #adminBody .adm-tile .adm-ic{font-size:22px;line-height:1;margin-bottom:4px;}
  #adminBody .adm-tile .adm-t{font-weight:700;font-size:14px;color:var(--ink);}
  #adminBody .adm-tile .adm-d{font-size:11.5px;color:#8C8780;}
  #adminBody .msub{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#8C8780;margin:14px 0 8px;}
  #adminBody .urow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px solid #EFEBE2;}
  #adminBody .dft{background:var(--accent);color:#fff;font-size:10px;font-weight:800;border-radius:9px;padding:1px 7px;text-transform:uppercase;}
  #adminBody .mini{border:1px solid #E6E1D6;background:#fff;border-radius:6px;padding:5px 9px;font-size:12px;cursor:pointer;}
  #adminBody .mini:hover{background:#EFEBE2;}
  #adminBody .abtn2{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:9px 14px;font-size:13px;font-weight:700;cursor:pointer;}
  #adminBody .note{color:#8C8780;font-size:13px;}
  #adminBody .urow.member{display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px 13px;margin-bottom:8px;box-shadow:var(--shadow-card);}
  #adminBody .uctl{display:inline-flex;flex-direction:column;gap:2px;margin-right:6px;vertical-align:middle;text-align:left;}
  #adminBody .uctl label{font-size:9px;font-weight:700;color:#8C8780;text-transform:uppercase;letter-spacing:.04em;}
  #adminBody .uctl select{border:1px solid #E6E1D6;border-radius:6px;padding:4px 6px;font-size:12px;max-width:130px;}
  #adminBody .usaved{color:#3F7D5C;font-size:12px;font-weight:700;margin:0 4px;}
  #adminBody .uaccess{margin-top:10px;border-top:1px solid #F4F1EA;padding-top:9px;}
  #adminBody .uacc-note{font-size:11.5px;color:#8C8780;margin-bottom:7px;}
  #adminBody .uacc-row{display:flex;align-items:center;gap:14px;padding:4px 0;font-size:12.5px;}
  #adminBody .uacc-nm{width:170px;font-weight:600;color:var(--ink);}
  #adminBody .uacc-cb{display:inline-flex;align-items:center;gap:5px;cursor:pointer;}
  #adminBody .uacc-cb input{accent-color:var(--accent);width:14px;height:14px;}
  #adminBody .uacc-cb.lvl{opacity:.55;cursor:default;}
  #adminBody .urow.member .mem-l{display:flex;align-items:center;gap:11px;min-width:0;}
  #adminBody .urow.member .mem-av{width:38px;height:38px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;flex-shrink:0;}
  #adminBody .urow.member .mem-id{display:flex;flex-direction:column;min-width:0;}
  #adminBody .urow.member .mem-id b{font-size:14px;color:var(--ink);line-height:1.2;}
  #adminBody .urow.member .mem-em{color:#8C8780;font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  #adminBody .urow.member .mem-meta{color:#B3ADA2;font-size:11px;}
  #adminBody .urow.member .mem-r{display:flex;align-items:flex-end;gap:6px;flex-wrap:wrap;flex-shrink:0;}
  #adminBody .urow.member .mem-r .mini{margin-bottom:1px;}
  #adminBody .urow.member .mem-r .usaved{align-self:center;}
  #adminBody .lvlbox{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-card);max-width:400px;padding:2px 14px;}
  #adminBody .lvlbox .lvlrow{display:flex;align-items:center;gap:10px;padding:11px 2px;font-size:13px;border-top:1px solid #F4F1EA;cursor:pointer;}
  #adminBody .lvlbox .lvlrow:first-child{border-top:0;}
  #adminBody .lvlbox .lvlrow input,#adminBody .lvldef input{cursor:pointer;width:16px;height:16px;accent-color:var(--accent);flex-shrink:0;}
  #adminBody .lvldef{display:flex;align-items:center;gap:10px;max-width:400px;margin-top:16px;padding:12px 14px;font-size:13px;font-weight:600;background:var(--accent-tint);border:1px solid var(--accent);border-radius:12px;cursor:pointer;color:var(--accent-d);}
  .ops-modal .opi-label{color:#8C8780;font-size:13px;margin:0 0 8px;}
  .ops-modal .opi-input{width:100%;border:1px solid #E6E1D6;border-radius:8px;padding:10px 11px;font-size:14px;box-sizing:border-box;margin-bottom:16px;}
  .ops-modal .opi-input:focus{outline:2px solid var(--accent);outline-offset:-1px;}
  .ops-modal .opi-actions{display:flex;justify-content:flex-end;gap:8px;}
  .ops-modal .opi-actions button{border-radius:8px;padding:9px 16px;font-size:13.5px;font-weight:700;cursor:pointer;border:1px solid #E6E1D6;background:#fff;}
  .ops-modal .opi-actions .opi-ok{background:var(--accent);color:#fff;border:0;}
  .ops-modal .opi-actions .opi-ok:hover{background:var(--accent-d);}
  .ops-modal .opi-actions .opi-cancel:hover{background:#EFEBE2;}
  #loadOverlay{display:none;position:fixed;inset:0;z-index:99998;background:var(--bg);align-items:center;justify-content:center;flex-direction:column;gap:13px;transition:opacity .5s ease;}
  #loadOverlay .llogo{width:58px;height:58px;border-radius:17px;background:#CF6A3C;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:23px;letter-spacing:-1px;box-shadow:0 12px 34px rgba(207,106,60,.38);animation:llpulse 1.8s ease-in-out infinite;}
  #loadOverlay .lname{font-size:19px;font-weight:600;color:var(--ink);letter-spacing:-.02em;margin-top:2px;}
  #loadOverlay .spin{width:26px;height:26px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:opsspin .9s linear infinite;margin-top:6px;}
  #loadOverlay .lt{color:var(--muted);font-size:13px;font-weight:500;}
  @keyframes llpulse{0%,100%{transform:scale(1);box-shadow:0 12px 34px rgba(207,106,60,.30);}50%{transform:scale(1.06);box-shadow:0 16px 44px rgba(207,106,60,.48);}}
  @keyframes opsspin{to{transform:rotate(360deg);}}
  /* ===== Mobile ===== */
  @media(max-width:640px){
    #platformBar{gap:8px;padding:8px 12px;}
    #platformBar .ptag{display:none;}
    #platformBar .pbrand{font-size:14px;}
    #platformNav{order:10;flex-basis:100%;margin-left:0;overflow-x:auto;-webkit-overflow-scrolling:touch;}
    #platformNav .pnav{padding:7px 12px;font-size:12.5px;white-space:nowrap;}
    #platformBar .pprofile{padding:4px 10px 4px 4px;}
    #platformBar .pprofile #pName{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    #platformBar .pbtn{padding:6px 9px;font-size:11.5px;}
    .opswrap{padding:18px 14px 50px;}
    .opshello{font-size:20px;}
    .opssub{font-size:13px;margin-bottom:18px;}
    .ops-grid{grid-template-columns:1fr 1fr;gap:12px;}
    .ops-tile{min-height:128px;padding:16px 14px;}
    .ops-tile .ic{font-size:26px;margin-bottom:8px;}
    .ops-tile h3{font-size:15px;}
    .ops-tile p{font-size:12px;}
    .ops-short-grid{grid-template-columns:repeat(auto-fill,108px);justify-content:start;}
    .ops-short{min-height:90px;padding:12px 8px;gap:7px;}
    .ops-short .nm{font-size:11.5px;}
    .ops-brand{font-size:15px;}
    .ops-brandcol{min-width:100%;}
    .ops-brandcols{gap:0;}
    .ops-kpis{grid-template-columns:1fr 1fr;}
    .ops-weeklabel{font-size:15px;}
    .ops-panel{padding:14px;}
    .ops-modal .mcard{width:96vw;}
    /* roster */
    .wrap{padding:14px 12px 50px;}
    .toolbar{padding:8px 12px;gap:6px;flex-wrap:wrap;}
    .toolbar .title{font-size:15px;}
    .toolbar .btn,.toolbar .sitesel,.toolbar .save{font-size:12px;padding:6px 9px;}
    .card{padding:12px;}
    #adminModal .modal,#adminModal .mbox{width:96vw;max-width:96vw;}
  }
  /* click feedback */
  button{transition:transform .06s ease, filter .12s ease;}
  button:active{transform:scale(.95);filter:brightness(.93);}
  @keyframes jclickflash{0%{box-shadow:0 0 0 0 rgba(207,106,60,.5);}100%{box-shadow:0 0 0 7px rgba(207,106,60,0);}}
  button.jclick{animation:jclickflash .36s ease;}

  /* ── Themed dropdown pickers (Chromium 135+; other browsers keep native) ── */
  @supports (appearance: base-select) {
    select, table.roster td select { appearance: base-select; -webkit-appearance: base-select; }
    ::picker(select) {
      appearance: base-select;
      background: #FFFDF8;
      border: 1px solid var(--line);
      border-radius: 10px;
      box-shadow: var(--shadow-pop);
      padding: 4px;
    }
    select option {
      font-family: inherit;
      font-size: 13px;
      color: var(--ink);
      background: transparent;
      padding: 7px 10px;
      border-radius: 7px;
      cursor: pointer;
    }
    select option:hover, select option:focus { background: var(--accent-tint); color: var(--accent-d); }
    select option:checked { font-weight: 600; color: var(--accent-d); }
    select option::checkmark { color: var(--accent); }
    select optgroup { font-size: 10px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--muted); padding: 6px 10px 2px; }
  }

  /* ── row hover highlight (after zebra so it wins) ── */
  #mainTable tbody tr:hover td:not(.ot):not(.undermin),
  #cafeTable tbody tr:hover td:not(.ot):not(.undermin){background:var(--accent-tint);}

  /* ── sticky left columns: grip / Type / Role / Employee stay visible on horizontal scroll ── */
  table.roster th.c-mv,table.roster td.mv{position:sticky;left:0;z-index:6;}
  table.roster th.c-type,table.roster td.typecol{position:sticky;left:34px;z-index:6;}
  table.roster th.c-role,table.roster td.meta:not(.typecol){position:sticky;left:82px;z-index:6;}
  table.roster th.c-emp,table.roster td.emp{position:sticky;left:178px;z-index:6;}
  table.roster td.mv,table.roster td.typecol,table.roster td.meta,table.roster td.emp{background:var(--card);}
  table.roster thead th.c-mv,table.roster thead th.c-type,table.roster thead th.c-role,table.roster thead th.c-emp{z-index:7;}

  /* ── Issues & Actions daily log ── */
  .iss-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:6px 0 16px;}
  .iss-day{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8C8780;margin:18px 0 8px;}
  .iss-card{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-card);padding:12px 14px;margin-bottom:8px;}
  .iss-top{display:flex;gap:8px;align-items:center;margin-bottom:6px;}
  .iss-status{font-size:9px;font-weight:800;letter-spacing:.05em;color:#fff;border-radius:4px;padding:2px 7px;}
  .iss-meta{font-size:11.5px;color:var(--muted);font-weight:600;}
  .iss-title{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:3px;}
  .iss-detail{font-size:12.5px;color:#374151;margin-bottom:3px;}
  .iss-action{font-size:12.5px;color:#3F7D5C;margin-bottom:3px;}
  .iss-btns{display:flex;gap:6px;margin-top:8px;}
  .iss-btns .btn{font-size:11.5px;padding:4px 9px;}
  .iss-form label{display:block;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#8C8780;margin-bottom:10px;}
  .iss-form input,.iss-form select,.iss-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:4px;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:13.5px;font-family:inherit;background:#fff;color:var(--ink);text-transform:none;letter-spacing:0;font-weight:500;}
  .iss-form textarea{resize:vertical;}
  .hiss-row{display:flex;gap:10px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-card);padding:9px 12px;margin-bottom:6px;cursor:pointer;}
  .hiss-row:hover{background:var(--accent-tint);border-color:var(--accent);}
  .hiss-title{font-size:13px;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .hiss-row .iss-meta{margin-left:auto;flex-shrink:0;}
  /* ── Coverage Summary: identical column grid on every site ── */
  #covTable{table-layout:fixed;width:100%;}
  #covTable th.lbl,#covTable td.lbl{width:230px;overflow-wrap:break-word;}