*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:#f3f6fa;color:#172238}body{font-size:14px}.app-header{height:72px;background:linear-gradient(110deg,#183656,#203f62);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px;box-shadow:0 2px 8px rgba(15,32,52,.25);position:sticky;top:0;z-index:20}.brand-wrap,.header-actions{display:flex;align-items:center}.brand-wrap{gap:16px}.brand-icon{width:38px;height:31px;background:#fff;color:#2d79db;border-radius:4px;display:grid;place-items:center;font-size:24px;box-shadow:0 1px 2px rgba(0,0,0,.15)}.brand-title{font-size:24px;font-weight:700;letter-spacing:-.4px}.header-actions{gap:18px}.last-updated{font-size:13px;color:#eef5ff;white-space:nowrap}.top-refresh,.panel-refresh,.logout-btn{border:0;text-decoration:none;cursor:pointer;font-weight:700}.top-refresh{background:#2e80eb;color:#fff;border-radius:6px;padding:12px 18px;font-size:14px;box-shadow:0 2px 5px rgba(0,0,0,.15)}.user-chip{display:flex;align-items:center;gap:8px;font-weight:700}.logout-btn{color:#fff;border:1px solid rgba(255,255,255,.45);padding:10px 15px;border-radius:6px}.app-main{padding:12px}.dashboard-grid{display:grid;grid-template-columns:25% 38% 37%;gap:10px;min-height:calc(100vh - 96px)}.panel{background:#fff;border:1px solid #dde4ec;border-radius:7px;box-shadow:0 1px 4px rgba(25,47,70,.08);overflow:hidden;display:flex;flex-direction:column;min-width:0}.panel-heading{height:58px;border-bottom:1px solid #e4e9ef;display:flex;align-items:center;justify-content:space-between;padding:0 13px}.panel-title{font-size:19px;font-weight:750;display:flex;align-items:center;gap:8px}.panel-icon{font-size:20px}.inbox-icon{font-size:18px}.spam-icon{width:25px;height:25px;background:#ef2d39;color:white;border-radius:6px;display:inline-grid;place-items:center;font-size:15px}.count-pill,.mail-count{background:#e8edf3;color:#3b4654;border-radius:9px;padding:3px 10px;font-size:13px;font-weight:700}.panel-refresh{background:#2f80ea;color:#fff;border-radius:5px;padding:9px 14px;font-size:13px}.panel-toolbar{padding:10px;border-bottom:1px solid #edf0f4}.search-wrap{height:38px;border:1px solid #d7dee7;border-radius:5px;display:flex;align-items:center;gap:7px;padding:0 10px;color:#6f7c8a;background:#fff}.search-wrap input{width:100%;border:0;outline:0;font-size:13px;color:#313d4b}.search-wrap input::placeholder{color:#8d98a6}.account-list,.mail-list{overflow:auto;flex:1;min-height:0}.account-list{padding:8px 7px}.account-row{width:100%;height:74px;border:0;border-left:3px solid transparent;background:#fff;border-radius:4px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:8px;padding:7px 10px;text-align:left;cursor:pointer;color:#182335}.account-row:hover{background:#f5f8fc}.account-row.active{background:#e9f3ff;border-left-color:#2e82ed}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#347ef0;color:white;font-size:18px}.account-row:nth-child(4n+2) .avatar{background:#25b84c}.account-row:nth-child(4n+3) .avatar{background:#7158e8}.account-row:nth-child(4n+4) .avatar{background:#f39a00}.account-copy{display:flex;min-width:0;flex-direction:column;gap:5px}.account-copy strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-copy small{font-size:12px;color:#6d7885;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-table-head,.mail-row{display:grid;grid-template-columns:32px minmax(125px,1.05fr) minmax(170px,1.55fr) minmax(112px,.8fr);align-items:center;column-gap:8px}.mail-table-head{height:39px;padding:0 12px;background:#f5f7fa;border-bottom:1px solid #e2e7ed;font-weight:750;font-size:12px;color:#263345}.mail-row{min-height:41px;padding:0 12px;border-bottom:1px solid #e7ebef;text-decoration:none;color:#233043}.mail-row:hover{background:#f7fbff}.fake-check{width:16px;height:16px;border:1px solid #9eabb8;border-radius:3px;background:#fff}.from-cell{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subject-cell,.date-cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subject-cell{color:#3b4653}.date-cell{color:#606c78;font-size:12px}.panel-footer{height:62px;border-top:1px solid #e5e9ef;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#465363;font-size:12px}.pager{display:flex;gap:5px}.pager button{width:32px;height:32px;border:1px solid #d4dce5;background:#fff;border-radius:5px;color:#4a5665}.pager button.active{background:#2f80ea;color:#fff;border-color:#2f80ea}.loading-state,.empty-state,.error-state{padding:28px;text-align:center;color:#788492}.error-state{color:#b4232d}.spinner{display:inline-block;width:15px;height:15px;border:2px solid #d7e3f2;border-top-color:#2f80ea;border-radius:50%;animation:spin .8s linear infinite;vertical-align:-2px;margin-right:6px}@keyframes spin{to{transform:rotate(360deg)}}
/* Shared message/login pages */
.card{background:#fff;border:1px solid #dde4ec;border-radius:7px;padding:16px;margin-bottom:12px}.btn{display:inline-block;background:#2f80ea;color:#fff;text-decoration:none;padding:9px 13px;border-radius:5px;margin-right:6px}.topline{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:12px}.topline h2{margin:7px 0}.meta{line-height:1.7}.body{background:#fff}.muted{color:#73808e}pre{font-family:Consolas,Menlo,monospace}.login-wrap{max-width:420px;margin:70px auto}.login-wrap input{width:100%;padding:11px;border:1px solid #ccd5df;border-radius:5px;margin:7px 0}.login-wrap button{width:100%;margin-top:10px;padding:11px;border:0;border-radius:5px;background:#2f80ea;color:#fff;font-weight:700}
@media(max-width:1100px){.dashboard-grid{grid-template-columns:31% 1fr 1fr}.mail-table-head,.mail-row{grid-template-columns:26px minmax(100px,1fr) minmax(130px,1.3fr) 95px}}@media(max-width:800px){.app-header{padding:0 14px}.brand-title{font-size:19px}.last-updated,.user-chip{display:none}.dashboard-grid{grid-template-columns:1fr}.panel{min-height:440px}.accounts-panel{min-height:320px}.mail-panel{min-height:520px}}

/* In-place message viewer overlay */
.mail-row-button{width:100%;border-left:0;border-right:0;border-top:0;background:#fff;font:inherit;text-align:left;cursor:pointer}.mail-row-button:focus{outline:2px solid #2f80ea;outline-offset:-2px}.modal-open{overflow:hidden}.message-modal{position:fixed;inset:0;z-index:1000;display:none}.message-modal.open{display:block}.message-modal-backdrop{position:absolute;inset:0;background:rgba(10,24,40,.60);backdrop-filter:blur(2px)}.message-modal-shell{position:absolute;inset:24px;background:#f4f7fb;border-radius:10px;box-shadow:0 24px 70px rgba(0,0,0,.32);overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.5)}.message-modal-header{height:72px;background:#fff;border-bottom:1px solid #dfe5ec;display:flex;align-items:center;padding:0 20px;gap:14px;flex:0 0 auto}.modal-close-btn,.modal-x-btn{border:1px solid #d5dde6;background:#fff;color:#26384b;cursor:pointer;border-radius:6px;display:grid;place-items:center}.modal-close-btn{width:42px;height:38px;font-size:22px}.modal-x-btn{width:38px;height:38px;font-size:27px;margin-left:auto}.message-modal-title-wrap{min-width:0;flex:1}.message-modal-kicker{text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.08em;color:#2f80ea;margin-bottom:3px}.message-modal-title-wrap h2{font-size:19px;line-height:1.2;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#18263a}.message-modal-meta{background:#fff;border-bottom:1px solid #e2e7ed;padding:10px 22px;display:grid;grid-template-columns:minmax(280px,1.5fr) minmax(220px,1fr) minmax(220px,.8fr);gap:18px;color:#475568;font-size:12px;flex:0 0 auto}.message-modal-meta>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-modal-meta b{color:#1f2d3d}.message-modal-toolbar{height:52px;background:#fff;border-bottom:1px solid #e2e7ed;display:flex;align-items:center;padding:0 20px;gap:7px;flex:0 0 auto}.viewer-tab{height:34px;padding:0 14px;border:1px solid #d5dee8;border-radius:5px;background:#fff;color:#435267;font-weight:700;cursor:pointer}.viewer-tab.active{background:#2f80ea;border-color:#2f80ea;color:#fff}.modal-spacer{flex:1}.open-new-btn{height:34px;display:flex;align-items:center;padding:0 13px;border:1px solid #d5dee8;border-radius:5px;text-decoration:none;color:#355070;background:#fff;font-weight:700;font-size:12px}.message-modal-body{position:relative;flex:1;min-height:0;background:#fff}.message-modal-body iframe{display:block;width:100%;height:100%;border:0;background:#fff}.modal-loading{position:absolute;inset:0;z-index:2;background:#fff;display:flex;align-items:center;justify-content:center;color:#647386;font-weight:700}.message-modal-body .spinner{width:18px;height:18px;margin-right:8px}
@media(max-width:900px){.message-modal-shell{inset:8px}.message-modal-meta{grid-template-columns:1fr;gap:5px}.message-modal-header{height:64px}.message-modal-toolbar{overflow-x:auto}.open-new-btn{white-space:nowrap}.message-modal-title-wrap h2{font-size:16px}}