/* ============================================================
   Seed Inbox Deliverability — si-* classes
   ============================================================ */
.si-page { padding:24px 28px; max-width:1100px; }
.si-header { margin-bottom:18px; }
.si-title-row { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:6px; }
.si-page-title { font-size:22px; font-weight:700; color:var(--k-text); margin:0; }
.si-subtitle { font-size:13px; color:var(--k-text-muted); margin:0; max-width:680px; }

/* Stats bar */
.si-stats-bar { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:22px; }
.si-stat-card { display:flex; align-items:center; gap:10px; background:var(--k-surface); border:1px solid var(--k-border); border-radius:10px; padding:12px 16px; min-width:160px; flex:1; }
.si-stat-card .material-icons { font-size:20px; color:var(--k-accent); opacity:.8; }
.si-stat-val { font-size:20px; font-weight:700; color:var(--k-text); line-height:1.2; }
.si-stat-label { font-size:11px; color:var(--k-text-muted); margin-top:2px; }

/* Buttons */
.si-add-btn { display:inline-flex; align-items:center; gap:6px; padding:8px 16px; background:var(--k-accent); color:#fff; border:none; border-radius:var(--k-radius-sm); font-size:13px; font-weight:600; cursor:pointer; transition:opacity .15s; }
.si-add-btn:hover { opacity:.88; }
.si-add-btn .material-icons { font-size:18px; }

/* List */
.si-list { background:var(--k-surface); border:1px solid var(--k-border); border-radius:10px; overflow:hidden; }
.si-loading { padding:32px; color:var(--k-text-muted); display:flex; align-items:center; gap:8px; }
.si-thead { display:grid; grid-template-columns:2fr 1.2fr 130px 100px 90px 110px 120px; padding:10px 16px; background:var(--k-surface-alt,rgba(0,0,0,.03)); border-bottom:1px solid var(--k-border); }
.si-th { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; color:var(--k-text-muted); }
.si-row { display:grid; grid-template-columns:2fr 1.2fr 130px 100px 90px 110px 120px; padding:12px 16px; border-bottom:1px solid var(--k-border); cursor:pointer; transition:background .12s; align-items:center; }
.si-row:hover { background:var(--k-hover,rgba(0,0,0,.03)); }
.si-row:last-of-type:not(:has(+.si-results-panel)) { border-bottom:none; }
.si-cell { font-size:13px; color:var(--k-text); }
.si-cell-na { color:var(--k-text-muted); }
.si-cell-email .si-display-name { font-size:12px; font-weight:600; color:var(--k-text); }
.si-cell-email .si-email { font-size:12px; color:var(--k-text-muted); }
.si-cell-domain { font-weight:600; font-size:13px; }
.si-cell-date { font-size:12px; color:var(--k-text-muted); }
.si-cell-actions { display:flex; align-items:center; gap:6px; }

/* Badges */
.si-badge-inactive { display:inline-block; padding:1px 6px; border-radius:4px; font-size:10px; font-weight:700; background:rgba(239,68,68,.1); color:var(--k-error); margin-top:3px; }
.si-fails-badge { display:inline-block; padding:2px 8px; border-radius:5px; font-size:12px; font-weight:700; background:rgba(239,68,68,.12); color:var(--k-error); }

/* Rate bar */
.si-rate-wrap { display:flex; flex-direction:column; gap:4px; }
.si-rate-pct { font-size:13px; font-weight:700; }
.si-rate-good { color: var(--k-teal); }
.si-rate-warn { color: var(--k-warning); }
.si-rate-bad  { color: var(--k-error); }
.si-rate-bar { height:4px; border-radius:3px; background:var(--k-border); width:80px; }
.si-rate-fill { height:100%; border-radius:3px; }
.si-rate-fill.si-rate-good { background: var(--k-teal); }
.si-rate-fill.si-rate-warn { background: var(--k-warning); }
.si-rate-fill.si-rate-bad  { background: var(--k-error); }

/* Spam score */
.si-spam-ok  { color: var(--k-teal); font-weight:600; font-size:13px; }
.si-spam-med { color: var(--k-warning); font-weight:600; font-size:13px; }
.si-spam-high { color: var(--k-error); font-weight:700; font-size:13px; }

/* Action buttons */
.si-action-btn { display:flex; align-items:center; justify-content:center; width:30px; height:30px; border:none; border-radius:7px; cursor:pointer; transition:background .12s; background:transparent; }
.si-action-btn .material-icons { font-size:17px; }
.si-action-trigger .material-icons { color: var(--k-primary); }
.si-action-trigger:hover { background:rgba(99,102,241,.1); }
.si-action-delete .material-icons { color: var(--k-error); }
.si-action-delete:hover { background:rgba(239,68,68,.1); }
.si-action-btn:disabled { opacity:.4; cursor:not-allowed; }

/* Empty state */
.si-empty { display:flex; flex-direction:column; align-items:center; padding:64px 24px; text-align:center; gap:12px; }
.si-empty-icon { font-size:52px !important; color:var(--k-text-muted); opacity:.4; }
.si-empty-title { font-size:18px; font-weight:700; color:var(--k-text); margin:0; }
.si-empty-desc { font-size:14px; color:var(--k-text-muted); max-width:440px; margin:0; }

/* Results panel */
.si-results-panel { padding:20px 24px; border-bottom:1px solid var(--k-border); background:var(--k-surface-alt,rgba(0,0,0,.02)); }
.si-score-wrap { margin-bottom:16px; }
.si-score-title { display:flex; align-items:center; gap:6px; font-size:13px; font-weight:700; color:var(--k-text); margin-bottom:10px; }
.si-score-title .material-icons { font-size:16px; color:var(--k-accent); }
.si-score-loading { font-size:13px; color:var(--k-text-muted); }
.si-score-na { font-size:13px; color:var(--k-text-muted); font-style:italic; }
.si-domain-score { display:flex; gap:16px; flex-wrap:wrap; }
.si-metric { background:var(--k-surface); border:1px solid var(--k-border); border-radius:var(--k-radius-sm); padding:10px 14px; min-width:120px; }
.si-metric-label { font-size:11px; text-transform:uppercase; letter-spacing:.4px; color:var(--k-text-muted); font-weight:700; }
.si-metric-val { font-size:16px; font-weight:700; color:var(--k-text); margin-top:4px; }
.si-suggestions { background:var(--k-surface); border:1px solid var(--k-border); border-radius:var(--k-radius-sm); padding:10px 14px; flex:1; min-width:200px; }
.si-sugg-title { font-size:11px; text-transform:uppercase; letter-spacing:.4px; color:var(--k-text-muted); font-weight:700; margin-bottom:6px; }
.si-sugg-list { margin:0; padding-left:16px; font-size:13px; color:var(--k-text); line-height:1.7; }
.si-res-title { display:flex; align-items:center; gap:6px; font-size:13px; font-weight:700; color:var(--k-text); margin-bottom:8px; }
.si-res-title .material-icons { font-size:16px; color:var(--k-accent); }
.si-res-table { border:1px solid var(--k-border); border-radius:var(--k-radius-sm); overflow:hidden; }
.si-rh { display:grid; grid-template-columns:110px 90px 90px 80px 90px 90px 80px; padding:8px 12px; background:var(--k-surface-alt,rgba(0,0,0,.03)); border-bottom:1px solid var(--k-border); }
.si-rh-cell { font-size:10px; text-transform:uppercase; letter-spacing:.4px; font-weight:700; color:var(--k-text-muted); }
.si-rr { display:grid; grid-template-columns:110px 90px 90px 80px 90px 90px 80px; padding:8px 12px; border-bottom:1px solid var(--k-border); }
.si-rr:last-child { border-bottom:none; }
.si-rr-cell { font-size:12px; color:var(--k-text); display:flex; align-items:center; }
.si-folder-inbox  { color: var(--k-teal); font-weight:700; font-size:12px; }
.si-folder-spam   { color: var(--k-error); font-weight:700; font-size:12px; }
.si-folder-other  { color:var(--k-text-muted); font-size:12px; }
.si-yes { color: var(--k-teal); font-weight:700; }
.si-no  { color: var(--k-error); font-weight:700; }
.si-verdict-clean { color: var(--k-teal); font-weight:700; }
.si-verdict-risky { color: var(--k-warning); font-weight:700; }
.si-verdict-spam  { color: var(--k-error); font-weight:700; }

/* Modal */
.si-modal { min-width:480px; max-width:540px; }
.si-modal-desc { font-size:13px; color:var(--k-text-muted); margin:0 0 16px; line-height:1.6; }
.si-form { display:flex; flex-direction:column; gap:14px; }
.si-field { display:flex; flex-direction:column; gap:4px; }
.si-field-check { flex-direction:row; align-items:center; }
.si-label { font-size:13px; font-weight:600; color:var(--k-text); }
.si-required { color: var(--k-error); }
.si-input { padding:9px 12px; border:1px solid var(--k-border); border-radius:7px; font-size:13px; color:var(--k-text); background:var(--k-bg); outline:none; transition:border-color .15s; }
.si-input:focus { border-color:var(--k-accent); }
.si-checkbox { width:16px; height:16px; margin-right:8px; accent-color:var(--k-accent); }
.si-check-label { font-size:13px; color:var(--k-text); display:flex; align-items:center; cursor:pointer; }
.si-form-btns { display:flex; gap:10px; justify-content:flex-end; padding-top:4px; }
.si-btn-cancel { padding:8px 16px; background:transparent; border:1px solid var(--k-border); border-radius:7px; font-size:13px; cursor:pointer; color:var(--k-text); }
.si-btn-cancel:hover { background:var(--k-hover,rgba(0,0,0,.05)); }
.si-btn-save { padding:8px 18px; background:var(--k-accent); color:#fff; border:none; border-radius:7px; font-size:13px; font-weight:600; cursor:pointer; transition:opacity .15s; }
.si-btn-save:hover { opacity:.88; }
.si-btn-save:disabled { opacity:.5; cursor:not-allowed; }

/* Dark theme */
[data-theme="dark"] .si-stat-card { background:var(--k-surface); }
[data-theme="dark"] .si-list { background:var(--k-surface); }
[data-theme="dark"] .si-metric { background:var(--k-surface); }
[data-theme="dark"] .si-suggestions { background:var(--k-surface); }
[data-theme="dark"] .si-input { background:var(--k-surface); color:var(--k-text); }