:root{color:#17201c;background:#f5f7f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;letter-spacing:0}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{background:#087f5b;border:1px solid #087f5b;border-radius:6px;color:#fff;cursor:pointer;min-height:38px;padding:.58rem .86rem}button:hover:not(:disabled){background:#066b4d}button:disabled{cursor:not-allowed;opacity:.55}button.secondary{background:#2f5d62;border-color:#2f5d62}button.ghost{background:#fff;border-color:#cbd8d3;color:#2f3b36}h1,h2,h3,p{margin-top:0}.app-shell{margin:0 auto;max-width:1440px;min-height:100vh;padding:24px}.login-shell{align-items:center;display:grid;min-height:100vh;padding:20px;place-items:center}.login-panel{background:#fff;border:1px solid #d6e0dc;border-radius:8px;display:grid;gap:16px;max-width:440px;padding:24px;width:100%}.compact-brand{align-items:center}.topbar,.brand,.top-actions,.tabs,.section-heading,.row-actions{align-items:center;display:flex;gap:12px}.topbar{justify-content:space-between;margin-bottom:18px}.brand-mark{align-items:center;background:#e23e57;border-radius:8px;color:#fff;display:grid;font-weight:800;height:48px;place-items:center;width:48px}.brand h1{font-size:1.6rem;margin-bottom:2px}.brand p,.section-heading p,.detail-head p,.account-item p,.empty{color:#5d6b65}.health{align-items:center;background:#e8f7ed;border:1px solid #b9e3c6;border-radius:6px;display:flex;gap:8px;padding:.54rem .72rem;white-space:nowrap}.health span{background:#14a44d;border-radius:99px;height:9px;width:9px}.health.offline{background:#fff1f2;border-color:#fecdd3}.health.offline span{background:#e23e57}.account-select,input,select,textarea{background:#fff;border:1px solid #c8d5cf;border-radius:6px;color:#17201c;padding:.62rem .72rem;width:100%}textarea{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;line-height:1.5;resize:vertical}.avatar,.account-item img,.account-fallback{border-radius:8px;height:42px;width:42px}.account-fallback{align-items:center;background:#2f5d62;color:#fff;display:grid;font-weight:800;place-items:center}.tabs{border-bottom:1px solid #cddad4;margin-bottom:18px}.tabs button{background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0;color:#31413a;margin-bottom:-1px}.tabs button.active{border-bottom-color:#e23e57;color:#0f513d}.banner{border-radius:6px;margin:12px 0;padding:12px;overflow-wrap:anywhere}.banner.ok{background:#e8f7ed;border:1px solid #b9e3c6}.banner.bad{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239}.page-band,.message-pane,.detail-pane,.composer,.preview-pane{background:#fff;border:1px solid #d6e0dc;border-radius:8px;padding:18px}.section-heading{justify-content:space-between;margin-bottom:14px}.section-heading.compact h2{margin-bottom:2px}.account-grid,.message-list,.attachments,.file-list{display:grid;gap:10px}.account-item{align-items:center;border:1px solid #e3ebe7;border-radius:8px;display:grid;gap:12px;grid-template-columns:auto 1fr auto;padding:14px}.account-item h3,.account-item p{margin-bottom:3px}.mail-layout,.compose-layout{display:grid;gap:18px}.mail-layout{grid-template-columns:minmax(300px,420px) minmax(0,1fr)}.compose-layout{grid-template-columns:minmax(420px,.95fr) minmax(0,1.05fr)}.message-pane,.detail-pane,.composer,.preview-pane{min-width:0}.search-input{margin-bottom:12px}.cache-note{color:#5d6b65;font-size:.92rem;margin-bottom:12px}.message-list{max-height:68vh;overflow:auto;padding-right:4px}.message-row{background:#f7faf8;border:1px solid #d9e4df;border-radius:8px;color:#17201c;display:grid;gap:4px;padding:12px;text-align:left}.message-row:hover{background:#eef7f1}.message-row.active{background:#e8f7ed;border-color:#8fd3ad}.message-row small{color:#5d6b65}.full{width:100%}.detail-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px;min-width:0}.detail-head h2,.detail-head p{overflow-wrap:anywhere}.segmented{background:#f0f4f2;border:1px solid #d6e0dc;border-radius:8px;display:flex;padding:3px}.segmented button{background:transparent;border:0;color:#2f3b36;min-height:32px}.segmented button.active{background:#fff;border:1px solid #c8d5cf;color:#087f5b}.headers{display:grid;gap:8px 12px;grid-template-columns:56px 1fr}.headers dt{color:#5d6b65}.headers dd{margin:0;overflow-wrap:anywhere}.html-viewer,.body-preview,pre{border:1px solid #d6e0dc;border-radius:8px;max-width:100%;width:100%}.html-viewer{border:0;display:grid;gap:12px}.body-preview{background:#fff;display:block;height:72vh;min-height:560px}pre{background:#f7faf8;margin:0;min-height:560px;overflow-x:hidden;overflow-y:auto;padding:14px;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}.detail-loading{align-items:center;background:#f7faf8;border:1px solid #d6e0dc;border-radius:8px;color:#5d6b65;display:grid;min-height:300px;place-items:center}.text-fallback{border:1px solid #d6e0dc;border-radius:8px;padding:10px 12px}.text-fallback summary{cursor:pointer;color:#0f513d}.text-fallback pre{margin-top:10px;min-height:180px}.attachments{margin-top:16px}.attachments a{align-items:center;border:1px solid #d9e4df;border-radius:8px;color:#0f513d;display:flex;justify-content:space-between;padding:10px 12px;text-decoration:none}.field-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}label{display:grid;gap:6px;margin-bottom:12px}.wide{grid-column:1 / -1}.switch{align-items:center;display:flex;gap:8px}.switch input{width:auto}.file-list span{background:#f0f4f2;border:1px solid #d6e0dc;border-radius:6px;padding:8px 10px}.center{padding-top:120px;text-align:center}@media (max-width: 980px){.app-shell{padding:16px}.topbar,.section-heading,.detail-head,.top-actions{align-items:stretch;flex-direction:column}.mail-layout,.compose-layout,.field-grid,.account-item{grid-template-columns:1fr}.message-list{max-height:none}}