/* TrustHours v5: work pages. Tokens only, ui- prefix only. */

/* ---------- shared bits ---------- */
.ui-work-xreqs:empty{display:none}
.ui-work-r{text-align:right;justify-content:flex-end}
.ui-work-pct{font:700 13px var(--font-body);font-variant-numeric:tabular-nums}
.ui-work-mt6{margin-top:6px}
.ui-work-w100{width:100px;flex:none}
.ui-work-w110{width:110px;flex:none}
.ui-work-w160{width:160px;flex:none}
.ui-work-note{font:600 11.5px var(--font-body);white-space:nowrap}
.ui-work-fn{margin-left:6px;font:700 10.5px var(--font-body);opacity:.75}
.ui-work-pbar{height:4px;background:var(--soft);border-radius:2px;overflow:hidden;min-width:30px}
.ui-work-pbar>i{display:block;height:100%;border-radius:2px;transform-origin:left;animation:thrise var(--m-rise) ease-out both}
.ui-work-pbar.ui-work-pbar6{height:6px;border-radius:var(--r-bar);flex:1}
.ui-work-pbar.ui-work-pbar8{height:8px;border-radius:var(--r-bar)}
.ui-bar.ui-work-bar8{height:8px;flex:none}
.ui-work-wtr .ui-bar.ui-work-bar8{flex:1}
.ui-work-bpw{flex:1;min-width:0}
.ui-work-x{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:2px 4px;border-radius:var(--r-tag);font:600 11px var(--font-body);display:inline-grid;place-items:center;flex:none}
.ui-work-x:hover{background:var(--soft);color:var(--ink)}
.ui-work-ext{width:30px;height:30px;border-radius:var(--r-chip);background:var(--iris-tint);color:var(--iris);display:grid;place-items:center;font:700 9.5px var(--font-body);flex:none;letter-spacing:.02em}
.ui-work-sel-sm{width:auto;padding:5px 8px;font-size:12.5px}

/* ---------- kanban cards ---------- */
.ui-work-cdot{width:8px;height:8px;border-radius:50%;flex:none}
.ui-work-kc{position:relative}
.ui-work-kc[draggable="true"]{cursor:grab}
.ui-work-kc-top{display:flex;align-items:center;gap:6px;min-width:0;font:500 11px var(--font-body);color:var(--slate)}
.ui-work-kc-top .ui-tag{margin-left:auto}
.ui-work-kc-ft{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.ui-work-kc-who{gap:6px;font:500 11.5px var(--font-body);color:var(--slate)}
.ui-work-kc-h{font:600 11.5px var(--font-body);color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.ui-work-mv{position:absolute;right:8px;bottom:8px;display:none;gap:4px;background:var(--white);padding-left:6px}
.ui-work-mv button{width:24px;height:24px;border-radius:var(--r-chip);border:1px solid var(--hairline);background:var(--white);color:var(--slate);cursor:pointer;display:grid;place-items:center;padding:0}
.ui-work-mv button:hover{background:var(--soft);color:var(--ink)}
.ui-work-kc:hover .ui-work-mv,.ui-work-kc:focus-within .ui-work-mv{display:flex}
@media (hover:none){ .ui-work-mv{position:static;display:flex;justify-content:flex-end;padding:0} }

/* ---------- lead tabs with counts ---------- */
.ui-work-segn{margin-left:6px;font:700 10.5px var(--font-body);padding:1px 6px;border-radius:5px;background:var(--hairline);color:var(--slate)}
.ui-seg button.ui-on .ui-work-segn{background:var(--iris-tint);color:var(--iris-deep)}
.ui-work-lhead{gap:8px 14px}
.ui-work-who{gap:6px}
.ui-work-who>button{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:var(--r-control);border:1.5px solid var(--hairline);background:var(--white);cursor:pointer;text-align:left;width:100%}
.ui-work-who>button.ui-on{border-color:var(--iris);background:var(--iris-tint)}
.ui-work-who-n{text-align:right;flex:none;font:600 12px var(--font-body)}

/* ---------- tables ---------- */
.ui-work-xtr{grid-template-columns:minmax(180px,1.2fr) 150px minmax(200px,2fr) 170px;min-width:760px}
.ui-work-wtr{grid-template-columns:minmax(200px,1.4fr) minmax(200px,2fr) 70px 110px 110px;min-width:760px}
.ui-work-ptr{grid-template-columns:minmax(220px,1.6fr) 110px minmax(160px,1.4fr) 90px 110px 100px;min-width:820px;padding-top:13px;padding-bottom:13px}
.ui-work-ptr.ui-th{padding-top:10px;padding-bottom:10px}
.ui-work-kptr{grid-template-columns:minmax(140px,1.4fr) 80px 80px 110px;min-width:460px}
.ui-work-pn{gap:12px}
.ui-work-pn .ui-ellip>b{display:block;font:600 13.5px var(--font-body);color:var(--ink)}
.ui-work-pn .ui-ellip>span{display:block;font:400 11.5px var(--font-body);color:var(--muted)}
.ui-work-hb b{font:600 12px var(--font-body);color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}

/* ---------- detail pages (task, project) ---------- */
.ui-work-dhead{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ui-work-dtitle{flex:1;min-width:200px}
.ui-work-dproj{gap:6px;font:500 12px var(--font-body);color:var(--slate)}
.ui-work-h1{margin:2px 0 0;font:700 21px/1.2 var(--font-display);letter-spacing:-.025em;color:var(--ink);overflow-wrap:anywhere}
.ui-work-dsub{color:var(--slate);margin-top:2px}
.ui-work-st-ok{color:var(--green)} .ui-work-st-warn{color:var(--amber-text)} .ui-work-st-bad{color:var(--red)} .ui-work-st-iris{color:var(--iris)}
.ui-mono.ui-work-mono40{width:40px;height:40px;border-radius:var(--r-card);font-size:15px}
.ui-work-dgrid{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:12px;align-items:start}
.ui-work-pstrip{grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr))}
.ui-work-pstrip .ui-big{font-size:26px}
.ui-work-steps{display:flex;border-bottom:1px solid var(--soft);overflow-x:auto;scrollbar-width:none}
.ui-work-step{flex:1;padding:12px 14px;display:flex;align-items:center;gap:8px;border-right:1px solid var(--soft);font:600 12.5px var(--font-body);color:var(--muted);white-space:nowrap}
.ui-work-step:last-child{border-right:0}
.ui-work-stepn{width:18px;height:18px;border-radius:50%;background:var(--hairline);color:var(--white);display:grid;place-items:center;font:700 10px var(--font-body);flex:none}
.ui-work-step.ui-done{color:var(--ink)}
.ui-work-step.ui-done .ui-work-stepn{background:var(--green)}
.ui-work-step.ui-on{background:var(--iris-tint);color:var(--iris-text)}
.ui-work-step.ui-on .ui-work-stepn{background:var(--iris)}
.ui-work-tbody{gap:16px}
.ui-work-lb{margin-bottom:6px}
.ui-work-desc{font:400 13.5px/1.6 var(--font-body);color:var(--ink)}
.ui-work-ck{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--soft)}
.ui-work-ck-t{flex:1;min-width:0;font:400 13px var(--font-body);color:var(--ink)}
.ui-work-ck.ui-on .ui-work-ck-t{color:var(--muted);text-decoration:line-through}
.ui-work-box{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--hairline);background:var(--white);display:grid;place-items:center;color:var(--white);cursor:pointer;padding:0;flex:none}
.ui-work-box:hover{border-color:var(--green)}
.ui-work-box:disabled{opacity:.5;cursor:not-allowed}
.ui-work-ck.ui-on .ui-work-box{background:var(--green);border-color:var(--green)}
.ui-work-files{display:flex;gap:8px;flex-wrap:wrap}
.ui-work-fchip{display:flex;align-items:center;gap:8px;border:1px solid var(--hairline);border-radius:var(--r-control);padding:8px 10px;max-width:280px;min-width:0}
.ui-work-fchip .ui-work-ext{width:28px;height:28px}
.ui-work-fchip a{display:block;min-width:0}
.ui-work-fchip b{display:block;font:600 12px var(--font-body);color:var(--ink)}
.ui-work-fchip span{display:block;font:400 10.5px var(--font-body);color:var(--muted)}
.ui-work-add{display:inline-flex;align-items:center;gap:6px;border:1px dashed var(--hairline);border-radius:var(--r-control);padding:8px 12px;background:var(--white);font:600 12px var(--font-body);color:var(--slate);cursor:pointer}
.ui-work-add:hover{background:var(--soft)}
.ui-work-link{font:500 12.5px var(--font-body);word-break:break-all}
.ui-work-pre{white-space:pre-wrap;font:400 12.5px/1.5 var(--font-body);color:var(--slate);background:var(--soft);border-radius:var(--r-control);padding:10px 12px;margin:6px 0 0}
.ui-work-rj{border:1px solid var(--hairline);border-radius:var(--r-control);padding:10px}
.ui-work-act{display:flex;gap:10px;padding:11px 18px;border-bottom:1px solid var(--soft)}
.ui-work-act-b{flex:1;min-width:0;font:400 13px/1.5 var(--font-body);color:var(--ink)}
.ui-work-act-b b{font-weight:600}
.ui-work-act-b>span{display:block;font:400 11px var(--font-body);color:var(--muted)}
.ui-work-act-b .ui-work-x{margin-left:6px;vertical-align:middle}
.ui-work-act-tx{color:var(--slate);white-space:pre-wrap;overflow-wrap:anywhere}
.ui-work-cbar{display:flex;gap:8px;padding:12px 18px;align-items:flex-end}
.ui-ta.ui-work-cin{flex:1;min-height:34px;padding:7px 12px;resize:vertical}
.ui-work-cbar label.ui-btn{cursor:pointer}
.ui-work-base{align-items:baseline;gap:6px}
.ui-work-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 18px;border-bottom:1px solid var(--soft);font:500 12.5px var(--font-body);color:var(--slate)}
.ui-work-meta:last-child{border-bottom:0}
.ui-work-meta b{font-weight:600;white-space:nowrap;text-align:right}
.ui-work-asg{padding:12px 18px}
.ui-work-circ{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--hairline);flex:none}
.ui-work-circ.ui-on{background:var(--green)}
.ui-work-due{font:600 11.5px var(--font-body);white-space:nowrap;width:84px;text-align:right;flex:none}
.ui-work-bp{font:500 12px var(--font-body);color:var(--ink);margin-bottom:4px}

/* ---------- clients ---------- */
.ui-work-cc{padding:16px 18px;display:flex;flex-direction:column;gap:12px}
.ui-work-cc-hd{display:flex;align-items:flex-start;gap:10px}
.ui-work-cc-hd>div{flex:1}
.ui-work-cc-hd .ui-small{margin-top:2px}
.ui-work-cc-p{font:400 12.5px var(--font-body);color:var(--slate);margin-bottom:6px}
.ui-work-cc-p b{font-weight:700;color:var(--ink)}
.ui-work-c3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ui-work-c3>div{background:var(--soft);border-radius:var(--r-control);padding:9px 10px;min-width:0}
.ui-work-c3 span{display:block;font:400 11px var(--font-body);color:var(--muted)}
.ui-work-c3 b{display:block;font:700 13px var(--font-body);color:var(--ink);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui-work-c3 b.ui-c-red{color:var(--red)}
.ui-work-cc-n{font-size:12.5px}
.ui-sel.ui-work-cur{width:auto;flex:none;max-width:120px}

/* ---------- project colour swatches ---------- */
.ui-work-sws{gap:8px}
.ui-work-sw{width:26px;height:26px;border-radius:var(--r-chip);border:2px solid var(--white);outline:1px solid var(--hairline);cursor:pointer;padding:0}
.ui-work-sw.ui-on{outline:2px solid var(--ink)}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .ui-work-dgrid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:900px){
  .ui-work-pstrip{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .ui-work-pstrip>div:first-child{grid-column:span 2}
  .ui-work-step{padding:10px 12px}
}
@media (max-width:600px){
  .ui-work-h1{font-size:18px}
  .ui-work-dhead .ui-acts{width:100%}
  .ui-work-pstrip>div:first-child{grid-column:auto}
  .ui-work-step span:last-child{display:none}
  .ui-work-step.ui-on span:last-child{display:inline}
  .ui-work-c3{gap:6px}
  .ui-work-act,.ui-work-cbar,.ui-work-meta{padding-left:14px;padding-right:14px}
  .ui-work-w110{width:60px}
  .ui-work-fchip{max-width:100%}
  .ui-work-cbar{flex-wrap:wrap;justify-content:flex-end}
  .ui-ta.ui-work-cin{flex-basis:100%}
}