:root { --ink:#16243d; --muted:#78869a; --line:#e9edf3; --blue:#245bd7; --blue-soft:#edf3ff; --bg:#f5f7fb; }
* { box-sizing:border-box; }
html,body { margin:0; min-height:100%; background:var(--bg); color:var(--ink); font-family:"PingFang SC","Microsoft YaHei",var(--font-geist-sans),sans-serif; }
button,input { font:inherit; }
button { color:inherit; }
.shell { min-height:100vh; display:flex; }
.sidebar { position:fixed; inset:0 auto 0 0; width:238px; padding:27px 18px 18px; color:#dfe8f7; background:linear-gradient(180deg,#14243c,#101c31 72%); display:flex; flex-direction:column; z-index:20; }
.brand { height:60px; padding:0 9px; display:flex; gap:12px; align-items:center; font-size:18px; font-weight:700; letter-spacing:.04em; color:#fff; }
.brand-mark,.mobile-brand { width:39px; height:39px; border-radius:11px; border:0; display:grid; place-items:center; color:#fff; background:linear-gradient(145deg,#4f7de7,#2760d7); box-shadow:0 7px 20px #07142880; font-family:serif; }
.brand small { display:block; color:#71809a; font-size:9px; letter-spacing:.2em; margin-top:3px; }
nav { margin-top:36px; display:grid; gap:8px; }
.nav-item { width:100%; border:0; background:transparent; color:#8291aa; padding:13px 16px; border-radius:10px; display:flex; gap:13px; align-items:center; cursor:pointer; text-align:left; font-size:14px; }
.nav-item span { width:24px; flex:0 0 24px; display:inline-flex; align-items:center; justify-content:center; font-size:18px; line-height:1; text-align:center; }
.nav-item:hover,.nav-item.active { color:#fff; background:#253a58; }
.server-card { margin:auto 3px 22px; border:1px solid #2d405b; background:#182940; border-radius:11px; padding:13px 14px; }
.server-card div { font-size:12px; color:#e7edf7; display:flex; align-items:center; gap:8px; }
.server-card i,.status i { display:inline-block; width:7px; height:7px; border-radius:50%; background:#36c684; box-shadow:0 0 0 4px #36c6841b; }
.server-card span { display:block; font-size:10px; color:#6f8098; margin:7px 0 0 15px; }
.admin-card { border-top:1px solid #283950; padding:18px 4px 2px; display:flex; align-items:center; gap:10px; }
.avatar { width:34px; height:34px; background:#315a9c; color:#dfeafe; border-radius:50%; display:grid; place-items:center; font-size:12px; }
.admin-card div:nth-child(2) { min-width:0; flex:1; }
.admin-card strong,.admin-card span { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.admin-card strong { font-size:12px; color:#e8eef7; }
.admin-card span { font-size:9px; color:#70809a; margin-top:4px; }
.admin-card button { border:0; color:#70809a; background:transparent; cursor:pointer; }
.workspace { min-width:0; flex:1; margin-left:238px; }
.topbar { height:67px; padding:0 32px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); background:#fff; }
.breadcrumbs { display:flex; align-items:center; gap:10px; font-size:12px; }
.breadcrumbs button { border:0; padding:0; cursor:pointer; background:transparent; color:#6e7c90; }
.breadcrumbs button:last-child { color:#223551; font-weight:600; }
.breadcrumbs span { color:#c6ced9; }.breadcrumbs em { font-style:normal; color:#9aa4b4; }
.top-actions { display:flex; align-items:center; gap:20px; color:#7b8798; font-size:11px; }
.icon-button { position:relative; border:0; background:transparent; font-size:20px; cursor:pointer; }
.icon-button b { position:absolute; right:-5px; top:-5px; display:grid; place-items:center; width:14px; height:14px; color:#fff; background:#e65d5d; font-size:8px; border-radius:50%; }
.mobile-brand { display:none; }
.mobile-logout,.mobile-users,.mobile-logs{display:none}
.content { max-width:1320px; margin:0 auto; padding:42px 40px; }
.page-heading { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:29px; }
.eyebrow { margin:0 0 7px; color:#4773d5; font-size:9px; font-weight:800; letter-spacing:.18em; }
.page-heading h1 { margin:0; font-family:serif; font-size:31px; letter-spacing:-.03em; }
.page-heading p:not(.eyebrow) { color:#8490a1; font-size:12px; margin:10px 0 0; }
.primary { border:0; background:#245bd7; color:#fff; border-radius:9px; padding:11px 17px; font-size:12px; font-weight:650; cursor:pointer; box-shadow:0 7px 17px #245bd72b; }
.primary:hover { background:#174bc2; }.primary span { font-size:17px; margin-right:6px; vertical-align:-1px; }
.stats { display:grid; grid-template-columns:repeat(3,1fr); gap:17px; margin-bottom:20px; }
.stats article { min-height:103px; background:#fff; border:1px solid var(--line); border-radius:12px; padding:19px 20px; display:flex; align-items:center; gap:15px; }
.stat-icon { width:44px; height:44px; display:grid; place-items:center; border-radius:11px; font-size:15px; }.stat-icon.blue{background:#eaf1ff;color:#3267dc}.stat-icon.amber{background:#fff4e4;color:#e6a13b}.stat-icon.mint{background:#e9f8f2;color:#2eae7a}
.stats small,.stats strong,.stats em { display:block; }.stats small { color:#8994a4; font-size:10px; }.stats strong { font-family:serif; font-size:23px; margin:3px 0 1px; }.stats em { color:#a6aebb; font-size:9px; font-style:normal; }
.panel { background:#fff; border:1px solid var(--line); border-radius:12px; overflow:hidden; }
.panel-toolbar { min-height:75px; padding:16px 20px; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; }
.panel-toolbar h2 { margin:0 10px 0 0; display:inline; font-size:14px; }.panel-toolbar>div>span { color:#9aa5b5; font-size:10px; }
.search { width:220px; height:35px; border:1px solid #e2e7ee; background:#f9fafc; border-radius:8px; display:flex; align-items:center; gap:7px; padding:0 11px; color:#9ca7b7; }
.search input { width:100%; border:0; outline:0; background:transparent; color:#26364e; font-size:11px; }
.table-wrap { overflow:auto; }
table { width:100%; border-collapse:collapse; min-width:750px; }
th { background:#fafbfc; padding:11px 20px; color:#9aa5b4; font-size:9px; font-weight:600; text-align:left; }
td { padding:14px 20px; border-top:1px solid #f0f2f5; font-size:11px; }
.mailbox-name { display:flex; align-items:center; gap:11px; }.mailbox-name>span { width:35px; height:35px; border-radius:9px; display:grid; place-items:center; background:#edf3ff; color:#3064d5; font-weight:700; }
.mailbox-name strong,.mailbox-name small { display:block; }.mailbox-name strong { font-size:11px; }.mailbox-name small { color:#9aa4b3; font-size:9px; margin-top:4px; }
.status { border-radius:15px; padding:5px 9px; font-size:9px; }.status.on { background:#ebf8f3;color:#29966c}.status.off { background:#f0f1f3;color:#929ba8}.status.off i{background:#9ea6b2;box-shadow:none}.status i{width:5px;height:5px;margin-right:6px;vertical-align:1px}
.unread-count { display:inline-block; margin-left:8px; color:#2b62d8; background:#eef4ff; padding:3px 6px; border-radius:8px; font-size:8px; }.storage{color:#69768a}.row-actions{display:flex;gap:7px}.row-actions button{cursor:pointer}.view{border:1px solid #d8e1f2;background:#fff;color:#275ac8;border-radius:7px;padding:7px 11px;font-size:9px}.view:hover{background:#f1f5fd}.more{border:0;background:transparent;color:#9ca5b2;letter-spacing:1px}
.created-date,.created-date small{display:block}.created-date{color:#536176}.created-date small{color:#9aa5b4;font-size:8px;margin-top:3px}.never-login{color:#a0a9b6;font-size:9px}
.mail-view { height:calc(100vh - 67px); display:grid; grid-template-columns:minmax(360px,42%) 1fr; background:#fff; }
.message-list { min-width:0; border-right:1px solid var(--line); display:flex; flex-direction:column; }
.mail-header { min-height:79px; padding:16px 22px; display:flex; align-items:center; gap:13px; border-bottom:1px solid var(--line); }.back{width:31px;height:31px;border:1px solid #e2e7ee;border-radius:8px;background:#fff;cursor:pointer}.mail-header p{margin:0 0 4px;color:#9aa5b4;font-size:9px}.mail-header h2{margin:0;font-size:14px}.mail-count{margin-left:auto;color:#2e61cf;background:#edf3ff;padding:5px 8px;border-radius:10px;font-size:9px}
.message-search { margin:14px 20px 10px; width:auto; flex:none; }.filter-row{padding:0 20px 12px;display:flex;gap:5px;border-bottom:1px solid var(--line)}.filter-row button{border:0;background:transparent;color:#8a95a5;padding:6px 9px;border-radius:7px;font-size:9px;cursor:pointer}.filter-row button.active{background:#edf3ff;color:#275ece}.filter-row .refresh{margin-left:auto;font-size:14px}
.messages{overflow-y:auto;flex:1}.message-card{width:100%;border:0;border-bottom:1px solid #eef1f4;background:#fff;padding:15px 20px;display:flex;gap:12px;text-align:left;cursor:pointer}.message-card:hover,.message-card.selected{background:#f5f8fe}.message-card.unread{position:relative}.message-card.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#2b64da}.sender-avatar{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:9px;font-weight:650}.sender-avatar.coral{background:#d57d6e}.sender-avatar.green{background:#52a982}.sender-avatar.red{background:#d85e63}.sender-avatar.blue{background:#5278b8}.sender-avatar.orange{background:#d79552}.sender-avatar.violet{background:#836eb3}
.message-copy{min-width:0;flex:1;display:block}.sender-line{display:flex;justify-content:space-between;gap:10px}.sender-line strong{font-size:10px}.sender-line time{color:#9ca6b4;font-size:8px}.message-copy>b{display:block;margin:5px 0 4px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-copy>small{display:block;color:#929dad;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-meta{display:block;height:13px;margin-top:5px;color:#6f7e92;font-size:8px}
.reader{min-width:0;background:#fff}.reader-toolbar{height:55px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;padding:0 27px}.reader-toolbar button{border:0;background:transparent;color:#7c899c;font-size:16px;margin-left:15px;cursor:pointer}.reader-toolbar .mobile-back{display:none}.mail-content{max-width:760px;margin:0 auto;padding:40px 50px}.mail-content h1{font-family:serif;margin:0 0 25px;font-size:25px;line-height:1.35}.from-row{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);padding-bottom:22px}.from-row div{flex:1}.from-row strong,.from-row span{display:block}.from-row strong{font-size:11px}.from-row span{color:#9aa4b3;font-size:9px;margin-top:4px}.from-row time{color:#8e99a8;font-size:9px}.mail-body{padding:27px 2px;color:#48566b;font-size:12px;line-height:2}.mail-body p{margin:0 0 13px}.signature{margin-top:25px!important}.attachment{width:100%;max-width:390px;border:1px solid #e4e9f0;background:#fafbfd;border-radius:10px;padding:11px;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer}.attachment>span{width:39px;height:39px;border-radius:7px;background:#e8f5ed;color:#3b9562;display:grid;place-items:center;font-size:8px;line-height:1.1}.attachment div{flex:1}.attachment strong,.attachment small{display:block}.attachment strong{font-size:10px}.attachment small{font-size:8px;color:#9aa4b3;margin-top:4px}.attachment em{font-style:normal;color:#7e8b9e}.reader-empty,.empty{height:100%;display:grid;place-content:center;justify-items:center;text-align:center;color:#9aa5b5}.reader-empty span,.empty span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#f0f4fa;color:#7190c8;font-size:23px}.reader-empty h3,.empty h3{color:#526176;font-size:13px;margin:15px 0 6px}.reader-empty p,.empty p{font-size:10px;margin:0}.empty{height:300px}
.modal-backdrop{position:fixed;inset:0;background:#0a162a8c;z-index:50;display:grid;place-items:center;padding:20px;backdrop-filter:blur(3px)}.modal{width:min(430px,100%);background:#fff;border-radius:15px;padding:25px;box-shadow:0 25px 80px #07112766}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.modal-head h2{margin:0;font-family:serif;font-size:24px}.modal-head button{border:0;background:transparent;font-size:24px;color:#8d98a8;cursor:pointer}.modal label{display:block;font-size:13px;font-weight:600;margin-bottom:20px}.modal label>input,.address-input{width:100%;height:48px;margin-top:9px;border:1px solid #dde3eb;border-radius:8px;background:#fafbfd}.modal label>input{padding:0 14px;outline:0;font-size:15px}.address-input{display:flex;align-items:center;overflow:hidden}.address-input input{min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent;padding:0 14px;font-size:15px}.address-input span{height:100%;display:flex;align-items:center;padding:0 14px;background:#f0f3f7;color:#5f6f86;font-size:14px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:27px}.modal-actions>button:not(.primary){border:1px solid #dfe4eb;background:#fff;border-radius:8px;padding:10px 17px;font-size:11px;cursor:pointer}.toast{position:fixed;z-index:100;left:50%;bottom:30px;transform:translateX(-50%);background:#16253b;color:#fff;border-radius:9px;padding:11px 17px;font-size:11px;box-shadow:0 12px 35px #101c3044}.toast span{color:#58d29e;margin-right:8px}
.modal select{width:100%;height:48px;margin-top:9px;padding:0 14px;border:1px solid #dde3eb;border-radius:8px;background:#fafbfd;color:#26364e;outline:0;font-size:15px;font-weight:600}
.reader-toolbar .download-pdf{border:1px solid #cfdcf3;background:#fff;color:#245bd7;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:650;cursor:pointer}.reader-toolbar .download-pdf:hover{background:#edf3ff}
@media(max-width:850px){.sidebar{display:none}.workspace{margin-left:0}.topbar{height:58px;padding:0 16px}.mobile-brand{display:grid;width:33px;height:33px}.breadcrumbs{margin-right:auto;margin-left:12px}.today{display:none}.content{padding:27px 17px}.page-heading{align-items:center}.page-heading h1{font-size:25px}.page-heading p:not(.eyebrow){display:none}.stats{grid-template-columns:repeat(3,1fr);gap:8px}.stats article{padding:14px 10px;min-height:85px}.stat-icon{display:none}.stats strong{font-size:18px}.panel-toolbar{padding:13px}.mail-view{height:calc(100vh - 58px);grid-template-columns:1fr}.message-list{border:0}.reader{display:none;position:absolute;inset:58px 0 0;z-index:10}.reader.open{display:block;overflow-y:auto}.reader-toolbar{justify-content:space-between;padding:0 15px}.reader-toolbar .mobile-back{display:block;margin:0;font-size:11px}.mail-content{padding:28px 22px}.mail-content h1{font-size:21px}.from-row time{display:none}}
@media(max-width:560px){.stats{grid-template-columns:1fr 1fr}.stats article:nth-child(3){display:none}.page-heading{margin-bottom:20px}.primary{padding:10px 12px}.panel-toolbar{align-items:flex-start;gap:10px;flex-direction:column}.search{width:100%}.mailbox-panel{border-radius:10px}th,td{padding-left:14px;padding-right:14px}.mail-view{grid-template-columns:1fr}.mail-header{padding:13px 14px}.message-search{margin-left:14px;margin-right:14px}.filter-row{padding-left:14px;padding-right:14px}.message-card{padding-left:14px;padding-right:14px}.mail-content{padding:24px 18px}.top-actions{gap:6px}}

.hidden{display:none!important}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#edf3ff,#f7f9fc 55%,#e8effb)}.login-card{width:min(420px,100%);background:#fff;border:1px solid #e3e8f0;border-radius:18px;padding:34px;box-shadow:0 22px 70px #16243d1c}.login-brand{color:var(--ink);padding:0;margin-bottom:34px}.login-card h1{font-family:serif;font-size:27px;margin:0 0 26px}.login-card label{display:block;font-size:14px;font-weight:650;margin-bottom:18px}.login-card input{width:100%;height:48px;margin-top:8px;padding:0 14px;border:1px solid #dbe2ec;border-radius:9px;outline:0;font-size:15px}.login-card .primary{width:100%;height:46px;margin-top:6px}.form-error{min-height:18px;color:#c94b55;font-size:12px;text-align:center}.admin-card>#logout{font-size:11px}.safe-mail-frame{width:100%;min-height:500px;border:0;margin-top:22px;background:#fff}.pre-wrap{white-space:pre-wrap}.table-wrap>.empty{height:260px}.modal input{font-size:15px}

/* Larger, more readable type throughout the management console. */
.nav-item{font-size:16px}.server-card div{font-size:14px}.server-card span{font-size:12px}.admin-card strong{font-size:14px}.admin-card span{font-size:11px}
.breadcrumbs,.page-heading p:not(.eyebrow){font-size:14px}.top-actions{font-size:13px}.eyebrow{font-size:11px}.page-heading h1{font-size:34px}.primary{font-size:14px}
.stats small{font-size:13px}.stats strong{font-size:25px}.stats em{font-size:11px}.panel-toolbar h2{font-size:18px}.panel-toolbar>div>span{font-size:13px}.search input{font-size:14px}
th{font-size:13px}td{font-size:14px}.mailbox-name strong{font-size:15px}.mailbox-name small{font-size:13px}.status{font-size:12px}.created-date{font-size:14px}.created-date small,.never-login{font-size:12px}.view{font-size:13px;padding:9px 14px}
.mail-header p{font-size:12px}.mail-header h2{font-size:17px}.filter-row button{font-size:13px}.sender-line strong{font-size:14px}.sender-line time{font-size:12px}.message-copy>b{font-size:14px}.message-copy>small{font-size:12px}.message-meta{font-size:11px}.mail-content h1{font-size:28px}.from-row strong{font-size:14px}.from-row span,.from-row time{font-size:12px}.mail-body{font-size:15px}.attachment strong{font-size:13px}.attachment small{font-size:11px}
.mailbox-panel th{font-size:14px}.mailbox-panel td{font-size:15px}.mailbox-panel .mailbox-name strong{font-size:16px}.mailbox-panel .view{min-width:94px;font-size:14px;font-weight:650;padding:10px 16px}.mailbox-panel .created-date{font-size:15px}.mailbox-panel .created-date small,.mailbox-panel .never-login{font-size:13px}.delete-action{padding:8px 12px!important;border:1px solid #efc9cc!important;border-radius:7px!important;background:#fff!important;color:#c94b55!important;font-size:13px!important;letter-spacing:0!important}.refresh-text{margin-left:auto!important;border:1px solid #d6e0f1!important;background:#fff!important;color:#245bd7!important;padding:7px 13px!important;font-size:13px!important;font-weight:650!important}.refresh-text:hover{background:#edf3ff!important}
.mailbox-filters{display:flex;align-items:center;gap:10px}.mailbox-filters .search{width:320px}
@media(max-width:760px){.mailbox-filters{width:100%;flex-direction:column}.mailbox-filters .search{width:100%}}
.brand-logo{width:46px;height:46px;object-fit:cover;border-radius:10px;flex:none}.brand>span{font-size:17px}.login-brand .brand-logo{width:54px;height:54px}.mobile-brand{padding:0;overflow:hidden}.mobile-brand img{width:100%;height:100%;object-fit:cover}.admin-card{margin-top:auto}.stats{grid-template-columns:repeat(2,1fr)}.result-count{color:#8995a7;font-size:13px;white-space:nowrap}
@media(max-width:760px){.panel-toolbar{align-items:flex-start}.result-count{margin-top:4px}.stats{grid-template-columns:1fr 1fr}}
.restricted-card{min-height:420px;display:grid;place-content:center;justify-items:center;text-align:center;background:#fff;border:1px solid var(--line);border-radius:14px}.restricted-card>span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#eaf7f1;color:#2da979;font-size:25px}.restricted-card h1{font-family:serif;font-size:28px;margin:20px 0 8px}.restricted-card p{color:#8995a7;font-size:14px}.users-table td>strong,.users-table td>small{display:block}.users-table td>small{margin-top:5px;color:#9aa5b4;font-size:12px}.users-table select,.password-reset{height:38px;border:1px solid #dbe2ec;border-radius:8px;background:#fff;padding:0 10px;font-size:13px}.password-reset{width:190px}.switch-label{display:flex;align-items:center;gap:7px;font-size:13px}.user-actions{display:flex;gap:8px}.danger-button{border:1px solid #f0c8cb;background:#fff;color:#c94b55;border-radius:7px;padding:9px 13px;font-size:12px;cursor:pointer}.no-delete{color:#b2bac5}.users-table{min-width:850px}
.mobile-delete{display:none}

@media(max-width:560px){
  body{font-size:15px}
  .topbar{height:62px;padding:0 18px;background:#14243c;border:0;color:#fff}
  .mobile-brand{width:38px;height:38px;border-radius:10px;box-shadow:none}
  .breadcrumbs{margin-left:12px;font-size:16px}.breadcrumbs button{color:#fff!important;font-weight:700}.breadcrumbs span{display:none}
  .top-actions{display:none}
  .mobile-users,.mobile-logs,.mobile-logout{display:block;padding:7px 9px;border:1px solid #ffffff55;border-radius:8px;background:transparent;color:#fff;font-size:12px}
  .mobile-users{margin-left:auto}.mobile-logs,.mobile-logout{margin-left:6px}
  .content{padding:24px 16px 34px}
  .page-heading{align-items:center;margin-bottom:22px}.page-heading h1{font-family:inherit;font-size:24px}.page-heading .primary{height:42px;border-radius:9px;padding:0 14px;font-size:14px}
  .stats{gap:12px;margin-bottom:16px}.stats article{min-height:96px;padding:18px;border-radius:13px;box-shadow:0 5px 18px #16243d0b}.stats small{font-size:13px}.stats strong{font-family:inherit;font-size:28px;margin-top:7px}.stats em{display:none}
  .mailbox-panel{border:0;background:transparent;overflow:visible}
  .panel-toolbar{min-height:auto;padding:0;margin-bottom:16px;border:0;display:flex;flex-direction:column;gap:8px}
  .mailbox-filters,.mailbox-filters .search{width:100%}.mailbox-filters .search{height:48px;padding:0 15px;border-radius:12px;background:#fff;font-size:17px}.search input{font-size:16px}
  .result-count{font-size:13px;margin:0 2px}
  .mailbox-panel .table-wrap{overflow:visible}
  .mailbox-panel table,.mailbox-panel tbody{display:block;min-width:0;width:100%}
  .mailbox-panel thead{display:none}
  .mailbox-panel tbody{display:grid;gap:14px}
  .mailbox-panel tr{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:9px;row-gap:17px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 18px #16243d0b}
  .mailbox-panel td{display:block;padding:0;border:0;min-width:0}
  .mailbox-panel td:first-child{grid-column:1/-1}
  .mailbox-panel td:nth-child(3){grid-column:1;grid-row:2}
  .mailbox-panel td:nth-child(2){grid-column:2;grid-row:2}
  .mailbox-panel td:nth-child(4){grid-column:3;grid-row:2}
  .mailbox-name{gap:13px}.mailbox-name>span{width:46px;height:46px;border-radius:12px;font-size:17px;flex:none}.mailbox-panel .mailbox-name strong{font-size:16px;line-height:1.45;white-space:normal;overflow-wrap:anywhere}
  .mailbox-panel .created-date,.mailbox-panel .never-login{font-size:12px;color:#8995a7}.mailbox-panel .created-date:before{content:"最后登录 ";color:#9ca6b4}.mailbox-panel .created-date small{display:inline;margin:0 0 0 5px;font-size:12px}
  .mailbox-panel .view{min-width:0;height:36px;padding:0 12px;border:0;border-radius:8px;background:#245bd7;color:#fff;font-size:13px}
  .mailbox-panel .delete-action{height:32px;padding:0 10px;border:1px solid #efc9cc;border-radius:8px;background:#fff;color:#c94b55;font-size:12px!important;letter-spacing:0}
  .desktop-delete{display:none}.mobile-delete{display:inline}
  .mail-view{height:calc(100vh - 62px)}.reader{inset:62px 0 0}.reader-toolbar .download-pdf{display:none}.mail-header h2{font-size:16px;overflow-wrap:anywhere}.message-card{padding-top:17px;padding-bottom:17px}.sender-line strong,.message-copy>b{font-size:14px}.mail-content{padding:24px 17px}.mail-content h1{font-family:inherit;font-size:23px}
  .modal{padding:22px 18px;border-radius:16px}.modal-head h2{font-family:inherit;font-size:23px}
  .login-page{padding:20px}.login-card{padding:28px 22px;border-radius:18px}.login-card h1{font-family:inherit;font-size:25px}
}

/* Auto dark theme: system dark mode, or local time from 19:00 to 07:00. */
html[data-theme="dark"]{color-scheme:dark;--ink:#e7edf7;--muted:#9ba8bb;--line:#2a3546;--blue:#6f98ff;--blue-soft:#1d3155;--bg:#0d1420}
html[data-theme="dark"] body{background:#0d1420;color:#e7edf7}
html[data-theme="dark"] .workspace,
html[data-theme="dark"] .content{background:#0d1420}
html[data-theme="dark"] .topbar,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .stats article,
html[data-theme="dark"] .mailbox-panel tr,
html[data-theme="dark"] .message-list,
html[data-theme="dark"] .reader,
html[data-theme="dark"] .mail-content,
html[data-theme="dark"] .message-card,
html[data-theme="dark"] .modal,
html[data-theme="dark"] .login-card,
html[data-theme="dark"] .restricted-card{background:#151e2c;color:#e7edf7;border-color:#2a3546}
html[data-theme="dark"] .login-page{background:linear-gradient(145deg,#0b111b,#111b2a 55%,#0d1725)}
html[data-theme="dark"] .page-heading p:not(.eyebrow),
html[data-theme="dark"] .result-count,
html[data-theme="dark"] .stats small,
html[data-theme="dark"] .stats em,
html[data-theme="dark"] .created-date,
html[data-theme="dark"] .created-date small,
html[data-theme="dark"] .never-login,
html[data-theme="dark"] .mail-header p,
html[data-theme="dark"] .sender-line time,
html[data-theme="dark"] .message-meta,
html[data-theme="dark"] .from-row span,
html[data-theme="dark"] .from-row time{color:#94a2b6}
html[data-theme="dark"] .search,
html[data-theme="dark"] .modal label>input,
html[data-theme="dark"] .address-input,
html[data-theme="dark"] .modal select,
html[data-theme="dark"] .login-card input,
html[data-theme="dark"] .password-reset,
html[data-theme="dark"] .users-table select{background:#101927;color:#e7edf7;border-color:#344155}
html[data-theme="dark"] .search input,
html[data-theme="dark"] .address-input input{color:#e7edf7}
html[data-theme="dark"] th{background:#111a27;color:#9ba8bb}
html[data-theme="dark"] td,
html[data-theme="dark"] .panel-toolbar,
html[data-theme="dark"] .message-card,
html[data-theme="dark"] .mail-header,
html[data-theme="dark"] .filter-row,
html[data-theme="dark"] .from-row,
html[data-theme="dark"] .reader-toolbar{border-color:#2a3546}
html[data-theme="dark"] .message-card:hover,
html[data-theme="dark"] .message-card.selected{background:#1b2738}
html[data-theme="dark"] .mailbox-name>span,
html[data-theme="dark"] .stat-icon.blue,
html[data-theme="dark"] .filter-row button.active{background:#1d3155;color:#82a8ff}
html[data-theme="dark"] .view,
html[data-theme="dark"] .refresh-text,
html[data-theme="dark"] .modal-actions>button:not(.primary),
html[data-theme="dark"] .back,
html[data-theme="dark"] .reader-toolbar .download-pdf{background:#172233!important;color:#8fb0ff!important;border-color:#3b4c67!important}
html[data-theme="dark"] .address-input span{background:#202c3d;color:#b8c3d2}
html[data-theme="dark"] .safe-mail-frame{background:#fff;border-radius:8px}
html[data-theme="dark"] .toast{background:#e8eef7;color:#142033}
.log-actions{display:flex;align-items:center;gap:9px}.logs-table{min-width:900px}.logs-table td{vertical-align:top}.logs-table strong{font-size:13px}.log-context{max-width:360px;color:#78869a;overflow-wrap:anywhere;white-space:normal}

@media(max-width:560px){
  html[data-theme="dark"] .topbar{background:#0a1321}
  html[data-theme="dark"] .mailbox-filters .search,
  html[data-theme="dark"] .mailbox-panel tr{background:#151e2c}
}