/* Office desk (admin space wave 1, 2 Nov 2026). Source: trycleaning-site/office-desk.css. Colours come from the page's tokens,
   so light and dark both follow the theme. */
body.tc-office #view-overview .od-hide{display:none!important;}
#od-root{display:block;order:-2;}
.od-chip{display:inline-flex;align-items:center;gap:0.35rem;padding:0.32rem 0.7rem;border-radius:999px;border:1px solid rgba(255,255,255,0.32);background:rgba(255,255,255,0.08);color:#fff;font:600 0.76rem 'Inter',system-ui,sans-serif;cursor:pointer;line-height:1;white-space:nowrap;}
.od-chip:hover{background:rgba(255,255,255,0.16);}
.od-chip:focus-visible{outline:2px solid var(--sky);outline-offset:2px;}
.od-chip svg{width:14px;height:14px;flex:0 0 auto;}
.od-chip.on{background:#2E9E6B;border-color:#2E9E6B;}
.od-chip.brk{background:#F2A341;border-color:#F2A341;color:#2a1a00;}
.od-dot{width:8px;height:8px;border-radius:50%;background:currentColor;opacity:0.9;flex:0 0 auto;}
.od-quiet{display:flex;align-items:center;gap:0.6rem;flex-wrap:wrap;padding:0.65rem 0.9rem;margin-bottom:1rem;border-radius:12px;background:var(--off-white);border:1px solid var(--line);font-size:0.84rem;color:var(--navy);}
.od-quiet b{font-weight:700;}
.od-quiet .btn{margin-left:auto;}
.od-prog{height:6px;border-radius:999px;background:var(--off-white);overflow:hidden;margin:-0.1rem 0 0.8rem;border:1px solid var(--line);}
.od-prog i{display:block;height:100%;background:#2E9E6B;border-radius:999px;transition:width .25s;}
.od-cl{list-style:none;margin:0;padding:0;}
.od-cl li{display:flex;align-items:flex-start;gap:0.6rem;padding:0.5rem 0;border-top:1px solid var(--line);font-size:0.88rem;color:var(--navy);line-height:1.45;}
.od-cl li:first-child{border-top:none;}
.od-cl label{display:flex;align-items:flex-start;gap:0.6rem;flex:1;min-width:0;cursor:pointer;}
.od-cl input[type=checkbox]{width:18px;height:18px;margin:0.1rem 0 0;flex:0 0 auto;accent-color:#2E9E6B;cursor:pointer;}
.od-cl .done{color:var(--grey);text-decoration:line-through;}
.od-cl .od-by{display:block;font-size:0.72rem;color:var(--grey);text-decoration:none;}
.od-cl .od-rm{background:transparent;border:none;color:var(--grey);cursor:pointer;padding:0.1rem 0.3rem;line-height:1;font:inherit;font-size:0.8rem;}
.od-add{display:flex;gap:0.5rem;margin-top:0.7rem;}
.od-add input{flex:1;min-width:0;padding:0.5rem 0.7rem;border:1.5px solid var(--line);border-radius:9px;font:inherit;font-size:0.85rem;color:var(--navy);background:transparent;}
.od-row{display:flex;align-items:flex-start;justify-content:space-between;gap:0.8rem;flex-wrap:wrap;padding:0.65rem 0;border-top:1px solid var(--line);}
.od-row:first-child{border-top:none;}
.od-row .od-main{flex:1;min-width:200px;font-size:0.86rem;color:var(--navy);line-height:1.45;}
.od-row .od-sub{font-size:0.76rem;color:var(--grey);margin-top:0.1rem;}
.od-row .od-acts{display:flex;gap:0.4rem;flex-wrap:wrap;align-items:center;}
.od-tag{display:inline-block;font-size:0.68rem;font-weight:700;padding:0.1rem 0.45rem;border-radius:6px;margin-right:0.35rem;white-space:nowrap;}
.od-tag.no{background:rgba(192,57,43,0.13);color:#c0392b;}
.od-tag.wait{background:rgba(242,163,65,0.18);color:#b36a00;}
.od-day{font-size:0.72rem;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;color:var(--grey);margin:0.8rem 0 0.1rem;}
.od-day:first-child{margin-top:0;}
.od-boards{margin-top:1rem;padding-top:0.8rem;border-top:1px solid var(--line);}
.od-boards h4{margin:0 0 0.55rem;font-size:0.78rem;font-weight:700;color:var(--grey);}
.od-bchips{display:flex;gap:0.5rem;flex-wrap:wrap;}
.od-bchip{display:flex;flex-direction:column;gap:0.15rem;text-align:left;padding:0.5rem 0.75rem;border-radius:10px;border:1.5px solid var(--line);background:transparent;color:var(--navy);font:inherit;font-size:0.8rem;cursor:pointer;min-width:150px;}
.od-bchip b{font-weight:700;display:flex;align-items:center;gap:0.35rem;}
.od-bchip span{font-size:0.72rem;color:var(--grey);}
.od-bchip.sel{border-color:var(--sky);background:rgba(79,195,247,0.1);}
.od-bchip .od-dot{color:#8A93B0;}
.od-bchip .od-dot.on{color:#2E9E6B;}
.od-bchip .od-dot.brk{color:#F2A341;}
.od-pcl{margin-top:0.9rem;}
.od-pick{margin-bottom:0.8rem;}
.od-pick select{width:100%;padding:0.6rem 0.75rem;border:1.5px solid var(--line);border-radius:9px;font:inherit;font-size:0.88rem;color:var(--navy);background:transparent;}
.od-tbl{width:100%;border-collapse:collapse;font-size:0.82rem;color:var(--navy);}
.od-tbl th{text-align:left;font-size:0.7rem;font-weight:700;color:var(--grey);padding:0.35rem 0.5rem;border-bottom:1.5px solid var(--line);}
.od-tbl td{padding:0.4rem 0.5rem;border-bottom:1px solid var(--line);vertical-align:top;}
.od-hrs-head{display:flex;align-items:center;justify-content:space-between;gap:0.6rem;flex-wrap:wrap;margin:1rem 0 0.35rem;font-weight:700;font-size:0.9rem;color:var(--navy);}
.od-hrs-head input{width:4.2rem;padding:0.25rem 0.4rem;border:1.5px solid var(--line);border-radius:7px;font:inherit;font-size:0.8rem;color:var(--navy);background:transparent;}
.od-hrs-sum{font-size:0.78rem;font-weight:600;color:var(--grey);}
.od-set-row{display:flex;align-items:center;gap:0.4rem;padding:0.4rem 0;border-top:1px solid var(--line);font-size:0.82rem;}
.od-set-row input{flex:1;min-width:0;padding:0.35rem 0.5rem;border:1.5px solid var(--line);border-radius:7px;font:inherit;font-size:0.82rem;color:var(--navy);background:transparent;}
.od-set-row button{background:transparent;border:1px solid var(--line);border-radius:7px;color:var(--navy);cursor:pointer;padding:0.25rem 0.45rem;font:inherit;font-size:0.76rem;line-height:1;}
.od-set-row button:disabled{opacity:0.35;cursor:default;}
@media (max-width:900px){
  .od-chip{padding:0.3rem 0.55rem;font-size:0.72rem;}
  #od-root .od-row .od-acts{width:100%;}
}
/* Admin wave 2 (3 Nov 2026) */
#di-top,#di-mid{display:block;}
.di-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:0.5rem;}
.di-tile{border:1px solid var(--line);border-radius:10px;padding:0.55rem 0.7rem;display:flex;flex-direction:column;gap:0.1rem;min-width:0;}
.di-tile b{font-size:1.05rem;color:var(--navy);font-variant-numeric:tabular-nums;}
.di-tile span{font-size:0.72rem;color:var(--grey);}
.di-tile.warn{border-color:rgba(192,57,43,0.45);}
.di-todos{margin-top:0.8rem;padding-top:0.6rem;border-top:1px solid var(--line);}
.di-todos-h{font-size:0.82rem;font-weight:700;color:var(--navy);margin-bottom:0.2rem;}
.di-todos-h span{display:block;font-size:0.72rem;font-weight:500;color:var(--grey);}
.di-report-body{font-size:0.86rem;color:var(--navy);line-height:1.5;}
.di-report-body h2{font-size:0.98rem;margin:1rem 0 0.35rem;padding-bottom:0.2rem;border-bottom:1px solid var(--line);}
.di-report-body h3{font-size:0.84rem;margin:0.7rem 0 0.2rem;}
.di-report-body p{margin:0.2rem 0;}
.di-report-body .muted{color:var(--grey);}
.di-report-body .feel{background:var(--off-white);padding:0.45rem 0.6rem;border-radius:8px;}
.di-report-body table{width:100%;border-collapse:collapse;font-size:0.8rem;margin:0.2rem 0 0.5rem;}
.di-report-body th{text-align:left;font-size:0.7rem;color:var(--grey);padding:0.25rem 0.4rem;border-bottom:1.5px solid var(--line);}
.di-report-body td{padding:0.25rem 0.4rem;border-bottom:1px solid var(--line);vertical-align:top;}
.di-legend{display:flex;gap:1rem;font-size:0.74rem;color:var(--grey);margin-bottom:0.45rem;}
.di-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:0.3rem;vertical-align:-1px;}
.di-legend .g,.di-bar-track .g{background:#2E9E6B;}
.di-legend .b,.di-bar-track .b{background:#c0392b;}
.di-bar-row{display:grid;grid-template-columns:90px 1fr 56px;align-items:center;gap:0.6rem;padding:0.22rem 0;font-size:0.82rem;color:var(--navy);}
.di-bar-track{display:flex;gap:2px;height:12px;border-radius:4px;background:var(--off-white);overflow:hidden;}
.di-bar-track i{display:block;height:100%;}
.di-bar-v{text-align:right;font-variant-numeric:tabular-nums;color:var(--grey);font-size:0.76rem;}
.di-leads-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:1rem;align-items:center;}
.od-seg{display:inline-flex;gap:0;margin-left:0.6rem;vertical-align:middle;text-transform:none;letter-spacing:0;}
.od-seg button{border:1px solid var(--line);background:transparent;color:var(--grey);font:600 0.7rem 'Inter',system-ui,sans-serif;padding:0.2rem 0.55rem;cursor:pointer;}
.od-seg button:first-child{border-radius:7px 0 0 7px;}.od-seg button:last-child{border-radius:0 7px 7px 0;border-left:none;}
.od-seg button.on{background:rgba(79,195,247,0.16);color:var(--navy);}
.di-stage{display:flex;flex-wrap:wrap;gap:0.6rem;padding:0.6rem 0.7rem;margin-bottom:0.7rem;border:1px solid var(--line);border-radius:10px;}
.di-st{display:flex;flex-direction:column;gap:0.15rem;flex:1;min-width:120px;font-size:0.7rem;font-weight:700;color:var(--grey);}
.di-st select{padding:0.35rem 0.5rem;border:1.5px solid var(--line);border-radius:8px;font:inherit;font-size:0.82rem;font-weight:500;color:var(--navy);background:transparent;}
.od-set-row select{padding:0.25rem 0.4rem;border:1.5px solid var(--line);border-radius:7px;font:inherit;font-size:0.8rem;color:var(--navy);background:transparent;}
@media (max-width:760px){ .di-tiles{grid-template-columns:1fr 1fr;} .di-leads-grid{grid-template-columns:1fr;} .di-bar-row{grid-template-columns:70px 1fr 48px;} }
/* the bar is full on an office login: the label only where there is room */
@media (max-width:1680px){ #od-pop .wn-l{display:none;} #od-pop{padding:0.3rem 0.45rem;} }

@media (max-width:1500px){ body.tc-office .mgs-kbd{display:none;} }