/* v2.3: dark textarea + table + badges (same look), no visual change from v2.2 */
:root{
  --bg:#0b1020; --card:#0f172a; --inner:#0e1526; --line:#22314e;
  --text:#e6eefc; --muted:#9fb3d9; --accent:#60a5fa;
  --good:#22c55e; --bad:#ef4444;
}
*{box-sizing:border-box} html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans',sans-serif}
.wrap{max-width:1100px;margin:40px auto;padding:0 16px}
.header{display:flex;gap:12px;align-items:center;margin-bottom:8px}
.header .icon{font-size:26px} .header h1{margin:0;font-size:22px}
.sub{margin:4px 0 12px;color:var(--muted)}

.tabs{display:flex;gap:10px;margin-bottom:14px}
.tab{background:var(--card);border:1px solid var(--line);color:#cfe1ff;border-radius:999px;padding:10px 14px;cursor:pointer}
.tab.active{background:#60a5fa;color:#fff;border-color:transparent}

.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:16px;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.card.inner{background:var(--inner)}

.textarea-wrap{padding:6px}
.bigarea{
  width:100%; min-height:220px; resize:vertical;
  background:#0f172a;
  color:#e6eefc;
  border:1px solid #1e2d4a;
  border-radius:12px; padding:14px 16px; font-size:14px; line-height:1.5;
  box-shadow:none;
}
.bigarea::placeholder{color:#8aa1cc}
.bigarea:focus{outline:none; border-color:#2a4475; box-shadow:0 0 0 2px rgba(96,165,250,.15)}

.form{display:flex;gap:10px}
.form input{flex:1;background:#0e1526;border:1px solid var(--line);color:var(--text);border-radius:12px;padding:12px 14px;font-size:16px;outline:none}
.form input::placeholder{color:#6b7ea8}
.form button{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 14px;cursor:pointer}
.form button:hover{filter:brightness(0.98)}

.bulk-row{display:flex; justify-content:space-between; align-items:center; gap:14px; margin-top:12px}
.chk{color:#d7e3ff}
.bulk-actions{display:flex; gap:10px}
button{background:#fff;color:#0b1020;border:1px solid var(--line);border-radius:10px;padding:10px 14px;cursor:pointer}
button:hover{filter:brightness(0.97)}
button.ghost{background:transparent;border:1px solid rgba(255,255,255,.15);color:#d4e2ff}
button.ghost:hover{border-color:#60a5fa;color:#fff}

.hint{margin-top:8px;color:var(--muted);font-size:13px}
.mono{font-family:ui-monospace,Menlo,Consolas,monospace}
.dim{color:var(--muted)}

.table-wrap{overflow:auto}
.table{width:100%;border-collapse:separate;border-spacing:0 8px}
.table thead th{font-weight:600;color:#bfd5ff;text-align:left;font-size:13px;padding:0 10px}
.table tbody td{background:#0e1426;border:1px solid var(--line);padding:10px;border-left:none;border-right:none}
.table tbody tr.row-ok td{background:rgba(34,197,94,.06)}
.table tbody tr.row-fail td{background:rgba(239,68,68,.06)}

.badge{padding:6px 10px;border-radius:999px;font-weight:700;font-size:12px;border:1px solid var(--line)}
.badge.good{background:rgba(34,197,94,.12);color:var(--good);border-color:rgba(34,197,94,.35)}
.badge.bad{background:rgba(239,68,68,.12);color:var(--bad);border-color:rgba(239,68,68,.35)}

.summary{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed var(--line);padding-bottom:8px;margin-bottom:10px}
.domain{font-weight:700;font-size:18px}

.mini{max-height:200px;overflow:auto;padding:6px 8px;border:1px dashed var(--line);border-radius:8px;background:#0d1426}
.foot{display:flex;justify-content:center;opacity:.7;margin-top:8px}