/* ============================================================
   ui_kits/product/reference.css — PTR Tax Prep · .tp-* class contract
   ------------------------------------------------------------
   Phase 2 (Product Surface Plan): NORMALIZED. This is the
   surviving app-custom layer (~30 classes) after the §7 collapse:
   · buttons / inputs / selects / textareas / checkboxes are
     DaisyUI classes (previewed via daisy.css — a preview-only
     shim; real builds get them from the DaisyUI plugin)
   · status pills, empty state, filter bar, toast live in
     package/product.css (shared layer, v0.2)
   · everything below is bespoke (case-row grid, year/jurisdiction
     table, doc dots, scope chips, thin layout scaffolding) —
     tokens only, no hex (budget rule 3).
   Values: type on the PTR scale (--fs-tiny 12 / --fs-small 14 /
   --fs-body 16; --fs-micro 10 is a local below-scale overline
   alias, candidate token; tabular numerals on IDs and money),
   spacing on --space-*, shadows on --shadow-*, motion on the
   Speed-Wins durations, radii 4/4/8, 2px field/button borders,
   primary focus ring. The interactive kit (product.css) carries
   the same names + values — specimen and app never drift.
   Naming rule: block + reused leaf classes are tp- prefixed
   (matches the app's .og-* convention); single-use inner elements
   are scoped descendants (.tp-row .nm). States: .is-* / .on / .active.
   Consume in Django: copy as static/css/tax_prep.css (tokens load
   first via @prioritytaxrelief-development/design-kit theme+brand+product), add the
   app to input.css @source, npm run build:css.
   Imports + the :root alias block live in base.css (shared with
   product.css) — one copy, no drift.
   ============================================================ */
@import url("base.css");
*{box-sizing:border-box}
body{margin:0;font-family:var(--font-sans);color:var(--ink);background:var(--canvas);font-size:var(--fs-small);line-height:var(--lh-small);-webkit-font-smoothing:antialiased}
button{font-family:inherit;cursor:pointer}
a{color:var(--accent);text-decoration:none}a:hover{color:var(--ptr-green-deep)}
:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-selector)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ==== shell ==== */
.tp-topnav{display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-4);height:56px;background:var(--bg);border-bottom:1px solid var(--line)}
.tp-brand{display:flex;align-items:center;gap:var(--space-2);font-weight:700;letter-spacing:-.01em;white-space:nowrap}
.tp-brand .mark{width:26px;height:26px;display:block}
.tp-brand .sub{font-weight:500;color:var(--ink-faint);font-size:var(--fs-tiny)}
.tp-search{flex:1;position:relative}
.tp-search input{width:100%;height:36px;border:var(--border) solid var(--color-base-300);border-radius:var(--radius-field);padding:0 var(--space-3) 0 34px;font-size:var(--fs-small);background:var(--canvas);color:var(--ink);font-family:inherit;transition:border-color var(--duration-fast) var(--ease-out)}
.tp-search input::placeholder{color:var(--ink-faint)}
.tp-search input:focus{outline:none;border-color:var(--color-primary);background:var(--bg)}
.tp-search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--ink-faint)}
.tp-iconbtn{height:32px;min-width:32px;padding:0 var(--space-2);border:var(--border) solid transparent;background:transparent;border-radius:var(--radius-field);color:var(--ink-soft);display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-small);transition:background var(--duration-fast) var(--ease-out)}
.tp-iconbtn:hover{background:var(--canvas);color:var(--ink)}
.tp-avatar{width:30px;height:30px;border-radius:50%;background:var(--color-neutral);color:var(--color-neutral-content);display:grid;place-items:center;font-size:var(--fs-micro);font-weight:700;flex:none}
.tp-sechead{font-size:var(--fs-micro);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);padding:var(--space-4) var(--space-3) var(--space-1)}
.tp-navitem{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-field);color:var(--ink-soft);font-size:var(--fs-small);font-weight:500;border:none;background:transparent;width:100%;text-align:left;transition:background var(--duration-fast) var(--ease-out)}
.tp-navitem:hover,.tp-navitem.is-hover{background:var(--canvas);color:var(--ink)}
.tp-navitem.active{background:var(--accent-bg);color:var(--accent);font-weight:600}
.tp-navitem .ico{width:17px;display:grid;place-items:center;color:inherit;opacity:.85}
.tp-navitem .lbl{flex:1}
.tp-navitem .ct{font-size:var(--fs-tiny);font-weight:700;background:var(--line-soft);color:var(--ink-soft);border-radius:999px;padding:1px var(--space-2);min-width:24px;text-align:center}
.tp-navitem.active .ct{background:var(--accent-line);color:var(--accent)}
.tp-tabbar{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4) 0;background:var(--canvas);border-bottom:1px solid var(--line);overflow-x:auto}
.tp-ptab{display:inline-flex;align-items:center;gap:var(--space-2);height:32px;padding:0 var(--space-3);border:1px solid var(--line);border-bottom:none;border-radius:var(--radius-field) var(--radius-field) 0 0;background:var(--line-soft);color:var(--ink-soft);font-size:var(--fs-tiny);font-weight:500;white-space:nowrap;cursor:pointer}
.tp-ptab.active{background:var(--bg);color:var(--ink);font-weight:600}
.tp-ptab.pinned .pin{color:var(--accent)}
.tp-ptab .x{display:grid;place-items:center;width:16px;height:16px;border-radius:var(--radius-selector);color:var(--ink-faint)}
.tp-ptab .x:hover{background:var(--line);color:var(--ink)}

/* ==== generic (buttons themselves are DaisyUI btn / btn-primary / btn-ghost / btn-sm) ==== */
.tp-phead{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-2)}
.tp-phead h1{font-size:var(--fs-title);line-height:var(--lh-title);font-weight:800;margin:0;letter-spacing:-.01em}
.tp-phead .pcount{color:var(--ink-soft);font-size:var(--fs-small);margin-top:2px}
.tp-phead .pcount b{color:var(--ink);font-weight:600}
.tp-phead .acts{margin-left:auto;display:flex;gap:var(--space-2)}
.tp-viewnote{font-size:var(--fs-tiny);color:var(--ink-faint);margin:0 0 var(--space-4);display:flex;align-items:center;gap:var(--space-2)}
.tp-gd{font-size:var(--fs-micro);font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:2px var(--space-2);border-radius:var(--radius-selector);background:var(--gold-bg);color:var(--gold)}
.tp-gd.ok{background:var(--accent-bg);color:var(--accent)}

/* ==== status system (pills come from package/product.css) ==== */
.tp-ro-badge{font-size:var(--fs-tiny);font-weight:700;border-radius:var(--radius-selector);padding:3px var(--space-2);background:var(--line-soft);color:var(--ink-soft);display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.tp-ro-badge .lock{opacity:.6}
.tp-ctype{font-size:var(--fs-tiny);font-weight:600;color:var(--ink-soft);background:var(--canvas);border:1px solid var(--line-soft);border-radius:var(--radius-selector);padding:1px var(--space-2);white-space:nowrap}
.tp-ctype.alt{background:var(--bg)}
.tp-bk-badge{font-size:var(--fs-micro);font-weight:800;letter-spacing:.03em;color:var(--biz-ink);background:var(--biz-bg);border:1px solid var(--biz-line);border-radius:var(--radius-selector);padding:1px var(--space-2)}
.tp-scopes{display:flex;gap:var(--space-2);flex-wrap:wrap}
.tp-scope{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-tiny);font-weight:600;border-radius:var(--radius-selector);padding:2px var(--space-2);background:var(--info-bg);color:var(--info-ink);border:1px solid var(--info-line);white-space:nowrap}
.tp-scope.biz{background:var(--biz-bg);color:var(--biz-ink);border-color:var(--biz-line)}
.tp-scope.none{background:transparent;color:var(--ink-faint);border:1px dashed var(--line);font-style:italic;font-weight:500}
.tp-scope svg{opacity:.8}
.tp-scope .yr{font-variant-numeric:tabular-nums}
.tp-dot{width:22px;height:22px;border-radius:50%;display:grid;place-items:center}
.tp-dot.done{background:var(--accent)}
.tp-dot.part{background:var(--amber)}
.tp-dot.empty{background:var(--bg);border:var(--border) solid var(--color-base-300)}
.tp-dot svg{color:var(--color-primary-content)}
.tp-dot.part svg{color:var(--case-pending-fg)}

/* ==== quick tabs (filter bar comes from package/product.css; selects are select select-sm) ==== */
.tp-qtabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}
.tp-qtab{height:32px;padding:0 var(--space-3);border-radius:var(--radius-field);border:var(--border) solid var(--color-base-300);background:var(--bg);color:var(--ink-soft);font-size:var(--fs-tiny);font-weight:600;display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap;flex:none;transition:border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}
.tp-qtab:hover{border-color:var(--ink);color:var(--ink)}
.tp-qtab.active{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.tp-qtab .ct{font-size:var(--fs-tiny);font-weight:700;background:var(--line-soft);color:var(--ink-soft);border-radius:999px;padding:0 var(--space-2);min-width:20px;text-align:center}
.tp-qtab.active .ct{background:color-mix(in oklab,var(--color-base-100) 22%,transparent);color:var(--bg)}
.tp-qtab.warn.active{background:var(--danger);border-color:var(--danger)}

/* ==== groups + rows ==== */
.tp-group{margin-bottom:var(--space-4)}
.tp-ghead{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1);margin-bottom:var(--space-2)}
.tp-ghead .gt{font-size:var(--fs-tiny);font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink)}
.tp-ghead .gc{font-size:var(--fs-tiny);font-weight:700;color:var(--bg);background:var(--ink-soft);border-radius:999px;padding:0 var(--space-2)}
.tp-ghead .gsub{font-size:var(--fs-tiny);color:var(--ink-faint);font-style:italic}
.tp-ghead .gline{flex:1;height:1px;background:var(--line)}
.tp-rows{display:flex;flex-direction:column;gap:var(--space-2)}
.tp-row{position:relative;display:grid;grid-template-columns:26px 80px minmax(0,1fr) 96px 168px 100px 84px 100px;align-items:center;gap:var(--space-3);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow);transition:border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);cursor:pointer}
.tp-row:hover,.tp-row.is-hover{border-color:var(--color-base-300);transform:translateY(-1px)}
.tp-row.is-overdue{border-left:3px solid var(--danger)}
.tp-row.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-bg)}
.tp-cid{font-variant-numeric:tabular-nums;font-weight:700;color:var(--ink-soft);font-size:var(--fs-tiny)}
.tp-who{min-width:0}
.tp-who .nm{font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;gap:var(--space-2)}
.tp-who .nm .star-ind{color:var(--gold)}
.tp-who .tline{display:flex;align-items:center;gap:var(--space-2);margin-top:3px;flex-wrap:wrap}
.tp-debt{font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink);font-size:var(--fs-tiny)}
.tp-debt .lbl,.tp-fee .lbl{display:block;font-size:var(--fs-micro);font-weight:700;letter-spacing:.05em;color:var(--ink-faint);text-transform:uppercase}
.tp-debt.empty{color:var(--ink-faint)}
.tp-stcol{display:flex;justify-content:flex-start}
.tp-docp{display:flex;gap:var(--space-2);align-items:center}
.tp-fee{text-align:right;font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--fs-small)}
.tp-upd{text-align:right;font-size:var(--fs-tiny);color:var(--ink-soft)}
.tp-upd .rel{font-weight:600;color:var(--ink)}
.tp-upd .abs{display:block;color:var(--ink-faint);font-size:var(--fs-micro);margin-top:1px}
.tp-rowacts{position:absolute;top:var(--space-2);right:var(--space-3);display:flex;gap:var(--space-1);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}
.tp-row:hover .tp-rowacts,.tp-row.is-hover .tp-rowacts,.tp-rowacts.pinned{opacity:1}
.tp-ra{width:26px;height:26px;border-radius:var(--radius-selector);border:1px solid var(--line);background:var(--bg);display:grid;place-items:center;color:var(--ink-faint);box-shadow:var(--shadow-sm)}
.tp-ra:hover{color:var(--ink);border-color:var(--color-base-300)}
.tp-ra.on-star{color:var(--gold);border-color:var(--gold-line);background:var(--gold-soft)}
.tp-ra.on-flag{color:var(--danger);border-color:var(--danger-line);background:var(--danger-soft)}
.tp-legend{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;padding:var(--space-3) var(--space-4);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);margin-top:var(--space-2);font-size:var(--fs-tiny);color:var(--ink-soft)}
.tp-legend .li{display:inline-flex;align-items:center;gap:var(--space-2)}
.tp-legend .seq{font-weight:700;color:var(--ink-faint);font-size:var(--fs-micro);letter-spacing:.04em;text-transform:uppercase}
@media (max-width:1240px){
  .tp-row{grid-template-columns:70px minmax(0,1fr) 150px 104px;grid-row-gap:var(--space-2);gap:var(--space-3)}
  .tp-chk{display:none}
  .tp-row .tp-cid{grid-column:1;grid-row:1}.tp-who{grid-column:2;grid-row:1}
  .tp-stcol{grid-column:3;grid-row:1;justify-content:flex-end}.tp-upd{grid-column:4;grid-row:1}
  .tp-debt{grid-column:1/3;grid-row:2}.tp-docp{grid-column:3;grid-row:2;justify-content:flex-end}.tp-fee{grid-column:4;grid-row:2}
  .tp-rowacts{display:none}
}

/* ==== case detail ==== */
.tp-cd-back{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-tiny);color:var(--ink-soft);font-weight:600;background:none;border:none;padding:var(--space-1) 0;margin-bottom:var(--space-2)}
.tp-cd-back:hover{color:var(--ink)}
.tp-cd-head{display:flex;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-2)}
.tp-cd-head h1{font-size:var(--fs-title);line-height:var(--lh-title);font-weight:800;margin:0;letter-spacing:-.01em}
.tp-cd-head .cd-id{font-variant-numeric:tabular-nums;color:var(--ink-faint);font-weight:600}
.tp-cd-statusline{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin:2px 0 0}
.tp-cd-stat{display:flex;flex-direction:column;gap:3px}
.tp-cd-stat .k{font-size:var(--fs-micro);font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint)}
.tp-cd-stat .ro{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-tiny);font-weight:600}
.tp-cd-acts{margin-left:auto;display:flex;flex-wrap:wrap;gap:var(--space-2)}
.tp-cd-grid{display:grid;grid-template-columns:1fr 340px;gap:var(--space-4);margin-top:var(--space-4)}
@media (max-width:1180px){.tp-cd-grid{grid-template-columns:1fr}}
.tp-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.tp-card>.ch{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line-soft)}
.tp-card>.ch h3{margin:0;font-size:var(--fs-small);letter-spacing:-.01em}
.tp-card>.ch .badge2{margin-left:auto;font-size:var(--fs-tiny);font-weight:700;color:var(--ink-soft);background:var(--canvas);border:1px solid var(--line-soft);border-radius:var(--radius-selector);padding:1px var(--space-2)}
.tp-card>.ch .badge2.sample{color:var(--gold);background:var(--gold-bg);border-color:var(--gold-line)}
.tp-card>.cb{padding:var(--space-4)}
.tp-card .note{font-size:var(--fs-tiny);color:var(--ink-faint);padding:var(--space-2) var(--space-4) var(--space-3);display:flex;gap:var(--space-2);align-items:flex-start}
.tp-card .note .tk{font-family:var(--font-mono);font-weight:700;color:var(--accent);white-space:nowrap}

/* per-year status table */
.tp-yr-row{padding:var(--space-3) var(--space-1);border-bottom:1px solid var(--line-soft)}
.tp-yr-row:last-child{border-bottom:none}
.tp-yr-row .yr-head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}
.tp-yr-row .yy{font-weight:800;font-variant-numeric:tabular-nums;font-size:var(--fs-small);display:flex;align-items:center;gap:var(--space-2)}
.tp-yr-added{font-size:var(--fs-micro);font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-line);border-radius:var(--radius-selector);padding:1px 5px}
.tp-yr-blocks{display:flex;flex-direction:column;gap:var(--space-3)}
.tp-ret-head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}
.tp-ret-head .ret-name{font-weight:700;font-size:var(--fs-tiny);color:var(--ink)}
.tp-rl-tag{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:var(--fs-tiny);font-weight:800;background:var(--info-bg);color:var(--info-ink);flex:none}
.tp-rl-tag.biz{background:var(--biz-bg);color:var(--biz-ink)}
.tp-juris-lines{display:flex;flex-direction:column;gap:var(--space-2);padding-left:30px}
.tp-juris-line{display:grid;grid-template-columns:80px 1fr 24px;align-items:center;gap:var(--space-2)}
.tp-juris-line .jl{font-size:var(--fs-tiny);font-weight:700;color:var(--ink-soft)}
.tp-juris-line .jl.st{font-variant-numeric:tabular-nums;color:var(--info-ink);background:var(--info-bg);border:1px solid var(--info-line);border-radius:var(--radius-selector);padding:2px var(--space-2);justify-self:start;font-weight:700}
.tp-jl-rm{width:22px;height:22px;border-radius:var(--radius-selector);border:1px solid var(--line);background:var(--bg);color:var(--ink-faint);font-size:var(--fs-small);line-height:1;display:grid;place-items:center}
.tp-jl-rm:hover{color:var(--danger);border-color:var(--danger-line);background:var(--danger-soft)}
.tp-ystat{width:100%;height:32px;border:var(--border) solid var(--line);border-radius:var(--radius-field);font-size:var(--fs-tiny);font-weight:600;padding:0 26px 0 var(--space-3);font-family:inherit;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='%23000' stroke-opacity='0.4' stroke-width='1.5' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-position:right 10px center}
.tp-ystat:hover{filter:brightness(.97)}
.tp-ystat--done{background-color:var(--case-done-bg);color:var(--case-done-fg);border-color:var(--case-done-bg)}
.tp-ystat--ready{background-color:var(--case-ready-bg);color:var(--case-ready-fg);border-color:var(--case-ready-bg)}
.tp-ystat--pending{background-color:var(--case-pending-bg);color:var(--case-pending-fg);border-color:var(--case-pending-bg)}
.tp-ystat--hold{background-color:var(--case-hold-bg);color:var(--case-hold-fg);border-color:var(--case-hold-bg)}
.tp-ystat--stopped{background-color:var(--case-stopped-bg);color:var(--case-stopped-fg);border-color:var(--case-stopped-bg)}
.tp-ystat--info{background-color:var(--case-info-bg);color:var(--case-info-fg);border-color:var(--case-info-bg)}
.tp-add-state{border-style:dashed;background-color:var(--canvas);color:var(--ink-soft);max-width:190px;margin-top:1px} /* thin modifier over select select-sm */
.tp-yr-add{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px dashed var(--line)}
.tp-yr-form{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}
.tp-seg-togs{display:inline-flex;border:var(--border) solid var(--color-base-300);border-radius:var(--radius-field);overflow:hidden}
.tp-seg-tog{height:32px;padding:0 var(--space-3);border:none;background:var(--bg);color:var(--ink-soft);font-size:var(--fs-tiny);font-weight:600;border-right:1px solid var(--line)}
.tp-seg-tog:last-child{border-right:none}
.tp-seg-tog.on{background:var(--accent-bg);color:var(--accent)}
.tp-seg-tog:not(.on):hover{background:var(--canvas)}

/* documents / financial / systems / notes */
.tp-doc-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-1);border-bottom:1px solid var(--line-soft)}
.tp-doc-row:last-child{border-bottom:none}
.tp-doc-row .dleft{flex:1;min-width:0}
.tp-doc-row .dt{font-weight:600;font-size:var(--fs-small)}
.tp-doc-row .ds{font-size:var(--fs-tiny);color:var(--ink-faint);margin-top:2px}
.tp-doc-row .dacts{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end}
.tp-chip-btn{height:32px;padding:0 var(--space-3);border-radius:var(--radius-field);border:var(--border) solid var(--color-base-300);background:var(--bg);color:var(--accent);font-size:var(--fs-tiny);font-weight:600;display:inline-flex;align-items:center;gap:var(--space-2);transition:background var(--duration-fast) var(--ease-out)}
.tp-chip-btn:hover{background:var(--accent-bg);border-color:var(--accent-line)}
.tp-chip-btn.muted{color:var(--ink-soft)}
.tp-chip-btn.muted:hover{background:var(--canvas);color:var(--ink)}
.tp-fin{display:flex;flex-direction:column;gap:var(--space-3)}
.tp-fin .frow{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}
.tp-fin .fk{font-size:var(--fs-tiny);color:var(--ink-soft)}
.tp-fin .fv{font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--fs-small)}
.tp-fin .fv.bal{color:var(--danger)}
.tp-fin .split{display:flex;gap:var(--space-2)}
.tp-fin .splitcell{flex:1;background:var(--canvas);border:1px solid var(--line-soft);border-radius:var(--radius-field);padding:var(--space-2) var(--space-3)}
.tp-fin .splitcell .sk{font-size:var(--fs-micro);font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint)}
.tp-fin .splitcell .sv{font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--fs-small);margin-top:2px}
.tp-fin .splitcell.irs .sv{color:var(--danger)}
.tp-fin .splitcell.state .sv{color:var(--info-ink)}
.tp-barwrap{height:8px;border-radius:var(--radius-selector);background:var(--line-soft);overflow:hidden}
.tp-barwrap .bf{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--ptr-green));border-radius:var(--radius-selector)}
.tp-pif{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-tiny);font-weight:700;color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-line);border-radius:var(--radius-selector);padding:2px var(--space-2)}
.tp-pif.due{color:var(--danger);background:var(--danger-bg);border-color:var(--danger-line)}
.tp-att{display:flex;align-items:center;gap:var(--space-3)}
.tp-att .ring{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:var(--fs-body);color:var(--case-pending-fg);position:relative}
.tp-att .ring span{width:36px;height:36px;border-radius:50%;background:var(--bg);display:grid;place-items:center}
.tp-att .meta .am{font-weight:700;font-size:var(--fs-small)}
.tp-att .meta .as{font-size:var(--fs-tiny);color:var(--ink-faint)}
.tp-ls-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-1);border-bottom:1px solid var(--line-soft);font-size:var(--fs-tiny)}
.tp-ls-row:last-child{border-bottom:none}
.tp-ls-row .ln{flex:1;font-weight:500}
.tp-ls-dot{width:8px;height:8px;border-radius:50%}
.tp-ls-dot.ok{background:var(--ptr-green)}.tp-ls-dot.off{background:var(--color-base-300)}.tp-ls-dot.warn{background:var(--amber)}
.tp-ls-row .lst{font-size:var(--fs-tiny);font-weight:600;color:var(--ink-faint)}
.tp-ls-flag{font-size:var(--fs-micro);font-weight:700;color:var(--gold);background:var(--gold-bg);border-radius:var(--radius-selector);padding:1px var(--space-2)}
.tp-ntabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}
.tp-ntab{height:32px;padding:0 var(--space-3);border-radius:var(--radius-field);border:var(--border) solid var(--color-base-300);background:var(--bg);color:var(--ink-soft);font-size:var(--fs-tiny);font-weight:600}
.tp-ntab.active{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.tp-note-item{padding:var(--space-3) 0;border-bottom:1px solid var(--line-soft)}
.tp-note-item:last-child{border-bottom:none}
.tp-note-item .nm-meta{font-size:var(--fs-tiny);color:var(--ink-faint);margin-bottom:3px}
.tp-note-item .nm-body{font-size:var(--fs-tiny);color:var(--ink)}
.tp-note-add{display:flex;gap:var(--space-2);margin-top:var(--space-3)}
.tp-note-add input{flex:1;height:36px;border:var(--border) solid var(--color-base-300);border-radius:var(--radius-field);padding:0 var(--space-3);font-size:var(--fs-tiny);font-family:inherit}
.tp-note-add input:focus{outline:none;border-color:var(--color-primary)}

/* ==== form field vocabulary (fields are DaisyUI input/select/textarea/checkbox — full specs Phase 3) ==== */
.tp-fld{margin-bottom:var(--space-4)}
.tp-fld>label{display:block;font-size:var(--fs-tiny);font-weight:700;color:var(--ink);margin-bottom:var(--space-2)}
.tp-fld>label .req{color:var(--danger);margin-left:2px}
.tp-fld .hint{font-size:var(--fs-tiny);color:var(--ink-faint);margin-top:5px}
.tp-fld.err .input,.tp-fld.err .select,.tp-fld.err .textarea,.tp-fld.err .tp-msel,.tp-fld.err .tp-segchoice{border-color:var(--danger-line);background:var(--danger-soft)}
.tp-fld .errmsg{display:none;color:var(--danger);font-size:var(--fs-tiny);font-weight:600;margin-top:5px}
.tp-fld.err .errmsg{display:block}
.tp-readonly-inp{width:100%;border:var(--border) dashed var(--line);border-radius:var(--radius-field);padding:var(--space-2) var(--space-3);font-size:var(--fs-small);background:var(--canvas);color:var(--ink-soft);display:flex;align-items:center;gap:var(--space-2);font-variant-numeric:tabular-nums}
.tp-readonly-inp .lk{opacity:.55}
.tp-segchoice{display:inline-flex;border:var(--border) solid var(--color-base-300);border-radius:var(--radius-field);overflow:hidden}
.tp-segchoice button,.tp-segchoice label{display:inline-flex;align-items:center;cursor:pointer;height:36px;padding:0 var(--space-4);border:none;border-right:1px solid var(--line);background:var(--bg);color:var(--ink-soft);font-size:var(--fs-tiny);font-weight:600}
.tp-segchoice button:last-child,.tp-segchoice label:last-child{border-right:none}
.tp-segchoice button.on,.tp-segchoice label.on{background:var(--accent);color:var(--color-primary-content)}
.tp-segchoice button:not(.on):hover,.tp-segchoice label:not(.on):hover{background:var(--canvas)}
.tp-ytog{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;height:36px;min-width:54px;padding:0 var(--space-3);border:var(--border) solid var(--color-base-300);border-radius:var(--radius-field);background:var(--bg);color:var(--ink-soft);font-weight:700;font-size:var(--fs-small);font-variant-numeric:tabular-nums}
.tp-ytog.on{background:var(--accent);border-color:var(--accent);color:var(--color-primary-content)}
.tp-ytog:not(.on):hover{background:var(--canvas)}
.tp-optchip{display:inline-flex;align-items:center;cursor:pointer;height:36px;padding:0 var(--space-3);border:var(--border) solid var(--color-base-300);border-radius:var(--radius-field);background:var(--bg);color:var(--ink-soft);font-weight:600;font-size:var(--fs-tiny)}
.tp-optchip.on{background:var(--accent);border-color:var(--accent);color:var(--color-primary-content)}
.tp-optchip:not(.on):hover{background:var(--canvas)}
.tp-msel{border:var(--border) solid var(--color-base-300);border-radius:var(--radius-field);padding:var(--space-2);background:var(--bg)}
.tp-msel .chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}
.tp-chip{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-tiny);font-weight:600;background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-line);border-radius:var(--radius-field);padding:2px 5px 2px var(--space-3)}
.tp-chip button{width:17px;height:17px;border-radius:50%;border:none;background:color-mix(in oklab,var(--color-primary) 14%,transparent);color:var(--accent);font-size:var(--fs-tiny);line-height:1;display:grid;place-items:center}
.tp-chip button:hover{background:color-mix(in oklab,var(--color-primary) 28%,transparent)}
.tp-msel .select,.tp-msel select{width:100%;height:32px;font-size:var(--fs-tiny);background-color:var(--canvas)}
.tp-chkline{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;user-select:none}
.tp-chkline .cl-t{font-weight:600;font-size:var(--fs-small)}