:root{--navy:#071d35;--navy2:#0d2c4d;--red:#c83a31;--bg:#f4f7fb;--line:#dbe3ed;--text:#17263a;--muted:#5d6c7d;--ok:#18794e;--warn:#9a6700;--bad:#b42318}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:#175ea8;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:270px;background:linear-gradient(180deg,var(--navy),#031324);color:#fff;padding:24px 18px;position:fixed;inset:0 auto 0 0;overflow:auto}.brand{background:#fff;border-radius:14px;padding:14px;margin-bottom:24px}.brand img{display:block;width:100%;height:auto}.navtitle{font-size:11px;letter-spacing:.12em;opacity:.65;margin:22px 10px 8px}.nav a{display:block;color:#e7edf6;padding:10px 12px;border-radius:9px;margin:2px 0}.nav a:hover,.nav a.active{background:rgba(255,255,255,.1)}.main{margin-left:270px;width:calc(100% - 270px);padding:28px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:0 2px 8px rgba(13,44,77,.04)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat b{display:block;font-size:28px}.muted{color:var(--muted)}h1{font-size:26px;margin:0 0 5px}h2{font-size:18px}.btn{appearance:none;border:0;border-radius:9px;padding:10px 14px;font-weight:700;cursor:pointer;background:var(--navy2);color:#fff}.btn.red{background:var(--red)}.btn.light{background:#eaf0f7;color:var(--navy)}.btn.bad{background:var(--bad)}.row{display:flex;gap:12px;align-items:center}.actions{display:flex;gap:8px;flex-wrap:wrap}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.field input,.field select{width:100%;padding:11px 12px;border:1px solid #bac7d6;border-radius:9px;background:#fff}.field.full{grid-column:1/-1}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:12px 10px;vertical-align:top}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:800}.badge.ok{background:#e7f6ee;color:var(--ok)}.badge.off{background:#f2f4f7;color:#667085}.alert{padding:12px 14px;border-radius:10px;margin-bottom:16px;background:#eaf2ff;border:1px solid #c9dbf8}.alert.error{background:#fff0ef;border-color:#f3c2bd;color:#8d1d16}.alert.ok{background:#eaf7ef;border-color:#bfe4cc;color:#17633f}.login{max-width:470px;margin:7vh auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}.login .brand{max-width:330px;margin:0 auto 24px}.small{font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.footer{margin-top:28px;font-size:12px;color:var(--muted)}@media(max-width:900px){.sidebar{position:static;width:100%}.shell{display:block}.main{margin:0;width:100%}.grid,.formgrid{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:12px;flex-direction:column}}
.company-box{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);border-radius:12px;padding:12px;margin-bottom:16px}.muted-light{color:rgba(255,255,255,.68);margin-bottom:4px}.company-switch{margin-top:8px}.company-switch select,.select-inline{width:100%;padding:9px 10px;border:1px solid #bac7d6;border-radius:9px;background:#fff;color:#17263a}.select-inline{min-width:280px}.install-wide{max-width:760px}.brand-text{background:#071d35;color:#fff;border-radius:14px;padding:18px 20px;font-weight:800;font-size:21px;margin-bottom:24px;text-align:center}
.table-wrap{overflow:auto}.btn-sm{padding:7px 10px;font-size:12px}.hash-cell{font-size:11px}.mail-shell{display:grid;grid-template-columns:220px minmax(320px,1fr);gap:14px;align-items:start}.mail-folders{position:sticky;top:18px}.folder-link{display:flex;justify-content:space-between;gap:8px;padding:9px 10px;border-radius:8px;color:var(--text)}.folder-link:hover,.folder-link.active{background:#edf3f9}.folder-count{font-size:11px;color:var(--muted)}.message-row{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(260px,1.8fr) 120px;gap:12px;align-items:center;padding:12px 8px;border-bottom:1px solid var(--line);color:var(--text)}.message-row:hover{background:#f8fbfe}.message-row.unread{font-weight:700;background:#f6faff}.message-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-from{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-date{text-align:right;font-size:12px;color:var(--muted)}.mail-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.message-card{max-width:1100px}.message-meta{display:grid;grid-template-columns:100px 1fr;gap:6px 12px;font-size:13px}.message-body{margin-top:20px;border-top:1px solid var(--line);padding-top:18px;line-height:1.55;overflow-wrap:anywhere}.message-html img:not([src]){display:none}.attachments{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.attachment-chip{display:inline-block;padding:8px 10px;background:#eef3f8;border-radius:8px}.compose textarea{width:100%;min-height:130px;padding:11px 12px;border:1px solid #bac7d6;border-radius:9px;font-family:inherit}.compose .html-editor{min-height:280px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.sync-status{font-size:12px}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 8px;background:#eef3f8;font-size:11px}.empty-state{text-align:center;padding:38px 20px;color:var(--muted)}@media(max-width:900px){.mail-shell{grid-template-columns:1fr}.mail-folders{position:static}.message-row{grid-template-columns:1fr}.message-date{text-align:left}}
.inline-form{display:inline-flex;margin:0}.folder-icon{display:inline-block;width:20px;color:var(--muted);font-weight:700}.message-actions{align-items:center;margin-bottom:14px}
.mail-search{display:flex;gap:8px;align-items:center;margin-bottom:14px}.mail-search input[type=search]{flex:1;min-width:260px;padding:10px 12px;border:1px solid #bac7d6;border-radius:9px;background:#fff}@media(max-width:700px){.mail-search{flex-wrap:wrap}.mail-search input[type=search]{min-width:100%;width:100%}}
.field textarea{width:100%;padding:11px 12px;border:1px solid #bac7d6;border-radius:9px;background:#fff;font-family:inherit;resize:vertical}.code-area{font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important}.checkbox-field{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap;padding-bottom:8px}.checkbox-field label,.check-line{display:flex!important;align-items:center;gap:8px;font-weight:600!important}.checkbox-field input,.check-line input{width:auto!important}.signature-block{border-top:1px solid var(--line);margin-top:5px;padding-top:10px}.signature-block h3{margin:0 0 10px}
.advanced-search{padding:14px;margin-bottom:14px}.search-primary{display:flex;gap:8px}.search-primary input{flex:1;min-width:240px;padding:10px 12px;border:1px solid #bac7d6;border-radius:9px}.advanced-search details{margin-top:10px}.advanced-search summary{cursor:pointer;color:var(--navy2);font-weight:700;font-size:13px}.filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.filter-grid label{font-size:12px;font-weight:700}.filter-grid input,.filter-grid select{display:block;width:100%;margin-top:5px;padding:9px 10px;border:1px solid #bac7d6;border-radius:8px;background:#fff}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:18px}.disabled{pointer-events:none;opacity:.45}
.message-management{display:flex;gap:8px;flex-wrap:wrap;align-items:center;background:#f7f9fc;border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:18px}.message-management select{padding:8px 10px;border:1px solid #bac7d6;border-radius:8px;background:#fff}.editor-toolbar{display:flex;gap:5px;flex-wrap:wrap;padding:7px;background:#eef3f8;border:1px solid #bac7d6;border-bottom:0;border-radius:9px 9px 0 0}.editor-toolbar button{border:1px solid #cbd5e1;background:#fff;border-radius:6px;padding:6px 9px;cursor:pointer;color:var(--text)}.editor-toolbar button:hover{background:#f7fafc}.visual-editor,.source-editor{min-height:300px;border:1px solid #bac7d6;border-radius:0 0 9px 9px;padding:14px;background:#fff;overflow:auto;outline:none}.visual-editor:focus,.source-editor:focus{border-color:#7894b2;box-shadow:0 0 0 2px rgba(23,94,168,.08)}.source-editor{width:100%;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}.visual-editor img{max-width:100%;height:auto}.visual-editor table{max-width:100%}.draft-attachment-list{display:grid;gap:7px}.draft-attachment{display:flex!important;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;background:#f7f9fc;border:1px solid var(--line);border-radius:8px;font-weight:500!important}.draft-filter{margin-bottom:12px}.link-button{border:0;background:none;padding:0;color:#175ea8;cursor:pointer;font:inherit}.danger-link{color:var(--bad)}
@media(max-width:900px){.filter-grid{grid-template-columns:1fr}.search-primary{flex-wrap:wrap}.search-primary input{width:100%}.draft-attachment{align-items:flex-start;flex-direction:column}}