:root{--bg:#111316;--bg-elevated:#191d21;--surface:#20262b;--surface-soft:#273038;--line:#3a4652;--text:#f2f5f7;--muted:#a6b0ba;--quiet:#6f7d89;--primary:#14b8a6;--primary-strong:#0f766e;--accent:#f59e0b;--danger:#ef4444;--blue:#60a5fa;--shadow:0 18px 50px #00000047}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{overflow-x:hidden}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}.app-shell{background:linear-gradient(180deg, #14b8a614, transparent 240px), var(--bg);min-height:100dvh}.catalog{width:min(1120px,100% - 32px);margin:0 auto;padding:32px 0 56px}.catalog-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.eyebrow{color:var(--primary);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800;line-height:1.2}.catalog h1,.locked-card h1{letter-spacing:0;margin:0;font-size:clamp(28px,5vw,46px);line-height:1.02}.catalog-copy,.locked-card p{max-width:640px;color:var(--muted);margin:10px 0 0;font-size:15px;line-height:1.6}.status-pill{border:1px solid var(--line);color:var(--muted);white-space:nowrap;background:#20262bc7;border-radius:999px;padding:8px 12px}.case-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.case-card{border:1px solid var(--line);background:var(--bg-elevated);min-height:210px;box-shadow:var(--shadow);border-radius:8px;flex-direction:column;justify-content:space-between;padding:18px;display:flex}.case-card h2{letter-spacing:0;margin:8px 0;font-size:22px;line-height:1.15}.case-card p{color:var(--muted);margin:0;line-height:1.55}.tag-row{flex-wrap:wrap;gap:8px;display:flex}.tag{color:#98f5e8;border:1px solid #14b8a657;border-radius:999px;padding:5px 8px;font-size:12px}.case-link{background:var(--primary);color:#06201d;border-radius:8px;justify-content:center;align-items:center;min-height:42px;margin-top:18px;padding:0 14px;font-weight:800;display:inline-flex}.locked-wrap{place-items:center;min-height:100dvh;padding:24px;display:grid}.locked-card{border:1px solid var(--line);background:var(--bg-elevated);width:min(560px,100%);box-shadow:var(--shadow);border-radius:8px;padding:24px}.locked-meta{background:var(--surface);color:var(--muted);border-radius:8px;margin-top:18px;padding:12px;font-size:13px;line-height:1.5}.case-runtime{background:#0d1013;min-height:100dvh}.case-frame{width:min(1220px,100%);min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom));margin:0 auto}.case-topbar{border:1px solid var(--line);background:#191d21eb;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding:12px 14px;display:flex}.case-title-block{min-width:0}.case-title-block h1{margin:3px 0 0;font-size:18px;line-height:1.2}.case-title-block p{color:var(--quiet);margin:0;font-size:12px}.runtime-status{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.runtime-status:before{content:"";background:var(--primary);border-radius:999px;width:8px;height:8px}@media (max-width:720px){.catalog-header,.case-topbar{flex-direction:column;align-items:flex-start}.status-pill{white-space:normal}}.mensaje-case{color:var(--text)}.mensaje-grid{grid-template-columns:minmax(240px,.9fr) minmax(340px,1.35fr) minmax(260px,.9fr);gap:14px;display:grid}.inbox-panel,.message-panel,.evidence-panel{border:1px solid var(--line);background:var(--bg-elevated);min-height:calc(100dvh - 118px);box-shadow:var(--shadow);border-radius:8px;overflow:hidden}.panel-header{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:14px;display:flex}.panel-header span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.panel-header strong{color:var(--primary);font-size:13px}.thread-list{display:grid}.thread-row{border:0;border-bottom:1px solid var(--line);color:var(--text);text-align:left;cursor:pointer;background:0 0;padding:14px 44px 14px 14px;position:relative}.thread-row:hover,.thread-row.active{background:var(--surface-soft)}.thread-row strong,.thread-row span,.thread-row small{display:block}.thread-row strong{margin-bottom:4px;font-size:14px}.thread-row span:not(.thread-time){color:var(--text);margin-bottom:4px;font-size:13px}.thread-row small{color:var(--muted);font-size:12px;line-height:1.45}.thread-row em{color:var(--accent);font-size:11px;font-style:normal;font-weight:800;position:absolute;top:12px;right:12px}.thread-time{color:var(--quiet);margin-bottom:4px;font-size:11px}.mail-body,.deleted-message{padding:24px}.mail-body h2,.deleted-message h2{letter-spacing:0;margin:0 0 12px;font-size:clamp(24px,4vw,38px);line-height:1.04}.mail-body p,.deleted-message p{color:var(--muted);line-height:1.65}.mail-from{margin-top:0;font-size:13px;color:var(--blue)!important}.deleted-message{flex-direction:column;justify-content:center;min-height:320px;display:flex}.primary-action,.secondary-action{cursor:pointer;border:1px solid #0000;border-radius:8px;width:100%;min-height:44px;font-weight:800}.primary-action{background:var(--primary);color:#06201d}.primary-action:disabled{cursor:not-allowed;opacity:.44}.secondary-action{border-color:var(--line);color:var(--text);background:0 0}.recovered-message{color:#f7d99a;white-space:pre-wrap;background:#1d1710;border:1px solid #f59e0b75;border-radius:8px;margin:0 24px 24px;padding:16px;line-height:1.6;overflow-x:auto}.evidence-panel{padding-bottom:14px}.progress-track{background:#101417;border-radius:999px;height:8px;margin:14px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--primary);height:100%;transition:width .22s;display:block}.evidence-list{gap:10px;padding:0 14px 14px;display:grid}.evidence-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:12px}.evidence-card.found{border-color:#14b8a69e}.evidence-card span{color:var(--quiet);text-transform:uppercase;font-size:11px;font-weight:800}.evidence-card.found span{color:var(--primary)}.evidence-card h3{margin:6px 0;font-size:15px}.evidence-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.evidence-panel .primary-action,.evidence-panel .secondary-action{width:calc(100% - 28px);margin:0 14px 10px}.session-note{color:var(--quiet);margin:4px 14px 0;font-size:12px;line-height:1.45}.secondary-action:disabled{cursor:not-allowed;opacity:.44}.reenvio-case{--primary:#22c55e;--primary-strong:#15803d;--accent:#e11d48;--blue:#38bdf8}.reenvio-topbar{background:#12181bf0}.reenvio-grid{grid-template-columns:minmax(250px,.86fr) minmax(380px,1.42fr) minmax(270px,.92fr);gap:14px;display:grid}.reenvio-inbox .thread-row.active{box-shadow:inset 3px 0 0 var(--primary)}.reenvio-viewer{overflow-y:auto}.reenvio-mail-body{border-bottom:1px solid var(--line)}.reenvio-mail-body h2{font-size:28px}.reenvio-mail-body pre,.headers-block{white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.62}.reenvio-mail-body pre{color:var(--muted);font-family:inherit}.forensic-actions{border-bottom:1px solid var(--line);background:#0f172a38;grid-template-columns:1fr 1fr;gap:10px;padding:14px;display:grid}.headers-block{color:#bfe8ff;background:#101820;border:1px solid #38bdf85c;border-radius:8px;margin:14px;padding:14px;font-size:12px;overflow-x:auto}.rules-table{gap:10px;padding:0 14px 14px;display:grid}.rules-table article{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:12px}.rules-table article.matched{background:#21151a;border-color:#e11d48b3}.rules-table span{color:var(--quiet);text-transform:uppercase;font-size:11px;font-weight:800}.rules-table article.matched span{color:#fda4af}.rules-table h3{margin:6px 0;font-size:15px}.rules-table p,.rules-table strong{color:var(--muted);margin:0;font-size:13px;line-height:1.45;display:block}.rules-table strong{color:var(--text);margin-top:6px}.case-conclusion{background:#102019;border:1px solid #22c55e66;border-radius:8px;margin:0 14px 14px;padding:12px}.case-conclusion p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}@media (max-width:980px){.mensaje-grid,.reenvio-grid{grid-template-columns:1fr}.inbox-panel,.message-panel,.evidence-panel{min-height:auto}}@media (max-width:620px){.forensic-actions{grid-template-columns:1fr}}
