:root{--sand:#f6f4f1;--surface:#fff;--ink:#26221e;--muted:#7a736b;--line:#e7e2db;--brand:#de7214;--brand-dark:#b85c0e;--brand-soft:#fbeadb;--ok:#2e7d46;--ok-bg:#e3f2e8;--info:#2a5fa8;--info-bg:#e5eefa;--warn:#9a6a12;--warn-bg:#fbf0dc;--danger:#b3402e;--danger-bg:#f7e7e3;--star:#de7214}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--sand:#1c1916;--surface:#262119;--ink:#efeae3;--muted:#a69c90;--line:#3a342c;--brand:#f08a33;--brand-dark:#de7214;--brand-soft:#3a2a18;--ok:#5cb878;--ok-bg:#22352a;--info:#7ba7e0;--info-bg:#20304a;--warn:#d4a945;--warn-bg:#3a3020;--danger:#e0806e;--danger-bg:#42261f}}:root[data-theme=dark]{--sand:#1c1916;--surface:#262119;--ink:#efeae3;--muted:#a69c90;--line:#3a342c;--brand:#f08a33;--brand-dark:#de7214;--brand-soft:#3a2a18;--ok:#5cb878;--ok-bg:#22352a;--info:#7ba7e0;--info-bg:#20304a;--warn:#d4a945;--warn-bg:#3a3020;--danger:#e0806e;--danger-bg:#42261f}*{box-sizing:border-box;margin:0}body{background:var(--sand);color:var(--ink);min-height:100vh;font-family:Avenir Next,Seravek,Segoe UI Variable,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5}.app{min-height:100vh;display:flex}.side{border-right:1px solid var(--line);background:var(--sand);flex-direction:column;flex-shrink:0;gap:4px;width:200px;padding:20px 12px;display:flex}.logo{letter-spacing:.06em;padding:0 10px 18px;font-size:15px;font-weight:700}.logo b{color:var(--brand)}.nav{flex-direction:column;gap:2px;display:flex}.nav a,.nav .nav-muted{all:unset;color:var(--muted);border-radius:7px;justify-content:space-between;align-items:center;padding:8px 10px;font-weight:500;display:flex}.nav a{cursor:pointer}.nav .nav-muted{cursor:default;opacity:.55}.nav a:hover{background:var(--surface);color:var(--ink)}.nav a:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.nav a.active{background:var(--brand-soft);color:var(--brand-dark);font-weight:600}:root[data-theme=dark] .nav a.active{color:var(--brand)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .nav a.active{color:var(--brand)}}.nav .count{background:var(--surface);border:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:99px;padding:0 7px;font-size:11px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap;align-items:center;gap:18px;padding:14px 24px;display:flex}.topbar h1{font-size:17px;font-weight:600}.quota{color:var(--muted);align-items:center;gap:10px;margin-left:auto;font-size:12.5px;display:flex}.quota .bar{background:var(--line);border-radius:3px;width:120px;height:6px;overflow:hidden}.quota .bar i{background:var(--brand);border-radius:3px;height:100%;display:block}.quota b{color:var(--ink);font-variant-numeric:tabular-nums}.content{padding:22px 24px;overflow-x:auto}.pill{white-space:nowrap;border-radius:99px;padding:2px 9px;font-size:11.5px;font-weight:600;display:inline-block}.p-ok{background:var(--ok-bg);color:var(--ok)}.p-info{background:var(--info-bg);color:var(--info)}.p-warn{background:var(--warn-bg);color:var(--warn)}.p-danger{background:var(--danger-bg);color:var(--danger)}.p-muted{background:var(--sand);color:var(--muted);border:1px solid var(--line)}.btn{all:unset;cursor:pointer;background:var(--brand);color:#fff;text-align:center;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-block}.btn:hover{background:var(--brand-dark)}.btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.btn.ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.btn.ghost:hover{background:var(--surface)}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed}.btn:disabled:hover,.btn[disabled]:hover{background:var(--brand)}.btn.ghost:disabled:hover,.btn.ghost[disabled]:hover{background:0 0}.card{background:var(--surface);border:1px solid var(--line);border-radius:10px}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.search-form{flex:1;min-width:160px;max-width:320px}.search{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);font:inherit;border-radius:8px;padding:7px 12px}.chip{all:unset;cursor:pointer;border:1px solid var(--line);color:var(--muted);background:var(--surface);border-radius:99px;padding:4px 11px;font-size:12px;display:inline-block}.chip:hover{color:var(--ink)}.chip:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.chip.on{border-color:var(--brand);color:var(--brand-dark);background:var(--brand-soft);font-weight:600}table{border-collapse:collapse;width:100%;font-size:13.5px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid var(--line);padding:8px 12px;font-size:11.5px;font-weight:600}td{border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 12px}tbody tr{cursor:pointer}tbody tr:hover td{background:var(--brand-soft)}tbody tr:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}tbody a.company-name{color:inherit;text-decoration:none}.stars{color:var(--star);letter-spacing:1px;font-size:12px}.mailto{color:var(--muted);font-size:12.5px}.note{color:var(--muted);margin-top:10px;font-size:12px}.grid2{grid-template-columns:minmax(280px,340px) 1fr;gap:16px;display:grid}.grid2-col{flex-direction:column;gap:16px;min-width:0;display:flex}@media (max-width:900px){.grid2{grid-template-columns:1fr}}h2{margin-bottom:10px;font-size:15px;font-weight:600}.kv{grid-template-columns:130px 1fr;gap:5px 12px;padding:16px;font-size:13px;display:grid}.kv dt{color:var(--muted)}.notes-value{white-space:pre-wrap}.card-meta{color:var(--muted);padding:0 16px 16px;font-size:12px}.company-edit .form-error{color:var(--danger);margin:0;font-size:13px;font-weight:600}.company-edit .form-actions{justify-content:flex-end;gap:8px;padding:0;display:flex}.kv input,.kv select,.kv textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);font:inherit;border-radius:6px;padding:5px 8px}.kv textarea{resize:vertical;min-height:80px}.kv input:focus-visible,.kv select:focus-visible,.kv textarea:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.timeline{flex-direction:column;gap:0;padding:16px;list-style:none;display:flex}.timeline li{border-left:2px solid var(--line);margin-left:6px;padding:0 0 18px 22px;position:relative}.timeline li:last-child{padding-bottom:2px}.timeline li:before{content:"";background:var(--muted);border-radius:50%;width:10px;height:10px;position:absolute;top:3px;left:-6px}.timeline li.sent:before{background:var(--info)}.timeline li.reply:before{background:var(--ok)}.timeline .when{color:var(--muted);font-size:11.5px}.timeline .when a{color:var(--info)}.empty-state{text-align:center;color:var(--muted);padding:36px 16px;font-size:13.5px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;width:360px;max-width:100%;padding:32px;box-shadow:0 1px 2px #26221e0a}.login-card h1{font-size:20px;font-weight:800}.login-card h1 span{color:var(--brand)}.login-message{color:var(--muted);margin-top:12px;margin-bottom:0;font-size:14px}.login-label{color:var(--muted);font-size:12px;font-weight:600;display:block}.login-input{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:var(--surface);border-radius:8px;margin-top:4px;padding:10px 12px;font-size:16px;font-weight:400;display:block}.login-input-code{text-align:center;letter-spacing:.3em;font-size:24px;font-weight:700}.login-submit{background:var(--brand);color:#fff;width:100%;font:inherit;cursor:pointer;border:0;border-radius:8px;margin-top:16px;padding:10px 16px;font-size:14px;font-weight:600;display:block}.login-submit:hover{background:var(--brand-dark)}.login-submit:disabled{opacity:.6;cursor:default}.login-input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.side .foot{color:var(--muted);flex-direction:column;gap:6px;margin-top:auto;padding:10px;font-size:11px;display:flex}.foot-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.foot-logout{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;text-decoration:underline}.foot-logout:hover{color:var(--ink)}.batchrow{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:14px 16px;display:flex}.batchrow:last-child{border-bottom:none}.batchrow:hover{background:var(--brand-soft)}.batchrow-main{min-width:0;color:inherit;flex:1;align-items:center;gap:16px;text-decoration:none;display:flex}a.batchrow-main{cursor:pointer}.batchrow .meta{flex:1;min-width:0}.batchrow .meta .t{font-weight:600}.batchrow .meta .s{color:var(--muted);font-size:12px}.batchrow-rename{align-items:center;gap:8px;display:flex}.batchrow-rename-input{border:1px solid var(--line);background:var(--surface);width:160px;color:var(--ink);font:inherit;border-radius:7px;padding:6px 10px}.batchrow-rename-input:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.prog{width:180px}.prog .bar{background:var(--line);border-radius:3px;height:6px;overflow:hidden}.prog .bar i{background:var(--ok);border-radius:3px;height:100%;display:block}.prog .lbl{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:4px;font-size:11.5px}.steps{flex-wrap:wrap;gap:0;margin-bottom:18px;font-size:12.5px;display:flex}.steps span,.steps a{border:1px solid var(--line);color:var(--muted);background:var(--surface);padding:6px 14px;text-decoration:none}.steps span:first-child,.steps a:first-child{border-radius:8px 0 0 8px}.steps span:last-child,.steps a:last-child{border-radius:0 8px 8px 0}.steps span.cur{background:var(--brand-soft);color:var(--brand-dark);border-color:var(--brand);font-weight:600}.editor{width:100%;min-height:180px;font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);resize:vertical;border-radius:8px;padding:14px;font-size:13.5px}.preview-source{white-space:pre-wrap;min-height:120px}.fields{flex-wrap:wrap;gap:6px;margin:8px 0 0;display:flex}.field-chip{all:unset;cursor:pointer;background:var(--sand);border:1px solid var(--line);border-radius:6px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.field-chip:hover{border-color:var(--brand)}.field-chip:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.field-label{color:var(--muted);margin:10px 0 4px;font-size:12px;font-weight:600;display:block}.field-input{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);font:inherit;border-radius:8px;padding:7px 12px;display:block}.field-input:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.preview{border:1px solid var(--line);border-radius:10px;overflow:hidden}.preview .phead{color:var(--muted);border-bottom:1px solid var(--line);background:var(--sand);padding:10px 16px;font-size:12px}.preview .pbody{background:var(--surface);padding:22px;font-size:13.5px}.preview-frame{background:var(--surface);border:0;width:100%;min-height:420px;display:block}tbody tr.static{cursor:default}th.sel,td.sel{width:36px}.form-error{color:var(--danger);margin:0 0 12px;font-size:13px;font-weight:600}.form-error li{margin:4px 0}.settings-card{max-width:720px}.setrow{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.setrow:last-child{border-bottom:none}.setrow .l .t{font-size:13.5px;font-weight:600}.setrow .l .d{color:var(--muted);max-width:52ch;font-size:12px}.setrow-warn{color:var(--warn);margin-top:4px;font-weight:600;display:block}.setrow input,.setrow select{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;border-radius:7px;width:90px;padding:6px 10px}.setrow input.wide{width:220px;max-width:100%}.setrow select{width:auto}.setrow input:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.dns{flex-wrap:wrap;gap:8px;display:flex}.times,.sender-fields{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sender-fields{flex-direction:column;align-items:flex-end}.settings-form-error{margin:12px 16px 0}.setrow-actions{justify-content:flex-end}.suppression-table{width:100%}.suppression-table th,.suppression-table td{padding:10px 16px}.suppression-action{text-align:right;white-space:nowrap;width:1%}.inbox{grid-template-columns:minmax(240px,300px) 1fr;gap:0;min-height:420px;display:grid}@media (max-width:900px){.inbox{grid-template-columns:1fr}}.threads{border-right:1px solid var(--line)}.thread-group{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--sand);border-bottom:1px solid var(--line);padding:14px 14px 8px;font-size:11.5px;font-weight:600}a.thread{color:inherit;text-decoration:none;display:block}.thread{border-bottom:1px solid var(--line);cursor:pointer;padding:12px 14px;position:relative}.thread:hover,.thread.sel{background:var(--brand-soft)}.thread .who{font-size:13px;font-weight:600}.thread .snip{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.thread .dot{background:var(--brand);border-radius:50%;width:8px;height:8px;position:absolute;top:14px;right:12px}.msgs{flex-direction:column;gap:12px;min-height:420px;padding:18px;display:flex}.msg{border-radius:10px;max-width:56ch;padding:10px 14px;font-size:13.5px}.msg.in{background:var(--surface);border:1px solid var(--line);align-self:flex-start}.msg.out{background:var(--brand-soft);align-self:flex-end}.msg .m{color:var(--muted);margin-bottom:4px;font-size:11px}.msg .body{white-space:pre-wrap}.msg .pill{margin-bottom:6px;display:inline-block}.msg.auto{opacity:.72;background:var(--sand)}.msg.suspected{border-color:var(--warn);background:var(--warn-bg)}.msg .override{margin-top:8px}.msg .override .note,.msg .override .form-error{margin-bottom:6px}.msg .override button{all:unset;cursor:pointer;color:var(--muted);text-underline-offset:2px;font-size:12px;font-weight:600;text-decoration:underline}.msg .override button:hover{color:var(--ink)}.msg .override button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.msg .override button:disabled{opacity:.5;cursor:not-allowed}.replybox{gap:8px;margin-top:auto;padding-top:12px;display:flex}.replybox input{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;border-radius:8px;flex:1;padding:9px 13px}.replybox input:disabled{cursor:not-allowed;opacity:.7}.tiles{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px;display:grid}a.tile{color:inherit;text-decoration:none;display:block}.tile{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:10px;padding:14px 16px}.tile:hover{border-color:var(--brand)}.tile:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.tile .n{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:28px;font-weight:700}.tile .l{color:var(--muted);margin-top:2px;font-size:12.5px}.tile .s{color:var(--muted);margin-top:6px;font-size:11.5px}.action-panel-head{padding:16px 16px 8px}.action-panel-head h2{margin-bottom:0}.actionlist{margin:0;padding:0;list-style:none}.actionlist a{border-bottom:1px solid var(--line);color:inherit;align-items:center;gap:10px;padding:11px 16px;font-size:13px;text-decoration:none;display:flex}.actionlist li:last-child a{border-bottom:none}.actionlist a:hover{background:var(--brand-soft)}.actionlist a:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.actionlist .go{color:var(--muted);margin-left:auto;font-size:12px}.dashgrid{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.dashgrid>*{min-width:0}@media (max-width:900px){.dashgrid{grid-template-columns:1fr}}.chartwrap{padding:16px}.chartwrap .ct{color:var(--muted);margin-bottom:12px;font-size:12px}.bars{align-items:flex-end;gap:4px;height:96px;display:flex}.bars .bar{background:var(--info);border-radius:3px 3px 0 0;flex:1;min-width:0;min-height:2px;position:relative}.bars .bar.zero{background:var(--line);border-radius:1px;height:2px!important}.bars .bar .tip{background:var(--ink);color:var(--sand);white-space:nowrap;border-radius:5px;padding:2px 7px;font-size:10.5px;display:none;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.bars .bar:hover .tip{display:block}.bars .bar:hover{background:var(--brand)}.daxis{color:var(--muted);gap:4px;margin-top:6px;font-size:10px;display:flex}.daxis span{text-align:center;flex:1;min-width:0}
