/* tables.css — Veriweld table + toolbar styling */

/* ── Toolbar ── */
.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.search{font-family:var(--font);background:var(--ink-2);border:1px solid var(--border-2);border-radius:var(--radius);padding:8px 12px;color:var(--paper);font-size:12.5px;width:240px}
.search::placeholder{color:var(--mist)}
.search:focus{outline:none;border-color:var(--blueprint)}
.sf{font-family:var(--mono);background:var(--ink-2);border:1px solid var(--border-2);border-radius:var(--radius);padding:8px 10px;color:var(--paper);font-size:11px;cursor:pointer;letter-spacing:.04em}
.sf:focus{outline:none;border-color:var(--blueprint)}
.sf option{background:var(--ink-2);color:var(--paper)}
.toolbar-count{margin-left:auto;font-family:var(--mono);font-size:10.5px;color:var(--mist);letter-spacing:.06em}

/* ── Generic table (.tbl) — used by verify.html ── */
.tbl{width:100%;border-collapse:collapse;font-size:12px}
.tbl th{text-align:left;padding:10px 12px;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--mist);font-weight:600;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--ink-3);z-index:1}
.tbl td{padding:10px 12px;border-bottom:1px dashed var(--border);vertical-align:middle;color:var(--paper)}
.tbl tr:hover td{background:var(--ink-3);cursor:pointer}
.tbl tr:last-child td{border-bottom:none}

/* ── Data table (.dt) — used by index.html weld log, NDT, reports ── */
table.dt{width:100%;border-collapse:collapse;font-size:12px}
table.dt th{text-align:left;padding:10px 12px;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--mist);font-weight:600;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--ink-3);z-index:1}
table.dt td{padding:9px 12px;border-bottom:1px dashed var(--border);font-family:var(--mono);font-size:11.5px;color:var(--paper);white-space:nowrap;letter-spacing:.02em}
table.dt tr:hover td{background:var(--ink-3);cursor:pointer}
table.dt tr.fl td{border-left:3px solid var(--arc)}
table.dt tr.fw td{border-left:3px solid var(--hivis)}

/* ── Inline status badge (kept for legacy `bg p/f/w` usage) ── */
.bg{font-family:var(--mono);padding:2px 8px;border-radius:var(--radius);font-size:10px;font-weight:600;white-space:nowrap;letter-spacing:.08em;text-transform:uppercase}
.bg.p{background:rgba(63,181,95,.15);color:var(--success-dark)}
.bg.f{background:rgba(255,90,31,.18);color:var(--arc-dark)}
.bg.w{background:rgba(242,194,0,.18);color:var(--hivis)}
.xm{color:var(--success-dark)}
.xmm{color:var(--arc-dark);font-weight:600}
.xms{color:var(--hivis);font-style:italic}

/* ── index.html search variant ── */
.sinput{font-family:var(--font);background:var(--ink-2);border:1px solid var(--border-2);border-radius:var(--radius);padding:8px 12px;color:var(--paper);font-size:12.5px;width:240px}
.sinput::placeholder{color:var(--mist)}
.sinput:focus{outline:none;border-color:var(--blueprint)}