/* 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);white-space:pre-wrap;overflow-wrap:anywhere}
.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%}
}

/* ===== 1.0 · task types, custom fields, views (worktypes.js) ===== */
.ui-wt-dot{display:inline-block;width:8px;height:8px;border-radius:2px;flex:none}
.ui-wt-tchip{display:inline-flex;align-items:center;gap:5px;font:600 11px var(--font-body);color:var(--slate);white-space:nowrap}
.ui-wt-stage{display:inline-flex;align-items:center;padding:2px 7px;border-radius:var(--r-tag);background:var(--iris-tint);color:var(--iris-text);font:600 10.5px var(--font-body);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.ui-wt-kmeta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}
.ui-wt-tpick{display:flex;flex-wrap:wrap;gap:6px}
.ui-wt-tpick button{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid var(--hairline);border-radius:var(--r-control);background:var(--white);font:600 12.5px var(--font-body);color:var(--slate);cursor:pointer}
.ui-wt-tpick button:hover{border-color:var(--iris-mid)}
.ui-wt-tpick button.ui-on{border-color:var(--iris);background:var(--iris-tint);color:var(--ink)}
.ui-wt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
.ui-wt-grid .ui-field{margin:0}
.ui-wt-wide{grid-column:1/-1}
.ui-wt-multi{display:flex;flex-wrap:wrap;gap:6px 14px}
/* the Details panel on a task */
.ui-wt-dhead{gap:6px;margin-left:auto}
.ui-wt-dhead .ui-chip{display:inline-flex;align-items:center;gap:6px}
.ui-wt-stagebar{display:flex;flex-wrap:wrap;gap:4px;padding:4px;background:var(--soft);border-radius:var(--r-control)}
.ui-wt-stagebar>*{padding:6px 10px;border:0;border-radius:var(--r-chip);background:none;font:600 12px var(--font-body);color:var(--slate)}
.ui-wt-stagebar button{cursor:pointer}
.ui-wt-stagebar button:hover{background:var(--white)}
.ui-wt-stagebar .ui-on{background:var(--ink);color:var(--white)}
.ui-wt-fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
.ui-wt-frow{display:flex;flex-direction:column;gap:6px;min-width:0}
.ui-wt-frow .ui-label{display:flex;align-items:center;gap:4px}
.ui-wt-fval{min-height:20px;font:500 13.5px/1.45 var(--font-body);color:var(--ink);overflow-wrap:anywhere}
.ui-wt-fval .ui-in,.ui-wt-fval .ui-sel,.ui-wt-fval .ui-ta{width:100%}
.ui-wt-you{font:600 10px var(--font-body);letter-spacing:0;text-transform:none;color:var(--iris);background:var(--iris-tint);border-radius:var(--r-tag);padding:1px 6px}
.ui-wt-dfoot{display:flex;gap:10px;align-items:flex-end;border-top:1px solid var(--soft);padding-top:12px}
.ui-wt-dfoot .ui-ta{flex:1;min-height:38px}
/* Views */
.ui-wt-bar{display:flex;flex-direction:column;gap:10px}
.ui-wt-bar1{gap:8px}
.ui-wt-bar1 .ui-sel{max-width:260px}
.ui-wt-filters{display:flex;flex-wrap:wrap;gap:8px}
.ui-wt-filters .ui-sel,.ui-wt-filters .ui-in{width:auto;min-width:130px;max-width:220px;height:34px;padding-top:6px;padding-bottom:6px;font-size:12.5px}
.ui-wt-table{min-width:880px}
.ui-wt-table .ui-td{min-width:0}
.ui-wt-grp{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--soft);font:700 12px var(--font-body);color:var(--ink);border-bottom:1px solid var(--hairline)}
.ui-wt-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--soft)}
.ui-wt-cal-h{padding:8px 10px;font:600 10.5px var(--font-body);letter-spacing:var(--label-track);text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--soft)}
.ui-wt-cal-d{min-height:104px;padding:6px;border-right:1px solid var(--soft);border-bottom:1px solid var(--soft);display:flex;flex-direction:column;gap:3px;min-width:0}
.ui-wt-cal-d:nth-child(7n){border-right:0}
.ui-wt-cal-d.ui-off{background:var(--canvas)}
.ui-wt-cal-d.ui-today .ui-wt-cal-n{background:var(--iris);color:var(--white)}
.ui-wt-cal-n{align-self:flex-start;font:600 11.5px var(--font-body);color:var(--slate);padding:1px 6px;border-radius:var(--r-tag)}
.ui-wt-cal-t{display:flex;align-items:center;gap:5px;width:100%;padding:3px 5px;border:0;border-radius:var(--r-tag);background:var(--soft);font:500 11.5px var(--font-body);color:var(--ink);text-align:left;cursor:pointer;min-width:0}
.ui-wt-cal-t:hover{background:var(--iris-tint)}
/* CSV import */
.ui-wt-map{max-height:340px}
.ui-wt-maprow{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);padding:8px 14px}
.ui-wt-maprow .ui-td{display:flex;flex-direction:column;gap:2px;min-width:0}
.ui-wt-opts{gap:8px;margin-top:10px}
.ui-wt-errs{max-height:220px;overflow:auto}
/* Task types */
.ui-wt-split{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;align-items:start}
.ui-wt-tlist{padding:6px;display:flex;flex-direction:column;gap:2px}
.ui-wt-tli{width:100%;border:0;background:none;text-align:left;border-radius:var(--r-control);cursor:pointer;gap:10px}
.ui-wt-tli.ui-on{background:var(--iris-tint)}
.ui-wt-ftr{grid-template-columns:62px minmax(0,1.6fr) minmax(0,1fr) 90px 70px}
.ui-wt-ftr .ui-td{display:flex;flex-direction:column;gap:2px;min-width:0}
.ui-wt-ord{gap:2px}
.ui-wt-optlist .ui-row{gap:6px}
.ui-wt-optlist .ui-sel{width:110px;flex:none}
@media (max-width:900px){
  .ui-wt-split{grid-template-columns:1fr}
  .ui-wt-grid,.ui-wt-fgrid{grid-template-columns:1fr}
  .ui-wt-dfoot{flex-direction:column;align-items:stretch}
  .ui-wt-filters .ui-sel,.ui-wt-filters .ui-in{flex:1 1 140px;max-width:none}
  .ui-wt-cal-d{min-height:64px}
  .ui-wt-cal-t span{display:none}
}
.ui-wt-up{display:inline-flex;transform:rotate(180deg)}

/* 1.0 · attachments in New task */
.ui-work-ntf-pick{align-self:flex-start;cursor:pointer}

/* 1.0 · same task already assigned */
.ui-work-dup{margin-top:6px;padding:8px 10px;border-radius:var(--r-control);background:var(--warn-tint);color:var(--amber-text);font:400 12.5px/1.45 var(--font-body)}
.ui-work-dup svg{vertical-align:-2px;margin-right:4px}