/* ===== Tabeller ===== */
.tablewrap{background:var(--surface);border:0;border-radius:var(--r-lg);overflow-x:auto;box-shadow:var(--sh)}
table{border-collapse:collapse;width:100%}
table.res{min-width:900px;font-size:var(--fs-base);font-variant-numeric:tabular-nums}
th,td{text-align:left;padding:0 14px;height:44px;box-shadow:inset 0 -1px 0 var(--line2);vertical-align:middle}
th{font-size:var(--fs-xs);font-weight:600;height:36px;color:var(--muted);background:var(--surface2);white-space:nowrap;box-shadow:inset 0 -1px 0 var(--line)}
th.s{cursor:pointer;user-select:none}
th.s:hover{color:var(--ink)}
th .ar{color:var(--acc-ink)}
tbody tr:last-child td{box-shadow:none}
tr.row{cursor:pointer}
tr.row td{transition:background var(--t)}
tr.row:hover td{background:var(--surface2)}
tr.row.sel td{background:var(--acc-soft)}
tr.row.sel td:first-child{box-shadow:inset 3px 0 0 var(--acc)}
tr.row.spar td:first-child{box-shadow:inset 3px 0 0 var(--red)}
td.num,th.num{text-align:right;white-space:nowrap}
td .nm{font-weight:500}
td .sub{font-size:12.5px;color:var(--muted)}
.badge{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:500;background:var(--grey-soft);color:var(--ink2);white-space:nowrap}
.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--faint)}
.b-ok{background:var(--acc-soft);color:var(--acc-ink)}.b-ok:before{background:var(--acc)}
.b-bad{background:var(--red-soft);color:var(--red)}.b-bad:before{background:var(--red)}
.b-warn,.b-mute{background:var(--grey-soft);color:var(--ink2)}
.b-new{background:var(--ink);color:var(--bg)}.b-new:before{background:var(--bg)}
.kon{display:flex;gap:4px;flex-wrap:wrap}