.app{min-height:100vh;background:var(--sot-bg);color:var(--sot-text)}.skip{position:absolute;left:var(--space-3);top:-40px;background:var(--sot-surface);color:var(--sot-text);padding:var(--space-2) var(--space-3);border-radius:var(--radius);z-index:5}.skip:focus{top:var(--space-2)}.topbar{min-height:var(--topbar-h);display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);background:var(--sot-navy);color:var(--sot-surface)}.logo-btn{background:transparent;color:var(--sot-surface);border:0;font-weight:700;font-size:16px;padding:var(--space-2) 0;white-space:nowrap}.search-form{display:flex;flex:1;gap:var(--space-2);min-width:180px}.search-form input{flex:1;border:1px solid var(--sot-line);border-radius:var(--radius);background:var(--sot-surface);color:var(--sot-text);padding:var(--space-2) var(--space-3)}.account{white-space:nowrap}.top-nav{display:flex;flex-wrap:wrap;gap:var(--space-1)}.top-btn{background:transparent;color:var(--sot-surface);border:1px solid transparent;border-radius:var(--radius);padding:var(--space-2) var(--space-3)}.top-btn:hover,.top-btn[aria-current=page]{border-color:var(--sot-card-line);background:var(--mail-selected);color:var(--sot-navy)}.notice{margin:0;padding:var(--space-2) var(--space-4);background:var(--mail-selected);color:var(--sot-text)}.workspace{display:grid;grid-template-columns:var(--folder-w) var(--list-w) minmax(0,1fr);height:calc(100vh - var(--topbar-h));min-height:420px}.col{min-width:0;min-height:0;overflow:auto;background:var(--sot-surface);border-right:1px solid var(--sot-line)}.col-detail{border-right:0}.col-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--sot-line);position:sticky;top:0;background:var(--sot-surface);z-index:1}.back{display:none}main>.back{margin:var(--space-3) var(--space-4) 0}.folder-btn,.row-open,.suggest button,.linkish{background:transparent;color:var(--sot-text);border:0}.folder-btn{width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);text-align:left;padding:var(--space-3) var(--space-4)}.folder-btn.active{background:var(--mail-selected);color:var(--mail-unread);font-weight:700}.badge{min-width:1.5em;text-align:center;border-radius:999px;background:var(--sot-blue);color:var(--sot-surface);padding:0 var(--space-2)}.toolbar,.detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--sot-line)}.detail-actions{display:none}.btn,.btn-secondary,.btn-danger{border-radius:var(--radius);padding:var(--space-2) var(--space-3);border:1px solid transparent}.btn{background:var(--sot-blue);color:var(--sot-surface)}.btn:disabled,.btn-secondary:disabled,.btn-danger:disabled{opacity:.55;cursor:default}.btn-secondary{background:var(--sot-surface);color:var(--sot-text);border-color:var(--sot-line)}.btn-danger{background:var(--mail-danger);color:var(--sot-surface)}.move-select,.field input,.field textarea,.field select{border:1px solid var(--sot-line);border-radius:var(--radius);background:var(--sot-surface);color:var(--sot-text);padding:var(--space-2) var(--space-3)}.message-list{list-style:none;margin:0;padding:0}.message-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-2);align-items:start;padding:var(--space-3);border-bottom:1px solid var(--sot-line)}.message-row.selected{background:var(--mail-selected)}.message-row.unread .row-open{font-weight:700;color:var(--mail-unread)}.row-open{min-width:0;text-align:left;padding:0;cursor:pointer}.row-line{display:flex;justify-content:space-between;gap:var(--space-2)}.subject,.from{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta{color:var(--sot-muted);white-space:nowrap}.flag{color:var(--mail-star);margin-right:var(--space-1)}.detail{padding:var(--space-4)}.detail h2{margin:0 0 var(--space-3);font-size:20px;color:var(--sot-navy)}.meta-list{margin:0 0 var(--space-4);display:grid;gap:var(--space-1)}.mail-frame{width:100%;min-height:240px;border:1px solid var(--sot-line);border-radius:var(--radius);background:var(--sot-surface)}.plain{white-space:pre-wrap;background:var(--sot-bg);border:1px solid var(--sot-line);border-radius:var(--radius);padding:var(--space-3);margin:var(--space-2) 0 var(--space-4)}.muted{color:var(--sot-muted)}.error{color:var(--mail-danger)}.ok{color:var(--mail-ok)}.panel{padding:var(--space-5);max-width:880px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:var(--space-5)}.card{width:min(440px,100%);background:var(--sot-surface);border:1px solid var(--sot-card-line);border-radius:var(--radius);padding:var(--space-6)}.card h1{margin:0 0 var(--space-2);font-size:20px;color:var(--sot-navy)}.field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4);position:relative}.field textarea{min-height:220px;resize:vertical}.stack{display:flex;flex-wrap:wrap;gap:var(--space-2)}.contact-list,.suggest{list-style:none;margin:0;padding:0}.contact-list li{display:grid;gap:var(--space-1);padding:var(--space-3) 0;border-bottom:1px solid var(--sot-line)}.suggest{position:absolute;left:0;right:0;top:100%;z-index:2;background:var(--sot-surface);border:1px solid var(--sot-line);border-radius:var(--radius)}.suggest button{width:100%;text-align:left;padding:var(--space-2) var(--space-3)}.suggest button.active,.suggest button:hover{background:var(--mail-selected)}.admin-wrap{min-height:100vh;background:var(--sot-bg)}.admin-back{margin:var(--space-3) var(--space-4)}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.status-live{min-height:1.5em}@media(max-width:899px){.topbar{flex-wrap:wrap;height:auto;padding:var(--space-2) var(--space-3)}.search-form{order:5;flex-basis:100%}.workspace{grid-template-columns:1fr;height:auto}.back{display:inline-flex}.workspace[data-pane=folders] .col-list,.workspace[data-pane=folders] .col-detail,.workspace[data-pane=list] .col-folders,.workspace[data-pane=list] .col-detail,.workspace[data-pane=detail] .col-folders,.workspace[data-pane=detail] .col-list{display:none}.workspace[data-pane=detail] .detail-actions{display:flex}}:root{--sot-navy: #0f172a;--sot-blue: #2563eb;--sot-blue-dark: #1d4ed8;--sot-bg: #f8fafc;--sot-surface: #ffffff;--sot-text: #334155;--sot-muted: #64748b;--sot-line: #e2e8f0;--sot-card-line: #dbeafe;--mail-unread: #1e3a8a;--mail-star: #d97706;--mail-danger: #b91c1c;--mail-ok: #047857;--mail-selected: #eff6ff;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius: 8px;--topbar-h: 56px;--folder-w: 240px;--list-w: 380px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;color:var(--sot-text);background:var(--sot-bg);font-family:var(--font);font-size:14px;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--sot-blue);outline-offset:2px}