:root{--bg: #0f1419;--panel: #1a212b;--panel-2: #222c38;--border: #2d3845;--text: #e6edf3;--muted: #8b97a5;--accent: #4a9eff;--green: #2ea043;--orange: #d29922;--red: #f85149;--purple: #a371f7;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app{min-height:100vh}header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--panel)}header h1{font-size:18px;margin:0}.cluster{color:var(--muted);font-weight:400;font-size:13px}.user{display:flex;align-items:center;gap:12px}.email{color:var(--muted)}.mode{padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600}.mode-admin{background:#a371f733;color:var(--purple)}.mode-client{background:#4a9eff33;color:var(--accent)}main{display:flex;gap:0;align-items:flex-start}.left{flex:1;padding:20px;min-width:0}.search-form{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:16px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid .span2{grid-column:1 / -1}label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}label.checkbox{flex-direction:row;align-items:center;gap:6px;color:var(--text)}input[type=text],input[type=datetime-local]{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:8px 10px;color:var(--text);font-size:14px}input:disabled{opacity:.6;cursor:not-allowed}.hint{color:var(--orange);font-size:11px}.advanced{margin-top:10px}.actions{margin-top:14px}button{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:9px 18px;font-size:14px;font-weight:600;cursor:pointer}button:disabled{opacity:.6;cursor:default}.link-btn{background:none;color:var(--accent);padding:4px 0;font-weight:500}.btn{display:inline-block;background:var(--accent);color:#fff;padding:10px 20px;border-radius:6px}.error{color:var(--red)}.warn{color:var(--orange)}.count{color:var(--muted);margin:14px 0 6px}.empty,.muted{color:var(--muted)}.small{font-size:12px}.loading,.login{padding:60px;text-align:center}table.results{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:8px;overflow:hidden}.results th,.results td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}.results th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase}.results tbody tr{cursor:pointer}.results tbody tr:hover{background:var(--panel-2)}.results tbody tr.sel{background:#4a9eff1f}.nowrap{white-space:nowrap}.ellipsis{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.node{background:var(--panel-2);padding:2px 6px;border-radius:4px;font-size:12px}.spam-over{color:var(--orange);font-weight:700}.badge{padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600}.badge-delivered{background:#2ea04333;color:var(--green)}.badge-received{background:#4a9eff33;color:var(--accent)}.badge-quarantined{background:#d2992233;color:var(--orange)}.badge-rejected,.badge-bounced{background:#f8514933;color:var(--red)}.badge-deferred{background:#8b97a533;color:var(--muted)}.timeline{width:520px;flex-shrink:0;border-left:1px solid var(--border);background:var(--panel);padding:16px 18px;height:calc(100vh - 53px);overflow-y:auto;position:sticky;top:0}.timeline-head{display:flex;justify-content:space-between;align-items:center}.timeline h2{font-size:16px;margin:0}dl.summary{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin:14px 0}dl.summary dt{color:var(--muted);font-size:11px}dl.summary dd{margin:0}dl.summary .span2{grid-column:1 / -1}ol.hops{list-style:none;padding:0;margin:0}.hop{border:1px solid var(--border);border-left:3px solid var(--muted);border-radius:6px;padding:10px;margin-bottom:12px;background:var(--bg)}.hop-received{border-left-color:var(--accent)}.hop-relayed{border-left-color:var(--green)}.hop-quarantined{border-left-color:var(--orange)}.hop-rejected{border-left-color:var(--red)}.hop-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.step{background:var(--accent);color:#fff;width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.kind{font-weight:600}.qid{color:var(--muted)}.spam{background:var(--panel-2);padding:1px 6px;border-radius:4px;font-size:11px}.verdict{background:#2ea0432e;color:var(--green);padding:1px 6px;border-radius:4px;font-size:11px}.hop-relay{color:var(--muted);font-size:12px;margin:6px 0}details.hits{margin:6px 0}details.hits summary{cursor:pointer;color:var(--muted);font-size:12px}details.hits ul{list-style:none;padding-left:12px;margin:6px 0}details.hits .score{color:var(--muted)}ul.events{list-style:none;padding:0;margin:8px 0 0}.ev{display:grid;grid-template-columns:64px 56px 1fr;gap:6px;padding:3px 0;border-top:1px solid var(--border);font-size:12px;align-items:start}.ev-time{color:var(--muted)}.ev-sec{font-size:10px;font-weight:700;text-transform:uppercase}.ev-SMTP .ev-sec{color:var(--accent)}.ev-FILTER .ev-sec{color:var(--orange)}.ev-QMGR .ev-sec{color:var(--green)}.ev-LOGS .ev-sec{color:var(--muted)}.ev-proc{grid-column:3;color:var(--muted);display:none}.ev-msg{grid-column:3;word-break:break-word}.ev-proc+.ev-msg{grid-row:2}@media (max-width: 720px){body{font-size:15px}header{flex-wrap:wrap;gap:8px 12px;padding:10px 14px}header h1{font-size:16px}.user{gap:8px;font-size:13px;flex-wrap:wrap}.email{max-width:48vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main{flex-direction:column}.left{padding:12px}.grid{grid-template-columns:1fr}.actions button{width:100%;padding:12px;font-size:16px}input[type=text],input[type=datetime-local]{padding:11px 10px;font-size:16px}table.results{border:none;background:none}table.results thead{display:none}table.results tbody,table.results tr,table.results td{display:block;width:100%}table.results tr{border:1px solid var(--border);border-radius:8px;background:var(--panel);margin-bottom:10px;padding:6px 12px}table.results tr.sel{border-color:var(--accent)}table.results td{border:none;padding:5px 0;display:flex;align-items:baseline;justify-content:space-between;gap:12px;text-align:right;overflow-wrap:anywhere}table.results td:before{content:attr(data-label);color:var(--muted);font-size:11px;text-transform:uppercase;text-align:left;flex:0 0 38%}.results .ellipsis{max-width:none;white-space:normal}.results td.nowrap{white-space:normal}.app.with-panel .left{display:none}.timeline{width:100%;height:auto;position:static;border-left:none;border-top:1px solid var(--border)}dl.summary{grid-template-columns:1fr}.ev{grid-template-columns:56px 1fr}.ev-sec{grid-column:1}}