/* Design Completion B: calm Attio-inspired records, organized deal workspace.
   Existing server-sourced deal fields and evidence labels are untouched. */
#home .j-list-h { align-items:center; gap:var(--tw-space-3); margin-block:var(--tw-space-5) var(--tw-space-3); }
#home .j-list-h h2 { font:700 20px/1.5 var(--display); margin:0; }
#home .j-tabs { max-width:100%; gap:var(--tw-space-2); padding:3px 1px; scroll-snap-type:x proximity; scrollbar-width:thin; }
#home .j-tab { min-height:var(--tw-touch); padding:8px 14px; border-radius:var(--tw-radius-sm);
 background:var(--tw-surface); color:var(--tw-text-muted); border:1px solid var(--tw-border); scroll-snap-align:start; }
#home .j-tab[aria-selected=true] { background:var(--tw-surface-accent); color:var(--tw-accent); border-color:var(--tw-accent); }
#home .j-deal { padding:var(--tw-space-4); gap:var(--tw-space-3); background:var(--tw-surface);
  border:1px solid var(--tw-border); border-radius:var(--tw-radius-md); box-shadow:var(--tw-elevation-card);
  min-height:88px; transition:border-color .14s ease,box-shadow .14s ease; }
#home .j-deal:hover, #home .j-deal:focus-visible { border-color:var(--tw-accent); box-shadow:var(--tw-focus); }
#home .j-deal-n { font:700 17px/1.5 var(--display); overflow-wrap:anywhere; }
#home .j-deal-m { gap:var(--tw-space-2); }
#home .j-deal-x { color:var(--tw-text-muted); border-top:1px solid var(--tw-border);
 padding-top:var(--tw-space-3); line-height:1.65; }
#home .j-duebox { border-radius:var(--tw-radius-md); box-shadow:none; }
#home .j-due { background:var(--tw-surface-muted); border-radius:var(--tw-radius-sm); min-height:58px; }
#home .j-empty { border:1px dashed var(--tw-border); border-radius:var(--tw-radius-md);
 padding:var(--tw-space-5); color:var(--tw-text-muted); }
#jSide { background:var(--tw-surface); }
#jSide .side-h { padding-bottom:var(--tw-space-3); border-bottom:1px solid var(--tw-border); }
#jSide .side-h b { font:700 18px/1.4 var(--display); color:var(--tw-text); }
#jSide .side-new { min-height:var(--tw-touch); border-radius:var(--tw-radius-sm); }
#jSide .side-list { gap:var(--tw-space-1); }
#jSide .side-d { min-height:58px; padding:var(--tw-space-3); gap:var(--tw-space-1);
 border-radius:var(--tw-radius-sm); }
#jSide .side-d.on { background:var(--tw-surface-accent); box-shadow:inset -3px 0 0 var(--tw-accent); }
#jSide .side-n { font-size:14px; }
#jSide .side-empty { padding:var(--tw-space-4); }
#dws .j-dtop { margin-top:var(--tw-space-4); }
#dws .j-dhead { gap:var(--tw-space-3); }
#dws .j-dhead h1 { font:700 clamp(23px,5vw,30px)/1.45 var(--display); overflow-wrap:anywhere; }
#dws .j-desc { font-size:15px; line-height:1.7; overflow-wrap:anywhere; max-width:65ch; }
#dws .j-gate { border-radius:var(--tw-radius-md); padding:var(--tw-space-4); line-height:1.65; }
#dws .j-start { min-height:58px; border-radius:var(--tw-radius-md); margin:var(--tw-space-3) 0; }
#dws .j-dgrid { gap:var(--tw-space-4); }
#dws .j-dgrid .j-card { border-radius:var(--tw-radius-md); padding:var(--tw-space-4); }
#dws .j-q { border-color:var(--tw-border); }
#dws .j-q-t { line-height:1.6; }
#dws .j-known { margin:0; padding:0; }
#dws .j-known li { grid-template-columns:minmax(95px,.8fr) minmax(0,1.6fr) auto auto;
 min-width:0; line-height:1.6; border-bottom:1px solid var(--tw-border); gap:var(--tw-space-2); }
#dws .j-known li > * { min-width:0; overflow-wrap:anywhere; }
#dws .j-src { padding:4px 8px; font:600 12px/1.45 var(--body); }
#dws .j-lv { border-radius:var(--tw-radius-sm); padding:var(--tw-space-4); }
#dws .j-hist { min-width:0; }
#dws .j-meet { padding:var(--tw-space-4); border-radius:var(--tw-radius-md); box-shadow:var(--tw-elevation-card); }
#dws .j-meet-h { justify-content:space-between; gap:var(--tw-space-2); }
#dws .j-status { border-radius:8px; padding:5px 10px; }
#dws .j-more summary { min-height:var(--tw-touch); }
@media (max-width:600px) {
  #home .j-list-h { align-items:stretch; }
  #home .j-tabs { width:100%; }
  #dws .j-known li { grid-template-columns:minmax(0,1fr) auto; gap:4px 8px; }
  #dws .j-known li b { grid-column:1 / -1; }
  #dws .j-dhead { align-items:baseline; }
}
@media (min-width:980px) {
  #dws .j-dgrid { grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr); gap:var(--tw-space-6); }
  #dws .j-dside { top:var(--tw-space-4); }
}
@media (prefers-reduced-motion:reduce) { #home .j-deal { transition:none; } }