:root{--nav:#18233b;--ink:#202c40;--muted:#7d8798;--orange:#e98b57;--line:#e8ebf0;--bg:#f5f7fa;--blue:#4b6dd1;font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #a3baf6;outline-offset:3px}input,select,textarea{width:100%;border:1px solid #dce1e9;border-radius:9px;background:white;padding:12px;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #4b6dd118}textarea{resize:vertical}label{display:block;margin:19px 0 8px;font-weight:600}label input,label select,label textarea{margin-top:9px;font-weight:400}h1,h2,h3,p{margin:0}button svg,.navicon svg,.inlineicon svg{width:19px;height:19px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.layout{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr)}.sidebar{background:var(--nav);color:#9ba9c2;padding:30px 18px 24px;display:flex;flex-direction:column;position:fixed;top:0;bottom:0;width:232px}.brand{display:flex;gap:13px;align-items:center;padding:0 13px;margin-bottom:38px;color:white}.brand img{width:38px;height:38px}.brand strong{font-size:23px;letter-spacing:3px}.brand small{display:block;font-size:10px;letter-spacing:2px;color:#9faac0;margin-top:3px}.navlabel{font-size:10px;letter-spacing:2px;text-transform:uppercase;margin:26px 16px 12px;color:#687a98}.navbtn{display:flex;align-items:center;gap:12px;width:100%;padding:12px 15px;border:0;background:none;border-radius:9px;color:inherit;text-align:left;margin:3px 0;transition:background .15s}.navbtn:hover{background:#24314d;color:white}.navbtn.active{background:#344260;color:white}.navbtn .count{margin-left:auto;font-size:11px;background:#ffffff12;border-radius:5px;padding:2px 6px}.provider-dot{width:8px;height:8px;border-radius:50%;margin:0 5px}.sidebarbottom{margin-top:auto;padding-top:24px}.server-tag{margin:20px 12px 0;padding-top:19px;border-top:1px solid #ffffff12;font-size:11px;display:flex;gap:9px;align-items:center;color:#90a0ba}.green-dot{display:inline-block;width:6px;height:6px;background:#5eb397;border-radius:50%}.main{grid-column:2;min-width:0}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:white;gap:15px}.breadcrumb{font-size:12px;color:#9ba3b0}.breadcrumb b{color:#525f73;font-weight:500}.topright{display:flex;align-items:center;gap:22px}.avatar{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:50%;background:#edf1fb;color:#6580b9;font-size:12px;font-weight:600}.userchip{display:flex;align-items:center;gap:9px;font-size:12px}.private-tag{font-size:11px;color:#738291;display:flex;align-items:center;gap:7px}.content{max-width:1510px;margin:auto;padding:36px 38px}.intro{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#a0a8b4;display:block;margin-bottom:9px}.intro h1{font-size:27px;letter-spacing:1px;font-weight:650}.intro p{color:#8892a2;font-size:12px;margin-top:11px;line-height:1.8}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dfe4ec;background:white;color:#59667b;border-radius:9px;padding:10px 17px;white-space:nowrap;font-size:12px;transition:.15s}.btn:hover{background:#f3f5f9}.btn.primary{background:var(--orange);border-color:var(--orange);color:white;box-shadow:0 3px 9px #d98c5520}.btn.primary:hover{background:#d87b47}.btn.blue{background:#f0f3fc;border-color:#e3e9fa;color:#5472be}.btn.danger{color:#c16060}.iconbtn{display:inline-flex;align-items:center;justify-content:center;border:0;background:none;padding:6px;color:#8e98a9;border-radius:7px;line-height:1;font-size:23px}.iconbtn:hover{background:#edf1f7;color:#536179}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:29px}.stat{padding:20px 22px;background:white;border:1px solid var(--line);border-radius:12px;display:flex;justify-content:space-between;align-items:center;min-height:98px}.stat label{color:#8f99a8;font-size:11px;letter-spacing:.5px;margin:0 0 8px;font-weight:400}.stat strong{font-size:26px;font-weight:600;letter-spacing:.3px}.stat small{font-size:11px;font-weight:400;color:#a0a8b3;margin-left:5px}.stat-icon{background:#f0f3fa;color:#8497b5;width:38px;height:38px;display:grid;place-items:center;border-radius:11px}.stat-icon svg{width:19px;height:19px}.stat:nth-child(2) .stat-icon{background:#ecf6f1;color:#70a992}.stat:nth-child(3) .stat-icon{background:#fff4ec;color:#d7a071}.notice{padding:13px 18px;border:1px solid #e4eaf7;background:#edf2fc;border-radius:9px;color:#7b8dab;font-size:11px;display:flex;align-items:center;gap:10px;margin-bottom:25px;line-height:1.7}.notice b{font-weight:500;color:#5573ac}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.tabs{display:flex;align-items:center;gap:24px}.tab{border:0;padding:10px 0;background:none;color:#8a95a6;font-size:12px;position:relative}.tab.active{color:#263a5d;font-weight:600}.tab.active:after{content:"";position:absolute;height:2px;border-radius:2px;background:var(--orange);bottom:0;left:0;right:0}.tools{display:flex;gap:10px;align-items:center}.searchbox{position:relative}.searchbox input{width:220px;padding:10px 12px 10px 35px;font-size:11px;background:white}.searchbox svg{position:absolute;left:12px;top:11px;width:15px;height:15px;stroke:#9aa5b5;fill:none;stroke-width:1.8}.tools select{width:112px;font-size:11px;padding:10px}.sectiontitle{display:flex;justify-content:space-between;font-size:12px;color:#57667e;margin:0 0 17px}.sectiontitle span{font-size:11px;color:#a1a9b5}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.card{background:white;border:1px solid #e6eaf0;border-radius:12px;padding:21px;position:relative;transition:box-shadow .2s,border-color .2s}.card:hover{box-shadow:0 7px 22px #22334d07;border-color:#d4dce9}.cardtop{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.provider-icon{width:41px;height:41px;border-radius:12px;display:grid;place-items:center;background:var(--pc);color:white;font-size:19px;font-weight:650;box-shadow:0 4px 9px color-mix(in srgb,var(--pc) 14%,transparent)}.provider-icon.smalltext{font-size:14px}.card-actions{display:flex;gap:3px}.starred{color:#e1aa55}.card h3{font-size:15px;font-weight:600;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.provider-name{color:#a0a9b6;font-size:10px;letter-spacing:.4px}.cardnote{color:#8d98a8;font-size:11px;margin:17px 0;min-height:17px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cardline{display:flex;justify-content:space-between;gap:10px;font-size:10px;margin-bottom:18px;align-items:center}.status{border-radius:4px;padding:4px 7px;background:#f0f3f7;color:#9aa5b4;display:flex;align-items:center;gap:5px}.status.live{background:#edf7f1;color:#71a48b}.status .dot{width:4px;height:4px;border-radius:50%;background:currentColor}.isolation{color:#9ba7b7;display:flex;align-items:center;gap:4px}.isolation svg{width:12px;height:12px}.cardfooter{padding-top:15px;border-top:1px solid #f0f2f6;display:flex;gap:8px;align-items:center}.cardfooter .open{flex:1}.cardfooter .btn{padding:9px 10px}.menu{position:absolute;right:15px;top:59px;background:white;z-index:3;border:1px solid var(--line);box-shadow:0 8px 28px #24324b15;border-radius:9px;width:140px;padding:5px}.menu button{display:block;border:0;background:none;width:100%;text-align:left;padding:10px 12px;font-size:12px;border-radius:6px;color:#6e7b91}.menu button:hover{background:#f2f5fa}.menu button:last-child{color:#bf7979}.addcard{min-height:245px;border:1px dashed #d6deea;border-radius:12px;background:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#9ba6b6;font-size:12px}.addcard:hover{background:#f0f4fa;border-color:#a7b9d9}.addcircle{width:40px;height:40px;background:#edf1f6;color:#9caec6;border-radius:50%;display:grid;place-items:center;font-size:26px;font-weight:300}.addcard small{font-size:10px;color:#acb5c2}.empty{grid-column:1/-1;background:white;border:1px solid var(--line);border-radius:14px;text-align:center;padding:52px 30px}.empty .emptyicon{display:inline-flex;padding:20px;background:#f7f3ed;border-radius:20px;color:#d8a477;margin-bottom:20px}.empty svg{width:32px;height:32px}.empty h2{font-size:20px;font-weight:600;margin-bottom:12px}.empty p{font-size:12px;color:#929cad;line-height:1.9;max-width:430px;margin:0 auto 22px}.bottomnote{font-size:10px;color:#a5aebb;text-align:center;margin:28px 0;letter-spacing:.3px}.loginpage{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:white}.loginart{background:var(--nav);color:white;padding:60px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.loginart .brand{padding:0}.loginart h1{font-size:42px;font-weight:500;line-height:1.5;letter-spacing:2px;position:relative;z-index:1}.loginart p{margin-top:22px;line-height:2;color:#9eacc5;font-size:14px;position:relative;z-index:1}.orbit{position:absolute;width:440px;height:440px;border:1px solid #ffffff10;border-radius:50%;right:-180px;bottom:50px;box-shadow:0 0 0 70px #ffffff03,0 0 0 140px #ffffff02}.logincopy{font-size:11px;color:#6f819f}.loginformwrap{display:grid;place-items:center;padding:40px}.loginform{width:100%;max-width:350px}.loginform h2{font-size:26px;font-weight:600;letter-spacing:1px}.loginform>p{font-size:12px;color:#96a0b0;margin:12px 0 33px}.loginform .btn{width:100%;margin-top:24px;padding:13px}.loginform .subnote{margin:26px 0 0;font-size:11px;line-height:1.8;text-align:center}.formerror{color:#b96161;font-size:12px;margin-top:16px;min-height:16px}.boot{padding:70px;text-align:center;color:#9aa5b5}dialog{border:1px solid #e0e6ed;border-radius:15px;max-width:500px;width:calc(100% - 36px);padding:28px;color:var(--ink);box-shadow:0 18px 70px #18233b22}dialog::backdrop{background:#17213b70;backdrop-filter:blur(3px)}dialog h2{font-size:20px;font-weight:600}.dialoghead{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.dialoghead .eyebrow{font-size:8px}.muted{font-size:12px;line-height:1.8;color:#8e99ab}.hint{font-size:10px;color:#9ba6b6;line-height:1.8;margin-top:8px}.optional{font-size:10px;color:#a2adba;font-weight:400;margin-left:6px}.dialogfoot{display:flex;justify-content:flex-end;gap:10px;padding-top:26px}.guide{padding-left:22px;font-size:13px}.guide li{padding-left:4px;margin:20px 0}.guide p{font-size:12px;color:#8b97a9;line-height:1.8;margin-top:6px}.infobox{font-size:11px;background:#f2f5fa;border-radius:8px;padding:15px;color:#8a96a8;line-height:1.8}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:1000;background:#26334c;color:white;box-shadow:0 8px 25px #18233b25;border-radius:10px;max-width:calc(100% - 30px);padding:14px 23px;font-size:12px;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}.sessionbar{height:61px;background:var(--nav);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 22px;gap:15px}.sessionbar .brand{margin:0;padding:0;gap:10px}.sessionbar .brand img{width:28px;height:28px}.sessionbar .brand strong{font-size:17px;letter-spacing:1px}.sessiontitle{font-size:13px;display:flex;gap:15px;align-items:center}.sessiontitle small{font-size:10px;color:#94a5c1}.sessiontools{display:flex;gap:8px}.sessiontools .btn{background:#ffffff0c;color:#aab8ce;border-color:#ffffff20;padding:8px 12px;font-size:11px}.sessionframe{position:fixed;left:0;right:0;top:61px;bottom:0}.sessionframe iframe{width:100%;height:100%;border:0;background:#f5f7fa}.sessionloading{position:absolute;inset:0;background:var(--bg);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;color:#8d99ad;font-size:12px;z-index:1}.sessionloading h2{font-size:20px;color:#405572}.spinner{width:32px;height:32px;border:3px solid #e1e6ef;border-top-color:var(--orange);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}@media(min-width:1500px){.grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1120px){.sidebar{width:195px;padding-left:12px;padding-right:12px}.layout{grid-template-columns:195px minmax(0,1fr)}.content{padding:28px 24px}.topbar{padding:0 24px}.stats{gap:10px}.stat{padding:17px 15px}.stat-icon{display:none}.tabs{gap:15px}.searchbox input{width:175px}}@media(max-width:780px){.layout{grid-template-columns:1fr}.sidebar{position:relative;width:100%;padding:18px 18px 10px;display:block}.brand{margin-bottom:14px}.sidebar .navlabel,.sidebarbottom,.sidebar #providerNav{display:none}.sidebar>nav{display:flex}.navbtn{padding:10px;font-size:12px}.navbtn .count{display:none}.main{grid-column:1}.topbar{height:58px;padding:0 20px}.private-tag{display:none}.content{padding:25px 20px}.intro h1{font-size:23px}.intro p{font-size:11px}.intro .btn{padding:10px 12px}.stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.stat{min-height:82px}.stat strong{font-size:23px}.notice{font-size:10px}.toolbar{flex-wrap:wrap}.tools{width:100%}.searchbox{flex:1}.searchbox input{width:100%}.grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr))}.loginpage{grid-template-columns:1fr}.loginart{padding:28px}.loginart .brand{margin:0}.loginart h1,.loginart p,.logincopy{display:none}.loginformwrap{padding:40px 25px}.sessionbar{padding:0 10px}.sessionbar .brand{display:none}.sessiontitle{gap:8px}.sessiontitle small{display:none}.sessiontools .btn{padding:8px;font-size:10px}}
.userbutton{border:0;background:none;color:inherit;padding:0;cursor:pointer}.mobilelogout{display:none}@media(max-width:780px){.navbtn{white-space:nowrap;font-size:11px;gap:7px;padding:9px 8px}.topright{gap:12px}.mobilelogout{display:inline-flex}.userbutton>span:last-child{display:none}}
.mail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:3px 0 23px}.mail-toolbar h2{font-size:17px;font-weight:600}.mail-toolbar p{font-size:11px;color:#98a2b1;margin-top:9px;line-height:1.8}.mail-actions{display:flex;gap:9px}.mail-filters{display:flex;align-items:center;gap:18px;margin:20px 0 16px}.mail-filters>select{width:230px;font-size:11px;padding:11px}.mail-filters .searchbox{margin-left:auto}.mail-filters .searchbox input{width:265px}.mail-checkbox{display:flex;gap:6px;align-items:center;margin:0;color:#8692a4;font-size:11px;white-space:nowrap;font-weight:400}.mail-checkbox input{width:14px;height:14px;margin:0;accent-color:#6585c4}.mail-rows{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.mail-row{border:0;border-bottom:1px solid #edf0f5;display:flex;gap:14px;align-items:flex-start;background:white;width:100%;text-align:left;padding:20px;color:var(--ink)}.mail-row:last-child{border-bottom:0}.mail-row:hover{background:#f9fbff}.mail-row.is-unread{background:#fcfdff}.mail-unread-dot{color:#e9a16d;font-size:8px;min-width:8px;margin-top:15px}.mail-row-icon{background:color-mix(in srgb,var(--pc) 10%,white);color:var(--pc);min-width:36px;height:36px;display:grid;place-items:center;border-radius:10px;font-size:12px;font-weight:600}.mail-row-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:7px}.mail-row-heading{display:flex;gap:14px;align-items:center;justify-content:space-between}.mail-row-heading b{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 115px)}.mail-row.is-unread .mail-row-heading b{font-weight:650}.mail-row-heading time{font-size:10px;color:#a0aabb;white-space:nowrap}.mail-row-sender{font-size:11px;color:#6e7c91;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-row-snippet{font-size:11px;color:#9ca6b5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.8}.mail-row-source{font-size:9px;color:#9ba7b9;margin-top:2px;line-height:1.7;overflow-wrap:anywhere}.mail-row-source>span{padding:0 5px}.mail-row-arrow{font-size:23px;color:#b8c2d0;align-self:center}.mail-empty{text-align:center;padding:47px 25px;color:#a0aaba}.mail-empty .emptyicon{display:inline-flex;padding:18px;background:#f6f0e9;border-radius:18px;color:#d9a476;margin-bottom:18px}.mail-empty svg{width:26px;height:26px}.mail-empty h3{font-size:19px;font-weight:550;color:#586b85;margin-bottom:14px}.mail-empty p{font-size:12px;line-height:1.9;margin-bottom:22px}.mail-empty small{display:block;font-size:10px;margin-top:18px}.mail-empty .btn svg{width:17px;height:17px}.mail-pagination{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a2adbd;margin:17px 0}.mail-pagination>div{display:flex;gap:8px}.mail-pagination .btn{font-size:10px;padding:8px 12px}.mail-errorbar{background:#fff5f2;border:1px solid #f3dfd7;border-radius:9px;color:#aa8374;font-size:11px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;line-height:1.8;margin-bottom:9px}.mail-errorbar small{display:block;font-size:10px;color:#b39d92}.mail-pausebar{padding:12px 16px;font-size:11px;line-height:1.8;color:#929dad;background:#edf1f6;border-radius:8px}.mailconnection:empty{display:none}.mailconnection{margin-top:-5px;margin-bottom:13px;padding-top:9px;border-top:1px dashed #edf0f5}.mailconnectline{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10px;color:#a8b0bc}.mailconnectline>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.mailconnectline svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5;vertical-align:middle;margin-right:3px}.mail-link{border:0;background:none;color:#6e87b6;font-size:11px;padding:3px 0;white-space:nowrap;cursor:pointer}.mail-link:hover{color:#345f9c}.mail-link.danger{color:#bf8c83}.mail-connected{color:#839b91}.mail-warning{color:#c79872}.mailsmall{font-size:9px;color:#abb3be;margin-top:5px}.mail-grant-note{margin-top:20px;line-height:1.9}.mail-grant-note p+p{margin-top:10px}.mail-grant-note button{margin-top:8px;white-space:normal;text-align:left;line-height:1.8}.mail-connection-controls{display:flex;justify-content:space-between;gap:15px;margin-top:13px}.mail-connection-controls .mail-link{font-size:10px}#mailDetailDialog{max-width:780px;max-height:calc(100vh - 50px)}#mailDetailTitle{font-size:21px;line-height:1.65;overflow-wrap:anywhere}.mail-detail-meta{display:grid;grid-template-columns:70px 1fr;gap:10px;margin:22px 0 25px;font-size:11px;line-height:1.7}.mail-detail-meta dt{color:#a6afbc}.mail-detail-meta dd{margin:0;color:#738197;overflow-wrap:anywhere}#mailDetailBody{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/2 "Segoe UI","Microsoft YaHei",sans-serif;color:#61718a;min-height:100px;padding-top:21px;border-top:1px solid var(--line);margin:23px 0}#mailTruncated{font-size:11px}#confirmDialog{max-width:430px}@media(max-width:1100px){.mail-toolbar{align-items:flex-start;flex-direction:column}.mail-filters{gap:12px;flex-wrap:wrap}.mail-filters .searchbox{width:100%;margin:0}.mail-filters .searchbox input{width:100%}}@media(max-width:780px){.sidebar>nav#mainNav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.sidebar>nav#mainNav .navbtn{margin:0;padding:10px 14px}.mail-toolbar{gap:15px}.mail-actions{width:100%}.mail-actions .btn{flex:1;padding:10px}.mail-filters>select{flex:1;min-width:130px;width:auto}.mail-row{padding:17px 12px;gap:9px}.mail-row-icon{display:none}.mail-row-heading{align-items:flex-start;gap:5px;flex-direction:column}.mail-row-heading b{max-width:100%;font-size:12px}.mail-row-heading time{font-size:9px}.mail-row-source{font-size:9px}.mail-row-arrow{display:none}.mail-empty{padding:35px 18px}.mail-empty h3{font-size:16px}.mail-empty p{font-size:11px}.mail-errorbar{align-items:flex-start;flex-direction:column;gap:9px}#mailDetailTitle{font-size:18px}.mail-detail-meta{grid-template-columns:55px 1fr}#mailDetailBody{font-size:12px}.mail-connection-controls{gap:10px;flex-wrap:wrap}}
.account-title{display:block;width:100%;text-align:left;border:0;background:none;color:inherit;font:inherit;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.account-title:hover{color:#5472be}.card{cursor:pointer}.stat strong.stat-word{font-size:16px;line-height:1.8}#pageTitle{overflow-wrap:anywhere}.mail-actions{flex-wrap:wrap}
.mail-recipient-badge{display:flex;align-items:center;gap:12px;width:100%;padding:12px 15px;margin-bottom:7px;border:1px solid color-mix(in srgb,var(--pc) 25%,white);border-left:4px solid var(--pc);border-radius:9px;background:color-mix(in srgb,var(--pc) 6%,white)}.mail-recipient-icon{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:9px;background:var(--pc);color:white;font-size:13px;font-weight:650}.mail-recipient-identity{display:flex;flex-wrap:wrap;gap:5px 12px;align-items:center;min-width:0}.mail-recipient-identity small{font-size:10px;color:#8390a4;flex-basis:100%}.mail-recipient-identity strong{font-size:13px;color:#445c7d;font-weight:650}.mail-recipient-identity b{font-size:14px;color:#28456e;overflow-wrap:anywhere;font-weight:650}.mail-detail-mailbox{padding:13px 16px;background:#eef3fc;border:1px solid #dce6f5;border-left:4px solid #6688c7;border-radius:8px;color:#3c5c90;font-size:14px;font-weight:600;overflow-wrap:anywhere;margin:5px 0 20px}#accountInboxDialog{width:calc(100% - 36px);max-width:960px;max-height:90vh;padding:0;overflow:hidden}.inbox-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:24px 28px 19px;border-bottom:1px solid var(--line);background:#f7f9fd}.inbox-dialog-head h2{font-size:22px}.inbox-dialog-head p{font-size:17px;color:#3a619c;font-weight:650;overflow-wrap:anywhere;margin-top:9px}.inbox-dialog-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 28px;border-bottom:1px solid var(--line)}.inbox-dialog-tools>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.inbox-dialog-tools>.muted{font-size:10px;flex:1}.inbox-dialog-messages{overflow-y:auto;max-height:52vh;min-height:180px;overscroll-behavior:contain}.inbox-dialog-messages .mail-errorbar{margin:15px}.inbox-dialog-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 28px;border-top:1px solid var(--line);font-size:10px;color:#9aa5b5}@media(max-width:780px){.inbox-dialog-head{padding:20px}.inbox-dialog-head h2{font-size:19px}.inbox-dialog-head p{font-size:15px}.inbox-dialog-tools{padding:13px 20px;align-items:flex-start;flex-direction:column;gap:10px}.inbox-dialog-tools>div{width:100%;gap:10px}.inbox-dialog-tools .btn{font-size:10px;padding:8px 10px}.inbox-dialog-messages{max-height:44vh}.inbox-dialog-foot{padding:12px 20px;align-items:flex-start}.mail-recipient-badge{padding:10px;gap:9px}.mail-recipient-icon{display:none}.mail-recipient-identity strong{font-size:12px}.mail-recipient-identity b{font-size:13px}.mail-detail-mailbox{font-size:12px}}
#accountInboxDialog[open]{display:flex;flex-direction:column}.inbox-dialog-head,.inbox-dialog-tools,.inbox-dialog-foot{flex-shrink:0}.inbox-dialog-head>div{min-width:0}#accountInboxTitle{overflow-wrap:anywhere}.inbox-dialog-messages{flex:1 1 auto;min-height:0}.mail-recipient-identity strong{max-width:100%;overflow-wrap:anywhere}
.inbox-dialog-search{flex-shrink:0;padding:14px 28px;border-bottom:1px solid var(--line);background:#fff}.inbox-dialog-search .searchbox{width:100%}.inbox-dialog-search .searchbox input{width:100%;padding:12px 38px 12px 36px;font-size:12px;background:#f7f9fc}.inbox-dialog-search .searchbox svg{top:13px}.inbox-dialog-search .searchbox input::-webkit-search-cancel-button{display:none}.inbox-dialog-search .searchbox .iconbtn{position:absolute;right:5px;top:5px;width:31px;height:31px;font-size:21px}.inbox-dialog-search>span{display:block;margin-top:9px;color:#98a5b6;font-size:10px;line-height:1.6}@media(max-width:780px){.inbox-dialog-search{padding:12px 20px}.inbox-dialog-search .searchbox input{font-size:11px}}
dialog{max-height:90vh;overflow-y:auto}.stat-click{text-align:left;transition:border-color .15s,transform .15s}.stat-click:hover{border-color:#bdcde4;transform:translateY(-2px)}.toolbar{flex-wrap:wrap}.tools{flex-wrap:wrap;justify-content:flex-end;flex:1;min-width:0}.tools .searchbox{flex:1;min-width:180px;max-width:310px}.tools .searchbox input{width:100%}.tools #groupFilter{width:130px}.layout-switch{display:flex;padding:3px;border:1px solid #dde5f0;border-radius:8px;background:white}.layout-switch button{border:0;border-radius:5px;background:none;color:#91a0b4;padding:7px 9px;font-size:10px}.layout-switch button.active{background:#edf2fb;color:#4f70ad}.bulkbar{display:flex;gap:13px;align-items:center;flex-wrap:wrap;background:#edf3ff;border:1px solid #dce7fa;border-radius:9px;padding:12px 16px;margin-bottom:20px;color:#5d7aac;font-size:11px}.bulkbar button{border:0;background:none;color:#5978af;padding:5px;font-size:11px}.bulkbar button:hover{color:#244e93}.bulkbar .bulk-spacer{flex:1}.bulkbar button[data-bulk]{background:#fff;border:1px solid #d8e2f5;border-radius:6px;padding:7px 10px}.bulkbar button:disabled{opacity:.35;cursor:default}.card-select{font-size:10px;color:#7b8ea9;font-weight:400;display:flex;align-items:center;gap:5px;margin:0 0 0 9px;cursor:pointer;white-space:nowrap}.card-select input{margin:0;width:14px;height:14px;accent-color:#6587c2}.card-actions{margin-left:auto}.manage-active .unread-count{display:none}.chosen-card{border-color:#83a3d2;background:#fbfdff;box-shadow:0 0 0 2px #6a92cb18}.unread-count{border:0;border-radius:6px;background:#fff0e6;color:#cf8047;font-size:10px;padding:6px 8px;margin-right:4px;white-space:nowrap}.card-mail-address{display:flex;align-items:center;gap:8px;margin:10px 0 13px;font-size:13px;font-weight:600;color:#48638a;min-width:0}.card-mail-address>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.card-mail-address .mail-link{font-size:10px;flex-shrink:0;font-weight:400}.group-badge{border:1px solid #e4eaf4;border-radius:4px;background:#f5f8fc;color:#8093ae;font-size:9px;padding:3px 6px;margin-left:5px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.group-badge:hover{border-color:#b8cbe5;color:#597bb0}.provider-name{line-height:1.8}.cardnote{margin:14px 0}.card-sync-error{font-size:10px;line-height:1.7;color:#bd8b77;margin:9px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reader-navigation{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:3px 0 20px}.reader-navigation span{font-size:11px;color:#8b9bb0}.reader-navigation .btn{font-size:11px;padding:8px 14px}.grid.compact-list{display:flex;flex-direction:column;gap:12px}.compact-list .card{display:grid;grid-template-columns:40px minmax(180px,1fr) minmax(160px,1fr) 210px;gap:6px 18px;padding:18px}.compact-list .cardtop{grid-column:1;grid-row:1/4;flex-direction:column;justify-content:flex-start;margin:0;gap:8px}.compact-list .provider-icon{width:36px;height:36px;font-size:15px;border-radius:9px}.compact-list .card-select{margin:0;font-size:9px}.compact-list .card-actions{position:absolute;right:18px;top:10px}.compact-list h3{grid-column:2;grid-row:1;margin:0;align-self:center;padding-top:3px}.compact-list .card-mail-address{grid-column:2;grid-row:2;margin:0;align-self:center;font-size:12px}.compact-list .provider-name{grid-column:2;grid-row:3}.compact-list .cardnote{display:none}.compact-list .mailconnection{grid-column:3;grid-row:1/4;align-self:center;margin:0;border:0;padding:0}.compact-list .cardfooter{grid-column:4;grid-row:2/4;border:0;padding:9px 0 0;align-self:center}.compact-list .addcard{min-height:80px;flex-direction:row}.compact-list .addcard small{display:none}.compact-list .menu{top:42px}@media(max-width:1100px){.toolbar{align-items:flex-start}.toolbar .tools{flex-basis:100%;justify-content:flex-start}.tools .searchbox{max-width:none}.compact-list .card{display:block}.compact-list .cardtop{flex-direction:row;justify-content:space-between;gap:8px;margin-bottom:12px}.compact-list .card-actions{position:static}.compact-list .card-mail-address{margin:10px 0}.compact-list .mailconnection{margin-top:12px;padding-top:10px;border-top:1px dashed #e8edf5}.compact-list .cardfooter{margin-top:12px;padding-top:12px;border-top:1px solid #edf0f5}}@media(max-width:780px){.tabs{gap:18px}.tools #groupFilter{width:calc(50% - 5px)}.tools #sort{width:calc(50% - 5px);order:-1}.tools .searchbox{flex-basis:100%}.bulkbar{gap:8px;font-size:10px;padding:10px}.bulkbar .bulk-spacer{display:none}.bulkbar button{font-size:10px}.bulkbar button[data-bulk]{padding:6px 8px}.card-mail-address{font-size:12px}}