/* DWH comparison tab. */

/* =========================
   DWH comparison tab
   ========================= */
.dwhBar{
  display:flex; align-items:center; gap:14px; flex-wrap:wrap;
  padding:14px 22px; background:var(--surface); border-bottom:1px solid var(--border);
  flex:none;
}
.dwhSource{ font-size:11.5px; color:var(--muted); }
.dwhWarning{
  flex:none; padding:10px 22px; font-size:12px;
  background:var(--warn-wash); color:#8a5a00; border-bottom:1px solid #f3dfae;
}
.dwhStatus{ font-size:12px; margin-left:auto; }
.dwhResults{ flex:1 1 auto; min-height:0; overflow-y:auto; padding:20px 22px; }
.dwhIdle{ color:var(--muted); font-size:13px; max-width:640px; line-height:1.6; }

.dwhCards{ display:flex; gap:12px; flex-wrap:wrap; margin-bottom:22px; }
.dwhCard{
  background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-md);
  padding:12px 16px; min-width:130px;
}
.dwhCard .n{ font-size:22px; font-weight:700; line-height:1.1; }
.dwhCard .l{ font-size:11px; color:var(--muted); text-transform:uppercase; letter-spacing:.04em; margin-top:2px; }
.dwhCard.good .n{ color:var(--dark-teal); }
.dwhCard.warn .n{ color:var(--warn); }
.dwhCard.bad  .n{ color:var(--critical); }

.dwhTarget{ margin-bottom:34px; }
.dwhTargetHead{
  font-size:15px; margin:0 0 12px; padding-bottom:6px;
  border-bottom:2px solid var(--border);
}
.dwhTargetError{
  font-size:12px; color:var(--critical); background:var(--critical-wash);
  border:1px solid #f5c2c2; border-radius:var(--radius-sm); padding:10px 12px; margin:0;
}

.dwhSection{ margin-bottom:26px; }
.dwhSection h3{ font-size:13px; margin:0 0 4px; }
.dwhSection p.hint{ font-size:11.5px; color:var(--muted); margin:0 0 10px; max-width:720px; line-height:1.5; }
.dwhSection table{ background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-md); overflow:hidden; }
.dwhSection td, .dwhSection th{ padding:6px 10px; }
.dwhLoose{ font-size:10px; color:var(--warn); border:1px solid #f3dfae; background:var(--warn-wash); border-radius:8px; padding:1px 6px; margin-left:6px; }
.dwhEmpty{ font-size:12px; color:var(--muted); font-style:italic; }

/* ── documenting objects straight from the scan ── */
.dwhPickBar{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
  margin:0 0 10px;
}
.dwhPickNote{ font-size:11.5px; color:var(--muted); }
.dwhSection td.dwhPreview{
  font-family:var(--mono); font-size:11.5px; color:var(--link);
}
.dwhSection thead th:first-child, .dwhSection tbody td:first-child{
  width:34px; text-align:center;
}
.dwhSection input[type=checkbox]{ cursor:pointer; }