/* ============================================================================
   event.clinic components, generated from the accepted visual plan
   ----------------------------------------------------------------------------
   GENERATED FILE. DO NOT EDIT.
   Source:    design/foundation-v12.html
   sha256:    ba58aa480978f16d8942cbf643e0d7ee11fb1b04d69e579dbaefc81c53313c09
   Regenerate: npm run gen:design      (and CI fails if the output changes)

   Owner decision 2026-07-29: the accepted visual plan is a BUILD INPUT, so
   the app and the foundation cannot diverge. Hand editing this file puts the
   drift back and the parity check will fail on the next run.

   App-only additions and deliberate overrides do NOT belong here. They live
   in tokens.local.css and components.css, which load AFTER this file.
   ============================================================================ */

/* Mapped from the foundation's own selectors:
 *   .tbl-wrap    -> .dt-wrap
 *   .tbl         -> .dt
 *   .tname       -> .tname
 */

.dt-wrap {
background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;
  box-shadow:var(--shadow-sm)
}

.dt-wrap {
position:relative
}

.dt {
width:100%;border-collapse:collapse;font-size:var(--text-sm)
}

.dt th {
text-align:left;font-size:var(--text-xs);color:var(--ink-400);
  font-weight:700;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--surface-1)
}

.dt td {
padding:8px 12px;border-bottom:1px solid var(--line);color:var(--ink-700);vertical-align:middle
}

.dt tbody tr:last-child td {
border-bottom:0
}

.dt tbody tr {
cursor:pointer;transition:background var(--t-fast)
}

.dt tbody tr:hover {
background:var(--surface-sunken)
}

.dt tr.l0 td {
background:var(--surface-sunken);font-weight:650;color:var(--ink-900)
}

.dt tr.l0:hover td {
background:var(--line)
}

.dt .num {
font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap
}

.dt tbody tr:hover .raci-cell {
transform:scale(1.08)
}

.dt tbody tr {
touch-action:pan-y
}

.dt tbody tr:hover .grip {
opacity:1
}

.dt tbody tr:hover .grip {
opacity:.9;color:var(--ink-500)
}

.dt tbody tr:hover .grip:hover {
color:var(--accent-600)
}

.dt tbody tr:hover .raci-cell {
transform:none
}

.dt tbody tr.landed {
animation:rowSlide .26s var(--ease-out) both
}

.dt tbody tr.landed td {
animation:rowLand 1.6s var(--ease-out) both
}

.tname {
display:flex;align-items:center;gap:8px;min-width:0
}

.tname .tw {
font-family:var(--font-mono);font-size:var(--text-min);color:var(--ink-300);flex-shrink:0;min-width:30px
}