@charset "UTF-8";
:root{--bg:#f6f7fb;--surface:#fff;--ink:#24273b;--muted:#9396a7;--line:#eceef4;--purple:#7962de;--purple-dark:#6650c7;--purple-soft:#f1edff;--sidebar:#1b1d30;--green:#39aa86;--shadow:0 4px 24px #22254104}
*{box-sizing:border-box}body{margin:0;font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);font-size:13px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{opacity:.5;cursor:default}button,a,input,select{outline:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #a696ee;outline-offset:3px}input:focus-visible{box-shadow:0 0 0 3px #7962de20;border-color:#a493e9}button{transition:background .16s,color .16s,box-shadow .16s,transform .16s}svg{width:20px;height:20px;flex-shrink:0;vertical-align:middle}button svg{pointer-events:none}a{color:inherit;text-decoration:none}button [data-icon]{display:inline-flex}button{border:0;background:transparent}button:hover{filter:brightness(.99)}[hidden]{display:none!important}.app-layout{display:flex;height:100dvh;min-height:640px;overflow:hidden}.sidebar{width:224px;min-width:224px;background:var(--sidebar);color:#b2b4c9;padding:30px 18px 0;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 11px;color:#fff}.brand-mark{width:36px;height:36px;display:grid;place-items:center;background:#8c77ec;border-radius:11px;box-shadow:0 5px 16px #7962de30;transform:rotate(-5deg)}.brand-mark svg{width:23px;height:23px;transform:rotate(5deg)}.brand-word{font-size:23px;font-weight:650;letter-spacing:-.7px}.brand-word>span{display:inline-block;font-size:11px;font-weight:400;letter-spacing:1px;color:#999bb5;margin-left:8px}.workspace-switch{display:flex;align-items:center;gap:10px;border:1px solid #353749;border-radius:9px;padding:10px;margin:34px 0 28px}.workspace-avatar{height:31px;width:31px;display:grid;place-items:center;background:#33364b;border-radius:7px;font-size:14px;font-weight:600;color:#dbdcec}.workspace-switch>div{flex:1}.workspace-switch strong{font-size:12px;font-weight:500;color:#dfdfeb;display:block}.workspace-switch small{font-size:10px;color:#81869e;display:block;margin-top:4px}.workspace-switch>span:last-child svg{width:14px}.nav-section-label{font-size:10px;letter-spacing:1px;color:#737993;padding:0 13px;margin-bottom:12px}.main-nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;text-align:left;height:42px;border-radius:8px;padding:0 13px;color:#a5aac1;font-size:12px;width:100%}.nav-item>span:first-child svg{width:18px;height:18px}.nav-item:hover{background:#282b42;color:#e9e7ff}.nav-item.active,.nav-item.is-active{color:#e1d9ff;background:#7962de26}.nav-item.active>span:first-child,.nav-item.is-active>span:first-child{color:#b09afc}.nav-label{flex:1}.nav-count{font-size:10px;color:#b6a6ef;min-width:23px;height:20px;background:#7962de24;display:grid;place-items:center;border-radius:5px}.sidebar-divider{height:1px;background:#303347;margin:22px 11px}.domain-heading{display:flex;align-items:center;justify-content:space-between}.domain-heading>span{font-size:10px;letter-spacing:0}.domain-list{display:grid;gap:3px;max-height:180px;overflow:auto}.domain-item,.domain-button,.domain-row{display:flex;align-items:center;gap:10px;width:100%;height:37px;padding:0 13px;font-size:11px;color:#adb1c7;border-radius:7px;text-align:left;white-space:nowrap}.domain-item:hover,.domain-button:hover,.domain-row:hover,.domain-item.is-active,.domain-item.active,.domain-button.active,.domain-button.is-active{background:#2b2e45;color:#ebe6ff}.domain-item svg,.domain-button svg{width:15px;height:15px;color:#777e9b}.domain-dot{height:6px;width:6px;background:#9b8ed5;border-radius:50%;flex-shrink:0}.domain-name{overflow:hidden;text-overflow:ellipsis;flex:1}.domain-mail-count,.domain-count{font-size:10px;color:#737b9b;margin-left:auto}.auto-access-link{display:flex;align-items:center;gap:8px;color:#888da8;font-size:10px;padding:13px;margin-top:8px;white-space:nowrap}.auto-access-link svg{width:13px;height:13px}.auto-access-link>span:nth-child(2){flex:1;text-align:left}.auto-access-link:hover{color:#b8a5ff}.sidebar-spacer{flex:1;min-height:25px}.demo-card{background:linear-gradient(120deg,#30314e,#282b43);border:1px solid #3a3b58;border-radius:11px;padding:15px 14px;margin:0 0 22px}.demo-orb{display:inline-flex;color:#bbabff;margin-bottom:11px}.demo-orb svg{width:19px;height:19px}.demo-card strong{display:block;color:#dedbec;font-size:12px;font-weight:500}.demo-card p{font-size:10px;line-height:1.9;color:#979bb8;margin:7px 0 12px}.demo-card button{display:flex;gap:7px;align-items:center;color:#c1b2f6;font-size:10px;padding:0}.demo-card button svg{width:12px;height:12px}.sidebar-footer{border-top:1px solid #31344a;display:flex;gap:10px;align-items:center;padding:20px 7px}.profile-avatar{width:32px;height:32px;background:#e0d9c8;color:#5f5747;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:600}.sidebar-footer strong{color:#d6d6e5;font-size:11px;font-weight:500;display:block}.sidebar-footer small{font-size:9px;color:#7d859d;display:flex;align-items:center;gap:5px;margin-top:4px}.profile-shield{margin-left:auto;color:#676f88}.profile-shield svg{height:16px;width:16px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#53b492;flex-shrink:0}.main-area{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;padding:29px 30px 24px;gap:20px;flex-shrink:0}.eyebrow{font-size:9px;letter-spacing:1.65px;color:#9b9eaf;font-weight:600;margin-bottom:8px}.page-heading h1{font-size:25px;line-height:1.3;font-weight:650;letter-spacing:-.8px;margin:0;display:flex;align-items:center;gap:12px}.preview-badge{letter-spacing:.3px;font-weight:400;font-size:9px;padding:4px 7px;border:1px solid #e4e0ef;background:#f2eff8;border-radius:4px;color:#9a89af}.page-heading p{color:#9093a6;font-size:11px;margin:9px 0 0;letter-spacing:.1px}.topbar-actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:500;font-size:11px;padding:10px 15px;min-height:38px;border:1px solid transparent;border-radius:7px;white-space:nowrap}.btn svg{width:15px;height:15px}.btn-primary{background:var(--purple);color:#fff;border-color:var(--purple);box-shadow:0 3px 8px #7962de20}.btn-primary:hover{background:var(--purple-dark);border-color:var(--purple-dark);box-shadow:0 4px 11px #7962de30}.btn-secondary{background:#fff;border-color:#e3e5ed;color:#62667d}.btn-secondary:hover{background:#faf9fe;border-color:#cdc4ee}.btn-danger{color:#b75360;background:#fff0f0;border-color:#f5d7dc}.workspace-content{display:flex;flex:1;flex-direction:column;min-height:0;padding:0 30px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px;flex-shrink:0}.metric{height:85px;border:1px solid #e9ebf3;background:white;border-radius:10px;display:flex;align-items:center;padding:17px 19px;gap:13px;box-shadow:var(--shadow)}.metric-icon{height:42px;width:42px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.metric-icon svg{width:19px;height:19px}.purple{background:#f0ebff;color:#9074dc}.amber{background:#fff5e8;color:#d5a252}.green{background:#ebf8f3;color:#65b39b}.metric-label{font-size:10px;color:#8e92a5;display:block}.metric strong{font-weight:600;font-size:24px;line-height:1.1;letter-spacing:-.6px;display:block;margin-top:7px;font-variant-numeric:tabular-nums}.metric-description{font-size:9px;color:#afb1be;margin-left:auto;align-self:flex-end;margin-bottom:4px;white-space:nowrap}.metric-description .status-dot{margin-right:4px}.inbox-shell{flex:1;min-height:0;display:flex;flex-direction:column;background:white;border:1px solid #e5e7f0;border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.inbox-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;min-height:61px;gap:12px;border-bottom:1px solid var(--line);flex-shrink:0}.inbox-heading{display:flex;align-items:center;gap:9px;min-width:0}.inbox-heading h2{font-size:13px;font-weight:600;margin:0;white-space:nowrap}.count-pill{display:inline-grid;place-items:center;background:#f2f1f7;min-width:24px;height:20px;border-radius:5px;font-size:10px;color:#8d8ba3}.active-domain-label{font-size:10px;color:#8972c9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#f4f0fe;padding:4px 7px;border-radius:4px}.clear-domain-btn{display:grid;place-items:center;padding:0;color:#b0a6c4}.clear-domain-btn svg{width:12px;height:12px}.inbox-header-actions{display:flex;align-items:center;gap:13px}.automatic-status{font-size:9px;color:#8c95a3;white-space:nowrap;display:flex;gap:6px;align-items:center}.toolbar-divider{height:14px;width:1px;background:#e8e9ef}.text-button{display:flex;align-items:center;gap:6px;font-size:10px;color:#85899b;padding:5px 0;white-space:nowrap}.text-button svg{width:14px;height:14px}.text-button:hover{color:#7962de}.icon-button{width:29px;height:29px;display:inline-flex;justify-content:center;align-items:center;border-radius:6px;padding:5px;color:#9297aa;flex-shrink:0}.icon-button svg{width:16px;height:16px}.icon-button:hover{color:#7962de;background:#f3effc}.mail-workspace{display:grid;grid-template-columns:352px minmax(0,1fr);flex:1;min-height:0}.mail-list-pane{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line)}.list-toolbar{display:flex;align-items:center;gap:9px;padding:13px 14px;border-bottom:1px solid var(--line);flex-shrink:0;height:59px}.search-box{display:flex;align-items:center;gap:7px;min-width:0;flex:1;background:#f6f7fa;border:1px solid #f0f1f5;border-radius:6px;height:31px;padding:0 8px;color:#a5a8b9}.search-box>span svg{width:14px;height:14px}.search-box input{min-width:0;width:100%;border:0;background:transparent;padding:0;color:#656b83;font-size:10px;box-shadow:none}.search-box:focus-within{border-color:#b7a8ee;box-shadow:0 0 0 2px #7962de0c}.search-box input:focus-visible{box-shadow:none}.search-box input::placeholder{color:#a9adbe}.search-box kbd{font-family:inherit;border:1px solid #e2e5ef;font-size:9px;padding:0 4px;border-radius:3px;color:#b3b6c4}.sort-control{position:relative;display:flex;align-items:center;color:#a4a9b9}.sort-control svg{width:14px;height:14px}.sort-control select{position:absolute;inset:0;width:20px;height:25px;opacity:0;cursor:pointer}.sort-control:focus-within{outline:2px solid #a696ee;border-radius:3px}.message-list{flex:1;overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#e6e7ef transparent}.mail-row{display:flex;position:relative;align-items:flex-start;gap:11px;padding:17px 15px 16px;border-bottom:1px solid #f0f1f6;cursor:pointer;transition:background .15s;text-align:left;width:100%;min-height:119px;background:white}.mail-row:hover{background:#faf9fd}.mail-row.is-selected,.mail-row.selected{background:#f6f3ff}.mail-row.is-selected:before,.mail-row.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#9176ea}.mail-avatar{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex-shrink:0;font-size:13px;font-weight:650;background:#ede9fa;color:#8871c9;letter-spacing:-.2px}.mail-avatar svg{width:17px;height:17px}.mail-row-main{min-width:0;flex:1}.mail-row-top{display:flex;align-items:center;gap:7px;margin:0 0 7px}.mail-sender{font-size:11px;font-weight:500;color:#64697f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.is-unread .mail-sender{font-weight:650;color:#3d4157}.mail-time{font-size:9px;color:#a5a8b9;white-space:nowrap}.mail-subject{font-size:11px;color:#656b82;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4;margin-bottom:5px}.is-unread .mail-subject{color:#464b62;font-weight:600}.mail-preview{font-size:10px;color:#a0a4b6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.6}.mail-row-bottom{display:flex;align-items:center;gap:6px;margin-top:9px}.recipient-chip{font-size:8px;color:#9a92b0;background:#f0eef6;padding:3px 5px;border-radius:3px;max-width:170px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.category-tag{font-size:8px;padding:3px 5px;border-radius:3px;background:#f1f4fa;color:#8c97af;white-space:nowrap}.star-button{width:19px;height:19px;display:grid;place-items:center;color:#c7cad5;margin-left:auto;padding:0;border-radius:4px}.star-button svg{width:13px;height:13px}.star-button.is-starred,.star-button.starred{color:#d9ac5e}.star-button.is-starred svg,.star-button.starred svg{fill:#f1d59a}.star-button:hover{color:#d4a250}.unread-dot{width:5px;height:5px;border-radius:50%;background:#9477e6;flex-shrink:0}.list-footer{font-size:8px;color:#a9adbf;display:flex;align-items:center;justify-content:center;gap:5px;padding:12px 8px;border-top:1px solid var(--line);background:#fff;flex-shrink:0}.tiny-dot{height:4px;width:4px;background:#c1c3d3;border-radius:50%}.reader{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:#fff}.reader-toolbar{height:59px;flex-shrink:0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px;gap:10px;color:#a8adbf}.reader-toolbar-left,.reader-toolbar-right,.reader-actions,.toolbar-group{display:flex;gap:8px;align-items:center}.reader-toolbar .toolbar-label,.reader-position{font-size:9px;color:#a6aabd}.reader-toolbar .back-button{display:none}.reader-content{padding:31px 34px;overflow:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#e6e7ef transparent}.reader-category,.reader-content>.category-tag{display:inline-flex;font-size:9px;padding:4px 7px;border-radius:4px;background:#f1edfe;color:#9b82d8;margin-bottom:13px}.reader-title{font-size:21px;line-height:1.5;font-weight:600;letter-spacing:-.5px;margin:0 0 23px;color:#373b53}.reader-sender{display:flex;align-items:center;gap:10px;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:25px}.reader-sender .mail-avatar{width:36px;height:36px}.reader-sender-info,.sender-info{flex:1;min-width:0}.reader-sender-name,.sender-name{font-size:11px;font-weight:600;display:block;margin-bottom:4px;color:#565d76}.reader-sender-email,.sender-email{font-size:9px;font-weight:400;color:#a8aabd;margin-left:4px}.reader-meta{font-size:9px;color:#9da2b6;line-height:1.9;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.reader-meta .icon-button{width:19px;height:19px;padding:4px}.reader-meta .icon-button svg{width:11px;height:11px}.reader-date{font-size:9px;color:#a6aabc;align-self:flex-start;margin-top:3px;white-space:nowrap}.reader-body{font-size:12px;color:#7e849b;line-height:2;max-width:680px}.reader-body p{margin:0 0 18px;white-space:pre-line;overflow-wrap:anywhere}.reader-body strong{color:#525b75}.welcome-visual,.welcome-banner{padding:24px;border:1px solid #e9e3fa;border-radius:10px;background:linear-gradient(120deg,#f8f5ff,#fafbfe);margin:23px 0;text-align:center;color:#9075cd}.welcome-visual svg{width:32px;height:32px}.reader-signature{color:#aaadbe;font-size:11px;margin-top:30px;line-height:1.9}.verification-box{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f7f5fd;border:1px solid #e9e3f6;padding:21px 24px;border-radius:9px;margin:22px 0}.verification-code{font-size:27px;font-weight:600;letter-spacing:7px;color:#7962d1;font-variant-numeric:tabular-nums}.verification-box small{font-size:10px;display:block;color:#a5a0b7;margin-bottom:8px}.attachments{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}.attachments-title{font-size:10px;color:#999fb3;margin-bottom:11px;display:flex;align-items:center;gap:6px}.attachment-card{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #e8eaf1;border-radius:8px;padding:12px 14px;max-width:320px;width:100%;margin-bottom:9px;background:#fff}.attachment-card>svg,.attachment-icon{color:#a694d9;background:#f4f0fc;width:33px;height:37px;padding:8px;border-radius:5px}.attachment-info{flex:1;min-width:0}.attachment-name{font-size:10px;display:block;color:#676d83;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{font-size:9px;color:#a5aabd;display:block;margin-top:4px}.attachment-card:hover{border-color:#bfb2ec;background:#fcfbff}.reader-demo-note{font-size:9px;color:#b2b5c5;display:flex;gap:6px;align-items:center;border-top:1px dashed #e9eaf1;padding-top:18px;margin-top:32px}.reader-demo-note svg{width:12px;height:12px}.reader-empty,.list-empty,.empty-state{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#a9adc0;padding:40px 20px;min-height:200px}.reader-empty>svg,.list-empty>svg,.empty-state>svg{width:42px;height:42px;color:#c8bee4;margin-bottom:15px}.reader-empty h3,.list-empty h3,.empty-state h3{color:#7c8098;font-size:14px;font-weight:500;margin:5px 0 9px}.reader-empty p,.list-empty p,.empty-state p{font-size:11px;line-height:1.8;margin:0}.page-footer{height:43px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;color:#adafbd;font-size:9px}.page-footer>span:last-child{letter-spacing:1.2px;font-size:8px;color:#b2b5c3}.footer-dot{margin:0 6px;color:#c7c9d3}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.dialog-backdrop{position:fixed;inset:0;z-index:100;background:#17192c60;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fade-in .18s ease}.dialog-card{background:white;border:1px solid #e8e7f2;border-radius:15px;box-shadow:0 20px 100px #1d1b3d40;width:460px;max-width:100%;max-height:90dvh;overflow:auto}.dialog-header{padding:24px 25px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-header h2,.dialog-header h3{font-size:18px;margin:0;letter-spacing:-.3px;font-weight:600}.dialog-body{padding:0 25px 23px}.dialog-body>p{font-size:12px;color:#969aaf;line-height:1.9;margin:0 0 20px}.dialog-actions{display:flex;gap:9px;justify-content:flex-end;padding:16px 25px;background:#fafafe;border-top:1px solid var(--line);border-radius:0 0 15px 15px}.field-label{display:block;font-size:11px;font-weight:500;margin:17px 0 8px;color:#777c91}.text-field{width:100%;border:1px solid #e2e5ef;background:#fbfbfd;border-radius:7px;padding:11px 12px;color:#686d85;font-size:12px}.text-field:focus{border-color:#b5a4ed;box-shadow:0 0 0 3px #7962de12}.dialog-note{background:#f6f3fd;color:#9a8cb9;font-size:10px;line-height:1.9;border-radius:7px;padding:12px;margin-top:17px}.generated-address{display:flex;align-items:center;gap:10px;justify-content:space-between;background:#f5f1fe;border:1px dashed #c7b8ed;border-radius:8px;padding:14px 12px;margin-top:18px;overflow-wrap:anywhere;font-size:13px;color:#7d64c5}.generated-address code{font-family:inherit;overflow-wrap:anywhere}.dialog-body .btn{margin-top:14px}.input-row{display:flex;gap:8px;align-items:center}.input-row .text-field{min-width:0}.input-row .btn{margin-top:0}.step-list{display:grid;gap:16px;counter-reset:step;margin:15px 0}.step{display:flex;gap:12px;font-size:12px;line-height:1.9;color:#8c90a5}.step-number{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:#f0eafa;color:#9b83d0;flex-shrink:0;font-size:11px}.step strong{color:#656c83;font-weight:500;display:block}.toast-region{position:fixed;bottom:24px;left:calc(50% + 112px);transform:translateX(-50%);z-index:200;pointer-events:none;display:grid;gap:8px;max-width:calc(100% - 30px)}.toast{background:#303247;color:#eeedf7;box-shadow:0 8px 35px #27273c25;border:1px solid #4a4a63;border-radius:9px;font-size:12px;padding:13px 19px;display:flex;align-items:center;gap:9px;animation:toast-in .2s ease}.toast svg{width:16px;height:16px;color:#bcabf1}.noscript-message{position:fixed;inset:0;background:white;padding:50px;font-size:20px}.mobile-back{display:none}.starred svg{fill:#f1d59a}.spinning{animation:spin .6s linear}.reader-badge{font-size:9px;border:1px solid #e9e4f3;color:#aa97ca;border-radius:4px;padding:3px 6px}.reader-hero{border:1px solid #eee9fa;background:linear-gradient(120deg,#f9f6ff,#f8fafc);border-radius:10px;padding:24px;margin:20px 0}.reader-hero h3{font-size:16px;color:#7861b5;font-weight:500;margin:0 0 10px}.reader-hero p{margin:0;font-size:11px;color:#a397ba}.reader-hero .icon-button{display:inline-flex}.copy-feedback{color:#39aa86}.reader-recipient{overflow-wrap:anywhere}
@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){.sidebar{width:246px;min-width:246px;padding-left:24px;padding-right:24px}.topbar{padding:35px 40px 28px}.workspace-content{padding:0 40px}.mail-workspace{grid-template-columns:390px minmax(0,1fr)}.mail-row{padding:19px 19px}.reader-content{padding:37px 44px}.reader-title{font-size:24px}.reader-body{font-size:13px}.metric{height:94px}.metric-description{font-size:10px}.toast-region{left:calc(50% + 123px)}}
@media(max-width:1180px){.sidebar{width:202px;min-width:202px;padding-left:13px;padding-right:13px}.brand-word{font-size:21px}.brand-word>span{display:none}.topbar{padding:25px 23px 21px}.workspace-content{padding:0 23px}.mail-workspace{grid-template-columns:320px minmax(0,1fr)}.metric{padding:15px;gap:10px;height:79px}.metric-description{display:none}.metrics{margin-bottom:19px;gap:12px}.reader-content{padding:25px}.reader-title{font-size:19px}.automatic-status{display:none}.inbox-header-actions .toolbar-divider{display:none}.reader-date{white-space:normal;max-width:94px;text-align:right}.reader-sender-email{display:none}.toast-region{left:calc(50% + 101px)}}
@media(max-width:930px){.sidebar{width:72px;min-width:72px;padding:28px 12px 0}.brand{padding:0;justify-content:center}.brand-word,.workspace-switch,.nav-section-label,.nav-label,.nav-count,.domain-list,.auto-access-link,.demo-card,.sidebar-footer>div,.profile-shield,.sidebar-divider{display:none}.main-nav{margin-top:38px;gap:9px}.nav-item{padding:0;justify-content:center}.nav-item>span:first-child svg{width:20px;height:20px}.sidebar-footer{padding:20px 0;justify-content:center}.topbar{padding:25px 21px 21px}.workspace-content{padding:0 21px}.reader-content{padding:24px}.mail-workspace{grid-template-columns:290px minmax(0,1fr)}.reader-title{font-size:18px}.reader-sender{align-items:flex-start}.reader-date{display:none}.category-tag{display:none}.topbar-actions{gap:7px}.topbar-actions .btn{padding:9px 12px}.toast-region{left:calc(50% + 36px)}.reader-toolbar{padding:0 16px}.recipient-chip{max-width:155px}}
@media(max-width:700px){.app-layout{min-height:0}.sidebar{display:none}.topbar{padding:21px 17px 19px;align-items:flex-start;flex-wrap:wrap;gap:17px}.eyebrow{font-size:8px;margin-bottom:7px}.page-heading h1{font-size:23px}.page-heading p{font-size:10px;margin-top:7px}.topbar-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.topbar-actions .btn{height:36px}.workspace-content{padding:0 14px}.metrics{gap:8px;margin-bottom:16px}.metric{height:65px;padding:11px 10px;gap:8px;border-radius:8px}.metric-icon{width:29px;height:29px;border-radius:8px}.metric-icon svg{width:15px;height:15px}.metric-label{font-size:8px}.metric strong{font-size:19px;margin-top:5px}.inbox-shell{border-radius:10px}.inbox-header{padding:0 13px;min-height:53px}.inbox-heading h2{font-size:12px}.inbox-header-actions{gap:8px}.text-button{font-size:9px;gap:4px}.text-button svg{width:12px}.mail-workspace{display:flex}.mail-list-pane{width:100%;border:0}.reader{display:none}.mail-row{padding:17px 17px;min-height:115px}.mail-sender{font-size:12px}.mail-subject{font-size:12px}.mail-preview{font-size:11px}.mail-time{font-size:10px}.mail-row .mail-avatar{height:37px;width:37px}.recipient-chip{font-size:9px;max-width:210px}.category-tag{display:inline-flex}.mail-row.is-selected{background:#fff}.mail-row.is-selected:before{display:none}.reader-open .mail-list-pane{display:none}.reader-open .reader{display:flex;width:100%}.reader-toolbar .back-button,.mobile-back{display:inline-flex}.reader-content{padding:24px 22px}.reader-title{font-size:20px}.reader-body{font-size:12px}.reader-sender-email{display:inline}.reader-open .metrics{display:none}.reader-open .topbar{padding-bottom:16px}.reader-open .topbar-actions{display:none}.reader-open .page-heading p{display:none}.reader-open .inbox-header-actions .text-button{display:none}.page-footer{height:35px;font-size:8px}.page-footer>span:last-child{display:none}.page-footer>span:first-child{width:100%;text-align:center}.toast-region{left:50%;bottom:16px;width:max-content}.list-footer{font-size:8px}.dialog-card{width:100%;border-radius:12px}.dialog-header{padding:22px 20px 16px}.dialog-body{padding:0 20px 21px}.dialog-actions{padding:15px 20px}.active-domain-label{max-width:125px;font-size:9px}.preview-badge{font-size:8px}.reader-sender{gap:9px}.reader-sender-email{font-size:8px}.reader-meta{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.mail-open{display:flex;align-items:flex-start;gap:11px;text-align:left;flex:1;min-width:0;padding:0;background:transparent;border:0}.mail-row>.star-button{position:absolute;bottom:17px;right:15px}.mail-row-bottom{padding-right:18px}.domain-mark{display:inline-flex;color:#8188a7}.domain-mark svg{height:14px;width:14px}.domain-badge{margin-left:auto;color:#8087a3;font-size:9px}.domain-item.is-active .domain-mark{color:#b5a2ef}.domain-item.is-active .domain-badge{color:#b5a2ef}
.brand-word>span{display:block;font-size:9px;margin:3px 0 0 1px;letter-spacing:2px}.mail-avatar{background:var(--avatar-bg,#ede9fa);color:var(--avatar-color,#8871c9)}.mail-subject,.mail-preview{display:block}.mail-sender,.mail-subject{font-size:12px}.mail-preview{font-size:11px}.mail-time{font-size:10px}.recipient-chip,.category-tag{font-size:9px}.mail-subject .unread-dot{display:inline-block;margin-right:6px;vertical-align:2px}.nav-item{font-size:13px}.domain-item{font-size:12px}.reader-labels{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.reader-labels .category-tag{font-size:10px;padding:5px 8px;color:#947bcb;background:#f2edfd}.reader-labels .reader-date{font-size:10px;margin:0}.reader-title{margin-bottom:23px}.reader-body{font-size:13px;line-height:2;color:#747b92}.reader-sender{margin-bottom:25px}.sender-details{min-width:0}.sender-name{font-size:12px}.sender-email{font-size:10px}.reader-meta{font-size:10px}.inline-icon{display:inline-flex;align-items:center;justify-content:center;color:#aaa9bb;padding:4px;border-radius:4px}.inline-icon:hover{background:#f3effb;color:#7962de}.inline-icon svg{width:12px;height:12px}.reader-folder{display:flex;align-items:center;gap:7px;color:#969db0;font-size:11px}.reader-folder svg{width:16px;height:16px}.reader-mock-badge{font-size:9px;color:#aaa4ba;padding:3px 6px;border:1px solid #ebe8f2;border-radius:4px;margin-left:5px}.reader-toolbar-actions{display:flex;align-items:center;gap:7px}.reader-back{display:none}.reader-footer{font-size:10px;color:#b0b2c2;display:flex;align-items:center;gap:6px;border-top:1px dashed #e9eaf1;padding-top:19px;margin-top:30px}.reader-footer svg{width:13px;height:13px}.reader-toolbar-actions .is-starred{color:#d4aa55}.reader-toolbar-actions .is-starred svg{fill:#f9e6b9}.danger-hover:hover{color:#d47a83;background:#fff0f2}.attachments-section{margin-top:25px;padding-top:21px;border-top:1px solid var(--line)}.attachments-title{font-weight:500}.attachments-title svg{width:13px;height:13px}.attachment-indicator{display:inline-flex;color:#aaa1bd}.attachment-indicator svg{width:11px;height:11px}.attachment-file-icon{background:#f4effd;color:#a68dcf;padding:8px;border-radius:6px}.attachment-file-icon svg{width:18px;height:18px}.attachment-details{display:grid;flex:1;gap:5px;min-width:0}.attachment-details strong{font-size:11px;font-weight:500;color:#71788e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-details small{font-size:9px;color:#a9aec0}.attachment-card>svg{width:15px;height:15px;background:transparent;padding:0;color:#a7a4b7}.reader-empty-icon{width:76px;height:76px;display:grid;place-items:center;border-radius:22px;background:#f5f1fd;color:#b3a2d9;margin-bottom:14px}.reader-empty-icon svg{width:32px;height:32px}.reader-empty h2{font-size:17px;font-weight:500;color:#9294a9;margin:12px 0}.empty-caption{font-size:9px;margin-top:23px;color:#c0bdce}.dialog-header p{font-size:11px;color:#a0a1b3;margin:8px 0 0;line-height:1.7}.input-with-action{display:flex;align-items:center;gap:8px}.input-with-action .text-field{min-width:0}.input-with-action>.icon-button{height:39px;width:39px;border:1px solid #e2e5ef;background:#faf9fe}.field-error{font-size:10px;color:#c47882;line-height:1.7;margin:8px 0 0}.field-error:empty{display:none}.generated-address{flex-direction:column;align-items:flex-start;padding:16px}.generated-address .field-label{margin:0;font-size:10px;color:#b5a0d5}.generated-address-value{font-size:13px;word-break:break-all;font-weight:500;line-height:1.7}.generated-address-actions{display:flex;gap:8px;width:100%;flex-wrap:wrap}.generated-address-actions .btn{margin-top:3px}.btn-small{font-size:10px;min-height:31px;padding:7px 11px}.dialog-body .dialog-actions{margin:23px -25px -23px}.dialog-body .dialog-actions .btn{margin-top:0}.simulation-note{font-size:10px;color:#a8a5b7;display:flex;gap:6px;align-items:center;margin-top:15px}.simulation-note svg{width:13px;height:13px}.auto-access-steps{display:grid;gap:21px;margin-top:12px}.auto-access-steps>div{display:flex;align-items:flex-start;gap:12px}.auto-access-steps h3{font-size:12px;font-weight:500;color:#73768b;margin:3px 0 6px}.auto-access-steps p{font-size:11px;color:#a0a2b3;line-height:1.8;margin:0}.verification-label{display:block;font-size:10px;color:#aca1c2;margin-bottom:8px}.verification-code{display:block}.is-refreshing svg{animation:spin .65s ease}.count-pill{min-width:26px;padding:0 6px;font-size:9px}
@media(max-width:1180px){.brand-word>span{display:none}.reader-labels .reader-date{max-width:none}.reader-title{font-size:19px}.reader-body{font-size:12px}.mail-sender,.mail-subject{font-size:11px}.mail-preview{font-size:10px}.recipient-chip,.category-tag{font-size:8px}}
@media(max-width:700px){.mail-sender,.mail-subject{font-size:12px}.mail-preview{font-size:11px}.recipient-chip,.category-tag{font-size:9px}.reader-back{display:inline-flex}.reader-labels .reader-date{display:block;font-size:9px}.reader-body{font-size:13px}.dialog-body .dialog-actions{margin:21px -20px -21px}.reader-mock-badge{font-size:8px}.reader-title{font-size:20px}.reader-meta{font-size:9px}.sender-email{font-size:9px}}

/* Keep long recipient domains inside their grid track and preserve the count. */
.domain-list {
  min-width: 0;
  grid-template-columns: minmax(0, 1fr);
  overflow-x: hidden;
  overflow-y: auto;
}
.domain-item { min-width: 0; }
.domain-name {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.domain-mark, .domain-badge { flex-shrink: 0; }

/* Compact mail rows: subject, sender and recipient, without body previews. */
.mail-row {
  min-height: 0;
  height: 86px;
  padding: 12px 15px;
}
.mail-row-main { display: block; width: 100%; }
.mail-row-top { margin-bottom: 5px; min-width: 0; }
.mail-row-top .mail-subject { flex: 1; min-width: 0; margin: 0; font-size: 12px; }
.mail-address-line { display: flex; align-items: center; gap: 7px; min-width: 0; line-height: 17px; padding-right: 21px; }
.address-label { flex-shrink: 0; color: #b0b3c3; font-size: 9px; }
.mail-address-value { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #969bae; font-size: 10px; }
.mail-row > .star-button { right: 15px; bottom: 12px; }
.danger-text { color: #c17783; }
.danger-text:hover { color: #ad475b; }
.inbox-header-actions { gap: 12px; }
.inbox-header:has(#empty-trash-btn:not([hidden])) .automatic-status,
.inbox-header:has(#empty-trash-btn:not([hidden])) .toolbar-divider { display: none; }
.cleanup-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }
.cleanup-grid .field-label { margin-top: 15px; }
.cleanup-field { min-width: 0; }
.cleanup-checkbox { display: flex; align-items: center; gap: 8px; color: #85899d; font-size: 11px; line-height: 1.8; margin-top: 17px; }
.cleanup-checkbox input { accent-color: var(--purple); width: 14px; height: 14px; margin: 0; }
.cleanup-preview { margin-top: 19px; padding: 15px; border: 1px solid #e8e2f7; border-radius: 8px; background: #f9f7fd; }
.cleanup-preview strong { font-size: 24px; font-weight: 600; color: #8163ce; }
.cleanup-preview p { margin: 8px 0 0; font-size: 11px; line-height: 1.8; color: #9a93ab; }
.cleanup-match-count { display: flex; align-items: baseline; gap: 9px; color: #928caa; font-size: 11px; }
.cleanup-match-count strong { font-size: 28px; font-weight: 600; color: #8163ce; }
.cleanup-summary { display: grid; gap: 8px; margin: 15px 0 0; font-size: 11px; line-height: 1.7; }
.cleanup-summary > div { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 12px; }
.cleanup-summary dt { color: #a0a0b2; }
.cleanup-summary dd { margin: 0; color: #77758e; text-align: right; overflow-wrap: anywhere; }
.cleanup-field-hint, .cleanup-snapshot-note { color: #a0a1b1; font-size: 10px; line-height: 1.8; margin: 9px 0 0; }
.cleanup-snapshot-note { margin-top: 15px; }
.cleanup-danger-note { padding: 12px 14px; background: #fff5f5; color: #b16c78; border: 1px solid #f4dfe3; border-radius: 8px; }
.cleanup-single-message { display: grid; gap: 7px; margin: 16px 0; font-size: 12px; color: #77758e; overflow-wrap: anywhere; }
.cleanup-single-message span { font-size: 11px; color: #9693a9; }
.btn-danger { background: #c87585; border-color: #c87585; color: #fff; }
.btn-danger:hover { background: #b96273; border-color: #b96273; }
@media(max-width:930px) { .inbox-header-actions { gap: 9px; } }
@media(max-width:700px) {
  .mail-row { min-height: 0; height: 88px; padding: 12px 15px; }
  .mail-row-top .mail-subject { font-size: 12px; }
  .mail-address-value { font-size: 10px; }
  .inbox-header { flex-wrap: wrap; gap: 9px; padding: 11px 13px; }
  .inbox-header-actions { margin-left: auto; gap: 9px; }
  .inbox-header:has(#empty-trash-btn:not([hidden])) #mark-all-btn { display: none; }
  .cleanup-grid { gap: 0 10px; }
}
/* Full-width mail table with a separate reading dialog. */
.mail-workspace { display: flex; }
.mail-list-pane { width: 100%; min-width: 0; border-right: 0; }
.list-toolbar { height: 54px; padding: 10px 17px; justify-content: space-between; }
.list-toolbar .search-box { flex: 0 1 420px; height: 33px; }
.list-toolbar .search-box input { font-size: 11px; }
.list-toolbar .sort-control { margin-left: auto; }
.list-column-head {
  display: grid;
  grid-template-columns: 20px minmax(100px, .9fr) minmax(150px, 1.2fr) minmax(180px, 2.8fr) 72px 26px;
  gap: 14px;
  align-items: center;
  padding: 9px 17px;
  background: #fafbfe;
  border-bottom: 1px solid var(--line);
  color: #999eb0;
  font-size: 10px;
  flex-shrink: 0;
}
.mail-list-pane .mail-row {
  display: flex;
  align-items: center;
  gap: 14px;
  height: 40px;
  min-height: 40px;
  padding: 0 17px;
  border-bottom: 1px solid #f0f1f6;
}
.mail-list-pane .mail-open {
  display: grid;
  grid-template-columns: 20px minmax(100px, .9fr) minmax(150px, 1.2fr) minmax(180px, 2.8fr) 72px;
  align-items: center;
  gap: 14px;
  height: 100%;
  padding: 0;
  width: 0;
}
.mail-status { display: flex; align-items: center; justify-content: center; color: #b7bbca; }
.mail-status svg { width: 15px; height: 15px; }
.is-unread .mail-status { color: #a18ade; }
.mail-sender-cell, .mail-recipient-cell, .mail-open > .mail-subject {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
}
.mail-sender-cell { color: #6b7186; }
.mail-recipient-cell { color: #9499ad; font-size: 11px; }
.mail-open > .mail-subject { color: #70768c; }
.is-unread .mail-sender-cell, .is-unread .mail-open > .mail-subject { color: #42485e; font-weight: 600; }
.mail-open > .mail-time { font-size: 10px; text-align: right; color: #969bad; }
.mail-list-pane .mail-row > .star-button { position: static; width: 26px; height: 28px; flex: 0 0 26px; margin: 0; }
.mail-date-group { margin: 0; padding: 11px 17px 7px; background: #fcfcfe; border-bottom: 1px solid #eff0f6; color: #8e93a6; font-size: 11px; font-weight: 500; line-height: 1.4; }
.pagination-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 11px 17px; min-height: 56px; border-top: 1px solid var(--line); background: #fff; flex-shrink: 0; color: #969caf; font-size: 11px; }
.pagination-controls { display: flex; align-items: center; gap: 9px; }
.page-size-label { display: inline-flex; align-items: center; gap: 7px; color: #999eb0; margin-right: 9px; }
#page-size { border: 1px solid #e6e8f0; border-radius: 5px; background: #fff; padding: 5px 7px; color: #747b92; font-size: 11px; }
#page-status { min-width: 56px; text-align: center; color: #858a9e; font-variant-numeric: tabular-nums; }
#prev-page, #next-page { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border: 1px solid #e7e9f1; border-radius: 6px; color: #9299ae; background: #fff; }
#prev-page svg, #next-page svg { width: 14px; height: 14px; }
#prev-page:not(:disabled):hover, #next-page:not(:disabled):hover { background: #f4f0fe; color: var(--purple); border-color: #d9cfef; }
#prev-page:disabled, #next-page:disabled { opacity: .35; }
.reader-backdrop { position: fixed; inset: 0; z-index: 80; padding: 30px; display: flex; align-items: center; justify-content: center; background: #17192c60; backdrop-filter: blur(4px); animation: fade-in .18s ease; }
#reader.reader-modal { display: flex; width: min(850px, 100%); max-height: 88dvh; min-height: 300px; border: 1px solid #e5e2f0; border-radius: 14px; box-shadow: 0 20px 100px #1d1b3d40; overflow: hidden; }
.reader-modal .reader-toolbar { height: 58px; padding: 0 24px; }
.reader-modal .reader-content { padding: 28px 34px; }
.reader-modal .reader-title { font-size: 21px; overflow-wrap: anywhere; }
.reader-modal .reader-sender-email { display: inline; overflow-wrap: anywhere; }
.reader-modal .reader-date { display: block; max-width: none; }
.reader-modal .reader-body { max-width: none; }
.reader-modal .reader-back { display: none; }
.reader-modal .reader-close { display: inline-flex; margin-left: 7px; }
.simulate-batch-panel { margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--line); }
.simulate-batch-panel p { margin: 7px 0; color: #a0a1b3; font-size: 10px; line-height: 1.8; }
#simulate-batch-btn { margin-top: 0; font-size: 11px; }
@media(min-width:701px) {
  .topbar { padding-top: 23px; padding-bottom: 19px; }
  .metrics { margin-bottom: 18px; }
  .metric { height: 69px; padding-top: 12px; padding-bottom: 12px; }
  .metric strong { font-size: 22px; margin-top: 4px; }
}
@media(max-width:1180px) and (min-width:701px) {
  .list-column-head { grid-template-columns: 17px minmax(90px, .85fr) minmax(125px, 1.15fr) minmax(120px, 2fr) 60px 24px; gap: 10px; padding-left: 13px; padding-right: 13px; }
  .mail-list-pane .mail-row { gap: 10px; padding: 0 13px; }
  .mail-list-pane .mail-open { grid-template-columns: 17px minmax(90px, .85fr) minmax(125px, 1.15fr) minmax(120px, 2fr) 60px; gap: 10px; }
  .mail-list-pane .mail-row > .star-button { width: 24px; flex-basis: 24px; }
}
@media(max-width:700px) {
  .list-column-head { display: none; }
  .mail-list-pane .mail-row { height: 60px; min-height: 60px; padding: 0 12px; gap: 7px; }
  .mail-list-pane .mail-open { grid-template-columns: 17px minmax(70px, .8fr) minmax(100px, 1.8fr) 43px; grid-template-rows: 23px 19px; gap: 0 8px; align-content: center; }
  .mail-status { grid-column: 1; grid-row: 1; }
  .mail-sender-cell { grid-column: 2; grid-row: 1; font-size: 11px; }
  .mail-open > .mail-subject { grid-column: 3; grid-row: 1; font-size: 12px; }
  .mail-open > .mail-time { grid-column: 4; grid-row: 1; font-size: 9px; }
  .mail-recipient-cell { grid-column: 2 / 5; grid-row: 2; font-size: 10px; }
  .mail-list-pane .mail-row > .star-button { width: 21px; flex-basis: 21px; }
  .pagination-toolbar { flex-wrap: wrap; gap: 10px; padding: 11px 12px; font-size: 10px; }
  .pagination-controls { margin-left: auto; gap: 5px; }
  .page-size-label { margin-right: 2px; gap: 3px; font-size: 10px; }
  .reader-backdrop { padding: 12px; }
  #reader.reader-modal { max-height: 94dvh; }
  .reader-modal .reader-toolbar { padding: 0 13px; gap: 6px; }
  .reader-modal .reader-toolbar-actions { gap: 3px; }
  .reader-modal .reader-content { padding: 23px 21px; }
  .reader-modal .reader-title { font-size: 19px; }
  .reader-modal .reader-sender { align-items: flex-start; }
}
.list-column-head > span:nth-child(5) { text-align: right; }
@media(max-height:850px) and (min-width:701px) {
  .topbar { padding-top: 15px; padding-bottom: 13px; }
  .eyebrow { display: none; }
  .page-heading h1 { font-size: 22px; }
  .page-heading p { margin-top: 6px; }
  .metrics { margin-bottom: 12px; gap: 12px; }
  .metric { height: 47px; padding: 8px 14px; gap: 10px; }
  .metric-icon { width: 29px; height: 29px; border-radius: 7px; }
  .metric-icon svg { width: 16px; height: 16px; }
  .metric > div { display: flex; align-items: center; gap: 11px; }
  .metric strong { font-size: 20px; margin: 0; }
  .metric-description { display: none; }
  .inbox-header { min-height: 46px; height: 46px; padding-top: 10px; padding-bottom: 10px; }
  .list-toolbar { height: 45px; padding-top: 6px; padding-bottom: 6px; }
  .list-column-head { padding-top: 7px; padding-bottom: 7px; }
  .pagination-toolbar { min-height: 45px; padding-top: 8px; padding-bottom: 8px; }
  .list-footer { display: none; }
  .page-footer { padding-top: 12px; padding-bottom: 12px; }
  .sidebar { padding-top: 23px; }
  .workspace-switch { margin-top: 23px; margin-bottom: 20px; }
  .sidebar-divider { margin-top: 16px; margin-bottom: 16px; }
  .sidebar-spacer { min-height: 10px; }
  .demo-card { padding: 12px 14px; margin-bottom: 10px; }
  .demo-card > strong, .demo-card > p, .demo-orb { display: none; }
  .sidebar-footer { padding-top: 14px; padding-bottom: 14px; }
  .domain-list { flex-shrink: 0; max-height: 150px; }
}
/* Explicit selection stays separate from opening a message. */
.list-column-head {
  grid-template-columns: 22px 20px minmax(100px, .9fr) minmax(150px, 1.2fr) minmax(180px, 2.8fr) 72px 26px;
}
.list-column-head > span:nth-child(5) { text-align: left; }
.list-column-head > span:nth-child(6) { text-align: right; }
#select-page, .mail-select { width: 15px; height: 15px; margin: 0; accent-color: var(--purple); cursor: pointer; }
#select-page { justify-self: center; }
#select-page:disabled { cursor: default; opacity: .4; }
#select-page:focus-visible, .mail-select:focus-visible { outline: 2px solid #a696ee; outline-offset: 3px; }
.mail-select-wrap { flex: 0 0 22px; width: 22px; height: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.mail-list-pane .mail-row.is-checked { background: #f4f0ff; }
.mail-list-pane .mail-row.is-checked:hover { background: #eee8ff; }
.topbar-actions { display: flex; flex: 1; min-width: 0; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px 18px; }
.page-heading { flex-shrink: 0; }
.global-actions, .compose-actions { display: flex; align-items: center; gap: 10px; }
.global-actions .text-button { padding: 8px 3px; font-size: 11px; white-space: nowrap; }
.global-actions .icon-button { width: 34px; height: 34px; }
.topbar-actions > .global-actions:not(:has(button:not([hidden]))) { display: none; }
.inbox-header-default > .inbox-header-actions { flex-shrink: 0; gap: 12px; }
.inbox-header-actions .automatic-status { margin-right: 6px; }
.compose-actions { padding-left: 18px; border-left: 1px solid #e1e3ed; }
.inbox-header { display: grid; grid-template-columns: minmax(0, 1fr); height: 61px; min-height: 61px; padding: 0 20px; gap: 0; }
.inbox-header:has(#selection-toolbar:not([hidden])) { background: #faf8ff; }
.inbox-header-default { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-width: 0; }
.inbox-heading { flex: 1; }
.inbox-heading .active-domain-label { max-width: 280px; }
.inbox-heading .count-pill, .inbox-heading .clear-domain-btn { flex-shrink: 0; }
.selection-toolbar { display: flex; width: 100%; min-width: 0; align-items: center; justify-content: space-between; gap: 10px 18px; padding: 0; }
.selection-summary { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
#selection-count { color: #7e68b6; font-size: 11px; font-weight: 500; }
#clear-selection { padding: 4px 0; font-size: 10px; color: #aaa0bf; }
#clear-selection:hover { color: #7e68b6; }
.selection-actions { display: flex; align-items: center; justify-content: flex-end; gap: 5px; }
.selection-actions [data-bulk-action] { display: inline-flex; align-items: center; gap: 5px; padding: 6px 9px; border: 1px solid transparent; border-radius: 5px; color: #81748f; font-size: 11px; white-space: nowrap; }
.selection-actions [data-bulk-action] svg { width: 13px; height: 13px; }
.selection-actions [data-bulk-action]:hover { background: #fff; border-color: #e6ddf4; color: #775bbb; }
.selection-actions [data-bulk-action="trash"], .selection-actions [data-bulk-action="purge"] { color: #bd7484; }
.selection-actions [data-bulk-action="trash"]:hover, .selection-actions [data-bulk-action="purge"]:hover { background: #fff5f6; border-color: #efd9de; color: #b05269; }
.bulk-domain-list { overflow-wrap: anywhere; }
@media(max-width:1180px) and (min-width:701px) {
  .list-column-head { grid-template-columns: 20px 17px minmax(90px, .85fr) minmax(125px, 1.15fr) minmax(120px, 2fr) 60px 24px; }
  .mail-select-wrap { width: 20px; flex-basis: 20px; }
  .selection-toolbar { gap: 10px; }
  .selection-actions { gap: 1px; }
  .selection-actions [data-bulk-action] { padding: 6px; }
}
@media(max-width:980px) {
  .inbox-header-actions .automatic-status { display: none; }
  .inbox-header { height: 78px; min-height: 78px; }
  .selection-toolbar { flex-direction: column; align-items: stretch; justify-content: center; gap: 7px; }
  .selection-summary { justify-content: space-between; }
  .selection-actions { justify-content: flex-start; }
}
@media(max-width:700px) {
  .list-column-head { display: flex; align-items: center; gap: 9px; padding: 8px 12px; }
  .list-column-head > :not(:first-child) { display: none; }
  .list-column-head::after { content: '全选本页'; color: #9b9eb0; font-size: 10px; }
  .mail-select-wrap { width: 18px; flex-basis: 18px; }
  .topbar-actions { flex: 1 0 100%; width: 100%; display: flex; flex-direction: column; align-items: stretch; gap: 9px; }
  .global-actions { justify-content: space-between; gap: 7px; }
  .global-actions .text-button { font-size: 10px; }
  .inbox-header-default { flex-direction: column; align-items: stretch; justify-content: center; gap: 5px; }
  .inbox-header-default > .inbox-header-actions { justify-content: flex-end; gap: 10px; }
  .inbox-header-actions .text-button { padding: 4px 3px; }
  .inbox-header-actions .icon-button { width: 27px; height: 27px; }
  .compose-actions { padding: 0; border: 0; }
  .compose-actions .btn { flex: 1; }
  .inbox-header { padding: 0 12px; }
  .inbox-heading .active-domain-label { max-width: 125px; }
  .selection-toolbar { padding: 0; gap: 7px; }
  .selection-summary { justify-content: space-between; width: 100%; }
  .selection-actions { justify-content: space-between; gap: 0; }
  .selection-actions [data-bulk-action] { font-size: 10px; padding: 6px 3px; }
}

/* Separate management page navigation without changing the mail workspace. */
#back-to-mail-btn { margin-left: auto; }
.page-heading h1:focus { outline: none; }
.mobile-page-nav { display: none; }
@media (max-width: 700px) {
  .mobile-page-nav { display: flex; flex-shrink: 0; gap: 8px; padding: 0 14px 12px; }
  .mobile-page-nav button { padding: 8px 13px; border: 1px solid #e7e3f0; border-radius: 7px; font-size: 11px; color: #8d859f; background: #fff; }
  .mobile-page-nav button[aria-current="page"] { color: #7963c0; background: #f0eafd; border-color: #ded2f3; }
}

/* Recipient domains use the available sidebar height without a bright scroll track. */
.sidebar > .brand { margin-bottom: 30px; }
.sidebar > :not(.domain-list) { flex-shrink: 0; }
.sidebar .domain-heading { gap: 8px; padding-right: 3px; margin-bottom: 8px; }
.domain-heading-title { flex: 1; min-width: 0; }
.sidebar-icon-button { display: inline-flex; align-items: center; justify-content: center; width: 27px; height: 27px; padding: 5px; color: #8088a5; border-radius: 6px; flex-shrink: 0; }
.sidebar-icon-button svg { width: 14px; height: 14px; }
.sidebar-icon-button:hover, .sidebar-icon-button:focus-visible { background: #2b2e45; color: #c2b1f5; }
.sidebar-reset { margin-left: auto; }
.sidebar .domain-list { display: flex; flex-direction: column; flex: 1 1 0; min-height: 0; max-height: none; gap: 3px; padding-bottom: 10px; overflow-x: hidden; overflow-y: auto; overscroll-behavior-y: contain; scrollbar-width: none; -ms-overflow-style: none; }
.domain-list::-webkit-scrollbar { display: none; width: 0; height: 0; }
.domain-list:focus-visible { outline: 1px solid #80729f; outline-offset: -1px; border-radius: 7px; }
.domain-list .domain-item { height: 37px; min-height: 37px; flex: 0 0 37px; }
.domain-empty { margin: 8px 13px; color: #777f9c; font-size: 11px; line-height: 1.8; }

/* A single settings entry keeps utility dialogs out of the mail toolbar. */
.settings-footer { margin-top: auto; padding: 13px 0 17px; }
.settings-toggle { display: flex; width: 100%; align-items: center; gap: 10px; padding: 9px; border-radius: 9px; text-align: left; color: #aab0c9; }
.settings-toggle:hover, .settings-toggle[aria-expanded="true"] { background: #2b2d46; color: #ddd4ff; }
.settings-toggle .settings-mark { width: 33px; height: 33px; border-radius: 9px; background: #30334b; display: grid; place-items: center; flex-shrink: 0; color: #b4a4e7; }
.settings-mark svg { width: 18px; height: 18px; }
.settings-label { flex: 1; min-width: 0; }
.settings-label strong { font-size: 12px; }
.settings-label small { margin-top: 4px; font-size: 10px; }
.settings-chevron svg { width: 14px; height: 14px; transform: rotate(180deg); }
.settings-toggle[aria-expanded="true"] .settings-chevron svg { transform: none; }
.settings-menu { position: fixed; z-index: 70; width: 268px; max-width: calc(100vw - 24px); max-height: calc(100dvh - 24px); overflow-y: auto; padding: 8px; border: 1px solid #3b3d56; border-radius: 12px; background: #24263c; color: #d8d7e9; box-shadow: 0 12px 38px #11122340; scrollbar-width: thin; scrollbar-color: #52556e #24263c; }
.settings-menu-heading { display: flex; align-items: center; justify-content: space-between; padding: 2px 7px 7px 10px; font-size: 10px; color: #9297b3; }
.settings-menu-heading button { display: grid; place-items: center; width: 26px; height: 26px; padding: 5px; color: #989db6; border-radius: 5px; }
.settings-menu-heading button:hover { color: #e0daf1; background: #32354e; }
.settings-menu-heading svg { width: 14px; height: 14px; }
.settings-menu-item { width: 100%; display: flex; align-items: center; gap: 11px; padding: 11px 10px; border-radius: 7px; text-align: left; color: #c5c6dc; }
.settings-menu-item:hover, .settings-menu-item:focus-visible { background: #34364f; color: #ebe5ff; }
.settings-menu-item > span:first-child svg { width: 18px; height: 18px; color: #a392cf; }
.settings-menu-item > span:nth-child(2) { flex: 1; min-width: 0; }
.settings-menu-item strong { display: block; font-size: 12px; font-weight: 500; }
.settings-menu-item small { display: block; font-size: 10px; color: #8d93ae; margin-top: 5px; }
.settings-menu-item > span:nth-child(3) svg { width: 13px; height: 13px; color: #7c829f; }
.settings-menu-divider { height: 1px; margin: 7px 9px; background: #373a50; }
.settings-menu-reset strong { color: #aaaec7; font-size: 11px; }
@media (max-width: 930px) {
  .sidebar > .brand { margin-bottom: 0; }
  .settings-toggle { justify-content: center; padding: 7px 0; }
  .settings-label, .settings-chevron { display: none; }
  .settings-footer { padding: 12px 0; }
}
@media (max-width: 700px) {
  #mobile-settings-toggle { margin-left: auto; }
}

/* Date filters stay outside the scrolling list and never resize the selection heading. */
.list-toolbar { display: grid; grid-template-columns: minmax(170px, 1fr) auto 24px; height: auto; min-height: 50px; padding: 9px 17px 5px; gap: 9px 14px; border-bottom: 0; }
.list-toolbar .search-box { width: 100%; min-width: 0; }
.list-toolbar .sort-control { margin-left: 0; justify-self: end; }
.date-range-controls { display: flex; align-items: center; gap: 10px; min-width: 0; }
.date-filter-field { display: flex; align-items: center; gap: 6px; min-width: 0; color: #9296a8; font-size: 10px; white-space: nowrap; }
.date-filter-field input { width: 127px; min-width: 0; height: 31px; padding: 3px 6px; border: 1px solid #e9eaf1; border-radius: 5px; background: #fafbfc; color: #73788f; font-size: 10px; color-scheme: light; }
.date-filter-field input[aria-invalid="true"] { border-color: #dba3ae; background: #fff9fa; }
.date-filter-field input::-webkit-calendar-picker-indicator { cursor: pointer; opacity: .55; }
#clear-dates-btn { width: 25px; height: 29px; padding: 4px; }
.date-filter-feedback { margin: 0; padding: 0 17px 8px; border-bottom: 1px solid var(--line); color: #a0a4b3; font-size: 10px; line-height: 1.5; flex-shrink: 0; overflow-wrap: anywhere; }
.date-filter-feedback.is-error { color: #bb6178; }
.global-actions { flex-wrap: wrap; min-width: 0; }
@media(max-width:1180px) {
  .list-toolbar { grid-template-columns: minmax(0, 1fr) 24px; }
  .list-toolbar .search-box { grid-column: 1; grid-row: 1; }
  .list-toolbar .sort-control { grid-column: 2; grid-row: 1; }
  .date-range-controls { grid-column: 1 / -1; grid-row: 2; }
}
@media(max-width:700px) {
  .list-toolbar { padding: 9px 12px 5px; gap: 8px; }
  .date-range-controls { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 25px; gap: 8px; align-items: end; }
  .date-filter-field { display: flex; flex-direction: column; align-items: stretch; gap: 4px; }
  .date-filter-field input { width: 100%; max-width: 100%; min-inline-size: 0; }
  .date-filter-feedback { padding-left: 12px; padding-right: 12px; font-size: 9px; }
}