.email-safety-workbench { overflow: hidden; }
.email-safety-intro { display:flex; justify-content:space-between; gap:20px; align-items:flex-start; margin-bottom:20px; padding:16px 18px; border:2px solid var(--ink); background:var(--paper); }
.email-safety-intro strong { display:block; margin-bottom:6px; font:900 .85rem "Arial Black", Arial, sans-serif; }
.email-safety-intro p { margin:0; color:var(--muted); font:700 .72rem/1.5 "Courier New", monospace; }
.email-safety-local-badge { flex:0 0 auto; border:2px solid var(--ink); background:var(--yellow); padding:8px 10px; font:900 .65rem "Courier New", monospace; }
.email-safety-input-grid { display:grid; grid-template-columns:minmax(240px,.7fr) 54px minmax(0,1.3fr); gap:14px; align-items:stretch; }
.email-drop-zone { min-height:220px; display:grid; place-items:center; align-content:center; gap:9px; border:3px dashed var(--ink); background:var(--paper); padding:20px; cursor:pointer; text-align:center; }
.email-drop-zone:hover,.email-drop-zone:focus-within { background:var(--yellow); }
.email-drop-zone input { max-width:100%; font:700 .62rem "Courier New", monospace; }
.email-drop-zone strong { font:900 .9rem "Arial Black", Arial, sans-serif; }
.email-drop-zone small { color:var(--muted); overflow-wrap:anywhere; font:700 .62rem/1.4 "Courier New", monospace; }
.email-drop-icon { display:grid; place-items:center; width:58px; height:58px; border:2px solid var(--ink); background:var(--orange); box-shadow:3px 3px 0 var(--ink); font:900 .78rem "Courier New", monospace; }
.email-safety-or { display:grid; place-items:center; }
.email-safety-or span { width:42px; height:42px; display:grid; place-items:center; border:2px solid var(--ink); background:var(--white); font:900 .62rem "Courier New", monospace; }
.email-safety-source { margin:0; }
.email-safety-source textarea { width:100%; min-height:220px; height:100%; resize:vertical; border:2px solid var(--ink); background:var(--white); padding:14px; outline:0; font:700 .72rem/1.45 "Courier New", monospace; }
.email-safety-source textarea:focus { background:#fffdf2; box-shadow:4px 4px 0 var(--orange); }
.email-safety-results { margin-top:20px; display:grid; gap:18px; }
.email-risk-hero { display:grid; grid-template-columns:190px minmax(0,1fr); border:3px solid var(--ink); box-shadow:6px 6px 0 var(--ink); }
.email-risk-score-wrap { display:grid; grid-template-columns:1fr auto; align-content:center; padding:20px; border-right:3px solid var(--ink); background:var(--yellow); }
.email-risk-score-wrap > span { grid-column:1 / -1; font:900 .62rem "Courier New", monospace; }
.email-risk-score-wrap strong { font:900 3.4rem/1 "Arial Black", Arial, sans-serif; }
.email-risk-score-wrap small { align-self:end; margin-bottom:7px; font:900 .8rem "Courier New", monospace; }
.email-risk-verdict { padding:20px; background:var(--paper); }
.email-risk-verdict > span { display:inline-block; margin-bottom:8px; border:2px solid var(--ink); padding:5px 8px; background:var(--white); font:900 .62rem "Courier New", monospace; }
.email-risk-verdict h2 { margin:0 0 8px; font:900 1.35rem/1.15 "Arial Black", Arial, sans-serif; text-transform:uppercase; }
.email-risk-verdict p { margin:0; color:var(--muted); font:700 .7rem/1.5 "Courier New", monospace; }
.email-risk-hero[data-risk="high"] .email-risk-score-wrap,.email-risk-hero[data-risk="critical"] .email-risk-score-wrap { background:#ff8f76; }
.email-risk-hero[data-risk="medium"] .email-risk-score-wrap { background:#ffe879; }
.email-safety-section { border:2px solid var(--ink); background:var(--paper); padding:16px; }
.email-identity-chain { display:grid; grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr) 38px minmax(0,1fr); gap:8px; align-items:stretch; }
.email-identity-chain > div:not(.email-identity-arrow) { min-width:0; border:2px solid var(--ink); background:var(--white); padding:12px; }
.email-identity-chain span { display:block; margin-bottom:5px; color:var(--muted); font:900 .56rem "Courier New", monospace; }
.email-identity-chain strong { display:block; overflow-wrap:anywhere; font:800 .7rem/1.4 "Courier New", monospace; }
.email-identity-arrow { display:grid; place-items:center; font:900 1.3rem Arial,sans-serif; }
.email-identity-verdict { margin-top:10px; border:2px solid var(--ink); padding:10px 12px; font:800 .68rem/1.45 "Courier New", monospace; }
.email-identity-verdict[data-state="success"] { background:#dff1d8; }
.email-identity-verdict[data-state="warning"] { background:#fff0a8; }
.email-identity-verdict[data-state="danger"] { background:#ffc3b7; }
.email-safety-findings { display:grid; gap:10px; }
.email-safety-finding { display:grid; grid-template-columns:58px minmax(0,1fr); border:2px solid var(--ink); background:var(--white); }
.email-safety-finding > span { display:grid; place-items:center; border-right:2px solid var(--ink); padding:10px 6px; font:900 .65rem "Courier New", monospace; }
.email-safety-finding > div { padding:10px 12px; }
.email-safety-finding strong { display:block; margin-bottom:3px; font:900 .75rem "Arial Black", Arial, sans-serif; text-transform:uppercase; }
.email-safety-finding p { margin:0; color:var(--muted); font:700 .68rem/1.45 "Courier New", monospace; }
.email-safety-finding[data-level="danger"] > span { background:#ff9f8c; }
.email-safety-finding[data-level="warning"] > span { background:#ffe879; }
.email-safety-finding[data-level="success"] > span { background:#dff1d8; }
.email-safety-finding[data-level="info"] > span { background:#e8e5dd; }
.email-safety-list { display:grid; gap:8px; }
.email-safety-list-row { min-width:0; display:grid; grid-template-columns:180px minmax(0,1fr); border:2px solid var(--ink); background:var(--white); }
.email-safety-list-row span { padding:9px 10px; border-right:2px solid var(--ink); background:var(--paper-deep); overflow-wrap:anywhere; font:900 .58rem "Courier New", monospace; }
.email-safety-list-row code { padding:9px 10px; overflow-wrap:anywhere; word-break:break-word; white-space:normal; font:700 .66rem/1.4 "Courier New", monospace; }
@media (max-width:900px) {
  .email-safety-input-grid { grid-template-columns:1fr; }
  .email-safety-or { min-height:34px; }
  .email-risk-hero { grid-template-columns:1fr; }
  .email-risk-score-wrap { border-right:0; border-bottom:3px solid var(--ink); }
  .email-identity-chain { grid-template-columns:1fr; }
  .email-identity-arrow { transform:rotate(90deg); min-height:28px; }
}
@media (max-width:620px) {
  .email-safety-intro { flex-direction:column; }
  .email-safety-list-row { grid-template-columns:1fr; }
  .email-safety-list-row span { border-right:0; border-bottom:2px solid var(--ink); }
}
