*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}
.mail-app{height:100dvh;display:flex;flex-direction:column;overflow:hidden;}
.topbar-left{display:flex;align-items:center;min-width:0}.logo{display:flex;align-items:center;font-weight:800;letter-spacing:-.02em;}.logo-mark{color:#fff;display:grid;place-items:center;}.logo-product{margin-left:-4px;}
.search-wrap input{border:0;outline:0;background:transparent;color:#273247;}.search-wrap input::placeholder{color:#929ba8}.search-icon{display:grid;place-items:center;}.search-icon svg,.topbar-icon-svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.search-options{border:0;background:transparent;}
.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px}.icon-btn,.small-icon{border:0;background:transparent;color:#687587;border-radius:8px}.icon-btn{font-size:16px;}.icon-btn:hover,.small-icon:hover{background:#f2f4f7}.icon-btn:focus-visible,.small-icon:focus-visible,.search-options:focus-visible,.profile-btn:focus-visible,.reply-top:focus-visible,.reply-button:focus-visible{outline:2px solid #7d98ee;outline-offset:2px}.admin-link{font-size:12px;font-weight:700;color:#4d64b9;padding:9px 11px;border-left:1px solid var(--line);margin-left:4px}.profile-btn{border-radius:50%;border:0;color:white;font-size:11px;font-weight:800;margin-left:4px;}
.labels{margin-top:18px}.labels-head{display:flex;justify-content:space-between;align-items:center;padding:0 10px 6px;color:#929ba8;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.labels-head button{border:0;background:transparent;color:#8c96a4;font-size:16px}.labels>button{width:100%;border:0;background:transparent;border-radius:8px;text-align:left;padding:8px 12px;color:#6a7586;font-size:12px}.labels>button:hover{background:#f1f3f6}.label-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:9px}.label-dot.blue{background:#6682eb}.label-dot.amber{background:#c09153}.label-dot.green{background:#4eaf88}
.storage-card{margin-top:auto;padding:15px 12px 2px}.storage-head{display:flex;justify-content:space-between;font-size:11px;color:#7e8999}.storage-head b{font-weight:700;color:#5e6979}.storage-bar{height:5px;background:#e9edf2;border-radius:999px;margin:9px 0 6px;overflow:hidden}.storage-bar i{display:block;width:19%;height:100%;background:#5975e4;border-radius:inherit}.storage-note{font-size:10px;color:#9aa3af}
.small-icon{width:32px;height:32px;font-size:14px}
.sender-avatar{display:grid;place-items:center;border-radius:11px;font-weight:800;}.avatar-purple{background:#ece9ff;color:#6551ca}.avatar-blue{background:#e8f1ff;color:#3f65c8}.avatar-slate{background:#edf0f4;color:#59687c}.avatar-violet{background:#665df5;color:#fff}.avatar-rose{background:#fdebef;color:#bd536f}.blue-tag{background:#e8eeff;color:#526ac7}.green-tag{background:var(--green-soft);color:var(--green)}.amber-tag{background:var(--amber-soft);color:var(--amber)}.attachment-note{font-size:9px;color:#9aa3af}.message-star{color:#9ca5b1;font-size:16px;padding-top:1px;text-align:center}.message-star.starred{color:#d39a35}
.reader-tools-left,.reader-tools-right{display:flex;gap:3px}.back-to-list{display:none}.email{display:none;}.email.active{display:block}.email-head{justify-content:space-between;gap:20px;align-items:flex-start;}.email-labels{display:flex;gap:6px;}.star-button{border:0;background:transparent;color:#8b96a5;font-size:21px}.star-button.starred{color:#d39a35}
.sender-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto 34px;gap:10px;align-items:center;margin-top:28px;padding-bottom:18px;border-bottom:1px solid #edf0f3}.sender-avatar{width:42px;height:42px;font-size:12px;}.sender-info{min-width:0}.sender-info strong,.sender-info span{display:block}.sender-info strong{font-size:13px}.sender-info span{font-size:11px;color:#8b95a2;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sender-detail{border:0;background:transparent;padding:0;margin-top:2px;color:#8993a0;font-size:10px}.sender-row time{font-size:11px;color:#8a94a1;white-space:nowrap}.reply-top{border:0;background:transparent;color:#667386;font-size:16px;width:34px;height:34px;border-radius:8px}.reply-top:hover{background:#f3f5f7}
.email-copy{font-size:14px;line-height:1.72;color:#3f4c5e;padding:24px 0}.email-copy p{margin:0 0 16px}.security-callout{display:flex;gap:12px;align-items:center;background:#edf8f4;border:1px solid #d5eee3;border-radius:11px;padding:14px;margin:18px 0}.security-callout>span{width:32px;height:32px;border-radius:9px;background:#d7f1e7;color:#19825f;display:grid;place-items:center;font-weight:900}.security-callout strong,.security-callout small{display:block}.security-callout strong{font-size:12px}.security-callout small{font-size:10px;color:#74847e;margin-top:3px}.payment-box{display:inline-flex;flex-direction:column;min-width:240px;background:#f7f8fa;border:1px solid #e4e8ed;border-radius:12px;padding:16px 18px;margin:4px 0 20px}.payment-box span{font-size:10px;color:#8c96a2}.payment-box strong{font-size:28px;letter-spacing:-.04em;margin:3px 0}.payment-box small{font-size:10px;color:#7d8997}
.attachments{border-top:1px solid #edf0f3;padding-top:18px}.attachments-head{display:flex;justify-content:space-between;align-items:center}.attachments-head strong{font-size:12px}.attachments-head button{border:0;background:transparent;color:#4864cc;font-size:11px;font-weight:700}.attachment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:11px}.attachment{min-width:0;border:1px solid #e2e6eb;background:#fff;border-radius:11px;padding:0;overflow:hidden;display:grid;grid-template-columns:74px minmax(0,1fr) 34px;align-items:center;text-align:left}.attachment:hover{background:#fafbfc}.file-preview{width:74px;height:62px;background:#f0f3f7;display:grid;place-items:center}.pdf-preview b{font-size:10px;color:#b34d52;background:#fff;border:1px solid #e3e7ed;border-radius:5px;padding:5px}.image-preview i{width:36px;height:30px;background:linear-gradient(155deg,#c5d0e6,#7e94c2);border-radius:5px;display:block}.file-info{min-width:0;padding:0 10px}.file-info strong,.file-info small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-info strong{font-size:11px}.file-info small{font-size:9px;color:#919aa7;margin-top:3px}.download{font-size:16px;color:#718094;text-align:center}.reply-actions{display:flex;gap:8px;margin-top:22px}.reply-button{border:1px solid #dce1e7;background:#fff;border-radius:9px;padding:9px 14px;font-size:11px;font-weight:700;color:#506074}.reply-button:hover{background:#f6f8fa}
.scrim{position:fixed;inset:0;background:rgba(9,17,29,.35);z-index:80}.scrim[hidden]{display:none}.toast{position:fixed;left:50%;bottom:24px;max-width:min(440px,calc(100vw - 32px));transform:translate(-50%,12px);background:#17243a;color:#fff;border-radius:11px;padding:11px 15px;font-size:12px;line-height:1.4;text-align:center;overflow-wrap:anywhere;opacity:0;pointer-events:none;transition:.2s;z-index:150;box-shadow:0 14px 35px rgba(0,0,0,.18)}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){
.topbar{grid-template-columns:205px minmax(250px,520px) 1fr}
.app-body{grid-template-columns:205px 1fr}
.email{padding:30px 30px 50px}
}
@media(max-width:880px){
.topbar{grid-template-columns:auto minmax(0,1fr) auto;padding:0 12px;gap:10px}.desktop-only{display:none}.logo-product{display:none}.logo-name{font-size:16px}.search-wrap{width:100%;height:38px}.admin-link{display:none}
.mail-stage{height:calc(100dvh - 64px);grid-template-columns:360px minmax(0,1fr)}
}
@media(max-width:700px){
.topbar{height:calc(60px + env(safe-area-inset-top));flex-basis:calc(60px + env(safe-area-inset-top));grid-template-columns:auto 1fr auto;}.logo-name,.logo-product{display:none}.logo-mark{width:32px;height:32px}.profile-btn{width:32px;height:32px}.search-wrap{height:38px}.search-wrap input{font-size:16px}
.reader-pane{position:absolute;inset:0;background:#fff;transform:translateX(102%);transition:transform .22s ease;z-index:30}.reader-pane.open{transform:translateX(0)}.back-to-list{display:inline-grid;place-items:center}.email{padding:24px 18px 50px}.sender-row{grid-template-columns:40px minmax(0,1fr) 32px}.sender-avatar{width:40px;height:40px}.sender-row time{display:none}.email-copy{font-size:14px}.attachment-grid{grid-template-columns:1fr}.toast{bottom:14px;max-width:calc(100vw - 28px);white-space:nowrap}
}
@media(max-width:700px){.empty-folder button{min-height:44px;padding:0 15px;font-size:11px}}
@media(max-width:700px){
.message-pane.compact-list .message{min-height:62px;grid-template-columns:35px minmax(0,1fr);gap:7px;padding:7px 8px}
.message-pane.compact-list .message-avatar{width:35px;height:35px}
.message-pane.compact-list .message:after{left:50px;right:8px}
.message-pane.compact-list .message-select{left:4px;top:4px;width:44px;height:44px}
.message-pane.compact-list .message-topline{padding-right:0}
.message-pane.compact-list .message-subject{padding-right:42px}
.message-pane.compact-list .message-topline strong{font-size:12.5px}
.message-pane.compact-list .message-topline time{font-size:10.5px}
.message-pane.compact-list .message-subject{font-size:12.5px}
.message-pane.compact-list .message-star-btn{right:0;top:auto;bottom:0;width:44px;height:44px}
.message-pane.compact-list .message-date-group{padding-left:50px}
.message-pane.compact-list .message-skeleton{min-height:62px;grid-template-columns:35px minmax(0,1fr);gap:7px;padding:7px 8px}
.message-pane.compact-list .skeleton-avatar{width:35px;height:35px}
}
@media(max-width:430px){
.topbar{padding:0 8px;gap:7px}.search-wrap{padding:0 5px;grid-template-columns:25px 1fr 20px}.profile-btn{margin-left:0}.email{padding-left:15px;padding-right:15px}.sender-info span{display:none}.reply-top{display:none}.sender-row{grid-template-columns:40px minmax(0,1fr)}
}
/* 0.18.306 single-stage startup shell. Only this view is visible until session routing is complete. */
.mail-boot{position:fixed;inset:0;z-index:4000;display:grid;place-items:center;min-height:100dvh;overflow:hidden;padding:max(28px,env(safe-area-inset-top)) 24px max(28px,env(safe-area-inset-bottom));box-sizing:border-box;background:radial-gradient(circle at 50% 34%,#fff 0,#f8faff 28%,#f0f4fb 70%,#edf2f8 100%);color:#142033;isolation:isolate}.mail-boot[hidden]{display:none}.mail-boot::before{content:"";position:absolute;inset:0;z-index:-2;opacity:.55;background-image:linear-gradient(rgba(63,92,155,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(63,92,155,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at center,#000 0,transparent 72%);-webkit-mask-image:radial-gradient(circle at center,#000 0,transparent 72%)}.mail-boot-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none}.mail-boot-atmosphere i{position:absolute;display:block;border-radius:50%;filter:blur(2px);opacity:.42;animation:mail-boot-drift 8s ease-in-out infinite alternate}.mail-boot-atmosphere i:nth-child(1){width:36vw;height:36vw;max-width:440px;max-height:440px;left:-10vw;top:8vh;background:radial-gradient(circle,rgba(67,104,219,.14),rgba(67,104,219,0) 70%)}.mail-boot-atmosphere i:nth-child(2){width:42vw;height:42vw;max-width:520px;max-height:520px;right:-15vw;bottom:-4vh;background:radial-gradient(circle,rgba(104,126,202,.13),rgba(104,126,202,0) 70%);animation-delay:-3s}.mail-boot-atmosphere i:nth-child(3){width:240px;height:240px;left:50%;top:46%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(49,88,212,.08),rgba(49,88,212,0) 68%);animation:mail-boot-breathe 3.2s ease-in-out infinite}.mail-boot-inner{position:relative;display:flex;flex-direction:column;align-items:center;width:min(100%,340px);text-align:center}.mail-boot-emblem{position:relative;width:118px;height:118px;display:grid;place-items:center;margin-bottom:22px;animation:mail-boot-float 3.4s ease-in-out infinite}.mail-boot-logo{position:relative;z-index:3;width:66px;height:66px;border-radius:19px;background:url("/icons/veltar-mail-brand.svg") center/cover no-repeat;box-shadow:0 18px 45px rgba(33,57,116,.18),0 4px 14px rgba(33,57,116,.10);animation:mail-boot-logo-glow 2.6s ease-in-out infinite}.mail-boot-orbit{position:absolute;inset:8px;border:1px solid rgba(70,96,166,.16);border-radius:50%}.mail-boot-orbit::after{content:"";position:absolute;top:-3px;left:50%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#3158d4;box-shadow:0 0 0 5px rgba(49,88,212,.08),0 0 18px rgba(49,88,212,.34)}.mail-boot-orbit-a{animation:mail-boot-orbit 3.2s linear infinite}.mail-boot-orbit-b{inset:18px;border-color:rgba(70,96,166,.10);transform:rotate(145deg);animation:mail-boot-orbit-reverse 4.7s linear infinite}.mail-boot-orbit-b::after{width:4px;height:4px;top:-2px;margin-left:-2px;background:#8aa0e8;box-shadow:0 0 0 4px rgba(138,160,232,.08)}.mail-boot-spark{position:absolute;z-index:4;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 10px rgba(49,88,212,.5);animation:mail-boot-spark 2.2s ease-in-out infinite}.mail-boot-spark-a{right:23px;top:28px}.mail-boot-spark-b{left:26px;bottom:30px;animation-delay:-1.1s}.mail-boot-copy{display:flex;flex-direction:column;align-items:center}.mail-boot-copy small{color:#3158d4;font-size:9.5px;line-height:1;font-weight:850;letter-spacing:.18em}.mail-boot-copy strong{margin-top:9px;font-size:21px;line-height:1.18;font-weight:790;letter-spacing:-.035em}.mail-boot-copy span{min-height:18px;margin-top:7px;color:#7b8797;font-size:12px;line-height:1.5;transition:opacity .18s ease}.mail-boot-progress{position:relative;width:168px;height:4px;margin-top:22px;overflow:hidden;border-radius:999px;background:rgba(81,103,151,.10);box-shadow:inset 0 1px 2px rgba(35,52,90,.04)}.mail-boot-progress i{position:absolute;top:0;bottom:0;left:-55%;width:55%;border-radius:inherit;background:linear-gradient(90deg,rgba(49,88,212,0),rgba(49,88,212,.85),#708de8,rgba(49,88,212,0));animation:mail-boot-progress 1.45s cubic-bezier(.45,0,.55,1) infinite}.mail-boot-dots{display:flex;gap:5px;margin-top:12px}.mail-boot-dots i{width:4px;height:4px;border-radius:50%;background:#a9b4c5;animation:mail-boot-dot 1.2s ease-in-out infinite}.mail-boot-dots i:nth-child(2){animation-delay:.15s}.mail-boot-dots i:nth-child(3){animation-delay:.3s}@keyframes mail-boot-orbit{to{transform:rotate(360deg)}}@keyframes mail-boot-orbit-reverse{from{transform:rotate(145deg)}to{transform:rotate(-215deg)}}@keyframes mail-boot-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes mail-boot-logo-glow{0%,100%{box-shadow:0 18px 45px rgba(33,57,116,.18),0 4px 14px rgba(33,57,116,.10)}50%{box-shadow:0 21px 52px rgba(49,88,212,.24),0 4px 18px rgba(49,88,212,.14)}}@keyframes mail-boot-progress{0%{left:-55%}55%,100%{left:110%}}@keyframes mail-boot-dot{0%,100%{transform:translateY(0);opacity:.45}50%{transform:translateY(-3px);opacity:1;background:#3158d4}}@keyframes mail-boot-spark{0%,100%{opacity:.15;transform:scale(.6)}50%{opacity:1;transform:scale(1.25)}}@keyframes mail-boot-breathe{0%,100%{opacity:.45;transform:translate(-50%,-50%) scale(.9)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.15)}}@keyframes mail-boot-drift{from{transform:translate3d(-8px,-8px,0) scale(.96)}to{transform:translate3d(10px,12px,0) scale(1.05)}}@media(max-width:520px){.mail-boot-emblem{width:112px;height:112px;margin-bottom:18px}.mail-boot-logo{width:64px;height:64px;border-radius:18px}.mail-boot-copy strong{font-size:20px}.mail-boot-progress{margin-top:20px}}@media(prefers-reduced-motion:reduce){.mail-boot-atmosphere i,.mail-boot-emblem,.mail-boot-logo,.mail-boot-orbit,.mail-boot-spark,.mail-boot-progress i,.mail-boot-dots i{animation:none}.mail-boot-progress i{left:22%;width:56%;background:#6f8be3}.mail-boot-dots i{opacity:.65}}
.mail-boot{transition:opacity .38s cubic-bezier(.22,.75,.24,1),transform .38s cubic-bezier(.22,.75,.24,1),filter .38s ease}.mail-boot-inner{transition:transform .38s cubic-bezier(.22,.75,.24,1),opacity .3s ease}.mail-boot-progress::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#3158d4,#6f8be3);transform:scaleX(0);transform-origin:left center;opacity:0}.mail-boot.is-ready .mail-boot-progress i{animation:none;opacity:0;transition:opacity .12s ease}.mail-boot.is-ready .mail-boot-progress::after{opacity:1;transform:scaleX(1);transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .08s ease}.mail-boot.is-ready .mail-boot-logo{transform:scale(1.055);box-shadow:0 20px 56px rgba(49,88,212,.26),0 4px 18px rgba(49,88,212,.15);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease}.mail-boot.is-ready .mail-boot-orbit{animation-play-state:paused;opacity:.48;transition:opacity .2s ease}.mail-boot.is-ready .mail-boot-dots i{animation:none;background:#3158d4;opacity:.9;transform:translateY(0);transition:opacity .18s ease,background .18s ease}.mail-boot.is-leaving{opacity:0;transform:scale(1.012);filter:blur(1px);pointer-events:none}.mail-boot.is-leaving .mail-boot-inner{transform:translateY(-4px) scale(.985);opacity:.92}@media(prefers-reduced-motion:reduce){.mail-boot,.mail-boot-inner,.mail-boot-logo,.mail-boot-progress::after{transition:none!important}.mail-boot.is-leaving{transform:none;filter:none}}
.mail-login{min-height:100dvh;display:grid;place-items:center;padding:24px;}.mail-login[hidden],.mail-app[hidden]{display:none}.mail-login-card{width:min(440px,100%);background:#fff;}.mail-login-brand{display:flex;align-items:center;gap:11px}.mail-login-brand>span{width:38px;height:38px;color:#fff;display:grid;place-items:center;font-weight:850;}.mail-login-brand strong,.mail-login-brand small{display:block}.mail-login-brand strong{font-size:14px}.mail-login-brand small{font-size:10.5px;color:#84909f;margin-top:2px}.mail-login-card h1{letter-spacing:-.04em;margin:30px 0 8px;}.mail-login-card>p{font-size:13px;line-height:1.55;color:#738092}.mail-login-card label{display:block;font-size:11.5px;font-weight:760;color:#5d6a7c;margin-top:15px}.mail-login-card input{width:100%;margin-top:6px;border:1px solid #dfe4ea;border-radius:10px;padding:12px;outline:0;font-size:16px}.mail-login-card form>button{width:100%;min-height:46px;border:0;border-radius:11px;background:#3158d4;color:#fff;padding:12px;margin-top:18px;font-weight:800}.mail-login-error{font-size:11px;line-height:1.45;color:#a54851;background:#fff1f2;border:1px solid #f0dadd;border-radius:9px;padding:10px 11px;margin-top:12px}.mail-login-error[hidden]{display:none}.single-stage{grid-template-columns:390px 1fr}.real-sent-pane{height:100%}.future-folder{opacity:.5}@media(max-width:700px){.real-sent-pane{height:100%}}
.mail-auth-strip{display:flex;gap:6px;flex-wrap:wrap;padding:12px 0 0}.mail-auth-strip span{font-size:9px;color:#7a8594;background:#f4f6f8;border-radius:6px;padding:5px 7px}.mail-auth-strip b{color:#46556a;margin-left:3px}
/* Add account dialog */
.account-overlay{position:fixed;inset:0;background:rgba(9,17,29,.48);z-index:240;display:grid;place-items:center;padding:18px}.account-overlay[hidden]{display:none}.account-dialog{position:relative;width:min(460px,100%);background:#fff;border:1px solid #e2e7ee;border-radius:20px;padding:28px;box-shadow:0 28px 80px rgba(15,23,42,.24)}.account-dialog-close{position:absolute;right:14px;top:14px;border:0;background:#f2f4f7;color:#748092;width:40px;height:40px;border-radius:11px;font-size:20px;cursor:pointer}.account-dialog h2{font-size:24px;letter-spacing:-.035em;margin:24px 0 7px}.account-dialog>p{font-size:12px;line-height:1.55;color:#7b8796;margin:0 0 16px}.account-dialog label{display:block;font-size:11px;font-weight:750;color:#667385;margin-top:13px}.account-dialog input{width:100%;min-height:46px;margin-top:7px;border:1px solid #dfe4ea;border-radius:11px;padding:12px;outline:0;font-size:16px}.account-dialog input:focus{border-color:#9fb0ef;box-shadow:0 0 0 3px #edf1ff}.account-dialog form>button{width:100%;min-height:46px;border:0;border-radius:11px;background:#4667e8;color:#fff;padding:12px;margin-top:18px;font-weight:800;cursor:pointer}.profile-btn.has-unread{position:relative}.profile-btn.has-unread:after{content:"";position:absolute;right:-1px;top:-1px;width:9px;height:9px;border-radius:50%;background:#4667e8;border:2px solid #fff}
@media(max-width:700px){.account-dialog{padding:24px 20px}.account-dialog h2{font-size:22px}}
/* 0.9.3.7 — mobile webmail interaction pass */
html{overflow:hidden;-webkit-text-size-adjust:100%}
body{overscroll-behavior:none;}
button,a,input,[contenteditable="true"]{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
@media(max-width:880px){
.scrim{opacity:0;transition:opacity .2s ease;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.scrim:not([hidden]){opacity:1}
}
@media(max-width:700px){
.topbar{height:calc(60px + env(safe-area-inset-top));flex-basis:calc(60px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right));box-shadow:0 1px 0 rgba(22,33,49,.02);}
.mail-stage{height:calc(100dvh - 58px - env(safe-area-inset-top));}
.icon-btn,.profile-btn,.small-icon,.back-to-list{min-width:40px;min-height:40px}
.search-wrap{border-radius:12px}.search-options{min-width:30px;min-height:36px}
.reader-pane{transition:transform .28s cubic-bezier(.22,.75,.24,1);will-change:transform;box-shadow:-12px 0 35px rgba(20,31,50,.06)}
.email{padding:20px 15px calc(42px + env(safe-area-inset-bottom))}
.email-head h2{font-size:22px;overflow-wrap:anywhere}.email-labels span{font-size:9px}
.sender-row{margin-top:20px;padding-bottom:15px}.sender-info strong{font-size:12px}.sender-info span{font-size:10px}
.mail-auth-strip{gap:5px}.mail-auth-strip span{font-size:9px;padding:5px 6px}
.email-copy{font-size:15px;line-height:1.65;padding:20px 0;overflow-wrap:anywhere}.email-copy img{max-width:100%;height:auto}.email-copy table{max-width:100%;display:block;overflow:auto}
/* Bottom-sheet account switcher is easier to use with one thumb. */
.account-overlay{align-items:end;padding:0;background:rgba(9,17,29,.42);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.account-dialog{width:100%;max-height:min(100dvh,calc(100dvh - env(safe-area-inset-top)));overflow:auto;border-radius:20px 20px 0 0;padding:22px 16px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -24px 70px rgba(0,0,0,.22)}
.account-dialog h2{font-size:22px;margin-top:20px}.account-dialog>p{font-size:11px}.account-dialog label{font-size:10px}.account-dialog input{min-height:46px}.account-dialog form>button{min-height:46px}
.account-dialog-close{width:40px;height:40px;right:8px;top:8px}
.toast{bottom:calc(12px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px);white-space:normal;text-align:center;line-height:1.35}
.mail-login{padding:max(18px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom))}.mail-login-card{padding:27px 20px;border-radius:17px}.mail-login-card h1{font-size:25px;margin-top:24px}.mail-login-card>p{font-size:12px}.mail-login-card label{font-size:10px}.mail-login-card input{min-height:46px}.mail-login-card form>button{min-height:46px}
}
@media(max-width:430px){
.topbar{gap:5px}.topbar-left .icon-btn{width:40px}.search-wrap{min-width:0;padding:0 4px}.search-icon{font-size:15px}.profile-btn{width:36px;height:36px}
.message-star{font-size:15px}
.email{padding-left:13px;padding-right:13px}.email-head h2{font-size:21px}.sender-row{grid-template-columns:38px minmax(0,1fr)}.sender-avatar{width:38px;height:38px}
}
.mail-risk-reason{flex-basis:100%;border:1px solid #f0d8aa;background:#fff8e9;border-radius:10px;padding:8px 10px!important;color:#7f5a17!important}.mail-risk-reason b{display:block;margin-top:3px;overflow-wrap:anywhere}
/* 0.9.6.0 passkey + setup flow */
.passkey-primary{width:100%;border:1px solid #cfd8f4;background:#eef3ff;color:#203052;margin-top:18px;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer;}.passkey-primary:hover{background:#e7edff}.passkey-primary:disabled{opacity:.55;cursor:not-allowed}.passkey-primary.compact{margin-top:12px}.passkey-primary>span:last-child{min-width:0}.passkey-primary strong,.passkey-primary small{display:block}.passkey-primary strong{font-size:11px}.passkey-primary small{font-size:10px;color:#6f7e98;margin-top:3px;line-height:1.35}.passkey-icon{width:34px;height:34px;color:#fff;display:grid;place-items:center;font-size:16px;flex:0 0 auto;}
.auth-divider{display:flex;align-items:center;gap:10px;color:#8793a3;font-size:10px;margin:17px 0 2px}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#e5e9ef;flex:1}.auth-divider span{white-space:nowrap}
.setup-progress-mark{display:inline-flex;margin-top:24px;border-radius:999px;background:#eef3ff;color:#526cbd;padding:6px 9px;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.mail-setup-card h1{margin-top:12px}.mail-setup-identity{border:1px solid #e1e6ed;background:#f8fafc;border-radius:12px;padding:12px 13px;margin:16px 0}.mail-setup-identity[hidden],#mailSetupMethods[hidden]{display:none}.mail-setup-identity strong,.mail-setup-identity span{display:block}.mail-setup-identity strong{font-size:11px}.mail-setup-identity span{font-size:10.5px;color:#788598;margin-top:2px}.setup-security-note{display:block;margin-top:14px;color:#7f8b9b;font-size:10.5px;line-height:1.5;text-align:center}
.account-dialog .passkey-primary{margin-bottom:4px}
@media(max-width:700px){.passkey-primary{min-height:58px;padding:11px 12px}.passkey-primary strong{font-size:12px}.passkey-primary small{font-size:10.5px}.setup-security-note{font-size:10px}.mail-setup-identity{padding:13px}}
.thread-sender strong,.thread-sender span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-card-body{overflow-wrap:anywhere;}.thread-card-body p{margin:0 0 14px}.thread-card-body p:last-child{margin-bottom:0}.thread-card-meta .warning{background:#fff4df;color:#88601a}.reader-tools-right .danger-lite{color:#a24d55}.reader-starred{color:#d39a35!important}
/* 0.18.225 - mailbox folder management rebuild */
.folder-overlay{position:fixed;inset:0;z-index:180;background:rgba(15,23,42,.38);display:grid;place-items:center;padding:20px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.folder-overlay[hidden]{display:none}
.folder-dialog{position:relative;width:min(460px,100%);max-height:min(760px,calc(100dvh - 40px));background:#fff;border:1px solid #e3e7ee;border-radius:22px;box-shadow:0 28px 80px rgba(15,23,42,.22);overflow:hidden;display:flex;flex-direction:column}
.folder-sheet-handle{display:none}
.folder-dialog-head{position:relative;padding:22px 64px 18px 22px;border-bottom:1px solid #edf0f4;background:#fff}
.folder-dialog-title-row{display:flex;align-items:center;gap:12px;min-width:0}
.folder-dialog-icon{width:42px;height:42px;border-radius:13px;background:#eef3ff;color:#3158d4;display:grid;place-items:center;flex:0 0 auto}
.folder-dialog-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.folder-dialog-heading{min-width:0}
.folder-dialog-kicker{display:block;margin-bottom:3px;color:#8a95a5;font-size:9.5px;font-weight:850;letter-spacing:.085em;text-transform:uppercase}
.folder-dialog h2{margin:0;color:#253247;font-size:21px;line-height:1.15;letter-spacing:-.035em}
.folder-dialog-head>p{margin:10px 0 0;color:#7d8999;font-size:11.5px;line-height:1.5;max-width:330px}
.folder-dialog .account-dialog-close{top:14px;right:14px}
.folder-dialog form{min-height:0;flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden}
.folder-dialog-scroll{min-height:0;flex:1 1 auto;overflow-y:auto;padding:18px 22px 20px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.folder-manage-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}
.folder-manage-summary[hidden]{display:none}
.folder-manage-summary>div{min-height:62px;padding:11px 13px;border:1px solid #e5e9ef;border-radius:13px;background:#fafbfc;display:flex;flex-direction:column;justify-content:center}
.folder-manage-summary span{color:#8a95a5;font-size:9.5px;font-weight:750;text-transform:uppercase;letter-spacing:.055em}
.folder-manage-summary strong{margin-top:4px;color:#344054;font-size:17px;line-height:1}
.folder-dialog-section{padding:16px;border:1px solid #e4e8ee;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.02)}
.folder-field{display:block;color:#566477;font-size:11.5px;font-weight:800}
.folder-field+.folder-field{margin-top:16px}
.folder-field-label{display:flex;align-items:center;justify-content:space-between;gap:12px}
.folder-field-label>span{display:block}
.folder-field-label small{color:#98a2b3;font-size:9.5px;font-weight:650}
.folder-dialog input,.folder-dialog select{width:100%;height:49px;margin-top:7px;border:1px solid #d8dee8;border-radius:12px;padding:0 13px;background:#fff;color:#344054;font-size:16px;outline:0;box-shadow:0 1px 2px rgba(15,23,42,.02);transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}
.folder-dialog select{padding-right:36px}
.folder-dialog input:hover,.folder-dialog select:hover{border-color:#cbd3de}
.folder-dialog input:focus,.folder-dialog select:focus{border-color:#879def;box-shadow:0 0 0 3px rgba(70,103,232,.11)}
.folder-dialog input:disabled,.folder-dialog select:disabled{background:#f6f7f9;color:#98a2b3}
.folder-parent-field small{display:block;margin-top:6px;color:#8793a3;font-size:10.5px;font-weight:500;line-height:1.4}
.folder-location-open{width:100%;min-height:58px;margin-top:7px;border:1px solid #d8dee8;border-radius:12px;padding:10px 12px;background:#fff;color:#344054;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;box-shadow:0 1px 2px rgba(15,23,42,.02);transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}
.folder-location-open:hover{border-color:#cbd3de;background:#fbfcfe}.folder-location-open:focus-visible{outline:0;border-color:#879def;box-shadow:0 0 0 3px rgba(70,103,232,.11)}.folder-location-open:disabled{background:#f6f7f9;color:#98a2b3}
.folder-location-copy{min-width:0}.folder-location-copy strong,.folder-location-copy small{display:block}.folder-location-copy strong{font-size:13px;color:#344054;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-location-copy small{margin-top:3px;color:#8793a3;font-size:10px;font-weight:550;line-height:1.35}.folder-location-chevron{font-size:22px;line-height:1;color:#98a2b3}
.folder-location-overlay{position:fixed;inset:0;z-index:190;background:rgba(15,23,42,.42);display:grid;place-items:center;padding:20px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.folder-location-overlay[hidden]{display:none}
.folder-location-dialog{width:min(520px,100%);max-height:min(800px,calc(100dvh - 40px));border:1px solid #e3e7ee;border-radius:22px;background:#fff;box-shadow:0 30px 84px rgba(15,23,42,.24);overflow:hidden;display:flex;flex-direction:column}.folder-location-dialog>.folder-sheet-handle{display:none}
.folder-location-head{position:relative;padding:21px 62px 17px 21px;border-bottom:1px solid #edf0f4}.folder-location-head>div>span{display:block;color:#8a95a5;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.folder-location-head h2{margin:3px 0 0;color:#253247;font-size:21px;letter-spacing:-.035em}.folder-location-head p{margin:8px 0 0;color:#7d8999;font-size:11px;line-height:1.45}.folder-location-head .account-dialog-close{top:13px;right:13px}
.folder-location-scroll{min-height:0;overflow:auto;padding:16px 18px 18px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.folder-location-section+.folder-location-section{margin-top:14px}.folder-location-section{border:1px solid #e4e8ee;border-radius:15px;background:#fff;overflow:hidden}.folder-location-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:13px 14px;border-bottom:1px solid #edf0f4;background:#fafbfc}.folder-location-section-head span{display:block;color:#98a2b3;font-size:8.5px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.folder-location-section-head h3{margin:2px 0 0;color:#344054;font-size:13px}.folder-location-section-head>strong,.folder-location-section-head>small{max-width:48%;color:#7d8999;font-size:9.5px;font-weight:700;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.folder-location-choices{max-height:260px;overflow:auto;padding:7px}.folder-location-choice{width:100%;min-height:48px;border:0;border-radius:10px;background:#fff;display:grid;grid-template-columns:28px minmax(0,1fr) 22px;align-items:center;gap:8px;padding:6px 9px 6px calc(9px + (var(--folder-location-depth) * 13px));color:#344054;text-align:left}.folder-location-choice:hover{background:#f6f8fc}.folder-location-choice.active{background:#eef3ff;color:#3158d4}.folder-location-choice-icon{width:26px;height:26px;border-radius:8px;background:#f3f5f8;display:grid;place-items:center}.folder-location-choice.active .folder-location-choice-icon{background:#dfe7ff}.folder-location-choice-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.folder-location-choice-copy{min-width:0}.folder-location-choice-copy strong,.folder-location-choice-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-location-choice-copy strong{font-size:11px}.folder-location-choice-copy small{margin-top:2px;color:#98a2b3;font-size:9px;font-weight:550}.folder-location-check{opacity:0;font-size:13px;text-align:center}.folder-location-choice.active .folder-location-check{opacity:1}
.folder-order-list{padding:7px}.folder-order-row{min-height:52px;border-radius:10px;display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 7px;color:#344054}.folder-order-row+.folder-order-row{border-top:1px solid #f0f2f5}.folder-order-row.current{background:#f7f9ff}.folder-order-grip{width:18px;display:grid;grid-template-columns:repeat(2,3px);gap:3px;justify-content:center}.folder-order-grip i{width:3px;height:3px;border-radius:50%;background:#c1c8d2}.folder-order-copy{min-width:0}.folder-order-copy strong,.folder-order-copy small{display:block}.folder-order-copy strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-order-copy small{margin-top:2px;color:#7c8bb0;font-size:9px}.folder-order-actions{display:flex;gap:5px}.folder-order-actions button{width:34px;height:34px;border:1px solid #dde3ea;border-radius:9px;background:#fff;color:#526074;font-size:15px;font-weight:800}.folder-order-actions button:disabled{opacity:.3}.folder-order-actions button:not(:disabled):hover{background:#f4f6fa}.folder-order-empty{padding:17px 12px;color:#98a2b3;font-size:10.5px;text-align:center}
.folder-location-actions{padding:12px 18px 16px;border-top:1px solid #e9edf2;background:#fff}.folder-location-actions button{width:100%;height:46px;border:0;border-radius:11px;background:#4667e8;color:#fff;font-size:11.5px;font-weight:800}
.folder-path-preview{margin-top:14px;padding:10px 11px;border-radius:11px;background:#f6f8fb;display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:center;min-width:0}
.folder-path-preview>span{color:#8a95a5;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.folder-path-preview>strong{min-width:0;color:#526074;font-size:10.5px;font-weight:720;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.folder-subfolder{width:100%;min-height:62px;margin-top:12px;border:1px solid #dde5f6;border-radius:14px;background:#f7f9ff;color:#3158d4;display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:9px 12px;text-align:left;transition:background .14s ease,border-color .14s ease,transform .14s ease}
.folder-subfolder[hidden]{display:none}
.folder-subfolder:hover{background:#f0f4ff;border-color:#cdd9f6}
.folder-subfolder:active{transform:translateY(1px)}
.folder-subfolder-icon{width:38px;height:38px;border-radius:11px;background:#e7edff;display:grid;place-items:center}
.folder-subfolder-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.folder-subfolder strong,.folder-subfolder small{display:block}
.folder-subfolder strong{font-size:11.5px}
.folder-subfolder small{margin-top:3px;color:#7483a5;font-size:10.5px;font-weight:550;line-height:1.35}
.folder-subfolder-chevron{font-size:22px;color:#91a1cf;text-align:center}
.folder-dialog-error{margin:12px 0 0}
.folder-danger-zone{margin-top:16px;padding:14px;border:1px solid #efd9dd;border-radius:14px;background:#fffafa;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}
.folder-danger-zone[hidden]{display:none}
.folder-danger-copy strong,.folder-danger-copy small{display:block}
.folder-danger-copy strong{color:#8f4049;font-size:11.5px}
.folder-danger-copy small{margin-top:3px;color:#91676e;font-size:10.5px;line-height:1.4}
.folder-delete{min-width:82px;height:42px;border:1px solid #efcbd0;border-radius:10px;background:#fff;color:#a24750;font-size:11.5px;font-weight:800}
.folder-delete[hidden]{display:none}
.folder-danger-zone.is-confirming{grid-template-columns:1fr;background:#fff7f8}
.folder-danger-zone.is-confirming>.folder-danger-copy,.folder-danger-zone.is-confirming>.folder-delete{display:none}
.folder-delete-confirm{display:none;gap:12px}
.folder-danger-zone.is-confirming .folder-delete-confirm{display:grid}
.folder-delete-confirm>div:first-child strong,.folder-delete-confirm>div:first-child small{display:block}
.folder-delete-confirm>div:first-child strong{color:#8f4049;font-size:11.5px}
.folder-delete-confirm>div:first-child small{margin-top:3px;color:#91676e;font-size:10.5px}
.folder-delete-confirm-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.folder-delete-confirm button{min-height:44px;border-radius:10px;font-size:11.5px;font-weight:800}
.folder-delete-confirm .folder-delete-cancel{border:1px solid #e2e6ec;background:#fff;color:#667085}
.folder-delete-confirm .folder-delete-final{border:0;background:#a24750;color:#fff}
.folder-dialog-actions{flex:0 0 auto;display:grid;grid-template-columns:minmax(96px,.72fr) minmax(150px,1.28fr);gap:9px;padding:13px 22px 17px;border-top:1px solid #e9edf2;background:#fff}
.folder-dialog-actions button{height:46px;border-radius:11px;font-size:11.5px;font-weight:800;transition:opacity .14s ease,transform .14s ease,background .14s ease}
.folder-dialog-actions button:active:not(:disabled){transform:translateY(1px)}
.folder-dialog-actions button:disabled{opacity:.55;cursor:not-allowed}
.folder-dialog-actions #saveFolderButton{border:0;background:#4667e8;color:#fff}
.folder-dialog-actions #saveFolderButton:hover:not(:disabled){background:#3d5ed8}
.folder-dialog-actions .folder-cancel{border:1px solid #dfe4ea;background:#fff;color:#667085}
.folder-dialog.is-busy .folder-dialog-scroll{pointer-events:none}
@media(max-width:1100px){}
@media(max-width:700px){
.conversation-count{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-tools-right{gap:1px}.reader-tools-right .small-icon{min-width:36px;width:36px}
.conversation-email{padding-top:15px;padding:18px 14px calc(36px + env(safe-area-inset-bottom));}.thread-messages{margin-top:16px;gap:10px}.thread-card-head{grid-template-columns:36px minmax(0,1fr);padding:11px}.thread-avatar{width:36px;height:36px}.thread-card-head time{grid-column:2;font-size:9px;margin-top:-6px}.thread-card-body{padding:14px 12px 16px;font-size:14px;}.thread-card-meta{padding:0 12px 12px}
.folder-overlay{align-items:end;padding:0}.folder-dialog{width:100%;max-height:calc(100dvh - max(8px,env(safe-area-inset-top)));border:0;border-radius:24px 24px 0 0}.folder-sheet-handle{display:block;width:38px;height:4px;margin:8px auto 0;border-radius:999px;background:#d8dde5}.folder-dialog-head{padding:12px 60px 14px 16px}.folder-dialog-title-row{gap:10px}.folder-dialog-icon{width:38px;height:38px;border-radius:11px}.folder-dialog-icon svg{width:19px;height:19px}.folder-dialog-kicker{font-size:9px}.folder-dialog h2{font-size:21px}.folder-dialog-head>p{font-size:11px;max-width:310px;margin-top:8px}.folder-dialog .account-dialog-close{width:44px;height:44px;top:8px;right:8px}.folder-dialog-scroll{padding:13px 13px 18px}.folder-manage-summary{gap:7px;margin-bottom:10px}.folder-manage-summary>div{min-height:58px;padding:10px 12px}.folder-dialog-section{padding:13px;border-radius:14px}.folder-field+.folder-field{margin-top:14px}.folder-dialog input,.folder-dialog select{min-height:50px}.folder-path-preview{grid-template-columns:1fr;gap:4px}.folder-path-preview>strong{text-align:left}.folder-subfolder{min-height:60px}.folder-danger-zone{grid-template-columns:minmax(0,1fr) auto;padding:13px}.folder-delete{min-width:76px;min-height:44px}.folder-delete-confirm-actions{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.folder-dialog-actions{position:relative;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);padding:10px 13px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px rgba(15,23,42,.045)}.folder-dialog-actions button{min-height:49px;font-size:11.5px}
.folder-location-overlay{align-items:end;padding:0}.folder-location-dialog{width:100%;max-height:calc(100dvh - max(8px,env(safe-area-inset-top)));border:0;border-radius:24px 24px 0 0}.folder-location-dialog>.folder-sheet-handle{display:block;width:38px;height:4px;margin:8px auto 0;border-radius:999px;background:#d8dde5}.folder-location-head{padding:11px 58px 13px 15px}.folder-location-head h2{font-size:20px}.folder-location-head p{font-size:10.5px}.folder-location-scroll{padding:12px 12px 14px}.folder-location-section-head{padding:11px 12px}.folder-location-choices{max-height:230px}.folder-location-choice{min-height:52px}.folder-order-row{min-height:56px}.folder-order-actions button{width:40px;height:40px;font-size:17px}.folder-location-actions{padding:10px 12px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px rgba(15,23,42,.045)}.folder-location-actions button{min-height:49px}
}
@media(max-width:430px){.reader-tools-right #readerUnread{display:none}}
/* 0.10.2 — modern mailbox interface */
:root{
--bg:#f5f7fa;
--panel:#ffffff;
--line:#e3e7ee;
--line-strong:#d9dfe8;
--ink:#172033;
--muted:#667085;
--muted-2:#98a2b3;
--blue:#3158d4;
--blue-strong:#2848c7;
--blue-soft:#eaf0ff;
--green:#147a55;
--green-soft:#eaf7f1;
--amber:#94641e;
--amber-soft:#fff6e7;
--shadow:0 24px 70px rgba(15,23,42,.16);
--soft-shadow:0 8px 28px rgba(15,23,42,.06);
--radius:14px;}
body{background:linear-gradient(180deg,#f7f8fb 0,#f3f5f9 100%);}
.mail-app{background:transparent;}
.topbar{height:68px;flex:0 0 68px;display:grid;align-items:center;z-index:50;gap:20px;padding:0 20px;background:#f8fafc;border-bottom:1px solid #e2e7ee;}
.logo{gap:9px;}.logo-mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,#4b6ff2,#284bc9);box-shadow:0 10px 24px rgba(54,94,232,.22);}.logo-name{font-size:17px;color:#172033;}.logo-product{font-size:12px;color:#8c96a5;}
.search-wrap{height:42px;display:grid;align-items:center;color:#8994a3;border:1px solid #dce2ea;background:rgba(255,255,255,.94);border-radius:13px;grid-template-columns:34px minmax(0,1fr) auto;padding:0 6px;box-shadow:0 1px 2px rgba(16,24,40,.025);transition:border-color .16s,box-shadow .16s,background .16s;}.search-wrap:focus-within{background:#fff;border-color:#b9c5ef;box-shadow:0 0 0 4px rgba(54,94,232,.08),0 8px 24px rgba(15,23,42,.05)}.search-wrap input{font-size:14px;}.search-icon{color:#7c8798;}.search-shortcut{min-width:22px;height:22px;display:inline-grid;place-items:center;margin-right:3px;border:1px solid #dfe4eb;border-bottom-color:#cfd6e0;border-radius:6px;background:#fff;color:#8994a3;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;box-shadow:0 1px 1px rgba(15,23,42,.03)}.search-wrap:focus-within .search-shortcut,.search-wrap.has-query .search-shortcut{display:none}.search-wrap.has-query{grid-template-columns:34px minmax(0,1fr) 34px}.search-options[hidden]{display:none}.search-options{width:30px;height:30px;border-radius:9px;font-size:18px;line-height:1;color:#a0a8b5;}@media (hover:hover){.search-options:hover{background:#eef1f5;color:#586577}}
.icon-btn{width:38px;height:38px;border:1px solid transparent;}.icon-btn:hover{border-color:#e0e5ec;background:#fff;box-shadow:0 3px 10px rgba(15,23,42,.05)}.profile-btn{width:38px;height:38px;background:linear-gradient(145deg,#1c2940,#101828);box-shadow:0 5px 14px rgba(17,24,39,.16);transition:transform .15s;}.profile-btn:hover{transform:translateY(-1px)}
.app-body{flex:1;display:grid;gap:0;min-height:0;}
.mail-stage{height:calc(100dvh - 88px);min-width:0;min-height:0;display:grid;margin:0 16px 16px 0;border:1px solid #dfe4eb;border-radius:20px;overflow:hidden;grid-template-columns:minmax(360px,410px) minmax(0,1fr);background:#fff;box-shadow:0 12px 36px rgba(15,23,42,.045);}
.reader-pane{min-width:0;min-height:0;display:flex;flex-direction:column;background:#fff;}.reader-toolbar .small-icon{width:36px;height:36px;border-radius:10px}.email{padding:38px 44px 70px;}.thread-card.current{border-color:#c9d3f4;}.thread-card-head{gap:11px;}.thread-sender strong{font-size:12px;color:#344054;}.thread-sender span{margin-top:2px;font-size:10.5px;color:#8b96a6;}.thread-card-head time{font-size:10.5px;color:#8b96a6;white-space:nowrap;}.thread-card-meta{display:flex;flex-wrap:wrap;gap:6px;}.thread-card-meta span{border-radius:999px;background:#f2f4f7;color:#667085;font-size:10px;padding:4px 8px;}.reader-placeholder{padding:70px 0;text-align:center;color:#98a2b3;font-size:12px;}
.mail-login{background:radial-gradient(circle at 15% 10%,#1a2b4a 0,transparent 34%),radial-gradient(circle at 90% 85%,#182d58 0,transparent 36%),#08111f;}.mail-login-card{border:1px solid rgba(255,255,255,.6);border-radius:24px;padding:38px;box-shadow:0 35px 110px rgba(0,0,0,.34);}.mail-login-brand>span{border-radius:12px;background:linear-gradient(145deg,#4a6ff0,#3156d8);}.mail-login-card h1{font-size:30px;}.passkey-primary{border-radius:14px;padding:13px 15px;}.passkey-icon{border-radius:11px;background:linear-gradient(145deg,#4168ec,#2f53d4);}
@media(max-width:1100px){
.topbar{grid-template-columns:210px minmax(260px,560px) 1fr}.app-body{grid-template-columns:210px minmax(0,1fr)}.mail-stage{grid-template-columns:350px minmax(0,1fr)}
}
@media(max-width:880px){
.topbar{height:64px;flex-basis:64px;grid-template-columns:auto minmax(0,1fr) auto;padding:0 12px}.mail-stage{height:calc(100dvh - 64px);margin:0;border:0;border-radius:0;box-shadow:none;grid-template-columns:360px minmax(0,1fr)}
}
@media(max-width:700px){
.topbar{height:calc(60px + env(safe-area-inset-top));flex-basis:calc(60px + env(safe-area-inset-top));grid-template-columns:auto minmax(0,1fr) auto;background:rgba(250,251,253,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}.topbar-left{gap:2px}.logo{display:none}.search-wrap{height:40px;border-radius:13px}.profile-btn{display:none}.mail-stage{height:calc(100dvh - 60px - env(safe-area-inset-top) - 68px - env(safe-area-inset-bottom))}.reader-pane{bottom:0}.conversation-email{padding:18px 14px calc(36px + env(safe-area-inset-bottom));}.email-head h2{font-size:24px}.thread-messages{margin-top:17px}.thread-card{border-radius:14px}.thread-card-head{grid-template-columns:38px minmax(0,1fr);padding:12px}.thread-avatar{width:38px;height:38px}.thread-card-body{padding:16px 13px 18px;font-size:14px;}.toast{bottom:calc(78px + env(safe-area-inset-bottom))}.scrim{z-index:80}
}
@media(max-width:430px){
.topbar{padding-left:6px;padding-right:7px}.topbar-left .icon-btn{width:38px;min-width:38px}.search-wrap{grid-template-columns:28px minmax(0,1fr)}.mail-login-card{padding:28px 20px;border-radius:20px}.mail-login-card h1{font-size:26px}
}
/* 0.11.0 compose, MIME, attachment, reply, and signature experience */
/* 0.17.85 — canonical mailbox signature configuration, mobile link selection fix */
/* 0.18.119 — simplified signature editor: task-first UI with optional advanced formatting */
.signature-overlay{position:fixed;inset:0;z-index:230;display:grid;place-items:center;padding:18px;background:rgba(9,17,29,.42);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:hidden}
.signature-overlay[hidden]{display:none}
.signature-dialog{position:relative;width:min(610px,100%);max-height:min(800px,calc(100dvh - 36px));display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(227,231,238,.92);border-radius:22px;background:#fff;box-shadow:0 34px 100px rgba(14,24,39,.28)}
.signature-head{position:relative;flex:0 0 auto;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:12px;align-items:center;padding:20px 20px 16px;border-bottom:1px solid #edf0f4}
.signature-head-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#eef3ff;color:#3158d4;line-height:0}.signature-head-icon svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.signature-head-copy{min-width:0}.signature-head-copy h2{margin:0;color:#1f2937;font-size:22px;letter-spacing:-.035em}.signature-head-copy p{margin:4px 0 0;color:#8a94a3;font-size:10.5px;line-height:1.45}
.signature-close{width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:12px;background:transparent;color:#7d8796;line-height:0;cursor:pointer}.signature-close svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}.signature-close:hover{background:#f1f3f6;color:#4b5565}.signature-close:focus-visible{outline:2px solid #8ca4ef;outline-offset:1px}
.signature-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 20px 20px;-webkit-overflow-scrolling:touch}
.signature-toggle-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:66px;padding:13px 14px;border:1px solid #e3e7ed;border-radius:15px;background:#fafbfd;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.signature-toggle-card:hover{background:#f7f9fc}.signature-toggle-card:has(.signature-toggle-input:focus-visible){border-color:#a9b8e8;box-shadow:0 0 0 3px rgba(49,88,212,.09)}.signature-toggle-card:has(.signature-toggle-input:checked){border-color:#d4def8;background:#f7f9ff}
.signature-toggle-copy{min-width:0}.signature-toggle-copy strong,.signature-toggle-copy small{display:block}.signature-toggle-copy strong{color:#344054;font-size:12px}.signature-toggle-copy small{margin-top:3px;color:#7f8b9b;font-size:10.5px;line-height:1.45}.signature-toggle-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.signature-switch{position:relative;width:42px;height:24px;flex:0 0 42px;border-radius:999px;background:#cdd3dd;box-shadow:inset 0 0 0 1px rgba(15,23,42,.05);transition:background .18s}.signature-switch i{position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(15,23,42,.18);transition:transform .18s}.signature-toggle-input:checked+.signature-switch{background:#3158d4}.signature-toggle-input:checked+.signature-switch i{transform:translateX(18px)}
.signature-edit-section,.signature-preview-section{margin-top:18px}.signature-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 2px 8px}.signature-section-head>div{min-width:0}.signature-section-head strong,.signature-section-head small{display:block}.signature-section-head strong{color:#475467;font-size:11px}.signature-section-head small{margin-top:3px;color:#98a2b3;font-size:9.5px;line-height:1.45}.signature-clear{min-width:56px;height:32px;border:0;border-radius:9px;background:transparent;color:#748195;font-size:10.5px;font-weight:760;cursor:pointer}.signature-clear:hover:not(:disabled){background:#f1f3f6;color:#536071}.signature-clear:disabled{opacity:.42;cursor:default}.signature-clear:focus-visible{outline:2px solid #8ca4ef;outline-offset:1px}
.signature-help-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px;padding:11px 12px;border:1px solid #e6eaf0;border-radius:13px;background:#fafbfd}.signature-help-card>div{min-width:0}.signature-help-card strong,.signature-help-card span{display:block}.signature-help-card strong{color:#475467;font-size:10.5px}.signature-help-card span{margin-top:3px;color:#8793a3;font-size:9.5px;line-height:1.45}.signature-help-card button{flex:0 0 auto;min-height:34px;border:1px solid #dfe4eb;border-radius:9px;padding:0 10px;background:#fff;color:#536174;font-size:10px;font-weight:760;cursor:pointer}.signature-help-card button:hover{background:#f6f8fb}.signature-help-card button:focus-visible{outline:2px solid #8ca4ef;outline-offset:1px}
.signature-editor-shell{overflow:hidden;border:1px solid #dfe4eb;border-radius:15px;background:#fff;transition:border-color .15s,box-shadow .15s}.signature-editor-shell:focus-within{border-color:#a7b7ea;box-shadow:0 0 0 3px rgba(49,88,212,.08)}.signature-editor{min-height:170px;max-height:290px;overflow:auto;border:0;padding:15px 15px 12px;background:#fff;color:#344054;outline:0;font-size:14px;line-height:1.55;word-break:break-word;overflow-wrap:anywhere}.signature-editor:empty:before{content:attr(data-placeholder);white-space:pre-line;color:#a7afbb;pointer-events:none}.signature-editor a{color:#3158d4;text-decoration:underline}.signature-editor img{max-width:100%;height:auto}
.signature-simple-toolbar{display:flex;align-items:center;gap:4px;min-height:46px;padding:6px 7px;border-top:1px solid #edf0f4;background:#fafbfd}.signature-native-format-hint{display:none;align-items:center;gap:8px;min-width:0;flex:1;padding:2px 4px;color:#667085;font-size:9.5px;line-height:1.35}.signature-native-format-hint strong{color:#344054;font-weight:780}.signature-native-format-aa{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:8px;background:#eef2f7;color:#43536a;font-size:12px;font-weight:780}.signature-format-toolbar{display:flex;align-items:center;gap:3px}.signature-format-toolbar button{width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:#5f6b7b;font-size:12px;font-weight:760;cursor:pointer}.signature-format-toolbar button:hover{background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.07)}.signature-format-toolbar button:focus-visible{outline:2px solid #8ca4ef;outline-offset:1px}.signature-insert-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.signature-insert-actions button{min-height:34px;border:0;border-radius:8px;padding:0 9px;background:transparent;color:#5f6b7b;font-size:10px;font-weight:760;cursor:pointer;white-space:nowrap}.signature-insert-actions button:hover{background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.06)}.signature-insert-actions button:focus-visible{outline:2px solid #8ca4ef;outline-offset:1px}.ios-native-richtext .signature-format-toolbar{display:none}.ios-native-richtext .signature-native-format-hint{display:flex}
.signature-link-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;padding:9px;border-top:1px solid #e9edf2;background:#fff}.signature-link-row[hidden]{display:none}.signature-link-row input{min-width:0;height:40px;border:1px solid #dfe4eb;border-radius:9px;padding:0 10px;color:#344054;font-size:12px;outline:none}.signature-link-row input:focus{border-color:#a7b7ea;box-shadow:0 0 0 3px rgba(49,88,212,.07)}.signature-link-row button{height:40px;border:1px solid #dfe4eb;border-radius:9px;padding:0 11px;background:#fff;color:#5f6b7b;font-size:10px;font-weight:780}.signature-link-row #applySignatureLink{border-color:#3158d4;background:#3158d4;color:#fff}
.signature-advanced{padding:11px;border-top:1px solid #e7ebf1;background:#fafbfd}.signature-advanced[hidden]{display:none}.signature-advanced-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.signature-advanced-head strong{color:#475467;font-size:10.5px}.signature-advanced-head span{color:#98a2b3;font-size:9.5px}.signature-advanced-actions{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}.signature-advanced-actions button{min-height:34px;border:1px solid #e0e5ec;border-radius:9px;padding:0 10px;background:#fff;color:#5f6b7b;font-size:10px;font-weight:730;cursor:pointer}.signature-advanced-actions button:hover{background:#f6f8fb}.signature-style-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.signature-style-grid label{min-width:0;color:#7f8b9b;font-size:9.5px;font-weight:800}.signature-style-grid select{display:block;width:100%;height:36px;margin-top:5px;border:1px solid #dfe4eb;border-radius:9px;background:#fff;padding:0 8px;color:#475467;font-size:10px;font-weight:650;outline:none}.signature-style-grid select:focus{border-color:#a7b7ea;box-shadow:0 0 0 3px rgba(49,88,212,.07)}
.signature-editor-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:7px 2px 0;color:#8c97a5;font-size:10px}.signature-editor-meta span:last-child{text-align:right}.signature-editor-meta .is-long{color:#a36a1e;font-weight:760}.signature-preview-head{align-items:center}.signature-state{flex:0 0 auto;display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:999px;background:#f0f2f5;color:#7c8797;font-size:10px;font-weight:780}.signature-state.is-on{background:#edf6f1;color:#34775a}.signature-state.is-warning{background:#fff5e8;color:#9a641c}
.signature-preview-card{min-height:178px;overflow:hidden;border:1px solid #dfe4eb;border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.04);transition:opacity .15s,border-color .15s,background .15s,box-shadow .15s}.signature-preview-card.is-disabled{opacity:.66;background:#fafbfc;box-shadow:none}.signature-preview-email-head{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px 14px 11px;border-bottom:1px solid #eef1f4;background:#fcfdff}.signature-preview-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#e9efff;color:#3158d4;font-size:11px;font-weight:840}.signature-preview-identity{min-width:0}.signature-preview-identity strong,.signature-preview-identity span,.signature-preview-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signature-preview-identity strong{color:#344054;font-size:10.5px}.signature-preview-identity span{margin-top:1px;color:#667085;font-size:10px}.signature-preview-identity small{margin-top:2px;color:#98a2b3;font-size:9.5px}.signature-preview-email-head time{align-self:start;padding-top:2px;color:#98a2b3;font-size:9.5px;white-space:nowrap}.signature-preview-email-body{padding:15px 16px 17px;color:#475467;font-size:11.5px;line-height:1.55}.signature-preview-subject{display:block;margin-bottom:12px;color:#344054;font-size:12.5px;letter-spacing:-.015em}.signature-preview-email-body p{margin:0 0 9px}.signature-preview-email-body p:last-of-type{margin-bottom:0}.signature-preview-gap{height:18px}.signature-preview{padding-top:1px;color:#4b5565;font-size:11.5px;line-height:1.5;word-break:break-word;overflow-wrap:anywhere}.signature-preview a{color:#3158d4;text-decoration:underline}.signature-preview img{max-width:100%;height:auto}.signature-preview hr,.signature-editor hr{height:1px;border:0;background:#dfe4eb;margin:12px 0}.signature-preview-empty{color:#a0a8b4;font-style:italic}
.settings-unsaved-overlay{position:fixed;inset:0;z-index:470;display:grid;place-items:center;padding:18px;background:rgba(15,23,42,.38);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.settings-unsaved-overlay[hidden]{display:none}.settings-unsaved-dialog{width:min(430px,100%);border:1px solid #e2e6ed;border-radius:20px;padding:22px;background:#fff;box-shadow:0 28px 80px rgba(15,23,42,.24)}.settings-unsaved-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#fff4e8;color:#a66116}.settings-unsaved-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.settings-unsaved-copy{margin-top:14px}.settings-unsaved-copy>span{display:block;color:#a66116;font-size:9.5px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.settings-unsaved-copy h3{margin:4px 0 0;color:#263249;font-size:19px;letter-spacing:-.025em}.settings-unsaved-copy p{margin:7px 0 0;color:#667085;font-size:11.5px;line-height:1.55}.settings-unsaved-copy small{display:block;margin-top:8px;color:#8994a3;font-size:10px;line-height:1.45}.settings-unsaved-actions{display:grid;grid-template-columns:.8fr .9fr 1.25fr;gap:8px;margin-top:20px}.settings-unsaved-actions button{min-height:44px;border:1px solid #dfe4eb;border-radius:11px;padding:0 10px;background:#fff;color:#596576;font-size:11px;font-weight:800;cursor:pointer}.settings-unsaved-actions button.danger{color:#b42318}.settings-unsaved-actions button.primary{border-color:#3158d4;background:#3158d4;color:#fff}.settings-unsaved-actions button:disabled{opacity:.42;cursor:not-allowed}.settings-unsaved-actions button:focus-visible{outline:2px solid #8ca4ef;outline-offset:2px}
.signature-actions{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 20px max(13px,env(safe-area-inset-bottom));border-top:1px solid #e9edf2;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.signature-save-state{min-width:0;color:#8793a3;font-size:10px;font-weight:720}.signature-save-state.is-dirty{color:#a06b22}.signature-save-state.is-saving{color:#667085}.signature-save-state.is-saved{color:#34775a}.signature-save-state.is-error{color:#b42318}.signature-action-buttons{display:flex;gap:8px;flex:0 0 auto}.signature-actions button{min-height:42px;border:1px solid #dfe4ea;border-radius:11px;padding:0 15px;background:#fff;color:#596576;font-size:11px;font-weight:780;cursor:pointer}.signature-actions button:last-child{min-width:112px;border-color:#3158d4;background:#3158d4;color:#fff}.signature-actions button:hover:not(:disabled){filter:brightness(.98)}.signature-actions button:disabled{opacity:.42;cursor:not-allowed}.signature-actions button:focus-visible{outline:2px solid #8ca4ef;outline-offset:2px}
@media(max-width:700px){
.signature-overlay{align-items:end;padding:0;max-width:100%;overflow-x:hidden}.signature-dialog{width:100%;max-width:100%;max-height:calc(100dvh - max(8px,env(safe-area-inset-top)));border-radius:22px 22px 0 0;border-bottom:0}.signature-head{grid-template-columns:38px minmax(0,1fr) 44px;gap:10px;padding:14px 14px 12px}.signature-head:before{content:"";position:absolute;left:50%;top:6px;width:38px;height:4px;border-radius:999px;background:#d8dde5;transform:translateX(-50%)}.signature-head-icon{width:38px;height:38px;border-radius:12px}.signature-head-copy h2{font-size:20px}.signature-head-copy p{font-size:10.5px}.signature-close{width:44px;height:44px}
.signature-body{padding:14px 14px 16px}.signature-toggle-card{min-height:68px;padding:13px}.signature-edit-section,.signature-preview-section{margin-top:16px}.signature-help-card{align-items:flex-start}.signature-help-card button{min-height:40px}.signature-editor{min-height:145px;max-height:min(31dvh,250px);font-size:16px}.signature-editor{padding:14px}.signature-simple-toolbar{min-height:50px;padding:6px}.signature-format-toolbar button{width:38px;height:38px}.signature-insert-actions button{min-height:38px;padding:0 8px;font-size:10px}.signature-native-format-hint{font-size:10px}.signature-link-row{grid-template-columns:1fr 1fr;padding:9px}.signature-link-row input{grid-column:1/-1;height:44px;font-size:16px}.signature-link-row button{height:44px}.signature-advanced{padding:10px}.signature-advanced-actions button{min-height:40px}.signature-style-grid{grid-template-columns:1fr 1fr;gap:8px}.signature-style-grid select{height:44px;font-size:16px}.signature-editor-meta{display:block}.signature-editor-meta span{display:block}.signature-editor-meta span:last-child{margin-top:3px;text-align:left}
.signature-preview-card{min-height:166px}.signature-preview-email-head{grid-template-columns:36px minmax(0,1fr) auto;padding:12px}.signature-preview-avatar{width:36px;height:36px}.signature-preview-email-body{padding:14px 13px 16px;font-size:11.5px}.signature-preview-subject{font-size:12px}.signature-preview-gap{height:16px}.signature-clear{min-width:44px;min-height:40px}.signature-actions{display:block;padding:9px 14px max(10px,env(safe-area-inset-bottom))}.signature-save-state{display:block;margin:0 2px 7px}.signature-action-buttons{display:grid;grid-template-columns:1fr 1.35fr;gap:8px}.signature-actions button{min-height:46px;padding:0 10px;font-size:11px}
}
@media(max-width:430px){.signature-help-card{display:block}.signature-help-card button{width:100%;margin-top:9px}.signature-simple-toolbar{flex-wrap:wrap}.signature-insert-actions{margin-left:0;flex:1;justify-content:flex-end}.signature-insert-actions button span{display:none}.signature-insert-actions button{padding:0 10px}.signature-style-grid{grid-template-columns:1fr}.signature-preview-email-head time{display:none}.settings-unsaved-overlay{place-items:end stretch;padding:0;background:rgba(15,23,42,.28);backdrop-filter:none;-webkit-backdrop-filter:none}.settings-unsaved-dialog{width:100%;border:0;border-radius:24px 24px 0 0;padding:20px 16px max(16px,env(safe-area-inset-bottom));box-shadow:0 -18px 56px rgba(15,23,42,.2)}.settings-unsaved-actions{grid-template-columns:1fr 1fr}.settings-unsaved-actions .primary{grid-column:1/-1;grid-row:1}.settings-unsaved-actions button{min-height:48px;font-size:11px}}
.thread-card-body.rich-mail{line-height:1.62;}.thread-card-body.rich-mail p:last-child{margin-bottom:0}.thread-card-body.rich-mail a{text-decoration:underline;word-break:break-word;}.inbound-attachments{display:grid;gap:7px;}.thread-recipients{font-size:10px;color:#8793a3;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* 0.18.173 — refined signature builder workspace */
.signature-topline{display:grid;gap:12px}.signature-topline .mail-settings-section-head{margin-bottom:0}.signature-master-toggle{margin:0}
.signature-toggle-card{border-color:#e1e6ed;background:linear-gradient(180deg,#fff,#fafbfd);box-shadow:0 1px 2px rgba(16,24,40,.02)}.signature-toggle-card:has(.signature-toggle-input:checked){border-color:#cfdaf8;background:#f7f9ff;box-shadow:0 5px 16px rgba(49,88,212,.05)}
.signature-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:16px;padding:4px;border:1px solid #e4e8ef;border-radius:16px;background:#f4f6f9}.signature-mode-switch button{min-width:0;display:flex;align-items:center;gap:10px;border:0;border-radius:12px;padding:10px 11px;background:transparent;color:#667085;text-align:left;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.signature-mode-switch button.active{background:#fff;color:#344054;box-shadow:0 2px 9px rgba(15,23,42,.08)}.signature-mode-switch button:focus-visible{outline:2px solid #8ca4ef;outline-offset:1px}.signature-mode-icon{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:9px;background:#e9edf4;color:#64748b;font-size:13px;font-weight:850}.signature-mode-switch button.active .signature-mode-icon{background:#e9efff;color:#3158d4}.signature-mode-switch strong,.signature-mode-switch small{display:block}.signature-mode-switch strong{font-size:11px}.signature-mode-switch small{margin-top:2px;color:#98a2b3;font-size:9.5px;line-height:1.35;font-weight:560}
.signature-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin-top:17px}.signature-edit-column{min-width:0}.signature-builder,.signature-advanced-mode-panel{margin-top:0}.signature-builder[hidden],.signature-advanced-mode-panel[hidden]{display:none}
.signature-builder-intro{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid #dfe5ee;border-radius:17px;background:linear-gradient(135deg,#fbfcff 0%,#f7f9ff 100%);box-shadow:0 5px 18px rgba(15,23,42,.035)}.signature-builder-intro-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#e9efff;color:#3158d4}.signature-builder-intro-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.signature-builder-intro-copy{min-width:0}.signature-builder-intro-copy>span{display:block;color:#3158d4;font-size:8.5px;font-weight:860;letter-spacing:.09em;text-transform:uppercase}.signature-builder-intro-copy>strong{display:block;margin-top:3px;color:#253047;font-size:12px;letter-spacing:-.01em}.signature-builder-intro-copy>small{display:block;margin-top:3px;color:#7d8999;font-size:9.5px;line-height:1.45}.signature-builder-reset{align-self:start;margin-top:-2px}
.signature-builder-section{margin-top:12px;overflow:hidden;border:1px solid #e1e6ed;border-radius:17px;background:#fff;box-shadow:0 2px 8px rgba(15,23,42,.025)}.signature-builder-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;border-bottom:1px solid #edf0f4;background:#fbfcfd}.signature-builder-section-head>div{min-width:0;display:flex;align-items:center;gap:9px}.signature-builder-section-head>div>div{min-width:0}.signature-builder-section-head strong,.signature-builder-section-head small{display:block}.signature-builder-section-head strong{color:#3e4a5d;font-size:10.5px}.signature-builder-section-head small{margin-top:2px;color:#8b96a5;font-size:9px;line-height:1.4}.signature-builder-step{width:24px;height:24px;display:grid;place-items:center;flex:0 0 24px;border-radius:8px;background:#edf2ff;color:#3158d4;font-size:9px;font-weight:900}
.signature-builder-fields{display:grid;grid-template-columns:1fr 1fr;gap:0}.signature-builder-field{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;padding:10px 12px;border-right:1px solid #edf0f4;border-bottom:1px solid #edf0f4;background:#fff;cursor:text;transition:background .15s,box-shadow .15s}.signature-builder-field:nth-child(2n){border-right:0}.signature-builder-field-wide{grid-column:1/-1;border-right:0}.signature-builder-field:focus-within{position:relative;z-index:1;background:#fbfcff;box-shadow:inset 0 0 0 1px #bdc9ed}.signature-builder-field-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#f3f5f8;color:#718096}.signature-builder-field:focus-within .signature-builder-field-icon{background:#edf2ff;color:#3158d4}.signature-builder-field-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.signature-builder-field-copy{min-width:0}.signature-builder-field-copy b{display:block;color:#7b8797;font-size:9px;font-weight:820}.signature-builder-field-copy input{width:100%;height:28px;border:0;padding:0;background:transparent;color:#344054;font:inherit;font-size:11.5px;outline:0}.signature-builder-field-copy input::placeholder{color:#b0b7c1}.signature-builder-fields-identity .signature-builder-field:last-child,.signature-builder-fields .signature-builder-field:last-child{border-bottom:0}
.signature-builder-email-option{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 38px;gap:9px;align-items:center;min-height:54px;padding:10px 12px;border-top:0;background:#fafbfd;cursor:pointer}.signature-builder-email-option>span:nth-child(2){min-width:0}.signature-builder-email-option strong,.signature-builder-email-option small{display:block}.signature-builder-email-option strong{color:#475467;font-size:10px}.signature-builder-email-option small{margin-top:2px;color:#8d98a7;font-size:9px;line-height:1.4}.signature-builder-option-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eef2f7;color:#68758a;font-size:12px;font-weight:850}.signature-builder-email-option input{position:absolute;width:1px;height:1px;opacity:0}.signature-mini-switch{width:36px;height:22px;display:block;padding:2px;border-radius:999px;background:#d9dee7;transition:background .15s}.signature-mini-switch i{display:block;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(16,24,40,.18);transition:transform .15s}.signature-builder-email-option input:checked+.signature-mini-switch{background:#3158d4}.signature-builder-email-option input:checked+.signature-mini-switch i{transform:translateX(14px)}.signature-builder-email-option:has(input:focus-visible){box-shadow:inset 0 0 0 2px #8ca4ef}
.signature-addon-section{overflow:visible}.signature-addon-heading{margin:0}.signature-addon-count{flex:0 0 auto;display:inline-flex;align-items:center;min-height:23px;padding:0 8px;border-radius:999px;background:#eef1f5;color:#778396;font-size:8.5px;font-weight:780;white-space:nowrap}.signature-addon-section:has([data-signature-addon]:checked) .signature-addon-count{background:#edf2ff;color:#3158d4}.signature-addon-list{display:grid;gap:7px;padding:9px}.signature-addon-card{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) 28px;align-items:center;gap:10px;min-height:68px;padding:10px;border:1px solid #e6e9ee;border-radius:13px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s}.signature-addon-card:hover{border-color:#d8dee8;background:#fcfdff}.signature-addon-card:has(input:checked){border-color:#c7d4f7;background:#f8faff;box-shadow:0 3px 10px rgba(49,88,212,.05)}.signature-addon-card:has(input:focus-visible){outline:2px solid #8ca4ef;outline-offset:1px}.signature-addon-card input{position:absolute;width:1px;height:1px;opacity:0}.signature-addon-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#f2f4f7;color:#748195}.signature-addon-card:has(input:checked) .signature-addon-icon{background:#e9efff;color:#3158d4}.signature-addon-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.signature-addon-copy{min-width:0}.signature-addon-title{display:flex;align-items:center;gap:6px;min-width:0}.signature-addon-title strong{min-width:0;color:#475467;font-size:10.5px}.signature-addon-title em{flex:0 0 auto;padding:2px 5px;border-radius:999px;background:#f0f2f5;color:#8a95a4;font-size:7.5px;font-style:normal;font-weight:820;text-transform:uppercase;letter-spacing:.04em}.signature-addon-card:has(input:checked) .signature-addon-title em{background:#e8eefc;color:#5871bf}.signature-addon-copy small{display:block;margin-top:3px;color:#8793a3;font-size:9px;line-height:1.45}.signature-addon-check{width:26px;height:26px;display:grid;place-items:center;border:1px solid #dce2ea;border-radius:9px;background:#fafbfd;color:transparent;font-size:11px;font-weight:900}.signature-addon-card:has(input:checked) .signature-addon-check{border-color:#3158d4;background:#3158d4;color:#fff}
.signature-legal-note{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:start;margin:0 9px 9px;padding:9px 10px;border-radius:11px;background:#f7f8fa;color:#7e8998}.signature-legal-note>span{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#e9edf2;color:#68758a;font-size:9px;font-weight:900}.signature-legal-note p{margin:0;font-size:8.7px;line-height:1.5}.signature-legal-note strong{color:#667085}
.signature-advanced-mode-panel{margin-top:0}.signature-advanced-callout{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:11px 12px;border:1px solid #e2e7ef;border-radius:13px;background:#f9fafc}.signature-advanced-callout>div{min-width:0}.signature-advanced-callout strong,.signature-advanced-callout span{display:block}.signature-advanced-callout strong{color:#475467;font-size:10.5px}.signature-advanced-callout span{margin-top:2px;color:#8793a3;font-size:9.5px;line-height:1.4}.signature-advanced-callout button{flex:0 0 auto;min-height:34px;border:1px solid #dce2ea;border-radius:9px;padding:0 10px;background:#fff;color:#536174;font-size:10px;font-weight:780;cursor:pointer}.signature-advanced-callout button:hover{background:#f5f7fa}
.signature-preview-section{margin-top:0}.signature-preview-head{align-items:center;margin-bottom:9px}.signature-preview-card{min-height:210px}.signature-preview-hint{display:flex;align-items:flex-start;gap:8px;margin-top:8px;padding:0 3px;color:#8d98a7}.signature-preview-hint>span{flex:0 0 auto;color:#667085;font-size:10px}.signature-preview-hint p{margin:0;font-size:8.8px;line-height:1.45}.signature-preview .signature-legal-footer{font-size:10px;color:#667085}
@media(min-width:1120px){.signature-workspace{grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:18px;align-items:start}.signature-preview-section{position:sticky;top:2px}.signature-preview-card{min-height:250px}.signature-addon-list{grid-template-columns:1fr}.signature-builder-intro-copy>strong{font-size:12.5px}}
@media(max-width:900px){.signature-workspace{gap:18px}.signature-preview-section{padding-top:2px;border-top:1px solid #edf0f4}.signature-preview-head{margin-top:14px}}
@media(max-width:700px){.signature-mode-switch{margin-top:14px}.signature-mode-switch button{padding:9px;gap:8px}.signature-mode-icon{width:28px;height:28px;flex-basis:28px}.signature-mode-switch small{display:none}.signature-workspace{margin-top:14px}.signature-builder-intro{grid-template-columns:38px minmax(0,1fr) auto;gap:10px;padding:12px}.signature-builder-intro-icon{width:38px;height:38px}.signature-builder-intro-copy>strong{font-size:11.5px}.signature-builder-intro-copy>small{font-size:9px}.signature-builder-section{margin-top:10px;border-radius:15px}.signature-builder-section-head{padding:11px}.signature-builder-fields{grid-template-columns:1fr}.signature-builder-field,.signature-builder-field:nth-child(2n),.signature-builder-field-wide{grid-column:1;border-right:0;border-bottom:1px solid #edf0f4;padding:10px 11px}.signature-builder-field-copy input{height:32px;font-size:16px}.signature-builder-field-icon{width:36px;height:36px}.signature-builder-email-option{grid-template-columns:36px minmax(0,1fr) 38px;min-height:58px;padding:10px 11px}.signature-addon-list{padding:8px;gap:7px}.signature-addon-card{min-height:70px;padding:10px 9px}.signature-addon-title strong{font-size:11px}.signature-addon-copy small{font-size:9.3px}.signature-legal-note{margin:0 8px 8px}.signature-advanced-callout{align-items:stretch;flex-direction:column}.signature-advanced-callout button{min-height:42px;width:100%}.signature-preview-card{min-height:176px}}
@media(max-width:430px){.signature-mode-switch{grid-template-columns:1fr 1fr}.signature-mode-switch button{justify-content:center;text-align:center}.signature-mode-switch button>span:last-child{min-width:0}.signature-mode-switch strong{font-size:10.5px}.signature-builder-intro{grid-template-columns:36px minmax(0,1fr)}.signature-builder-intro-icon{width:36px;height:36px}.signature-builder-reset{grid-column:1/-1;width:100%;height:36px;border-top:1px solid #e8ecf2;border-radius:0;margin:2px 0 -4px}.signature-builder-section-head{align-items:flex-start}.signature-addon-heading{align-items:center}.signature-builder-section-head small{font-size:8.8px}.signature-addon-count{font-size:8px}.signature-addon-card{grid-template-columns:34px minmax(0,1fr) 26px;gap:8px}.signature-addon-icon{width:34px;height:34px}.signature-addon-title{align-items:flex-start;flex-direction:column;gap:3px}.signature-addon-title em{font-size:7px}.signature-preview-email-head time{display:none}}
/* 0.18.355 — canonical modern Mail Rules UI */
.rules-overlay{position:fixed;inset:0;z-index:440;display:grid;place-items:center;padding:22px;background:rgba(10,18,32,.52);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.rules-overlay[hidden]{display:none}.rules-dialog{--rules-accent:#3158d4;--rules-accent-strong:#294fc4;--rules-accent-soft:#eef2ff;--rules-bg:#f5f7fa;--rules-surface:#fff;--rules-border:#e1e6ee;--rules-text:#1f2a3d;--rules-muted:#758196;width:min(960px,calc(100vw - 32px));height:min(860px,calc(100dvh - 44px));display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(225,230,238,.96);border-radius:28px;background:var(--rules-bg);box-shadow:0 34px 100px rgba(15,23,42,.3),0 4px 16px rgba(15,23,42,.08)}
.rules-head{height:72px;flex:0 0 72px;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 22px;border-bottom:1px solid var(--rules-border);background:rgba(255,255,255,.98)}.rules-brand{display:flex;align-items:center;gap:11px;min-width:0}.rules-head-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:var(--rules-accent-soft);color:var(--rules-accent)}.rules-head-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.rules-brand>div{min-width:0}.rules-brand>div>span{display:block;margin-bottom:1px;color:#8a95a5;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.rules-head h2{margin:0;color:#182235;font-size:20px;font-weight:790;letter-spacing:-.03em}.rules-head-actions{display:flex;align-items:center;gap:6px}.rules-close{width:40px;height:40px;border:0;border-radius:11px;background:transparent;color:#667085;font-size:24px;line-height:1;cursor:pointer;transition:background .15s,color .15s,transform .15s}.rules-close:hover{background:#f0f3f7;color:#344054}.rules-close:active{transform:scale(.97)}
.rules-stage{min-height:0;flex:1;overflow:hidden;background:var(--rules-bg)}.rules-home,.rules-editor-pane{height:100%;overflow:auto;overscroll-behavior:contain}.rules-home[hidden]{display:none}.rules-home{padding:28px 28px 36px}.rules-home-top{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:15px}.rules-home-copy{min-width:0}.rules-home-kicker,.rules-editor-kicker{display:block;margin-bottom:4px;color:var(--rules-accent);font-size:9.5px;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.rules-home-copy h3{margin:0;color:#202c40;font-size:22px;font-weight:790;letter-spacing:-.03em}.rules-home-copy p{margin:5px 0 0;color:#7a8697;font-size:12.5px;line-height:1.45}.rules-new{height:44px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:12px;background:var(--rules-accent);color:#fff;padding:0 16px;font-size:13px;font-weight:760;cursor:pointer;box-shadow:0 6px 16px rgba(49,88,212,.2);transition:background .15s,transform .15s,box-shadow .15s}.rules-new>span{font-size:20px;font-weight:400;line-height:1;margin-top:-2px}.rules-new:hover{background:var(--rules-accent-strong);box-shadow:0 8px 19px rgba(49,88,212,.23)}.rules-new:active{transform:scale(.98)}.rules-new:disabled,.rule-add-row:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.rules-new:disabled:hover{background:var(--rules-accent);box-shadow:none}.rule-add-row:disabled:hover{background:#fff;border-color:#d9e0e9}.rules-home-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:11px;color:#98a2b3;font-size:10.5px}.rules-count{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border:1px solid #e1e6ee;border-radius:999px;background:#fff;color:#667085;font-size:10.5px;font-weight:760}.rules-order-help{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:center;margin:0 0 12px;padding:10px 12px;border:1px solid #e2e7f4;border-radius:12px;background:#f9faff;color:#748198;font-size:11px;line-height:1.4}.rules-order-help[hidden]{display:none}.rules-order-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#eef2ff;color:#526fd1;font-size:16px;font-weight:800}.rules-order-help strong,.rules-order-help span{display:block}.rules-order-help strong{margin-bottom:1px;color:#526077;font-size:11.5px}.rules-list{display:grid;gap:8px}.rules-list.reordering{cursor:progress}.rules-list.reordering .rule-drag,.rules-list.reordering .rule-order-buttons{pointer-events:none;opacity:.45}.rule-card{display:grid;grid-template-columns:44px minmax(0,1fr) 58px;align-items:stretch;min-height:84px;overflow:hidden;border:1px solid var(--rules-border);border-radius:15px;background:#fff;box-shadow:0 1px 3px rgba(16,24,40,.03);transition:border-color .14s,box-shadow .14s,transform .14s,background .14s}.rule-card:hover{border-color:#d3dbe7;box-shadow:0 5px 14px rgba(16,24,40,.055)}.rule-card.dragging{opacity:.5;transform:scale(.99)}.rule-card.drag-over{border-color:#9db0ec;background:#f8faff;box-shadow:0 0 0 3px rgba(49,88,212,.06)}.rule-card.disabled{background:#fbfcfd}.rule-card.disabled .rule-card-copy{opacity:.58}.rule-reorder-rail{display:flex;align-items:center;justify-content:center;border-right:1px solid #edf0f4;background:#fbfcfe}.rule-drag{width:36px;height:48px;display:grid;place-items:center;border:0;background:transparent;color:#aab4c2;font-size:16px;cursor:grab}.rule-drag:active{cursor:grabbing}.rule-order-buttons{display:none}.rule-card.single-rule{grid-template-columns:minmax(0,1fr) 58px}.rule-card.single-rule .rule-reorder-rail{display:none}.rule-card-main{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;border:0;background:transparent;padding:14px 8px 14px 15px;text-align:left;cursor:pointer}.rule-card-copy{min-width:0}.rule-card-title{display:flex;align-items:center;gap:8px;min-width:0}.rule-card-title strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#273449;font-size:14px;font-weight:760;letter-spacing:-.01em}.rule-card-order{flex:0 0 auto;display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:7px;background:#f0f3f7;color:#768296;font-size:9.5px;font-weight:850}.rule-card-summary{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;color:#7e8999;font-size:11.5px;line-height:1.35}.rule-card-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.rule-card-badge{display:inline-flex;align-items:center;min-height:20px;padding:0 7px;border-radius:999px;background:#f2f4f7;color:#667085;font-size:9.5px;font-weight:740}.rule-card-badge.stop{background:#fff3e8;color:#9a5a11}.rule-card-open{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#a7b0bd;font-size:20px;font-weight:300}.rule-card-main:hover .rule-card-open{background:#f3f6fa;color:#667085}.rule-mini-toggle{width:58px;min-height:58px;display:grid;place-items:center;border-left:1px solid #edf0f4;cursor:pointer}.rule-mini-toggle input,.rules-toggle-row input{position:absolute;opacity:0;pointer-events:none}.rule-mini-toggle span,.rules-toggle-ui{width:40px;height:23px;position:relative;display:block;border-radius:999px;background:#d7dce4;transition:background .18s}.rule-mini-toggle span:after,.rules-toggle-ui:after{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(15,23,42,.23);transition:transform .18s}.rule-mini-toggle input:checked+span,.rules-toggle-row input:checked+.rules-toggle-ui{background:var(--rules-accent)}.rule-mini-toggle input:checked+span:after,.rules-toggle-row input:checked+.rules-toggle-ui:after{transform:translateX(17px)}.rule-mini-toggle:has(input:focus-visible) span,.rules-toggle-row:has(input:focus-visible) .rules-toggle-ui{outline:3px solid rgba(49,88,212,.18);outline-offset:2px}
.rules-empty{display:grid;justify-items:center;padding:70px 18px 58px;text-align:center}.rules-empty[hidden]{display:none}.rules-empty-icon{width:58px;height:58px;display:grid;place-items:center;margin-bottom:16px;border-radius:18px;background:var(--rules-accent-soft);color:var(--rules-accent)}.rules-empty-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.rules-empty strong{display:block;color:#344054;font-size:16px;font-weight:770}.rules-empty p{max-width:410px;margin:7px auto 18px;color:#8792a2;font-size:12.5px;line-height:1.5}.rules-empty button{height:42px;border:1px solid #d9e0ea;border-radius:11px;background:#fff;color:#3f4d61;padding:0 14px;font-size:12.5px;font-weight:720;cursor:pointer;box-shadow:0 1px 3px rgba(16,24,40,.05)}
.rules-editor-pane{background:var(--rules-bg)}.rules-editor-pane form{max-width:780px;margin:0 auto;padding:18px 26px 38px}.rules-view-nav{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.rules-back{min-height:40px;display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;border:0;border-radius:10px;background:transparent;color:#51617a;padding:0 8px;font-size:12.5px;font-weight:730;white-space:nowrap;cursor:pointer}.rules-back>span{font-size:19px;font-weight:400;line-height:1}.rules-back:hover{background:#e9edf3;color:#273449}.rules-mode-switch{display:grid;grid-template-columns:1fr 1fr;min-width:320px;gap:3px;padding:3px;border:1px solid #dfe4eb;border-radius:12px;background:#e9edf3}.rules-mode-switch button{min-height:39px;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:9px;background:transparent;color:#7a8595;padding:5px 12px;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.rules-mode-switch button strong,.rules-mode-switch button small{display:block}.rules-mode-switch button strong{font-size:11.5px;font-weight:760}.rules-mode-switch button small{font-size:9.5px;font-weight:600;color:#98a2b3}.rules-mode-switch button[aria-selected="true"]{background:#fff;color:#273449;box-shadow:0 1px 4px rgba(15,23,42,.11)}.rules-mode-switch button[aria-selected="true"] small{color:#6f7b8d}.rule-mode-notice{margin:-3px 0 13px;padding:10px 12px;border:1px solid #efd9ab;border-radius:11px;background:#fff9ed;color:#815d22;font-size:11.5px;line-height:1.45}.rule-mode-notice[hidden]{display:none}
.rules-editor-header{margin-bottom:12px}.rules-editor-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.rules-editor-heading-row>div{min-width:0}.rules-editor-header h3{margin:0;color:#1f2c40;font-size:23px;font-weight:800;letter-spacing:-.035em;overflow-wrap:anywhere}.rules-editor-header p{margin:5px 0 0;color:#7f8a9a;font-size:12.5px;line-height:1.45}.rule-editor-state{flex:0 0 auto;display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border:1px solid #dde3eb;border-radius:999px;background:#fff;color:#7d8999;font-size:9.5px;font-weight:800}.rule-editor-state.unsaved{border-color:#efd9ab;background:#fff9ed;color:#8a611f}.rule-editor-state.saved{border-color:#cae7d6;background:#f1fbf5;color:#397658}.rules-editor-settings{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:0;align-items:stretch;margin-bottom:13px;overflow:hidden;border:1px solid var(--rules-border);border-radius:15px;background:#fff;box-shadow:0 1px 4px rgba(16,24,40,.025)}.rules-name-label{min-width:0;padding:13px 14px}.rules-name-label>span{display:flex;align-items:center;gap:6px;margin-bottom:6px;color:#667085;font-size:10.5px;font-weight:740}.rules-name-label>span em{font-style:normal;color:#a0a8b5;font-size:9px;font-weight:700}.rules-name-label input{width:100%;height:42px;border:1px solid #d7dee7;border-radius:10px;background:#fbfcfe;color:#344054;padding:0 11px;font:inherit;font-size:12.5px;outline:0;transition:border .15s,box-shadow .15s,background .15s}.rules-name-label input:focus{border-color:#7d96e8;background:#fff;box-shadow:0 0 0 3px rgba(49,88,212,.10)}.rules-toggle-row{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:12px;align-items:center;cursor:pointer}.rules-toggle-row>span:first-child strong,.rules-toggle-row>span:first-child small{display:block}.rules-toggle-row>span:first-child strong{color:#364357;font-size:12px;font-weight:740}.rules-toggle-row>span:first-child small{margin-top:3px;color:#8d98a8;font-size:10.5px;line-height:1.35}.rules-toggle-row-editor{padding:0 14px;border-left:1px solid #edf0f4;background:#fbfcfe}
.rules-basic-editor:not([hidden]){display:grid;gap:12px}.rule-basic-flow-shell{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);align-items:stretch;border:1px solid var(--rules-border);border-radius:17px;background:#fff;box-shadow:0 2px 7px rgba(16,24,40,.03)}.rule-modern-card{min-width:0;background:#fff}.rule-modern-trigger{border-radius:17px 0 0 17px}.rule-modern-action{border-radius:0 17px 17px 0}.rule-modern-card-head{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:14px 14px 12px;border-bottom:1px solid #edf0f4}.rule-step-number{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:var(--rules-accent-soft);color:var(--rules-accent);font-size:11px;font-weight:850}.rule-modern-card-head>div{min-width:0}.rule-modern-eyebrow{display:block;margin-bottom:2px;color:var(--rules-accent);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.rule-modern-card-head strong{display:block;color:#2f3b4e;font-size:13px;font-weight:760}.rule-modern-card-head small{display:block;margin-top:3px;color:#8b96a5;font-size:10.5px;line-height:1.4}.rule-modern-fields{display:grid;grid-template-columns:1fr;gap:10px;padding:13px 14px 15px}.rule-modern-fields:has(.basic-rule-value[hidden])>.rule-modern-field{grid-column:1/-1}.rule-modern-field{min-width:0}.rule-modern-field>span,.rule-modern-field>label,.basic-rule-value>label{display:block;margin-bottom:5px;color:#667085;font-size:10.5px;font-weight:730}.rule-modern-field select,.rule-modern-field input,.basic-rule-value select,.basic-rule-value input{width:100%;height:42px;border:1px solid #d7dee7;border-radius:10px;background:#fbfcfe;color:#344054;padding:0 10px;font:inherit;font-size:12.5px;outline:0;transition:border .15s,box-shadow .15s,background .15s}.rule-modern-field select:focus,.rule-modern-field input:focus,.basic-rule-value select:focus,.basic-rule-value input:focus{border-color:#7d96e8;background:#fff;box-shadow:0 0 0 3px rgba(49,88,212,.10)}.basic-rule-value small{display:block;margin-top:5px;color:#98a2b3;font-size:10px;line-height:1.4}.rule-modern-flow{display:grid;place-items:center;position:relative;color:#7f8a9a}.rule-modern-flow:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:#edf0f4}.rule-modern-flow span{z-index:1;display:grid;place-items:center;width:34px;height:34px;border:1px solid #dce2eb;border-radius:50%;background:#fff;color:#647188;font-size:8.5px;font-weight:850;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 2px 6px rgba(16,24,40,.05)}.rule-modern-preview{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:11px 13px;border:1px solid #dce4f2;border-radius:13px;background:#f8faff}.rule-modern-preview-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eef2ff;color:#4664c7;font-size:15px;font-weight:800}.rule-modern-preview>div{min-width:0}.rule-modern-preview>div>span{display:block;color:#74819a;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.rule-modern-preview strong{display:block;margin-top:2px;color:#44546e;font-size:11.5px;font-weight:650;line-height:1.45;overflow-wrap:anywhere}
.rules-advanced-editor:not([hidden]){display:grid;gap:13px}.rule-builder-section{padding:14px;border:1px solid var(--rules-border);border-radius:16px;background:#fff;box-shadow:0 2px 7px rgba(16,24,40,.03)}.rule-builder-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.rule-builder-heading>div{min-width:0}.rule-builder-kicker{display:block;margin-bottom:2px;color:var(--rules-accent);font-size:9.5px;font-weight:850;text-transform:uppercase;letter-spacing:.075em}.rule-builder-heading strong{display:block;color:#2f3b4e;font-size:14px;font-weight:770}.rule-builder-heading small{display:block;margin-top:3px;color:#8b96a5;font-size:11px;line-height:1.42}.rule-add-row{height:38px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #d9e0e9;border-radius:10px;background:#fff;color:#475467;padding:0 11px;font-size:11px;font-weight:740;cursor:pointer;box-shadow:0 1px 2px rgba(16,24,40,.03)}.rule-add-row>span{font-size:16px;font-weight:400;line-height:1;margin-top:-1px}.rule-add-row:hover{background:#f8fafc;border-color:#ccd4df}.rule-match-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-1px 0 11px;padding:9px 10px;border:1px solid #dfe5ee;border-radius:10px;background:#f8fafc;color:#667085;font-size:10.5px}.rule-match-toolbar[hidden]{display:none}.rule-match-toolbar select{height:34px;max-width:230px;border:1px solid #d9e0e8;border-radius:8px;background:#fff;color:#475467;padding:0 9px;font:inherit;font-size:10.5px;font-weight:670;outline:0}.rule-builder-list{display:grid;gap:8px}.rule-builder-row{overflow:hidden;border:1px solid #e3e8ef;border-radius:12px;background:#fff}.rule-row-head{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 8px 7px 11px;border-bottom:1px solid #edf0f4;background:#fafbfc}.rule-row-head>span{min-width:0;overflow:hidden}.rule-row-head b,.rule-row-head small{display:block}.rule-row-head b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#536174;font-size:11.5px;font-weight:770}.rule-row-head small{margin-top:1px;color:#98a2b3;font-size:9px;font-weight:760;text-transform:uppercase;letter-spacing:.05em}.rule-row-remove{height:30px;flex:0 0 auto;border:0;border-radius:8px;background:transparent;color:#a35a57;padding:0 9px;font-size:10px;font-weight:720;cursor:pointer}.rule-row-remove:hover{background:#fff0ef;color:#a12626}.rule-row-fields{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.9fr) minmax(0,1.2fr);gap:9px;padding:11px}.condition-row:has(.rule-value-control[hidden]) .rule-row-fields{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.condition-row:has(.rule-header-control:not([hidden])) .rule-row-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.rule-action-fields{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr)}.rule-action-fields:has(.rule-action-detail[hidden]){grid-template-columns:1fr}.rule-builder-control{min-width:0}.rule-builder-control>span:first-child{display:block;margin-bottom:5px;color:#667085;font-size:10.5px;font-weight:730}.rule-builder-control select,.rule-builder-control input,.rule-action-slot select,.rule-action-slot input{width:100%;height:40px;border:1px solid #d8dfe8;border-radius:9px;background:#fbfcfe;color:#3f4d61;padding:0 9px;font:inherit;font-size:12px;outline:0;transition:border .15s,box-shadow .15s,background .15s}.rule-builder-control select:focus,.rule-builder-control input:focus,.rule-action-slot select:focus,.rule-action-slot input:focus{border-color:#7d96e8;background:#fff;box-shadow:0 0 0 3px rgba(49,88,212,.09)}.rule-value-slot,.rule-action-slot{display:block}.rule-action-note{display:flex;align-items:center;min-height:40px;color:#8792a2;font-size:10.5px;line-height:1.35}.rule-followup-panel{padding:14px;border:1px solid var(--rules-border);border-radius:16px;background:#fff;box-shadow:0 2px 7px rgba(16,24,40,.03)}.rule-followup-heading{margin-bottom:10px}.rule-followup-heading strong,.rule-followup-heading small{display:block}.rule-followup-heading strong{color:#2f3b4e;font-size:14px;font-weight:770}.rule-followup-heading small{margin-top:3px;color:#8b96a5;font-size:11px;line-height:1.42}.rule-followup-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.rule-followup-option{position:relative;min-width:0;display:grid;grid-template-columns:20px minmax(0,1fr);gap:9px;align-items:start;padding:11px;border:1px solid #e1e6ed;border-radius:11px;background:#fbfcfe;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.rule-followup-option:hover{border-color:#cfd7e2;background:#fff}.rule-followup-option:has(input:checked){border-color:#b8c7f2;background:#f6f8ff;box-shadow:0 0 0 2px rgba(49,88,212,.05)}.rule-followup-option input{width:17px;height:17px;margin:1px 0 0;accent-color:var(--rules-accent)}.rule-followup-option span,.rule-followup-option strong,.rule-followup-option small{min-width:0;display:block}.rule-followup-option strong{color:#3f4d61;font-size:11.5px;font-weight:760}.rule-followup-option small{margin-top:3px;color:#8792a2;font-size:10.5px;line-height:1.4}.rule-followup-option:has(input:focus-visible){outline:2px solid #8ca4ef;outline-offset:2px}
.rules-tools{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:13px;padding:12px 13px;border:1px solid var(--rules-border);border-radius:14px;background:#fff}.rules-tools-copy{min-width:0}.rules-tools-copy>span,.rules-tools-copy strong,.rules-tools-copy small{display:block}.rules-tools-copy>span{margin-bottom:2px;color:#7e8a9a;font-size:8.5px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.rules-tools-copy strong{color:#475467;font-size:11.5px;font-weight:750}.rules-tools-copy small{margin-top:2px;color:#8b96a5;font-size:10.5px;line-height:1.4}.rules-tool-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex:0 0 auto}.rules-tool-actions button{height:38px;border:1px solid #dbe1e8;border-radius:9px;background:#fff;color:#536174;padding:0 11px;font-size:10.5px;font-weight:720;cursor:pointer;transition:background .15s,border .15s,color .15s}.rules-tool-actions button:hover{background:#f8fafc;border-color:#cfd7e2}.rules-tool-actions .rules-delete{border-color:#f1d7d4;color:#b42318}.rules-tool-actions .rules-delete:hover{background:#fff3f2;border-color:#edc6c1}.rule-preview,.rule-error{margin-top:12px;padding:11px 12px;border-radius:11px;font-size:11px}.rule-preview{border:1px solid #dce5ff;background:#f5f7ff;color:#53658f}.rule-error{border:1px solid #ffd9d7;background:#fff4f3;color:#a12626}.rule-preview>strong,.rule-preview>span{display:block}.rule-preview-items{display:grid;gap:5px;margin-top:8px}.rule-preview-items>span{padding:8px 9px;border-radius:8px;background:#fff}.rule-preview-items b,.rule-preview-items small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rules-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:15px}.rules-save-hint{color:#98a2b3;font-size:9.5px;line-height:1.35}.rules-editor-actions .rules-save{min-width:128px;height:43px;border:0;border-radius:10px;background:var(--rules-accent);color:#fff;padding:0 17px;font-size:12px;font-weight:760;cursor:pointer;box-shadow:0 5px 14px rgba(49,88,212,.18)}.rules-editor-actions .rules-save:hover{background:var(--rules-accent-strong)}
@media(max-width:700px){.rules-overlay{padding:0;place-items:stretch;background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}.rules-dialog{width:100%;height:100dvh;border:0;border-radius:0;box-shadow:none}.rules-head{height:calc(62px + env(safe-area-inset-top));flex-basis:calc(62px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 8px 0 14px}.rules-head-icon{width:36px;height:36px}.rules-brand>div>span{display:none}.rules-head h2{font-size:19px}.rules-close{width:44px;height:44px}.rules-home{padding:20px 14px calc(26px + env(safe-area-inset-bottom))}.rules-home-top{align-items:flex-start;margin-bottom:12px}.rules-home-copy h3{font-size:20px}.rules-home-copy p{font-size:11.5px}.rules-new{height:44px;padding:0 13px}.rules-home-meta{align-items:flex-start;flex-direction:column;gap:5px;margin-bottom:10px}.rules-home-meta>span:last-child{display:none}.rules-order-help{grid-template-columns:28px minmax(0,1fr);padding:9px 10px}.rules-order-icon{width:28px;height:28px}.rules-list{gap:7px}.rule-card{grid-template-columns:44px minmax(0,1fr) 56px;min-height:86px;border-radius:14px}.rule-drag{display:none}.rule-order-buttons{width:44px;min-height:76px;display:grid;grid-template-rows:1fr 1fr;align-items:center;justify-items:center;padding:6px 4px}.rule-order-buttons[hidden]{display:none}.rule-order-buttons button{width:32px;height:31px;border:0;border-radius:8px;background:transparent;color:#7c8899;font-size:15px;font-weight:750;line-height:1;touch-action:manipulation}.rule-order-buttons button:not(:disabled):active{background:#edf2ff;color:#3158d4}.rule-order-buttons button:disabled{opacity:.24}.rule-order-buttons button:focus-visible{outline:2px solid #8ca4ef;outline-offset:1px}.rule-card-main{grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:12px 5px 12px 10px}.rule-card-title{gap:6px}.rule-card-title strong{font-size:13.5px}.rule-card-summary{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:11px}.rule-card-badges{margin-top:5px}.rule-card-badge{min-height:19px;font-size:9px}.rule-card-open{width:27px;height:27px}.rule-mini-toggle{width:56px}.rules-empty{padding:56px 18px}.rules-editor-pane form{max-width:none;padding:8px 13px calc(92px + env(safe-area-inset-bottom))}.rules-view-nav{position:sticky;top:0;z-index:7;margin:0 -13px 12px;padding:7px 13px 9px;background:rgba(245,247,250,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(226,231,238,.84)}.rules-back{min-height:42px;padding:0 3px;font-size:13px}.rules-mode-switch{min-width:0;flex:1;max-width:330px}.rules-mode-switch button{min-height:38px;padding:4px 8px}.rules-mode-switch button small{display:none}.rule-mode-notice{margin-top:-2px}.rules-editor-heading-row{gap:10px}.rules-editor-header h3{font-size:21px}.rules-editor-header p{font-size:11.5px}.rule-editor-state{min-height:25px;padding:0 7px;font-size:9px}.rules-editor-settings{grid-template-columns:1fr;gap:0;border-radius:15px}.rules-name-label{padding:13px}.rules-name-label input{height:47px;font-size:16px}.rules-toggle-row-editor{min-height:66px;padding:0 13px;border-top:1px solid #edf0f4;border-left:0}.rule-basic-flow-shell{grid-template-columns:1fr;border-radius:15px}.rule-modern-trigger,.rule-modern-action{border-radius:0}.rule-modern-trigger{border-radius:15px 15px 0 0}.rule-modern-action{border-radius:0 0 15px 15px}.rule-modern-card-head{grid-template-columns:32px minmax(0,1fr);padding:12px 13px}.rule-step-number{width:30px;height:30px}.rule-modern-card-head small{font-size:10px}.rule-modern-fields{padding:12px 13px 14px}.rule-modern-field select,.rule-modern-field input,.basic-rule-value select,.basic-rule-value input{height:47px;font-size:16px}.rule-modern-flow{height:38px;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4}.rule-modern-flow:before{left:50%;top:0;bottom:0}.rule-modern-flow span{width:32px;height:32px}.rule-modern-preview{padding:11px 12px}.rule-builder-section{padding:12px;border-radius:15px}.rule-builder-heading{align-items:center}.rule-builder-heading small{max-width:300px}.rule-add-row{height:39px;padding:0 10px}.rule-match-toolbar{align-items:stretch;flex-direction:column;gap:7px;padding:9px}.rule-match-toolbar select{width:100%;max-width:none;height:43px;font-size:13px}.rule-builder-row{border-radius:12px}.rule-row-head{min-height:46px;padding:8px 8px 8px 10px}.rule-row-remove{height:33px}.rule-row-fields,.condition-row:has(.rule-header-control:not([hidden])) .rule-row-fields,.rule-action-fields{grid-template-columns:1fr;gap:9px;padding:11px}.rule-builder-control select,.rule-builder-control input,.rule-action-slot select,.rule-action-slot input{height:47px;font-size:16px}.rule-followup-panel{border-radius:15px}.rule-followup-options{grid-template-columns:1fr}.rules-tools{align-items:stretch;flex-direction:column;gap:10px;padding:11px}.rules-tool-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.rules-tool-actions button{height:43px;font-size:11px}.rules-tool-actions .rules-delete{grid-column:1/-1}.rules-editor-actions{position:fixed;left:0;right:0;bottom:0;z-index:448;margin:0;padding:9px 13px calc(9px + env(safe-area-inset-bottom));border-top:1px solid #e1e6ed;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 -8px 24px rgba(15,23,42,.07)}.rules-save-hint{display:none}.rules-editor-actions .rules-save{width:100%;height:47px;min-width:0;border-radius:11px;font-size:13px}}
@media(max-width:430px){.rules-home-top{display:grid;grid-template-columns:1fr;gap:12px}.rules-new{width:100%}.rules-mode-switch button{padding:4px 6px}.rule-modern-card-head strong{font-size:12.5px}.rule-modern-card-head small{display:none}.rule-builder-heading{align-items:stretch;flex-direction:column;gap:9px}.rule-builder-heading small{font-size:10.5px}.rule-add-row{width:100%;padding:0 10px}.rules-tool-actions{grid-template-columns:1fr}.rules-editor-actions .rules-save{width:100%}.rule-editor-state{display:none}}
@media(pointer:coarse) and (min-width:701px){.rule-card{grid-template-columns:44px minmax(0,1fr) 58px}.rule-drag{display:none}.rule-order-buttons{width:44px;min-height:76px;display:grid;grid-template-rows:1fr 1fr;align-items:center;justify-items:center;padding:6px 4px}.rule-order-buttons[hidden]{display:none}.rule-order-buttons button{width:34px;height:31px;border:0;border-radius:8px;background:transparent;color:#7c8899;font-size:16px;font-weight:700;line-height:1;touch-action:manipulation}.rule-order-buttons button:disabled{opacity:.25}.rule-order-buttons button:focus-visible{outline:2px solid #8ca4ef;outline-offset:1px}}
/* 0.15.0 mail client access */
.mail-apps-overlay{position:fixed;inset:0;z-index:440;display:grid;place-items:center;padding:24px;background:rgba(15,23,42,.42);backdrop-filter:blur(12px)}
.mail-apps-overlay[hidden]{display:none}
.mail-apps-dialog{position:relative;width:min(620px,100%);max-height:min(760px,calc(100dvh - 48px));overflow:auto;border:1px solid rgba(222,228,238,.9);border-radius:24px;background:#fff;box-shadow:0 28px 80px rgba(15,23,42,.2);padding:28px}
.mail-apps-kicker{display:block;margin-bottom:6px;color:#3158d4;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.mail-apps-dialog h2{margin:0;color:#263249;font-size:25px;letter-spacing:-.035em}.mail-apps-dialog>p{margin:7px 42px 22px 0;color:#7d8797;font-size:11px;line-height:1.55}
.mail-apps-disabled{display:grid;gap:5px;padding:16px;border:1px solid #f1d9b5;border-radius:14px;background:#fff8ec}.mail-apps-disabled strong{color:#8c5a13;font-size:12px}.mail-apps-disabled span{color:#9b7441;font-size:10px;line-height:1.5}
.mail-apps-config{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:18px}.mail-apps-config>div{padding:12px 13px;border:1px solid #e7ebf1;border-radius:13px;background:#fafbfc;min-width:0}.mail-apps-config span,.mail-apps-config strong{display:block}.mail-apps-config span{color:#8793a3;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.mail-apps-config strong{margin-top:4px;color:#475467;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail-apps-create{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:end;padding:16px;border:1px solid #e7ebf1;border-radius:15px}.mail-apps-create label{font-size:10.5px;font-weight:800;color:#667085}.mail-apps-create input{display:block;width:100%;height:40px;margin-top:6px;border:1px solid #dfe4ec;border-radius:10px;padding:0 11px;font-size:16px;color:#344054;outline:none}.mail-apps-create input:focus{border-color:#9fb1e9;box-shadow:0 0 0 3px rgba(49,88,212,.08)}.mail-apps-create button{height:40px;border:0;border-radius:10px;background:#3158d4;color:#fff;padding:0 14px;font-size:10px;font-weight:800;cursor:pointer}.mail-apps-create button:disabled{opacity:.5;cursor:not-allowed}.mail-apps-stepup-note{display:flex;gap:7px;align-items:flex-start;margin:8px 2px 0;color:#7b8494;font-size:9.8px;line-height:1.45}.mail-apps-stepup-note strong{color:#475467;white-space:nowrap}.mail-apps-stepup-note span{min-width:0}
.mail-app-password-result{margin-top:10px;padding:14px;border:1px solid #bfd0ff;border-radius:14px;background:#f2f6ff}.mail-app-password-result>strong,.mail-app-password-result>span{display:block}.mail-app-password-result>strong{color:#284aa8;font-size:11.5px}.mail-app-password-result>span{margin-top:4px;color:#6f80a7;font-size:10.5px;line-height:1.4}.mail-app-password-result>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:10px}.mail-app-password-result code{display:flex;align-items:center;min-height:40px;padding:0 11px;border-radius:9px;background:#fff;border:1px solid #d7e1fa;color:#263249;font-size:12px;font-weight:750;overflow:auto}.mail-app-password-result button{min-height:40px;border:0;border-radius:9px;background:#3158d4;color:#fff;padding:0 13px;font-size:10.5px;font-weight:800;cursor:pointer}
.mail-apps-list-head{display:flex;justify-content:space-between;align-items:center;margin:20px 2px 8px}.mail-apps-list-head strong{color:#475467;font-size:11.5px}.mail-apps-list-head span{color:#8793a3;font-size:10.5px}.mail-apps-list{display:flex;flex-direction:column;gap:7px}.mail-app-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #e7ebf1;border-radius:12px}.mail-app-row>div{min-width:0}.mail-app-row strong,.mail-app-row span{display:block}.mail-app-row strong{color:#475467;font-size:11px}.mail-app-row span{margin-top:3px;color:#98a2b3;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-app-row button{min-height:36px;border:1px solid #f5d3d0;background:#fff5f4;color:#a93227;border-radius:9px;padding:7px 10px;font-size:10.5px;font-weight:800;cursor:pointer}.mail-apps-empty{padding:22px 18px;text-align:center;border:1px dashed #dfe4ec;border-radius:12px;color:#8793a3;font-size:11.5px;line-height:1.45}
@media(max-width:620px){.mail-apps-overlay{padding:0;place-items:end stretch}.mail-apps-dialog{width:100%;max-height:92dvh;border-radius:24px 24px 0 0;border-bottom:0;padding:22px 16px calc(20px + env(safe-area-inset-bottom))}.mail-apps-config{grid-template-columns:1fr 1fr}.mail-apps-create{grid-template-columns:1fr}.mail-apps-create button{width:100%}.mail-app-password-result>div{grid-template-columns:1fr}.mail-app-password-result button{height:38px}.mail-app-row{align-items:flex-start}.mail-app-row span{white-space:normal}}
/* 0.17.2 — inbox clarity and responsive polish */
.tag{border-radius:999px;padding:4px 7px;font-size:10px;font-weight:720;}
.email{max-width:940px;padding-top:34px;}.thread-card{border-color:#e5e9ef;}.thread-card-meta{padding:0 19px 17px;}
@media(max-width:700px){.email{padding-top:18px}.email-head h2{font-size:23px}.thread-card-head{padding:13px}.thread-card-body{padding:16px 14px 19px;line-height:1.68;font-size:14px;}.thread-card-meta{padding:0 14px 14px}}
@media(max-width:430px){.tag{font-size:9.5px}}
/* 0.17.3 — rich email layout normalization */
/*
* HTML email uses deeply nested tables for layout. Veltar previously put a
* border and 5px padding on every cell, so each nested table stepped inward.
* Treat sender tables as layout-neutral instead; only genuine quoted replies
* receive an intentional indent marker.
*/
.thread-card-body.rich-mail{min-width:0;overscroll-behavior-x:contain;}
.thread-card-body.rich-mail table{max-width:100%!important;margin:0;border:0;border-spacing:0;border-collapse:collapse;}
.thread-card-body.rich-mail tbody,.thread-card-body.rich-mail thead,.thread-card-body.rich-mail tr{max-width:100%}
.thread-card-body.rich-mail td,.thread-card-body.rich-mail th{max-width:100%;padding:0;border:0;vertical-align:top;text-align:inherit;font-weight:inherit;}
.thread-card-body.rich-mail table table{margin:0}
.thread-card-body.rich-mail blockquote blockquote{margin-left:0;}
.thread-card-body.rich-mail pre{max-width:100%;overflow:auto;white-space:pre-wrap}
.thread-card-body.rich-mail img{max-width:100%!important;height:auto;object-fit:contain}.thread-card-body.rich-mail img[width][height]{object-fit:contain}.thread-card-body.rich-mail .mail-image-fallback{display:block;margin:10px 0;padding:10px 12px;border:1px solid #e6eaf0;border-radius:10px;background:#f8fafc;color:#7b8797;font-size:11px;line-height:1.4}.thread-card-body.rich-mail .mail-image-alt{display:block;margin:6px 0;color:#7f8a99;font-size:11px;line-height:1.4;font-style:italic}.thread-card-body.rich-mail a.mail-cta{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin:4px 5px 4px 0;padding:8px 13px;border:1px solid #dfe5ee;border-radius:10px;background:#f7f9fc;color:#3158c9!important;font-size:12px;font-weight:760;line-height:1.2;text-decoration:none!important;white-space:nowrap}.thread-card-body.rich-mail a.mail-cta:active{background:#eef3fb}.thread-card-body.rich-mail center{max-width:100%}
@media(max-width:700px){
.thread-card-body.rich-mail{padding-left:13px;padding-right:13px}
.thread-card-body.rich-mail blockquote{margin-left:0;padding-left:9px}
.thread-card-body.rich-mail blockquote blockquote{padding-left:7px}
}
/* 0.18.47 — mobile reader cleanup and message hierarchy refinement */
/* 0.17.6 — consolidated conversation reader and mobile-first email header */
.reader-scroll{min-height:0;overflow-y:auto;scrollbar-gutter:stable;padding:22px 22px 48px;background:#f3f5f8;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}
.reader-jump-recent{position:absolute;z-index:9;right:18px;bottom:18px;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 13px 0 15px;border:1px solid #dfe5ed;border-radius:999px;background:rgba(255,255,255,.97);color:#445268;box-shadow:0 10px 30px rgba(15,23,42,.13),0 2px 7px rgba(15,23,42,.05);font-size:11px;font-weight:790;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background .14s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.reader-jump-recent[hidden]{display:none!important}.reader-jump-recent svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.reader-jump-recent:focus-visible{outline:2px solid #7d98ee;outline-offset:2px}@media(hover:hover){.reader-jump-recent:hover{transform:translateY(-1px);background:#fff;box-shadow:0 12px 32px rgba(15,23,42,.16),0 2px 8px rgba(15,23,42,.06)}}
.conversation-email{width:min(100%,960px);margin:0 auto;padding:36px 40px 68px;border:1px solid #e4e9f0;border-radius:22px;background:#fff;box-shadow:0 14px 42px rgba(15,23,42,.055);}
.email-head{display:block;margin:0 0 3px;padding:1px 0 25px;border-bottom:1px solid #edf1f5}.email-head>div{min-width:0;display:flex;flex-direction:column}.email-head h2{max-width:820px;margin:0;font-size:30px;font-weight:790;line-height:1.14;letter-spacing:-.04em;color:#172033;text-wrap:pretty;overflow-wrap:anywhere}.email-labels{order:-1;display:flex;align-items:center;gap:6px;margin:0 0 9px}.email-labels span{display:inline-flex;align-items:center;min-height:23px;padding:2px 8px;border:1px solid #e5eaf0;border-radius:999px;background:#f8fafc;color:#667085;font-size:9.75px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}.email-labels .email-thread-count{border-color:transparent;background:transparent;color:#8a95a5;font-weight:680;letter-spacing:0;text-transform:none}
.reader-toolbar{height:58px;flex:0 0 58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #e9edf3;background:#fff;box-shadow:0 1px 0 rgba(15,23,42,.015);z-index:3;}.reader-tools-left{display:flex;align-items:center;gap:7px;min-width:0}.back-to-list-label{display:none}.conversation-count{align-self:center;margin:0 0 0 6px;color:#8792a1;font-size:11px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.reader-tools-right{display:flex;align-items:center;gap:6px;}.reader-tools-right[hidden]{display:none;}.reader-utility-actions{display:flex;align-items:center;gap:5px}.reader-reply-actions{order:-1;display:flex;align-items:center;gap:2px;margin-right:2px;padding:3px;border:1px solid #e3e8ef;border-radius:12px;background:#f6f8fb}.mobile-reader-reply-actions{display:none}.reader-text-action{height:32px;border:0;border-radius:8px;background:transparent;padding:0 10px;color:#536174;font-size:11px;font-weight:760;}.reader-text-action:hover{background:#fff;color:#27364c;box-shadow:0 1px 4px rgba(15,23,42,.08)}.reader-text-action:first-child{background:#fff;color:#294fc6;box-shadow:0 1px 4px rgba(15,23,42,.07)}.reader-utility-actions>.small-icon{height:38px;border:1px solid #e4e8ee;background:#fff;border-radius:11px}.reader-utility-actions>.small-icon{width:38px;display:grid;place-items:center;color:#657184}.reader-utility-actions>.small-icon svg,.back-to-list svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.reader-utility-actions>.small-icon#readerStar svg{fill:transparent}.reader-utility-actions>.small-icon#readerStar.reader-starred{color:#c58a25}.reader-utility-actions>.small-icon#readerStar.reader-starred svg{fill:currentColor;stroke:currentColor}.reader-trash-action .reader-restore-icon{display:none}.reader-trash-action.is-restore .reader-trash-icon{display:none}.reader-trash-action.is-restore .reader-restore-icon{display:block}.reader-trash-action.is-restore{color:#3158d4!important}.reader-trash-action.is-restore:hover{border-color:#cdd8ff!important;background:#f3f6ff!important;color:#2548b8!important}.back-to-list{color:#657184}.reader-utility-actions>.small-icon:hover{border-color:#d7dde7;background:#f8fafc}.reader-utility-actions>.danger-lite:hover{border-color:#f0d7da;background:#fff7f7;color:#a44750}
.thread-messages{display:flex;flex-direction:column;gap:22px;margin-top:18px;}.thread-card{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;}.thread-card.current{position:relative;border:0;box-shadow:none;}.thread-card+.thread-card{padding-top:24px;border-top:1px solid #e8edf3}.thread-card-head{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;align-items:start;margin:0 -8px 9px;padding:10px 9px;border:0;border-radius:14px;background:transparent;transition:background .14s,box-shadow .14s;}.thread-card.current .thread-card-head{background:#f5f8ff;box-shadow:inset 0 0 0 1px #e3eafb}.thread-card-head:hover{background:#f7f9fc}.thread-avatar{width:44px;height:44px;border-radius:50%;background:#eef1f5;color:#667085;display:grid;place-items:center;font-size:11.25px;font-weight:850;box-shadow:inset 0 0 0 1px rgba(17,24,39,.045),0 2px 8px rgba(15,23,42,.035);}.thread-header-content{min-width:0;padding-top:1px}.thread-header-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;min-width:0}.thread-sender{min-width:0}.thread-identity-line{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.thread-identity-line strong{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14.75px;font-weight:790;line-height:1.22;color:#202c3e}.thread-address{display:block!important;min-width:0;max-width:100%;margin:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.75px!important;font-weight:520;line-height:1.25;color:#8a96a7!important}.thread-time{padding-top:1px;font-size:10.75px;font-weight:650;line-height:1.3;color:#748092;white-space:nowrap}.thread-header-bottom{min-width:0;display:flex;align-items:center;gap:7px;margin-top:5px}.thread-direction{display:inline-flex;align-items:center;min-height:20px;padding:1px 7px;border:1px solid #e8ecf1;border-radius:999px;background:#fff;color:#7b8797;font-size:9.75px;font-weight:760;white-space:nowrap}
.thread-envelope{min-width:0;width:fit-content;max-width:100%;margin:0;color:#6f7d90;font-size:10.75px}.thread-envelope summary{display:inline-flex;align-items:center;gap:4px;max-width:100%;min-height:29px;margin-left:-6px;padding:0 6px;border-radius:8px;cursor:pointer;list-style:none;white-space:nowrap;user-select:none}.thread-envelope summary::-webkit-details-marker{display:none}.thread-envelope summary:hover{color:#42526a;background:#edf2f7}.thread-recipient{min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:660}.thread-envelope-chevron{width:14px;height:14px;display:grid;place-items:center;flex:0 0 auto;color:#8b96a6;transition:transform .14s ease}.thread-envelope-chevron svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.thread-envelope[open] .thread-envelope-chevron{transform:rotate(180deg)}.thread-envelope-panel{position:absolute;z-index:6;top:calc(100% - 2px);left:56px;width:min(430px,calc(100vw - 104px));padding:14px 15px;border:1px solid #dfe5ed;border-radius:14px;background:#fff;box-shadow:0 20px 52px rgba(15,23,42,.14)}.thread-envelope-title{margin-bottom:8px;padding-bottom:9px;border-bottom:1px solid #edf0f4;font-size:11.5px;font-weight:800;color:#344054}.thread-detail-row{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;padding:5px 0}.thread-envelope-panel small{font-size:10.5px;font-weight:820;text-transform:uppercase;letter-spacing:.05em;color:#929daa}.thread-envelope-panel .thread-detail-row>span{min-width:0;font-size:11.5px;line-height:1.45;color:#48566a;overflow-wrap:anywhere}.thread-auth{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px;padding-top:10px;border-top:1px solid #edf0f4}.thread-auth span{border:1px solid transparent;border-radius:999px;padding:4px 7px;font-size:10.5px;font-weight:760}.thread-auth .pass{background:#edf8f3;color:#197052;border-color:#dcefe7}.thread-auth .fail{background:#fff0f1;color:#a0444d;border-color:#f4dadd}.thread-auth .neutral{background:#f3f5f8;color:#687587;border-color:#eaedf1}.thread-auth .warning{background:#fff5e5;color:#8a601c;border-color:#f5e6c8}
.thread-card-body{width:100%;max-width:760px;padding:5px 2px 9px;border:0;background:transparent;color:#344054;font-size:14.75px;line-height:1.72;overflow-wrap:anywhere;}.thread-card-body.layout-mail{max-width:100%}.single-message .thread-card-body{padding-bottom:11px}.thread-card-body.rich-mail{overflow-x:auto;overflow-y:hidden;}.thread-card-body.rich-mail>table{max-width:100%!important}.thread-card-body.rich-mail table.mail-single-column-table{width:100%!important}.thread-card-body.rich-mail .mail-empty-cell{display:none!important;width:0!important;min-width:0!important;padding:0!important}.thread-card-body.rich-mail .mail-spacer-row{height:12px!important;min-height:12px!important}.thread-card-body.rich-mail .mail-spacer-row>td,.thread-card-body.rich-mail .mail-spacer-row>th{display:table-cell!important;height:12px!important;min-height:12px!important;padding:0!important;font-size:0!important;line-height:0!important;border:0!important}.thread-card-body.rich-mail h1{margin:0 0 16px;font-size:24px;line-height:1.18;letter-spacing:-.03em;color:#172033}.thread-card-body.rich-mail h2{margin:20px 0 10px;font-size:20px;line-height:1.25;color:#172033}.thread-card-body.rich-mail h3{margin:18px 0 9px;font-size:17px;line-height:1.3;color:#253247}.thread-card-body.rich-mail h4{margin:16px 0 8px;font-size:15px;line-height:1.35;color:#344054}.thread-card-body.rich-mail .mail-plain-banner{margin:2px 0 18px;padding:0 0 12px;border-bottom:1px solid #e6eaf0;font-size:19px;line-height:1.25;letter-spacing:-.015em}.thread-card-body.rich-mail .mail-plain-field{display:grid;grid-template-columns:minmax(110px,.75fr) minmax(0,1fr);align-items:baseline;gap:14px;max-width:440px;margin:0;padding:10px 0;border-bottom:1px solid #edf0f4}.thread-card-body.rich-mail .mail-plain-field-label{color:#667085;font-size:12px;font-weight:650;line-height:1.35}.thread-card-body.rich-mail .mail-plain-field-value{color:#172033;font-size:14px;font-weight:750;line-height:1.35;text-align:right;overflow-wrap:anywhere}.thread-card-body.rich-mail p{margin:0 0 13px;line-height:1.7;}.thread-card-body.rich-mail ul,.thread-card-body.rich-mail ol{margin:10px 0 15px;padding-left:22px}.thread-card-body.rich-mail li{margin:5px 0}.thread-card-body.rich-mail hr{margin:22px 0;border:0;border-top:1px solid #e8ecf1}.thread-card-body.rich-mail blockquote{margin:16px 0 0;padding:11px 0 11px 14px;border-left:2px solid #d7dfe9;background:linear-gradient(90deg,rgba(244,247,250,.8),rgba(244,247,250,0));color:#667085;}.thread-card-body.rich-mail blockquote blockquote{margin-top:10px;padding-left:10px;border-left-color:#e3e8ef;background:transparent;}.thread-card-body.rich-mail a{color:#2f5bd3;text-decoration-thickness:1px;text-underline-offset:2px;}.thread-card-body.rich-mail img{display:block;max-width:100%;height:auto;margin:10px 0;border-radius:9px;}.thread-card-body.rich-mail pre,.thread-card-body.rich-mail code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.thread-card-body.rich-mail pre{padding:12px 14px;border:1px solid #e6eaf0;border-radius:11px;background:#f7f9fb;font-size:12px;line-height:1.55}.mail-quoted{max-width:760px;margin:15px 0 0;border-top:1px solid #edf0f4}.mail-quoted>summary{width:max-content;max-width:100%;margin-top:8px;padding:7px 9px;border-radius:8px;color:#7b8796;font-size:10.75px;font-weight:700;cursor:pointer;list-style:none;user-select:none}.mail-quoted>summary::-webkit-details-marker{display:none}.mail-quoted>summary:before{content:'···';display:inline-block;margin-right:7px;color:#9aa5b4;letter-spacing:1px}.mail-quoted>summary:hover{background:#f2f5f8;color:#536174}.mail-quoted[open]>summary{margin-bottom:5px}.mail-quoted>blockquote{margin-top:0!important}
.inbound-attachments{max-width:760px;margin-top:20px;padding:17px 0 0;border-top:1px solid #e8edf3;display:grid;gap:10px}.attachment-section-head{min-height:24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.attachment-section-title{min-width:0;display:flex;align-items:center;gap:7px}.attachment-section-icon{width:22px;height:22px;display:grid;place-items:center;flex:0 0 22px;border-radius:7px;background:#f1f4f8;color:#657184}.attachment-section-icon svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.attachment-section-head strong{color:#344054;font-size:11.5px;font-weight:790;letter-spacing:-.005em}.attachment-count{min-width:20px;height:20px;display:inline-grid;place-items:center;padding:0 6px;border-radius:999px;background:#eef2f7;color:#6f7c8e;font-size:9.5px;font-weight:800;font-variant-numeric:tabular-nums}.attachment-total{color:#8b96a5;font-size:10.25px;font-weight:620;font-variant-numeric:tabular-nums;white-space:nowrap}.attachment-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.attachment-download{position:relative;width:100%;min-width:0;min-height:70px;display:grid;grid-template-columns:50px minmax(0,1fr) 24px;align-items:center;gap:11px;padding:9px 10px;border:1px solid #e1e6ed;border-radius:15px;background:#fff;color:inherit;overflow:hidden;font:inherit;text-align:left;cursor:pointer;box-shadow:0 1px 2px rgba(15,23,42,.025);transition:border-color .14s,background .14s,box-shadow .14s,transform .14s}.attachment-download:not(.attachment-blocked):hover{border-color:#d3dae5;background:#fbfcfe;box-shadow:0 5px 16px rgba(15,23,42,.06);transform:translateY(-1px)}.attachment-download:not(.attachment-blocked):focus-visible{outline:2px solid #3158d4;outline-offset:2px}.attachment-file-visual{position:relative;width:50px;height:50px;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:#eef2f7}.attachment-file-icon{width:100%;height:100%;display:grid;place-items:center;border-radius:inherit;background:#eef2f7;color:#617086;font-size:9px;font-weight:850;letter-spacing:.035em}.attachment-file-icon.file-pdf{background:#fff0f0;color:#a44949}.attachment-file-icon.file-img{background:#edf8f3;color:#28745d}.attachment-file-icon.file-zip{background:#fff7e9;color:#8c641e}.attachment-file-icon.file-doc{background:#eef4ff;color:#365da8}.attachment-file-icon.file-xls{background:#edf8f0;color:#30704a}.attachment-file-icon.file-ppt{background:#fff2eb;color:#9b512e}.attachment-file-icon.file-txt,.attachment-file-icon.file-csv{background:#f2f4f7;color:#59677a}.attachment-file-icon.file-cal{background:#eef5ff;color:#3d65aa}.attachment-file-icon.file-aud,.attachment-file-icon.file-vid{background:#f4efff;color:#7153a6}.attachment-thumb-image{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;background:#f5f7fa}.attachment-file-copy{min-width:0;align-self:center}.attachment-file-copy strong,.attachment-file-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-file-copy strong{color:#2d394b;font-size:12px;font-weight:760;line-height:1.25}.attachment-file-copy small{margin-top:4px;color:#8894a3;font-size:9.9px;line-height:1.25}.attachment-file-chevron{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;color:#9ba5b2;font-size:22px;font-weight:420;line-height:1}.attachment-download:not(.attachment-blocked):hover .attachment-file-chevron{background:#f0f3f7;color:#667386}.attachment-file-state{justify-self:end;display:inline-flex;align-items:center;min-height:26px;padding:0 7px;border-radius:8px;font-size:9.75px;font-weight:780;white-space:nowrap}.attachment-file-state.blocked{background:#fff0ee;color:#a45751}.attachment-blocked{grid-template-columns:50px minmax(0,1fr) auto;background:#fff8f7;border-color:#f0dedd;cursor:default;box-shadow:none}.attachment-blocked .attachment-file-icon{background:#fff0ee;color:#a45751}
.attachment-action-overlay{position:fixed;inset:0;z-index:269;display:grid;place-items:center;padding:18px;background:rgba(15,23,42,.34);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.attachment-action-overlay[hidden]{display:none}.attachment-action-sheet{width:min(390px,100%);padding:14px;border:1px solid #dfe5ed;border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.24)}.attachment-action-file{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;padding:3px 3px 13px}.attachment-action-icon{width:42px;height:42px;display:grid;place-items:center;text-align:center;line-height:1;border-radius:11px;background:#eef2f7;color:#617086;font-size:9px;font-weight:850;letter-spacing:.035em}.attachment-action-icon.file-pdf{background:#fff0f0;color:#a44949}.attachment-action-icon.file-img{background:#edf8f3;color:#28745d}.attachment-action-icon.file-zip{background:#fff7e9;color:#8c641e}.attachment-action-icon.file-doc{background:#eef4ff;color:#365da8}.attachment-action-icon.file-xls{background:#edf8f0;color:#30704a}.attachment-action-icon.file-ppt{background:#fff2eb;color:#9b512e}.attachment-action-icon.file-txt,.attachment-action-icon.file-csv{background:#f2f4f7;color:#59677a}.attachment-action-icon.file-cal{background:#eef5ff;color:#3d65aa}.attachment-action-icon.file-aud,.attachment-action-icon.file-vid{background:#f4efff;color:#7153a6}.attachment-action-file>div{min-width:0}.attachment-action-file>div strong,.attachment-action-file>div span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-action-file>div strong{color:#2f3b4f;font-size:13px;font-weight:790}.attachment-action-file>div span{margin-top:3px;color:#8994a3;font-size:10.5px}.attachment-action-buttons{display:grid;gap:7px}.attachment-action-buttons button{width:100%;min-height:44px;border:1px solid #e0e5ec;border-radius:11px;background:#fff;color:#445267;font-size:11.5px;font-weight:800}.attachment-action-buttons button:hover{background:#f7f9fc}.attachment-action-buttons #attachmentActionSave{border-color:#d8e2ff;background:#eef3ff;color:#3158c9}.attachment-action-buttons #attachmentActionCancel{border-color:transparent;background:#f5f7fa;color:#667085}.attachment-action-buttons button:disabled{opacity:.55}.attachment-action-open{overflow:hidden}.attachment-viewer-overlay{position:fixed;inset:0;z-index:270;display:grid;place-items:center;padding:18px;background:rgba(15,23,42,.42);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.attachment-viewer-overlay[hidden]{display:none}.attachment-viewer-dialog{width:min(900px,100%);height:min(720px,calc(100dvh - 36px));min-height:320px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid #dfe4eb;border-radius:20px;background:#fff;box-shadow:0 28px 90px rgba(15,23,42,.28)}.attachment-viewer-head{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid #e9edf2;background:#fff}.attachment-viewer-title{min-width:0}.attachment-viewer-title strong,.attachment-viewer-title span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-viewer-title strong{color:#283548;font-size:13px;font-weight:800}.attachment-viewer-title span{margin-top:3px;color:#8994a3;font-size:10.5px}.attachment-viewer-close{width:40px;height:40px;flex:0 0 40px;border:0;border-radius:11px;background:#f3f5f8;color:#667085;font-size:22px;line-height:1}.attachment-viewer-preview{min-width:0;min-height:0;display:grid;place-items:center;overflow:auto;background:#f5f7fa;overscroll-behavior:contain;contain:layout paint}.attachment-viewer-preview.pdf-rendered{display:block;overflow:auto;background:#e9edf3}.attachment-pdf-pages{width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.attachment-pdf-page{position:relative;isolation:isolate;flex:0 0 auto;max-width:100%;overflow:hidden;background:#fff;box-shadow:0 1px 8px rgba(15,23,42,.12)}.attachment-pdf-canvas{position:relative;z-index:1;display:block;max-width:100%;height:auto;pointer-events:none}.attachment-pdf-links{position:absolute;inset:0;z-index:3;pointer-events:none}.attachment-pdf-link{position:absolute;z-index:1;display:block;pointer-events:auto;margin:0;padding:0;border:0;background:rgba(0,0,0,.001);border-radius:2px;appearance:none;-webkit-appearance:none;touch-action:manipulation;cursor:pointer;-webkit-tap-highlight-color:rgba(49,88,212,.15)}.attachment-pdf-page-error{height:100%;display:grid;place-items:center;padding:18px;color:#9a4950;font-size:11px;text-align:center;background:#fff}.attachment-pdf-link:focus-visible{outline:2px solid #3158d4;outline-offset:1px;background:rgba(49,88,212,.08)}.attachment-pdf-limit{width:min(100%,680px);margin:0 auto 12px;padding:12px 14px;border-radius:10px;background:#fff;color:#667085;font-size:11px;text-align:center;box-shadow:0 1px 8px rgba(15,23,42,.08)}.attachment-viewer-image{display:block;width:auto;height:auto;max-width:100%;max-height:100%;margin:auto;object-fit:contain}.attachment-viewer-frame{display:block;width:100%;max-width:100%;height:100%;min-width:0;min-height:0;border:0;background:#fff}.attachment-viewer-text{align-self:start;width:100%;min-height:100%;margin:0;padding:20px;overflow:auto;background:#fff;color:#344054;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word}.attachment-viewer-preview.word-rendered{display:block;overflow:auto;background:#e9edf3;padding:22px clamp(14px,3vw,30px) 38px;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.attachment-viewer-word{width:min(816px,100%);min-height:100%;margin:0 auto}.attachment-viewer-word-note{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 0 12px;padding:10px 12px;border:1px solid #dbe2ea;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 1px 5px rgba(15,23,42,.06);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);color:#667085}.attachment-viewer-word-note>div{min-width:0}.attachment-viewer-word-note strong,.attachment-viewer-word-note span{display:block}.attachment-viewer-word-note strong{color:#344054;font-size:11.5px}.attachment-viewer-word-note span{margin-top:2px;font-size:9.75px;line-height:1.4}.attachment-viewer-word-note .attachment-viewer-word-format{margin:0;min-width:43px;padding:6px 8px;border-radius:8px;background:#eef4ff;color:#365da8;font-size:9px;font-weight:850;letter-spacing:.055em;text-align:center}.attachment-viewer-word-paper{box-sizing:border-box;width:100%;min-height:760px;margin:0;padding:58px clamp(36px,8vw,74px) 70px;border:1px solid #dfe4ea;background:#fff;color:#202733;box-shadow:0 4px 18px rgba(15,23,42,.10);font:14px/1.68 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;overflow-wrap:anywhere}.attachment-viewer-word-paper>*:first-child{margin-top:0}.attachment-viewer-word-paper>*:last-child{margin-bottom:0}.attachment-viewer-word-paragraph{margin:0 0 1.05em;white-space:pre-wrap}.attachment-viewer-word-heading{margin:1.8em 0 .7em;color:#111827;font-size:17px;line-height:1.35;font-weight:800;letter-spacing:.01em}.attachment-viewer-word-list{display:grid;gap:.4em;margin:0 0 1.1em;padding-left:1.2em;white-space:pre-wrap}.attachment-viewer-word-empty{margin:0;color:#7b8796;font-style:italic}.attachment-viewer-word-limit{margin:12px 0 0;padding:11px 13px;border:1px solid #f0dfb8;border-radius:10px;background:#fff7e8;color:#7b5a1d;font-size:10.5px;line-height:1.45}.attachment-viewer-word-fallback-note{position:sticky;top:8px;z-index:5;width:min(calc(100% - 20px),720px);margin:8px auto 10px;padding:10px 12px;border:1px solid #ead9b2;border-radius:11px;background:rgba(255,248,232,.97);box-shadow:0 2px 8px rgba(15,23,42,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#72551f}.attachment-viewer-word-fallback-note strong,.attachment-viewer-word-fallback-note span{display:block}.attachment-viewer-word-fallback-note strong{font-size:11px}.attachment-viewer-word-fallback-note span{margin-top:3px;font-size:9.75px;line-height:1.4}.attachment-viewer-state{max-width:360px;padding:28px;text-align:center;color:#7c8796}.attachment-viewer-state strong,.attachment-viewer-state span{display:block}.attachment-viewer-state strong{color:#344054;font-size:14px}.attachment-viewer-state span{margin-top:7px;font-size:11px;line-height:1.5}.attachment-viewer-state.error strong{color:#a84646}.attachment-viewer-spinner{width:26px;height:26px;margin:0 auto 12px;border:2px solid #dce2ea;border-top-color:#4565cf;border-radius:50%;animation:attachmentViewerSpin .8s linear infinite}@keyframes attachmentViewerSpin{to{transform:rotate(360deg)}}.attachment-viewer-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-top:1px solid #e9edf2;background:#fff}.attachment-viewer-document-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.attachment-viewer-actions button{min-width:92px;height:40px;border:1px solid #dfe4eb;border-radius:10px;background:#fff;color:#5f6b7b;font-size:11px;font-weight:800}.attachment-viewer-actions #attachmentViewerSavePdf{border-color:#cfdafd;background:#eef3ff;color:#3158c9}.attachment-viewer-actions #attachmentViewerDownload{border-color:#3158d4;background:#3158d4;color:#fff}.attachment-viewer-actions button:disabled{opacity:.5}.attachment-viewer-open{overflow:hidden}
@media(max-width:700px){
.reader-toolbar{height:60px;min-height:60px;flex:0 0 60px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px max(9px,env(safe-area-inset-right)) 5px max(9px,env(safe-area-inset-left));position:sticky;top:0;border-bottom:1px solid #edf0f4;background:rgba(248,250,252,.97);backdrop-filter:blur(18px) saturate(1.08);-webkit-backdrop-filter:blur(18px) saturate(1.08);box-shadow:0 1px 0 rgba(15,23,42,.018);z-index:6}
.reader-tools-left{display:flex;align-items:center;flex:0 0 auto;max-width:none;gap:0}.back-to-list{width:auto;height:46px;min-width:68px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:0 12px 0 8px;border:1px solid #e5eaf0;border-radius:15px;background:#fff;color:#4f5e72;font-size:18px;box-shadow:0 1px 2px rgba(15,23,42,.035);-webkit-tap-highlight-color:transparent}.back-to-list svg{width:19px;height:19px}.back-to-list-label{display:inline;color:#415064;font-size:11.5px;font-weight:800;letter-spacing:-.01em}.back-to-list:active{background:#f2f5f8;transform:translateY(1px)}.conversation-count{display:none}
.reader-tools-right{display:flex;align-items:center;justify-content:flex-end;min-width:0;flex:1 1 auto}.reader-tools-right[hidden]{display:none}.reader-utility-actions{display:flex;align-items:center;justify-content:flex-end;min-width:0;gap:1px;padding:2px;border:1px solid #e5eaf0;border-radius:15px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.035)}.reader-utility-actions>.small-icon{width:44px;min-width:44px;height:44px;min-height:44px;border:0;background:transparent;border-radius:11px;color:#5f6c7d}.reader-utility-actions>.small-icon svg{width:17px;height:17px}.reader-utility-actions>.small-icon:active{background:#eef2f6}.reader-utility-actions>#readerStar.reader-starred{background:transparent;color:#b87916;box-shadow:none}.reader-utility-actions>.danger-lite{color:#657184}.reader-utility-actions>.danger-lite:active,.reader-utility-actions>.danger-permanent:active{background:#fff0f1;color:#a8444d}.reader-utility-actions>.reader-trash-action.is-restore:active{background:#eef3ff;color:#2548b8}
.reader-reply-actions{display:none}
.reader-scroll{flex:1 1 auto;padding:0;background:#fff;scroll-padding-bottom:24px}.conversation-email{width:100%;margin:0;padding:17px 16px 30px;border:0;border-radius:0;box-shadow:none}.email-head{margin:0;padding:0 0 17px;border-bottom:1px solid #eef1f4}.email-head h2{font-size:24px;line-height:1.16;letter-spacing:-.038em;text-wrap:pretty;color:#182235}.email-labels{display:flex;margin-bottom:8px;gap:6px}.email-labels span{min-height:21px;padding:2px 7px;border-color:#e8ecf1;background:#f7f9fb;color:#667085;font-size:9px;font-weight:760;letter-spacing:0;text-transform:none}
.thread-messages{margin-top:13px;gap:24px}.thread-card+.thread-card{padding-top:23px;border-top:1px solid #edf0f4}.thread-card-head{grid-template-columns:40px minmax(0,1fr);column-gap:10px;margin:0 0 10px;padding:2px 0 4px;border-radius:0;background:transparent;box-shadow:none}.thread-card.current .thread-card-head{background:transparent;box-shadow:none}.thread-card-head:hover{background:transparent}.thread-avatar{width:40px;height:40px;border-radius:50%;font-size:10.5px;box-shadow:inset 0 0 0 1px rgba(49,88,201,.065)}.thread-header-content{padding-top:0}.thread-header-top{gap:8px}.thread-identity-line{display:flex;flex-direction:column;gap:1px}.thread-identity-line strong{display:block;max-width:100%;font-size:15px;font-weight:790;line-height:1.18;color:#202b3c}.thread-address{max-width:100%;margin:0!important;font-size:10.75px!important;line-height:1.3;color:#8a95a5!important}.thread-time{font-size:10px;font-weight:650;color:#7d8897;padding-top:1px}.thread-header-bottom{gap:4px;margin-top:3px;align-items:center}.thread-direction{display:none}.thread-envelope{flex:1 1 auto;width:auto;max-width:none;margin:0;font-size:12px;color:#6f7b8c}.thread-envelope summary{max-width:100%;min-height:32px;margin:-2px 0 -2px -7px;padding:0 7px;border-radius:8px}.thread-envelope summary:active{background:#f2f5f8}.thread-recipient{font-weight:650}.thread-envelope-panel{position:static;width:calc(100% + 50px);max-width:calc(100vw - 32px);margin:7px 0 4px -50px;padding:12px 13px;border:1px solid #e6eaf0;border-radius:13px;background:#f8fafc;box-shadow:none}.thread-envelope-title{margin-bottom:6px;padding-bottom:8px;border-bottom:1px solid #e8ecf1;font-size:10.75px;color:#344054}.thread-detail-row{grid-template-columns:42px minmax(0,1fr);gap:8px;padding:4px 0}.thread-envelope-panel small{font-size:10px;font-weight:700;letter-spacing:0;text-transform:none;color:#8a95a5}.thread-envelope-panel .thread-detail-row>span{font-size:11.5px;line-height:1.45;color:#4d596a}.thread-auth{gap:4px;margin-top:8px;padding-top:8px}.thread-auth span{padding:3px 6px;font-size:9.5px;font-weight:740}
.thread-card-body{max-width:100%;padding:4px 0 7px;font-size:14.5px;line-height:1.66;color:#303c4d}.thread-card-body.rich-mail{padding-left:0;padding-right:0}.thread-card-body.rich-mail h1{font-size:21px;margin-bottom:14px}.thread-card-body.rich-mail h2{font-size:18.5px}.thread-card-body.rich-mail h3{font-size:16.5px}.thread-card-body.rich-mail .mail-plain-banner{font-size:18px;margin:1px 0 14px;padding-bottom:10px}.thread-card-body.rich-mail .mail-plain-field{grid-template-columns:minmax(86px,.72fr) minmax(0,1fr);gap:10px;padding:8px 0}.thread-card-body.rich-mail .mail-plain-field-label{font-size:11px}.thread-card-body.rich-mail .mail-plain-field-value{font-size:13.25px}.thread-card-body.rich-mail p{margin-bottom:12px;line-height:1.66}.thread-card-body.rich-mail table{max-width:100%!important}.thread-card-body.rich-mail td,.thread-card-body.rich-mail th{max-width:100%}.thread-card-body.rich-mail img{margin-left:auto;margin-right:auto;border-radius:8px}.thread-card-body.rich-mail a.mail-cta{min-height:42px;margin:5px 6px 5px 0;padding:9px 14px;border-radius:11px;font-size:12px}.thread-card-body.rich-mail blockquote{padding-left:10px}.mail-quoted{max-width:100%}.mail-quoted>summary{min-height:38px;display:flex;align-items:center;padding:6px 8px}
}
@media(max-width:430px){
.reader-toolbar{height:58px;min-height:58px;flex-basis:58px;gap:6px;padding:5px max(7px,env(safe-area-inset-right)) 5px max(7px,env(safe-area-inset-left))}.back-to-list{min-width:62px;height:44px;min-height:44px;padding-left:7px;padding-right:10px;border-radius:14px}.back-to-list-label{font-size:11px}.reader-utility-actions{max-width:none;gap:0;padding:2px;border-radius:14px;overflow:visible}.reader-utility-actions>.small-icon{width:44px;min-width:44px;height:44px;min-height:44px}.reader-utility-actions>.small-icon{border-radius:10px}.conversation-email{padding:15px 13px 26px}.email-head{padding-bottom:15px}.email-head h2{font-size:22.5px}.thread-messages{margin-top:12px}.thread-card-head{grid-template-columns:38px minmax(0,1fr);column-gap:9px}.thread-avatar{width:38px;height:38px}.thread-identity-line strong{font-size:14.5px}.thread-address{font-size:10.25px!important}.thread-time{font-size:9.75px}.thread-envelope{font-size:11.5px}.thread-envelope-panel{width:calc(100% + 47px);max-width:calc(100vw - 26px);margin-left:-47px}.thread-card-body{font-size:15.75px;line-height:1.62}.thread-card-body.rich-mail h1{font-size:20.5px}.attachment-options-main{grid-template-columns:42px minmax(0,1fr) 18px;padding-left:8px;padding-right:8px}.attachment-file-icon{width:42px;height:42px}
}
@media(max-width:700px), (max-height:500px) and (orientation:landscape) and (max-width:950px){
.attachment-viewer-overlay{display:block;padding:0;background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}
.attachment-viewer-dialog{position:fixed;inset:0;width:100vw;max-width:100vw;height:100dvh;min-height:0;border:0;border-radius:0;box-shadow:none}
.attachment-viewer-head{min-height:calc(58px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(14px,env(safe-area-inset-left));background:#fff}
.attachment-viewer-close{width:44px;height:44px;flex-basis:44px}
.attachment-viewer-preview{width:100%;max-width:100vw;overflow:hidden;background:#e9edf3}
.attachment-viewer-image{max-width:calc(100vw - 16px);max-height:100%;object-fit:contain}
.attachment-viewer-frame{width:100vw;max-width:100vw;height:100%;overflow:hidden}.attachment-pdf-pages{gap:8px}.attachment-pdf-page{width:100%!important;box-shadow:none}.attachment-pdf-canvas{width:100%!important;height:auto!important}
.attachment-viewer-text{padding:16px max(14px,env(safe-area-inset-right)) 16px max(14px,env(safe-area-inset-left))}.attachment-viewer-preview.word-rendered{overflow:auto;padding:10px max(8px,env(safe-area-inset-right)) calc(22px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));touch-action:pan-y}.attachment-viewer-word{width:100%;min-height:0}.attachment-viewer-word-note{top:0;margin-bottom:8px;padding:9px 10px;border-radius:10px}.attachment-viewer-word-note span{font-size:9.25px}.attachment-viewer-word-paper{min-height:calc(100dvh - 190px);padding:32px max(22px,6vw) 44px;border-radius:2px;font-size:13.5px;line-height:1.66;box-shadow:none}.attachment-viewer-word-heading{font-size:16px}.attachment-viewer-word-limit{margin-top:8px}
.attachment-viewer-actions{min-height:calc(104px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr;padding:7px max(12px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#fff}
.attachment-viewer-document-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.attachment-viewer-actions button{width:100%;min-width:0;height:44px;font-size:10.75px}
.attachment-viewer-actions #attachmentViewerDone{height:38px;grid-row:2;background:#f6f7f9}
}
@media(max-height:500px) and (orientation:landscape) and (max-width:950px){.attachment-viewer-head{min-height:calc(48px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-bottom:4px}.attachment-viewer-close{width:40px;height:40px;flex-basis:40px}.attachment-viewer-actions{min-height:calc(86px + env(safe-area-inset-bottom));padding-top:4px;padding-bottom:calc(4px + env(safe-area-inset-bottom))}.attachment-viewer-actions button{height:38px}.attachment-viewer-actions #attachmentViewerDone{height:32px}}
/* 0.17.20 — canonical compose UI, persistent multi-format selection, and safe discard */
.compose{
position:fixed;right:28px;bottom:0;z-index:120;
overflow-anchor:none;
width:min(640px,calc(100vw - 36px));height:min(680px,calc(100dvh - 84px));
display:flex;flex-direction:column;overflow:hidden;
border:1px solid #dde3eb;border-radius:20px 20px 0 0;background:#fff;
box-shadow:0 28px 90px rgba(15,23,42,.22)
}
.compose[hidden]{display:none}
.compose-header{order:0;}.compose-addresses{order:1;}.compose-response-context{order:2;}.compose-editor-shell{order:3;}.compose-attachments{order:4;}.compose-formatbar{order:5;}.compose-bottom{order:6;}
.compose.minimized{height:58px}
.compose.minimized>*:not(.compose-header){display:none!important}
.compose-header{
min-height:58px;flex:0 0 58px;display:flex;align-items:center;justify-content:space-between;gap:16px;
padding:0 12px 0 18px;border-bottom:1px solid #e9edf2;background:#fff
;}
.compose-heading{min-width:0;display:flex;align-items:baseline;gap:9px}
.compose-heading strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;letter-spacing:-.015em;color:#1d2939}
.compose-heading small{min-width:0;font-size:10px;font-weight:680;color:#8d98a8;white-space:nowrap}
.compose-heading small.saved{color:#278261}.compose-heading small.saving{color:#997128}
.compose-header-actions{display:flex;align-items:center;gap:4px;flex:0 0 auto}
.compose-header-icon{width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:#7a8697;font-size:18px;line-height:1}
@media(hover:hover){.compose-header-icon:hover{background:#f3f5f8;color:#344054}.compose-close:hover{background:#fff1f2;color:#a5444d}}
.send-btn{height:38px;min-width:76px;margin-left:5px;border:0;border-radius:11px;padding:0 18px;background:#3158d4;color:#fff;font-size:11px;font-weight:820;letter-spacing:.005em;box-shadow:0 7px 16px rgba(49,88,212,.2);transition:box-shadow .14s ease,opacity .14s ease}
@media(hover:hover){.send-btn:hover:not(:disabled){box-shadow:0 10px 20px rgba(49,88,212,.24)}}
.send-btn:disabled{opacity:.62;cursor:default;box-shadow:none}
.compose-addresses{flex:0 0 auto;background:#fff;}
.compose-row{min-height:46px;display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:0;padding:0 17px;border-bottom:1px solid #edf0f4}
.compose-row label{font-size:11px;font-weight:730;color:#818c9b;user-select:none}
.compose-row input,.compose-row select{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#27364a;font-size:14px;line-height:1.3}
.compose-row input::placeholder{color:#b0b7c2}
.compose-row input:focus,.compose-row select:focus{color:#172033}
.compose-from select{appearance:auto;padding:0 4px 0 0;font-weight:650;color:#536174;text-overflow:ellipsis}
.compose-recipient-row{grid-template-columns:64px minmax(0,1fr) auto}
.compose-cc-toggle{height:30px;margin-left:8px;border:0;border-radius:8px;padding:0 8px;background:transparent;color:#5870b5;font-size:10.5px;font-weight:760}
@media(hover:hover){.compose-cc-toggle:hover{background:#eef3ff;color:#3158c9}}
.compose-cc-toggle[aria-expanded="true"]{background:#eef3ff;color:#3158c9}
.compose-optional{background:#fcfdff}
.compose-subject-row{min-height:52px}
.compose-subject-row input{font-size:15px;font-weight:650;color:#1d2939}
.compose-response-context{flex:0 0 auto;min-height:54px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px 8px 16px;border-bottom:1px solid #e9edf2;background:#f8faff}
.compose-response-context[hidden]{display:none}
.compose-response-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid #dbe5ff;border-radius:11px;background:#fff;color:#3158d4;box-shadow:0 1px 2px rgba(49,88,212,.06)}
.compose-response-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
.compose-response-copy{min-width:0;display:block}.compose-response-copy strong,.compose-response-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-response-copy strong{color:#26354a;font-size:11.5px;font-weight:800}.compose-response-copy small{margin-top:2px;color:#7c889a;font-size:9.75px;line-height:1.25}
.compose-response-quote-toggle{height:34px;display:inline-flex;align-items:center;gap:6px;border:1px solid #dfe5ee;border-radius:10px;padding:0 9px;background:#fff;color:#5d6b7e;font-size:9.75px;font-weight:760;white-space:nowrap}
.compose-response-quote-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s ease}.compose-response-quote-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
@media(hover:hover){.compose-response-quote-toggle:hover{border-color:#cfd8e6;background:#fdfefe;color:#344054}}
.compose-editor-shell{min-height:0;flex:1;display:flex;background:#fff;}
.compose-editor{min-height:150px;flex:1;overflow-y:auto;outline:0;overflow-anchor:none;padding:22px 22px 30px;color:#344054;font-size:15px;line-height:1.48;white-space:normal;overflow-wrap:anywhere}
.compose-editor:empty:before{content:attr(data-placeholder);color:#a7afba;pointer-events:none}
::highlight(compose-format-target){background:rgba(49,88,212,.18);color:inherit}
.compose-editor>p,.compose-response-entry>p,.compose-response-entry>div{margin:0;line-height:inherit}.compose-editor blockquote{margin:14px 0 0;padding:8px 0 8px 12px;border-left:2px solid #dce3ed;color:#667085}.compose-editor img{display:block;max-width:100%;height:auto;margin:8px 0;border-radius:10px}.compose-editor .veltar-signature{color:#536174}.compose-editor .veltar-quote-head{margin-top:12px;color:#8a95a5;font-size:11px}
.compose-response-entry{min-height:1.48em;margin:0 0 4px;outline:0}
.compose-response-entry:empty:before{content:'Write your reply…';color:#a7afba;pointer-events:none}
.compose[data-compose-mode="forward"] .compose-response-entry:empty:before{content:'Add a message…'}
.compose[data-compose-mode="reply"] .compose-editor .veltar-signature,.compose[data-compose-mode="reply_all"] .compose-editor .veltar-signature,.compose[data-compose-mode="forward"] .compose-editor .veltar-signature{margin-top:8px;padding-top:13px;border-top:1px solid #eef1f5;color:#657184}
.compose-attached-card{position:relative;margin:20px 0 2px;border:1px solid #e4e9f0;border-radius:16px;background:#fff;color:#536174;overflow:hidden;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.compose-attached-head{min-height:60px;display:grid;grid-template-columns:38px minmax(0,1fr) 28px;align-items:center;gap:10px;padding:10px 11px;background:#fff;color:#344054;-webkit-tap-highlight-color:transparent}
.veltar-compose-quote-head{cursor:pointer;outline:0}.veltar-compose-quote-head:focus-visible{box-shadow:inset 0 0 0 2px #9fb3ff}
.compose-attached-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#eef3ff;color:#3158d4;font-size:12px;font-weight:850;letter-spacing:-.02em;user-select:none;-webkit-user-select:none}
.compose-attached-avatar svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.compose-attached-summary{min-width:0;display:block}.compose-attached-title,.compose-attached-meta{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-attached-title{color:#253247;font-size:11.5px;font-weight:820;letter-spacing:-.01em}.compose-attached-meta{margin-top:3px;color:#8490a1;font-size:10px;font-weight:620;line-height:1.25}
.compose-attached-chevron{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;color:#98a2b3;transition:transform .16s ease,background .16s ease,color .16s ease;user-select:none;-webkit-user-select:none}.compose-attached-chevron svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.veltar-compose-quote:not(.is-collapsed) .compose-attached-chevron{transform:rotate(180deg);background:#f4f6f9;color:#667085}
.veltar-compose-quote .veltar-compose-quote-body{position:relative;margin:0!important;padding:14px 14px 16px!important;border:0!important;border-top:1px solid #edf0f4!important;background:#fbfcfe;color:#667085;font-size:12px;line-height:1.58;overflow-x:auto}
.veltar-compose-quote.is-collapsed .veltar-compose-quote-body{display:none!important}
.veltar-forward-card-head{grid-template-columns:38px minmax(0,1fr) auto}.compose-attached-status{align-self:center;padding:5px 7px;border-radius:999px;background:#f2f4f7;color:#7a8697;font-size:8.75px;font-weight:760;white-space:nowrap}.veltar-forward-card-body{padding:11px 12px 12px;border-top:1px solid #edf0f4;background:#fbfcfe}.veltar-forward-standard-meta{display:grid;gap:0}.veltar-forward-standard-meta>div{min-width:0;display:grid;grid-template-columns:52px minmax(0,1fr);gap:8px;padding:3px 0}.veltar-forward-standard-meta span{color:#98a2b3;font-size:9px;font-weight:720}.veltar-forward-standard-meta strong{min-width:0;color:#536174;font-size:9.75px;font-weight:650;overflow-wrap:anywhere}.veltar-forward-standard-note{margin-top:8px;padding-top:8px;border-top:1px solid #edf0f4;color:#98a2b3;font-size:9.5px;line-height:1.4}
.compose-attachments{flex:0 0 auto;max-height:142px;overflow:auto;display:flex;flex-wrap:wrap;gap:7px;padding:10px 12px;border-top:1px solid #edf0f4;background:#fbfcfe;}
.compose-attachments[hidden]{display:none}
.compose-attachment{min-width:0;max-width:270px;flex:1 1 215px;display:grid;grid-template-columns:38px minmax(0,1fr) 30px;align-items:center;gap:8px;padding:7px 8px;border:1px solid #e2e7ee;border-radius:12px;background:#fff}
.compose-attachment-thumb{width:38px;height:38px;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:#f0f3f7;color:#667085;font-size:14px}
.compose-attachment-thumb img{width:100%;height:100%;object-fit:cover}
.compose-attachment-copy{min-width:0}.compose-attachment-copy strong,.compose-attachment-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-attachment-copy strong{font-size:10px;color:#344054}.compose-attachment-copy small{margin-top:3px;font-size:10px;color:#8793a3}
.compose-attachment-remove{width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:#98a2b3;font-size:15px}
@media(hover:hover){.compose-attachment-remove:hover{background:#fff0f1;color:#a5444d}}
.compose-bottom{position:relative;z-index:3;flex:0 0 auto;border-top:0;background:#fff;isolation:isolate;}
.compose-formatbar{position:relative;z-index:6;isolation:isolate;contain:paint;pointer-events:auto;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px;border-top:1px solid #e9edf2;background:#fff;touch-action:manipulation;}
.compose-format-group{min-width:0;display:flex;align-items:center;gap:3px}
.compose-native-format-hint{min-width:0;display:none;align-items:center;gap:8px;color:#667085;font-size:10.5px;line-height:1.25}
.compose-native-format-hint strong{color:#344054;font-weight:760}
.compose-native-format-aa{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;border-radius:9px;background:#f2f5f9;color:#43536a;font-size:13px;font-weight:780;letter-spacing:-.02em}
.compose-formatbar button{
width:38px;height:38px;min-width:38px;flex:0 0 38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;
border:0;border-radius:10px;padding:0;background:transparent;color:#667085;font-size:12px;
touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none
}
.compose-formatbar button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.compose-format-letter{display:block;line-height:1;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;color:inherit;pointer-events:none}
.compose-format-bold{font-weight:850}.compose-format-italic{font-style:italic;font-weight:700}.compose-format-underline{text-decoration:underline;text-underline-offset:2px;font-weight:720}
@media(hover:hover){.compose-formatbar button:hover{background:#f2f5f8;color:#344054}}
.compose-formatbar .compose-format-button[aria-pressed="true"]{background:#eaf0ff;color:#3158d4;box-shadow:inset 0 0 0 1px #d6e0ff}
.compose-formatbar button:focus-visible{outline:2px solid #8aa3f0;outline-offset:2px}
.compose-insert-group{margin-left:auto;padding-left:9px;border-left:1px solid #edf0f4}
.compose-insert-group button{width:auto;min-width:38px;flex:0 0 auto;padding:0 9px;background:#f7f9fb;color:#526074}
.compose-tool-label{font-size:10px;font-weight:760;pointer-events:none}
.compose-footer{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 10px 7px}
.compose-size{min-width:0;color:#8793a3;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.compose-tool{height:36px;display:inline-flex;align-items:center;gap:7px;border:0;border-radius:10px;padding:0 11px;background:transparent;color:#748195;font-size:10.5px;font-weight:760;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.compose-discard svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
@media(hover:hover){.compose-tool:hover{background:#f4f6f8;color:#475467}.compose-discard:hover{background:#fff1f2;color:#a5444d}}
.compose-discard-overlay{position:fixed;inset:0;z-index:220;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.28);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.compose-discard-overlay[hidden]{display:none}
.compose-discard-dialog{width:min(360px,100%);padding:22px;border:1px solid #e5e9ef;border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.22);text-align:center}
.compose-discard-icon{width:42px;height:42px;margin:0 auto 12px;display:grid;place-items:center;border-radius:13px;background:#fff1f2;color:#b0444d}
.compose-discard-icon.is-save{background:#eff6ff;color:#155eef}
.compose-discard-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.compose-discard-dialog h2{margin:0;color:#1d2939;font-size:17px;letter-spacing:-.02em}
.compose-discard-dialog p{margin:7px auto 18px;max-width:285px;color:#7b8797;font-size:11px;line-height:1.5}
.compose-discard-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.compose-discard-actions.has-save button.primary{grid-column:1/-1;grid-row:1}
.compose-discard-actions.has-save button:not(.primary){grid-row:2}
.compose-discard-actions button{min-height:42px;border:1px solid #dfe4ea;border-radius:11px;background:#fff;color:#475467;font-size:11px;font-weight:780}
.compose-discard-actions button.primary{border-color:#155eef;background:#155eef;color:#fff}
.compose-discard-actions button.danger{border-color:#f1c8cc;background:#fff2f3;color:#a23d46}
@media(hover:hover){.compose-discard-actions button:hover{background:#f6f8fa}.compose-discard-actions button.primary:hover{background:#004eeb}.compose-discard-actions button.danger:hover{background:#ffe9eb}}
.reply-choice-overlay{position:fixed;inset:0;z-index:221;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.28);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.reply-choice-overlay[hidden]{display:none}
.reply-choice-dialog{width:min(390px,100%);padding:23px;border:1px solid #e5e9ef;border-radius:19px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.22);text-align:center}
.reply-choice-icon{width:44px;height:44px;margin:0 auto 12px;display:grid;place-items:center;border-radius:14px;background:#eef4ff;color:#3158d4}
.reply-choice-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.reply-choice-dialog h2{margin:0;color:#1d2939;font-size:17px;letter-spacing:-.02em}
.reply-choice-dialog>p{margin:7px auto 13px;max-width:315px;color:#7b8797;font-size:11px;line-height:1.5}
.reply-choice-summary{margin:0 0 16px;padding:10px 11px;border:1px solid #e7ebf0;border-radius:11px;background:#f8fafc;color:#59687b;font-size:10.5px;line-height:1.45;text-align:left}
.reply-choice-summary strong{color:#26364c}
.reply-choice-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.reply-choice-actions button{min-height:43px;border:1px solid #dfe4ea;border-radius:11px;background:#fff;color:#475467;font-size:11px;font-weight:780}
.reply-choice-actions .reply-choice-everyone{border-color:#3158d4;background:#3158d4;color:#fff}
.reply-choice-actions .reply-choice-cancel{grid-column:1/-1;min-height:39px;border-color:transparent;background:transparent;color:#7a8798}
@media(hover:hover){.reply-choice-actions button:hover{background:#f6f8fa}.reply-choice-actions .reply-choice-everyone:hover{background:#254bc2}.reply-choice-actions .reply-choice-cancel:hover{background:#f6f8fa}}
.compose-uploading .compose-editor,.compose-uploading .compose-addresses{opacity:.72}
@media(max-width:700px){
/* iOS zoom guard: focused editable controls must be at least 16 CSS px. */
input,select,textarea,[contenteditable="true"]{font-size:16px!important}
.compose{
inset:0;right:0;bottom:auto;width:100%;max-width:100%;height:100dvh;max-height:100dvh;overflow-x:hidden;
border:0;border-radius:0;box-shadow:none;padding:0;background:#fff
}
.compose-header{
position:relative;min-height:calc(58px + env(safe-area-inset-top));flex-basis:calc(58px + env(safe-area-inset-top));
display:grid;grid-template-columns:72px minmax(0,1fr) 72px;align-items:center;gap:4px;
padding:env(safe-area-inset-top) max(8px,env(safe-area-inset-right)) 5px max(8px,env(safe-area-inset-left));border-bottom:1px solid #edf0f4;background:rgba(255,255,255,.975);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:4
}
.compose-heading{
position:relative;grid-column:1/-1;grid-row:1;justify-self:center;align-self:stretch;z-index:0;
width:min(220px,calc(100% - 176px));min-width:0;transform:none;
display:grid;place-items:center;text-align:center;overflow:visible;pointer-events:none
}
.compose-heading strong{grid-area:1/1;display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1.16;font-weight:820;letter-spacing:-.026em;color:#172033}
.compose-heading small{position:absolute;left:50%;top:calc(50% + 11px);transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:4px;max-width:100%;min-height:12px;height:auto;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:12px;font-weight:720;color:#8994a4}
.compose-heading small:empty{display:none}
.compose-heading small:not(:empty)::before{content:"";width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:currentColor;opacity:.72}
.compose-heading small.saving{color:#8a6a22}.compose-heading small.saving::before{animation:compose-status-pulse .9s ease-in-out infinite}
.compose-heading small.error{color:#b5474f}
@keyframes compose-status-pulse{50%{opacity:.26;transform:scale(.76)}}
.compose-header-actions{display:contents}
#minimizeCompose{display:none}
#closeCompose{
grid-column:1;grid-row:1;justify-self:center;align-self:center;position:relative;z-index:1;width:44px;height:44px;min-width:44px;min-height:44px;
border:0;border-radius:14px;background:transparent;color:transparent;font-size:0;box-shadow:none;-webkit-tap-highlight-color:transparent;transition:background .12s ease,transform .12s ease
}
#closeCompose::before,#closeCompose::after{content:"";position:absolute;left:50%;top:50%;width:17px;height:2px;border-radius:999px;background:#596679;transform-origin:center}
#closeCompose::before{transform:translate(-50%,-50%) rotate(45deg)}
#closeCompose::after{transform:translate(-50%,-50%) rotate(-45deg)}
#closeCompose:active{background:#f1f3f6;transform:scale(.96)}
#sendReal{
grid-column:3;grid-row:1;justify-self:end;align-self:center;position:relative;z-index:1;width:72px;height:44px;min-width:72px;margin:0;padding:0 13px;
display:inline-flex;align-items:center;justify-content:center;gap:6px;overflow:hidden;
border:1px solid rgba(34,72,190,.12);border-radius:999px;font-size:13.5px;line-height:1;font-weight:830;letter-spacing:-.005em;box-shadow:0 3px 10px rgba(49,88,212,.18);-webkit-tap-highlight-color:transparent;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,opacity .12s ease
}
#sendReal .send-progress{display:none;width:13px;height:13px;flex:0 0 13px;border:2px solid rgba(255,255,255,.42);border-top-color:#fff;border-radius:50%;animation:compose-send-spin .7s linear infinite}
#sendReal[aria-busy="true"] .send-progress{display:block}
#sendReal:active:not(:disabled){transform:scale(.97);box-shadow:0 2px 7px rgba(49,88,212,.16)}
#sendReal:disabled:not([aria-busy="true"]){opacity:1;background:#e9edf5;border-color:#e9edf5;color:#8a95a7;box-shadow:none}
#sendReal[aria-busy="true"]{opacity:1;background:#3158d4;color:#fff}
@keyframes compose-send-spin{to{transform:rotate(360deg)}}
.compose-addresses{background:#fff}.compose-row{min-height:52px;grid-template-columns:52px minmax(0,1fr);padding:0 15px;border-bottom-color:#edf0f4}.compose-recipient-row{grid-template-columns:52px minmax(0,1fr) auto}.compose-row label{font-size:10.75px;color:#7a8697;font-weight:760}.compose-row input,.compose-row select{font-size:16px}.compose-from select{font-size:16px}.compose-cc-toggle{height:36px;min-height:36px;margin-left:4px;padding:0 8px;border-radius:10px;background:#f4f6f9;font-size:10px}.compose-subject-row{min-height:56px}.compose-subject-row input{font-size:17px;font-weight:720;letter-spacing:-.01em;color:#172033}
.compose-response-context{min-height:58px;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;padding:8px 11px;border-bottom-color:#e8edf4;background:#f7f9fd}
.compose-response-icon{width:38px;height:38px;border-radius:12px}.compose-response-icon svg{width:19px;height:19px}
.compose-response-copy strong{font-size:12px}.compose-response-copy small{margin-top:2px;font-size:10px}
.compose-response-quote-toggle{width:44px;height:44px;padding:0;justify-content:center;border-radius:12px}.compose-response-quote-toggle span{display:none}.compose-response-quote-toggle svg{width:17px;height:17px}
.compose-response-entry{min-height:1.42em;margin-bottom:2px}.compose[data-compose-mode="reply"] .compose-editor .veltar-signature,.compose[data-compose-mode="reply_all"] .compose-editor .veltar-signature,.compose[data-compose-mode="forward"] .compose-editor .veltar-signature{margin-top:7px;padding-top:14px}
.compose-editor{min-height:140px;padding:19px 16px 36px;font-size:16px;line-height:1.42;-webkit-overflow-scrolling:touch}
.compose-attachments{max-height:138px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:10px 12px;scrollbar-width:none;background:#f7f9fc}.compose-attachments::-webkit-scrollbar{display:none}.compose-attachment{min-width:226px;max-width:272px;flex:0 0 80vw;border-radius:14px;box-shadow:0 1px 2px rgba(15,23,42,.025)}
.compose-formatbar{order:2;min-height:56px;justify-content:space-between;gap:6px;padding:6px 10px;overflow:visible;overscroll-behavior:none;border-top:0;border-bottom:1px solid #e9edf2;background:#fbfcfe;box-shadow:0 1px 0 rgba(15,23,42,.02)}
.ios-native-richtext .compose-formatbar{min-height:48px;padding:5px 10px}
.ios-native-richtext .compose-formatbar>.compose-format-group:not(.compose-insert-group){display:none}
.ios-native-richtext .compose-native-format-hint{display:flex;flex:1 1 auto}
.ios-native-richtext .compose-insert-group{flex:0 0 auto}
.ios-native-richtext .compose-editor-shell{-webkit-user-select:auto;user-select:auto;touch-action:auto}
.ios-native-richtext .compose-editor{pointer-events:auto;cursor:text;-webkit-user-select:auto!important;user-select:auto!important;-webkit-touch-callout:default!important;touch-action:auto!important;-webkit-user-modify:read-write;caret-color:auto}
.compose-editor-shell{order:3;position:relative;z-index:1}
.compose-attachments{order:4;}
.compose-bottom{order:5;padding-bottom:0;border-top:1px solid #e9edf2;background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}
.compose-format-group{gap:2px}
.compose-formatbar button{width:44px;height:44px;min-width:44px;flex-basis:44px;padding:0;border-radius:12px}
.compose-formatbar button:active{background:#edf1f6;color:#344054}
.compose-formatbar .compose-format-button[aria-pressed="true"]{background:#e8efff;color:#3158d4}
.compose-insert-group{padding-left:6px;margin-left:auto;gap:2px}
.compose-insert-group button{width:44px;min-width:44px;flex-basis:44px;padding:0}
.compose-tool-label{display:none}
.compose-footer{min-height:54px;padding:5px 12px max(7px,env(safe-area-inset-bottom));align-items:center;background:#fff}.compose-size{font-size:10px}.compose-discard{width:auto;min-width:124px;height:44px;justify-content:center;padding:0 13px;border:1px solid #e8ecf2;border-radius:12px;background:#fff;color:#687386;font-size:10.25px}.compose-discard svg{width:16px;height:16px}
.compose-discard-overlay{place-items:end center;padding:0;background:rgba(15,23,42,.24);backdrop-filter:none;-webkit-backdrop-filter:none}
.compose-discard-dialog{width:100%;padding:18px 16px calc(16px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;border-width:1px 0 0;box-shadow:0 -16px 50px rgba(15,23,42,.16)}
.compose-discard-dialog h2{font-size:18px}.compose-discard-dialog p{font-size:12px}.compose-discard-actions button{min-height:46px;font-size:11px}
.reply-choice-overlay{place-items:end center;padding:0;background:rgba(15,23,42,.24);backdrop-filter:none;-webkit-backdrop-filter:none}
.reply-choice-dialog{width:100%;padding:19px 16px calc(16px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;border-width:1px 0 0;box-shadow:0 -16px 50px rgba(15,23,42,.16)}
.reply-choice-dialog h2{font-size:18px}.reply-choice-dialog>p{font-size:12px}.reply-choice-summary{font-size:11px}.reply-choice-actions button{min-height:47px;font-size:11px}
}
@media(max-width:390px){
.compose-header{grid-template-columns:68px minmax(0,1fr) 68px;padding-left:max(6px,env(safe-area-inset-left));padding-right:max(6px,env(safe-area-inset-right))}.compose-heading strong{font-size:15.5px}#sendReal{width:68px;min-width:68px;padding:0 10px;font-size:13px;gap:5px}.compose-row{grid-template-columns:49px minmax(0,1fr);padding-left:11px;padding-right:10px}.compose-recipient-row{grid-template-columns:49px minmax(0,1fr) auto}.compose-cc-toggle{padding:0 4px}.compose-editor{padding-left:13px;padding-right:13px}
.compose-formatbar{gap:3px;padding-left:6px;padding-right:6px;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.compose-formatbar::-webkit-scrollbar{display:none}.compose-format-group{gap:1px;flex:0 0 auto}.compose-formatbar button{width:44px;height:44px;min-width:44px;flex-basis:44px}.compose-insert-group{padding-left:4px;margin-left:2px;flex:0 0 auto}
}
@media(max-width:350px){
.compose-formatbar{overflow-x:auto;justify-content:flex-start;scrollbar-width:none;overscroll-behavior-x:contain}.compose-formatbar::-webkit-scrollbar{display:none}.compose-insert-group{margin-left:2px;flex:0 0 auto}.compose-format-group{flex:0 0 auto}.compose-footer{padding-bottom:max(4px,env(safe-area-inset-bottom))}.compose-size{display:none}.compose-discard{margin-left:auto}
}
/* 0.17.16 — canonical inbox list, selection, loading, empty states, and scanability polish */
.message-pane{
min-width:0;
min-height:0;
display:flex;
flex-direction:column;
border-right:1px solid #e4e8ef;
background:#fbfcfe;
position:relative
;}
/* Shared mailbox folder header styles are defined once at the end of this file. */
.bulk-toolbar[hidden]{display:none}
.bulk-toolbar{
min-height:46px;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding:6px 10px 6px 12px;
border-bottom:1px solid #e6eaf0;
background:#f8faff
}
.select-all{
display:flex;
align-items:center;
gap:7px;
min-width:max-content;
color:#667085;
font-size:11px;
font-weight:700;
white-space:nowrap
}
.select-all input{width:18px;height:18px;margin:0;accent-color:#365ee8}.message-select input{accent-color:#365ee8;}
.bulk-actions{display:flex;align-items:center;gap:5px;min-width:0}
.bulk-actions button{
height:32px;
border:1px solid #dfe4eb;
border-radius:9px;
background:#fff;
color:#5f6b7c;
padding:0 8px;
font-size:10.5px;
font-weight:700
}
@media (hover:hover){.bulk-actions button:hover:not(:disabled){background:#f5f7fa}}
.bulk-actions button:disabled{opacity:.38;cursor:default}
.bulk-actions .danger-lite{color:#a14d55}
.message-list{
min-height:0;
flex:1 1 auto;
overflow-x:hidden;
overflow-y:auto;
overscroll-behavior:contain;
padding:7px 7px 16px;
background:#fbfcfe;
scrollbar-gutter:stable
;}
.message-date-group{
position:sticky;
top:0;
z-index:2;
display:flex;
align-items:center;
min-height:32px;
padding:9px 10px 5px 62px;
background:linear-gradient(180deg,rgba(251,252,254,.99) 74%,rgba(251,252,254,.92));
color:#8792a1;
font-size:10.5px;
font-weight:740;
letter-spacing:.005em;
pointer-events:none
}
.message-date-group span{width:100%;display:flex;align-items:center;gap:7px}
.message-date-group span b{font:inherit;color:inherit}
.message-date-group span i{min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:transparent;color:#8f9aa9;font-size:10px;font-style:normal;font-weight:760;font-variant-numeric:tabular-nums}
.message-date-unread{display:inline-flex;align-items:center;gap:4px;color:#5572d5;font-size:10.5px;font-style:normal;font-weight:780;white-space:nowrap}
.message-date-unread:before{content:"";width:5px;height:5px;border-radius:50%;background:#5572d5;box-shadow:0 0 0 2px rgba(85,114,213,.10)}
.message-date-group span:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,#e5e9ef,rgba(229,233,239,.28))}
.message{
position:relative;
width:100%;
min-height:80px;
display:grid;
grid-template-columns:42px minmax(0,1fr) 34px;
align-items:start;
gap:11px;
margin:2px 0;
padding:10px 10px;
border:0;
border-radius:12px;
background:transparent;
color:inherit;
text-align:left;
box-shadow:none;
transition:background .13s ease,box-shadow .13s ease
;}
.message:after{content:"";position:absolute;left:62px;right:10px;bottom:-2px;height:1px;background:#eef1f5;pointer-events:none;transition:opacity .12s ease}
.message:hover:after,.message.active:after,.message.selected:after,.message.action-pending:after{opacity:0}
@media (hover:hover){.message:hover{background:#f5f7fb}}
.message.unread:not(.active):not(.selected){background:rgba(239,244,255,.52)}
@media (hover:hover){.message.unread:not(.active):not(.selected):hover{background:#eef3ff}}
.message:focus-within{background:#f5f8fd}
.message.active{
background:#edf3ff;
box-shadow:inset 0 0 0 1px rgba(54,94,232,.10)
}
.message.active:before{
content:"";
position:absolute;
left:0;top:15px;bottom:15px;width:3px;
border-radius:0 3px 3px 0;
background:#365ee8
}
.message.selected{
background:#e9f0ff;
box-shadow:inset 0 0 0 1px rgba(54,94,232,.16)
}
.message.selected.active:before{opacity:0}
.message-avatar,.sender-avatar{display:grid;place-items:center;font-weight:800}
.message-avatar{
position:relative;
width:42px;
height:42px;
border-radius:13px;
font-size:10.5px;
box-shadow:inset 0 0 0 1px rgba(17,24,39,.035);
transition:opacity .12s ease,transform .12s ease
}
.avatar-tone-0,.avatar-tone-1,.avatar-tone-2,.avatar-tone-3,.avatar-tone-4{background:#eef1f5;color:#667085;}
.message-avatar{background:#eef1f5!important;color:#667085!important;}
.message.unread .message-avatar{background:#e7efff!important;color:#3158d4!important;box-shadow:inset 0 0 0 1px rgba(49,88,212,.13),0 0 0 2px rgba(49,88,212,.035)}
.message[data-kind="draft"] .message-avatar{background:#eef1f5!important;color:#667085!important;box-shadow:inset 0 0 0 1px rgba(17,24,39,.04)}.message[data-selectable="true"] .message-avatar{cursor:pointer}.message-pane.selection-mode .message-star-btn{visibility:hidden}
.message-unread-dot{
position:absolute;
right:-2px;
bottom:-2px;
width:8px;
height:8px;
border:2px solid #fff;
border-radius:50%;
background:#365ee8
}
.message.active .message-unread-dot{border-color:#edf3ff}
.message.selected .message-unread-dot{border-color:#e9f0ff}
.message.unread:not(.active):not(.selected) .message-unread-dot{border-color:#f7f9ff}
.message-select{
position:absolute;
z-index:3;
left:11px;
top:12px;
width:40px;
height:40px;
display:grid;
place-items:center;
opacity:0;
pointer-events:none;
transform:scale(.92);
transition:opacity .12s ease,transform .12s ease
}
.message-select input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none;}
.message-select:before{content:"";width:24px;height:24px;border:1.5px solid #cbd3df;border-radius:8px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.04);transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}
.message-select:has(input:checked):before{border-color:#365ee8;background:#365ee8;box-shadow:0 2px 7px rgba(54,94,232,.22)}
.message-select:after{content:"";position:absolute;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:translateY(-2px) rotate(45deg) scale(.8);opacity:0;transition:opacity .1s ease,transform .1s ease}
.message-select:has(input:checked):after{opacity:1;transform:translateY(-2px) rotate(45deg) scale(1)}
.message-select:has(input:focus-visible):before{outline:2px solid #7d98ee;outline-offset:2px}
.message-select:has(input:disabled){display:none}
.message-open{
min-width:0;
-webkit-tap-highlight-color:transparent;
touch-action:manipulation;
width:100%;
padding:0;
border:0;
background:transparent;
color:inherit;
text-align:left;
cursor:pointer
}
.message-open:focus-visible{
outline:2px solid #7d98ee;
outline-offset:4px;
border-radius:6px
}
.message:has(.message-open:focus-visible){background:#f2f6ff;box-shadow:inset 0 0 0 1px rgba(54,94,232,.10)}
.message-topline{
display:flex;
align-items:baseline;
gap:9px;
min-width:0
}
.message-topline strong{
flex:1 1 auto;
min-width:0;
overflow:hidden;
color:#475467;
font-size:14px;
font-weight:680;
line-height:1.2;
letter-spacing:-.01em;
text-overflow:ellipsis;
white-space:nowrap
;}
.message-person-prefix{
display:inline-flex;
align-items:center;
margin-right:5px;
color:#98a2b3;
font-size:11px;
font-weight:760;
letter-spacing:.01em
}
.message[data-kind="draft"] .message-person-prefix{color:#7459bd}
.message.unread .message-topline strong{color:#101828;font-weight:800}
.message-topline time{
flex:0 0 auto;
transition:opacity .1s ease,color .14s ease;
color:#98a2b3;
font-size:10.5px;
font-weight:590;
line-height:1.2;
white-space:nowrap;
font-variant-numeric:tabular-nums;
letter-spacing:-.01em
;}
.message-topline time.is-recent{color:#7b8798;font-weight:650}
.message-topline time.is-now{color:#4264c8;font-weight:780}
.message.unread .message-topline time{color:#66748d;font-weight:700}
.message.unread .message-topline time.is-now{color:#3158d4;font-weight:800}
.message-subject{
display:flex;
align-items:center;
gap:5px;
min-width:0;
margin-top:4px;
color:#344054;
font-size:13.5px;
font-weight:660;
line-height:1.28
;}
.message-subject-text{
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.message.unread .message-subject{color:#172033;font-weight:760}.message.unread .thread-count{background:#e6edff;color:#365dcc}
.message-subject.no-subject{color:#98a2b3;font-weight:570;font-style:italic}
.thread-count{
flex:0 0 auto;
min-width:18px;
height:17px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:999px;
background:#edf0f5;
color:#667085;
padding:0 5px;
font-size:9.5px;
font-weight:800;
font-variant-numeric:tabular-nums
}
.message-footer{
min-width:0;
display:flex;
align-items:center;
gap:8px;
margin-top:4px
}
.message-preview{
display:-webkit-box;
flex:1 1 auto;
min-width:0;
margin-top:0;
overflow:hidden;
color:#7f8998;
font-size:12.5px;
font-weight:470;
line-height:1.4;
letter-spacing:-.005em;
-webkit-box-orient:vertical;
-webkit-line-clamp:1
;}
.message-preview.concise{color:#667085;font-weight:540}
.message.unread .message-preview{color:#667085}
.message-search-hit{
padding:0 .06em;
border-radius:3px;
background:#edf2ff;
color:#294fc6;
box-shadow:inset 0 -1px 0 #b8c8fb;
box-decoration-break:clone;
-webkit-box-decoration-break:clone
}
.message.unread .message-search-hit{background:#e6edff;color:#2449bb}
.message-meta{
min-height:18px;
display:flex;
align-items:center;
flex:0 1 auto;
max-width:48%;
min-width:0;
flex-wrap:nowrap;
gap:5px;
margin-top:0;
overflow:hidden;
white-space:nowrap
}
.message-meta > *{flex:0 1 auto;min-width:0}
.message-meta .tag,.message-attachment,.message-meta-more{max-width:106px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.message-meta:only-child{max-width:100%}
.message-meta .tag{font-size:10px;padding:3px 7px;font-weight:720}
.message-meta .folder-tag{background:#eef2f8;color:#5f6c80}
.message-meta-more{display:inline-flex;align-items:center;justify-content:center;min-width:24px;border-radius:999px;background:#eef1f5;color:#6f7b8d;padding:3px 7px;font-size:10px;font-weight:800}
.message-attachment{
display:inline-flex;
align-items:center;
gap:3px;
min-height:20px;
border-radius:999px;
background:#f1f3f6;
color:#7b8696;
padding:2px 6px 2px 5px;
font-size:9.5px;
font-weight:760;
font-variant-numeric:tabular-nums
;}
.message-attachment svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.message-quick-actions{
position:absolute;
z-index:4;
right:42px;
top:7px;
display:flex;
align-items:center;
gap:2px;
padding:2px;
border:1px solid #e5e9ef;
border-radius:10px;
background:rgba(255,255,255,.96);
box-shadow:0 4px 14px rgba(15,23,42,.08);
opacity:0;
pointer-events:none;
transform:translateY(-2px);
transition:opacity .12s ease,transform .12s ease;
transition-delay:0s
}
.message-quick-actions button{
width:32px;
height:32px;
display:grid;
place-items:center;
padding:0;
border:0;
border-radius:8px;
background:transparent;
color:#667085;
cursor:pointer
}
.message-quick-actions button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.message-quick-actions button:hover{background:#f2f5fa;color:#344054}
.message-quick-actions button:focus-visible{outline:2px solid #7d98ee;outline-offset:1px}
.message-quick-actions button:disabled{opacity:.45}
.message.action-pending{cursor:progress;background:#f6f8fc}
.message.action-pending .message-open{pointer-events:none}
.message.action-pending .message-quick-actions{opacity:1;pointer-events:auto;transform:none;transition-delay:0s}
.message.action-pending .message-quick-actions button:not(.is-pending){opacity:.22}
.message-quick-actions button.is-pending{position:relative;color:transparent!important;opacity:1!important}
.message-quick-actions button.is-pending svg{visibility:hidden}
.message-quick-actions button.is-pending:after{content:"";width:13px;height:13px;border:1.5px solid #aeb8c8;border-top-color:#365ee8;border-radius:50%;animation:mailQuickSpin .65s linear infinite}
@keyframes mailQuickSpin{to{transform:rotate(360deg)}}
.message-star-btn{
width:34px;
-webkit-tap-highlight-color:transparent;
touch-action:manipulation;
height:40px;
display:grid;
place-items:center;
margin-top:-1px;
padding:0;
border:0;
border-radius:9px;
background:transparent;
color:#aab2bd;
opacity:.5;
transition:background .12s ease,color .12s ease,opacity .12s ease
}
.message-star-btn svg{width:18px;height:18px;fill:transparent;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.message-star-btn.starred svg{fill:currentColor;stroke:currentColor}
.message-star-btn:focus-visible{outline:2px solid #7d98ee;outline-offset:1px}
@media (hover:hover){.message-star-btn:hover:not(:disabled){background:#edf0f5;opacity:1}}
.message-star-btn.starred{color:#c98c2a;opacity:1;background:transparent;box-shadow:none}
.message-star-btn:disabled{opacity:.18;cursor:default}
@media (pointer:fine){
.message{scroll-margin-top:38px;contain:layout paint style}
.message-list.is-scrolling .message,.message-list.is-scrolling .message:after,.message-list.is-scrolling .message-star-btn,.message-list.is-scrolling .message-quick-actions{transition:none!important}
.message-list.is-scrolling .message:hover{background:transparent}
.message-list.is-scrolling .message.unread:not(.active):not(.selected):hover{background:rgba(239,244,255,.52)}
.message-list.is-scrolling .message:hover:after{opacity:1}
.message-list.is-scrolling .message:hover .message-star-btn:not(.starred){opacity:0}
.message-list.is-scrolling .message:hover .message-quick-actions{opacity:0;pointer-events:none;transform:translateY(-2px)}
.message.selected .message-select,
.message-pane.selection-mode .message-select{opacity:1;pointer-events:auto;transform:none}
.message.selected .message-avatar,
.message-pane.selection-mode .message-avatar{opacity:.12}
.message-star-btn:not(.starred){opacity:0}
.message:hover .message-star-btn,.message:focus-within .message-star-btn,.message.active .message-star-btn{opacity:1}
.message:hover .message-quick-actions,.message:focus-within .message-quick-actions{opacity:1;pointer-events:auto;transform:none;transition-delay:.07s}
.message.has-quick-actions:hover .message-topline time,.message.has-quick-actions:focus-within .message-topline time{opacity:0}
}
@media (pointer:coarse){
.message:has(.message-open:active):not(.selected):not(.active){background:#f1f4f9}
.message-pane.selection-mode .message-select,.message.selected .message-select{opacity:1;pointer-events:auto;transform:none}
.message-pane.selection-mode .message-avatar,.message.selected .message-avatar{opacity:.12}
.message-star-btn{opacity:.72}
.message-star-btn:active{background:#edf0f5;opacity:1}
.message-quick-actions{display:none}
}
.message-pane.compact-list .message-list{padding-top:4px}
.message-pane.compact-list .message-date-group{min-height:27px;padding:7px 10px 3px 54px;}
.message-pane.compact-list .message{min-height:61px;grid-template-columns:36px minmax(0,1fr) 30px;gap:9px;margin:1px 0;padding:7px 9px;border-radius:11px}
.message-pane.compact-list .message-avatar{width:36px;height:36px;border-radius:11px;font-size:9.5px}
.message-pane.compact-list .message:after{left:54px;right:9px;bottom:-1px}
.message-pane.compact-list .message-select{left:8px;top:6px;width:38px;height:38px}
.message-pane.compact-list .message-topline strong{font-size:12.5px}
.message-pane.compact-list .message-topline time{font-size:10.5px}
.message-pane.compact-list .message-subject{margin-top:3px;font-size:12px}
.message-pane.compact-list .message-footer{display:none}
.message-pane.compact-list .message-star-btn{width:30px;height:36px}
.message-pane.compact-list .message.active:before{top:11px;bottom:11px}
.message-pane.compact-list .message-skeleton{min-height:61px;grid-template-columns:36px minmax(0,1fr);gap:9px;margin:1px 0;padding:7px 9px}
.message-pane.compact-list .skeleton-avatar{width:36px;height:36px;border-radius:11px}
.message-pane.compact-list .skeleton-copy{padding-top:1px;padding-right:35px}
.message-pane.compact-list .skeleton-copy em{display:none}
.message-skeleton{
min-height:76px;
display:grid;
grid-template-columns:42px minmax(0,1fr);
gap:10px;
align-items:start;
margin:2px 0;
padding:9px 10px;
border-radius:13px
}
.skeleton-avatar,.skeleton-copy i,.skeleton-copy b,.skeleton-copy em,.skeleton-time{
display:block;
background:linear-gradient(90deg,#edf0f4 25%,#f7f8fa 45%,#edf0f4 65%);
background-size:220% 100%;
animation:mailSkeleton 1.15s ease-in-out infinite
}
.skeleton-avatar{width:42px;height:42px;border-radius:13px}
.skeleton-copy{min-width:0;padding-top:2px;padding-right:39px}
.skeleton-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.skeleton-copy i{width:42%;height:10px;border-radius:6px}
.skeleton-time{flex:0 0 45px;height:8px;border-radius:5px}
.skeleton-copy b{width:74%;height:10px;margin-top:9px;border-radius:6px}
.skeleton-copy em{width:91%;height:8px;margin-top:8px;border-radius:6px}
@keyframes mailSkeleton{0%{background-position:100% 0}100%{background-position:-100% 0}}
.message-jump-top{position:absolute;z-index:12;right:14px;bottom:14px;min-width:68px;height:40px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 11px;border:1px solid #dfe5ef;border-radius:999px;background:rgba(255,255,255,.96);color:#536174;box-shadow:0 7px 22px rgba(15,23,42,.10);font-size:11px;font-weight:780;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .14s ease,transform .14s ease,background .14s ease}
.message-jump-top svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.message-jump-top.show{opacity:1;pointer-events:auto;transform:none}
.message-pane.selection-mode .message-jump-top{opacity:0;pointer-events:none}
@media (hover:hover){.message-jump-top:hover{background:#f6f8fc;color:#344054}}
.message-jump-top:focus-visible{outline:2px solid #7d98ee;outline-offset:2px}
.loading-more{
min-height:40px;
padding:11px 12px 14px;
text-align:center;
background:#fbfcfe;
color:#7f8b9b;
font-size:11.5px;
line-height:1.4
}
.empty-folder{
flex:1;
min-height:0;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
padding:32px 24px;
text-align:center;
color:#8a95a3;
background:linear-gradient(180deg,#fbfcfe,#fff)
}
.empty-folder[hidden]{display:none}
.empty-icon{
width:54px;
height:54px;
display:grid;
place-items:center;
margin-bottom:13px;
border-radius:17px;
background:#eef2ff;
color:#3c61dc;
font-size:21px;
box-shadow:inset 0 0 0 1px #e0e7fb
}
.empty-icon svg{
width:25px;
height:25px;
display:block;
fill:none;
stroke:currentColor;
stroke-width:1.7;
stroke-linecap:round;
stroke-linejoin:round
}
.empty-folder strong{color:#475467;font-size:14px}
.empty-folder span{max-width:300px;margin-top:7px;color:#7f8b9b;font-size:12px;line-height:1.5}
.empty-folder button{
min-height:42px;
margin-top:17px;
padding:0 14px;
border:1px solid #dce3f4;
border-radius:10px;
background:#fff;
color:#3158d4;
font-size:11.5px;
font-weight:760
}
@media (hover:hover){.empty-folder button:hover{background:#f6f8ff}}.empty-folder button:focus-visible{outline:2px solid #7d98ee;outline-offset:2px}.empty-folder.error-state .empty-icon{background:#fff2f0;color:#b42318;box-shadow:inset 0 0 0 1px #ffd9d4}
@media(max-width:700px){
.search-shortcut{display:none!important}
.bulk-toolbar{
position:fixed;
left:max(8px,env(safe-area-inset-left));
right:max(8px,env(safe-area-inset-right));
bottom:calc(74px + env(safe-area-inset-bottom));
z-index:76;
min-height:52px;
display:grid;
grid-template-columns:auto minmax(0,1fr);
align-items:center;
justify-content:stretch;
overflow:hidden;
padding:6px 7px 6px 8px;
border:1px solid #dfe5f2;
border-radius:15px;
background:rgba(248,250,255,.97);
box-shadow:0 12px 34px rgba(15,23,42,.16);
backdrop-filter:blur(18px);
-webkit-backdrop-filter:blur(18px)
}
.select-all{position:static;z-index:2;padding:0 8px 0 3px;background:rgba(248,250,255,.97)}
.bulk-actions{min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-right:2px}
.bulk-actions::-webkit-scrollbar{display:none}
.bulk-actions button{height:40px;font-size:10.5px}
.message-pane.selection-mode .message-list{padding-bottom:72px}
.message-list{padding:6px 8px 16px;scrollbar-gutter:auto;background:#f6f8fb}
.message-pane.list-more-below:after{height:14px;background:linear-gradient(180deg,rgba(246,248,251,0),rgba(246,248,251,.9))}
.message-date-group{position:relative;top:auto;z-index:1;min-height:31px;padding:9px 7px 5px 8px;background:transparent;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.045em}
.message-date-group span:after{background:linear-gradient(90deg,#e2e7ee,rgba(226,231,238,.18))}
.message-date-unread{font-size:8.75px;text-transform:none;letter-spacing:0}
.message-jump-top{right:12px;bottom:12px;width:40px;min-width:40px;height:40px;padding:0;border-radius:13px;background:rgba(255,255,255,.97);box-shadow:0 8px 24px rgba(15,23,42,.12)}
.message-jump-top span{display:none}
.message-skeleton{grid-template-columns:44px minmax(0,1fr);gap:11px;margin:5px 0;padding:12px 12px 11px;min-height:96px;border:1px solid #e5eaf1;border-radius:17px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.025)}
.skeleton-avatar{width:44px;height:44px;border-radius:14px}
.skeleton-copy{padding-right:0}
.message{
min-height:96px;
grid-template-columns:44px minmax(0,1fr);
gap:11px;
margin:5px 0;
padding:12px 12px 11px;
border:1px solid #e4e9f0;
border-radius:17px;
background:#fff;
box-shadow:0 1px 2px rgba(15,23,42,.025),0 5px 16px rgba(15,23,42,.018)
;}
.message.unread:not(.active):not(.selected){background:#f7f9ff;border-color:#d5e0fb;box-shadow:0 1px 3px rgba(49,88,212,.045),inset 3px 0 0 #5674db}
.message.active{background:#eef3ff;border-color:#cbd9fb;box-shadow:0 5px 16px rgba(49,88,212,.09)}
.message.selected{background:#eaf0ff;border-color:#c4d4fa;box-shadow:0 4px 14px rgba(49,88,212,.07)}
.message.active:before{display:none}
.message-avatar{width:44px;height:44px;border-radius:14px;font-size:11px}
.message:after{display:none}
.message-select{left:7px;top:8px;width:48px;height:48px}
.message-select:before{width:28px;height:28px;border-radius:9px}
.message-topline{padding-right:0;gap:8px;align-items:baseline}
.message-topline strong{font-size:14.5px;line-height:1.18;font-weight:700;letter-spacing:-.012em}
.message.unread .message-topline strong{font-weight:820}
.message-topline time{font-size:10.75px;font-weight:650;font-variant-numeric:tabular-nums;color:#8b96a6}
.message-person-prefix{font-size:9px;margin-right:4px}
.message-subject{margin-top:5px;padding-right:0;font-size:13.5px;line-height:1.28;font-weight:650}
.message.unread .message-subject{font-weight:760}
.message-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 8px;margin-top:5px;align-items:end;padding-right:40px}
.message-preview{display:-webkit-box;min-width:0;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12.25px;line-height:1.34;color:#778395}
.message-preview.concise{-webkit-line-clamp:1}
.message-meta{max-width:38%;flex:0 0 auto;flex-wrap:nowrap;overflow:hidden;white-space:nowrap;opacity:.94;align-self:end}
.message-meta .tag,.message-attachment,.message-meta-more{flex:0 1 auto;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}
.message-star-btn{position:absolute;right:1px;bottom:1px;top:auto;width:44px;height:44px;border-radius:12px;font-size:18px;opacity:.38}
.message-star-btn.starred{opacity:1;background:transparent;color:#c88b20;box-shadow:none}
.message:has(.message-open:active):not(.selected):not(.active){transform:scale(.995);background:#f4f6fa}
}
@media(max-width:430px){
.message-list{padding-left:6px;padding-right:6px}
.message-date-group{padding-left:9px;padding-right:7px}
.message{grid-template-columns:42px minmax(0,1fr);gap:10px;margin:5px 0;padding:11px 10px 10px;min-height:92px;border-radius:16px}
.message-avatar{width:42px;height:42px}
.message-skeleton{grid-template-columns:42px minmax(0,1fr);gap:10px;margin:5px 0;padding:11px 10px 10px;min-height:92px}
.skeleton-avatar{width:42px;height:42px}
.message-select{left:5px;top:7px;width:48px;height:48px}
.message-topline strong{font-size:14px}
.message-subject{font-size:13.2px}
.message-preview{font-size:12px}
.message-star-btn{right:0;bottom:0;top:auto;width:44px;height:44px}
.message-footer{padding-right:38px;gap:6px}
.message-footer .message-meta{max-width:38%}
.message-footer .message-meta > :nth-child(n/**/+2){display:none}
.message-footer .message-meta-more{display:none}
.message-topline{gap:6px}
}
@media(max-width:350px){
.message-list{padding-left:4px;padding-right:4px}
.message-date-group{padding-left:8px}
.message{grid-template-columns:38px minmax(0,1fr);padding-left:8px;padding-right:8px;gap:8px;min-height:88px}
.message-avatar{width:38px;height:38px;border-radius:13px}
.message-topline strong{font-size:13.25px}
.message-subject{font-size:12.75px}
.message-preview{font-size:11.75px;-webkit-line-clamp:1}
.message-star-btn{right:0;bottom:0}
.message-footer{padding-right:38px}
.message-meta{display:none}
}
@media (prefers-reduced-motion:reduce){
.message,.message-avatar,.message-select,.message-star-btn,.message-quick-actions,.pane-header{transition:none!important}
.skeleton-avatar,.skeleton-copy i,.skeleton-copy b,.skeleton-copy em,.message-quick-actions button.is-pending:after{animation:none!important}
.message-pane.is-refreshing #refreshFolder svg.refresh-folder-icon{animation:none!important}
}
/* 0.17.57 — canonical sidebar + mobile navigation
This is the only stylesheet section allowed to control the folder toggle,
sidebar drawer, or bottom mobile navigation visibility/positioning. */
:root{--mail-nav-width:236px;--mobile-mail-nav-space:0px;}
.topbar{grid-template-columns:236px minmax(320px,700px) 1fr;}
.app-body{grid-template-columns:var(--mail-nav-width) minmax(0,1fr);}
.folder-toggle{display:none}
.folders{min-width:0;background:#f7f9fc;border-right:1px solid #e5e9f0;padding:15px 11px 12px;display:flex;flex-direction:column;overflow:hidden;}
.sidebar-primary{flex:0 0 auto;padding:0 2px 13px}
.compose-main{width:100%;height:48px;margin:0;border:0;border-radius:12px;padding:0 15px;background:#3158d4;color:#fff;display:flex;align-items:center;justify-content:flex-start;gap:10px;font-size:13.5px;font-weight:780;box-shadow:0 6px 16px rgba(49,88,212,.16);transition:background .15s ease,box-shadow .15s ease;}
.compose-main:hover{background:#294fc6;box-shadow:0 9px 22px rgba(49,88,212,.22)}
.compose-main:active{background:#2549b7}
.compose-plus{width:20px;height:20px;display:grid;place-items:center;flex:0 0 auto}
.compose-plus svg,.folder-icon svg,.custom-folder-head svg,.custom-folder-menu svg,.mailbox-status-chevron svg,.mobile-nav-icon svg{width:100%;height:100%;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.folder-nav{min-height:0;flex:1;display:flex;flex-direction:column;gap:2px;overflow-y:auto;overflow-x:hidden;padding:1px 2px 8px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d7dce5 transparent}
.folder-nav::-webkit-scrollbar{width:5px}.folder-nav::-webkit-scrollbar-thumb{background:#d7dce5;border-radius:999px}.folder-nav::-webkit-scrollbar-track{background:transparent}
.nav-section-label{padding:4px 10px 7px;color:#929cab;font-size:10.5px;font-weight:820;letter-spacing:.07em;text-transform:uppercase;user-select:none;}
.folder{position:relative;width:100%;min-height:42px;border:0;background:transparent;border-radius:10px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:9px;text-align:left;padding:0 10px;color:#5f6c7d;font-size:13.5px;font-weight:630;transition:background .14s ease,color .14s ease;outline:none;}
.folder>span:nth-child(2){min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.folder-icon{width:18px;height:18px;display:grid;place-items:center;color:#8b95a5;transition:color .14s ease}
.folder b{min-width:22px;max-width:42px;height:20px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:#eef1f5;color:#7a8594;font-size:9.5px;font-weight:780;line-height:1;white-space:nowrap;overflow:hidden}
.folder b:empty{display:none}
.folder:hover{background:#f0f3f7;color:#344054}.folder:hover .folder-icon{color:#667085}.folder:focus-visible{box-shadow:0 0 0 3px rgba(49,88,212,.12)}
.folder.active{background:#e8efff;color:#294fc6;font-weight:760;box-shadow:inset 3px 0 0 #3158d4;}.folder.active .folder-icon{color:#3158d4}.folder.active b{background:#dce6ff;color:#294fc6}
.more-folders-toggle{margin-top:2px}
.more-folders-toggle .folder-icon{position:relative}
.more-folders-toggle.has-security-review .folder-icon:after{content:"";position:absolute;right:-2px;top:-2px;width:6px;height:6px;border:2px solid #f8f9fc;border-radius:50%;background:#c27a24}
.more-folder-chevron{width:16px;height:16px;display:grid;place-items:center;color:#98a2b3;transition:transform .16s ease,color .16s ease}
.more-folder-chevron svg{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.more-folders-toggle[aria-expanded="true"]{color:#475467;background:#f1f3f7}
.more-folders-toggle[aria-expanded="true"] .more-folder-chevron{transform:rotate(90deg);color:#667085}
.more-folder-options{display:flex;flex-direction:column;gap:2px;min-width:0;padding-top:2px}
.more-folder-options[hidden]{display:none}
.more-folder-options .folder{padding-left:13px}
.more-folder-options .folder-icon{color:#939dad}
.quarantine-folder-link{color:#8a5a27}
.quarantine-folder-link .folder-icon{color:#a56a25}
.folder-divider{height:1px;flex:0 0 auto;background:#e4e8ee;margin:9px 9px}
.folder-primary-divider{margin-top:10px;margin-bottom:7px}
.folder-workspace{display:flex;flex-direction:column;gap:3px;min-width:0;padding:0 1px 6px}
.custom-folder-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px;padding:1px 3px 3px 9px;color:#667085}
.folder-workspace-copy{min-width:0;display:flex;flex-direction:column;gap:2px;text-transform:none;letter-spacing:0}
.folder-workspace-copy strong{font-size:10.5px;font-weight:820;letter-spacing:.045em;text-transform:uppercase;color:#758294}
.folder-workspace-copy small{display:block;max-width:128px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#98a2af;font-size:9.5px;font-weight:620;letter-spacing:0;text-transform:none}
.folder-workspace-actions{display:flex;align-items:center;gap:2px;flex:0 0 auto}
.folder-workspace-actions button{position:relative;width:32px;height:32px;border:0;border-radius:9px;background:transparent;color:#8792a2;padding:7px;display:grid;place-items:center}.folder-workspace-actions button:hover{background:#eef1f5;color:#526074}.folder-workspace-actions button:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(49,88,212,.12)}
.custom-folders{display:flex;flex-direction:column;gap:2px;min-width:0}
.custom-folder-empty{width:100%;min-height:54px;border:1px dashed #dfe4ec;border-radius:11px;background:rgba(255,255,255,.52);display:grid;grid-template-columns:26px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:8px 10px;text-align:left;color:#667085}.custom-folder-empty>span{grid-row:1/3;width:26px;height:26px;border-radius:8px;background:#eef2ff;color:#3158d4;display:grid;place-items:center;font-size:17px;font-weight:500}.custom-folder-empty strong{font-size:11px;color:#526074}.custom-folder-empty small{font-size:10px;color:#8d98a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-folder-empty:hover{border-color:#cfd8ef;background:#f9fbff}
.custom-folder-row{--folder-indent:0px;display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:1px;min-width:0}.custom-folder-row .folder{width:100%}.custom-folder-link{padding-left:calc(10px + var(--folder-indent))}.custom-folder-link .folder-icon{color:#7f8ba1}.custom-folder-row:not([data-depth="0"]) .custom-folder-link .folder-icon{color:#98a2b3}
.custom-folder-menu{width:34px;height:38px;border:0;border-radius:9px;background:transparent;color:#98a2b3;padding:8px;opacity:.42;transition:opacity .14s ease,background .14s ease,color .14s ease}.custom-folder-row:hover .custom-folder-menu,.custom-folder-menu:focus-visible{opacity:1}.custom-folder-menu:hover{background:#eef1f5;color:#667085}
.mailbox-status-card{flex:0 0 auto;width:100%;min-height:58px;border:1px solid #e1e6ed;background:#fff;border-radius:13px;padding:9px 10px;display:grid;grid-template-columns:36px minmax(0,1fr) 18px;gap:9px;align-items:center;text-align:left;box-shadow:0 2px 8px rgba(15,23,42,.035);cursor:pointer;color:#344054;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease;}
.mailbox-status-card:hover{background:#fcfdff;border-color:#d6dce6;box-shadow:0 4px 12px rgba(15,23,42,.05)}.mailbox-status-card:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(49,88,212,.12)}
.mailbox-status-avatar{width:36px;height:36px;border-radius:11px;background:#17243a;color:#fff;display:grid;place-items:center;font-weight:820;font-size:11px}
.mailbox-status-copy{min-width:0}.mailbox-status-copy strong,.mailbox-status-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mailbox-status-card .mailbox-status-copy strong{font-size:12px;color:#344054;}.mailbox-status-card .mailbox-status-copy small{font-size:10.5px;color:#929cab;margin-top:2px;}
.mailbox-status-chevron{width:16px;height:16px;color:#98a2b3;display:grid;place-items:center}
.mobile-mail-nav{display:none}
@media(max-width:1100px) and (min-width:881px){
:root{--mail-nav-width:210px}
.topbar{grid-template-columns:var(--mail-nav-width) minmax(260px,560px) 1fr}
.app-body{grid-template-columns:var(--mail-nav-width) minmax(0,1fr)}
.folders{padding-left:10px;padding-right:10px}
}
@media(max-width:880px), (max-height:500px) and (orientation:landscape) and (max-width:950px){
.app-body{display:block;position:relative}
.folder-toggle{display:grid;place-items:center;visibility:visible;opacity:1;pointer-events:auto;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px}
.folders{position:fixed;left:0;top:64px;bottom:0;width:min(310px,88vw);z-index:90;transform:translate3d(-103%,0,0);transition:transform .24s cubic-bezier(.22,.75,.24,1);background:#f8f9fc;border-right:1px solid #e2e6ed;box-shadow:16px 0 46px rgba(15,23,42,.16);padding:15px 12px max(12px,env(safe-area-inset-bottom));will-change:transform}
.folders.open{transform:translate3d(0,0,0)}
.folder,.compose-main{min-height:44px}.custom-folder-menu{width:44px;height:44px;padding:12px;opacity:1}.custom-folder-row{grid-template-columns:minmax(0,1fr) 44px}.folder-workspace-actions button{width:44px;height:44px;padding:11px}.custom-folder-head{min-height:46px;padding-right:0}.folder-workspace-copy small{max-width:150px}
}
@media(max-width:700px){
:root{--mobile-mail-nav-space:calc(70px + env(safe-area-inset-bottom))}
.folders{left:0;right:0;top:calc(60px + env(safe-area-inset-top));bottom:0;width:auto;max-width:none;border-right:0;box-shadow:none;padding-bottom:max(14px,env(safe-area-inset-bottom))}
.scrim{top:calc(60px + env(safe-area-inset-top))}
.mail-stage{height:calc(100dvh - 60px - env(safe-area-inset-top) - var(--mobile-mail-nav-space));display:block;position:relative;grid-template-columns:none}
.mobile-mail-nav{position:fixed;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));left:0;right:0;bottom:0;height:var(--mobile-mail-nav-space);padding:5px max(7px,env(safe-area-inset-right)) max(3px,env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left));background:rgba(250,251,253,.97);border-top:1px solid rgba(218,223,232,.88);box-shadow:0 -10px 28px rgba(15,23,42,.06);backdrop-filter:blur(22px) saturate(1.18);-webkit-backdrop-filter:blur(22px) saturate(1.18);z-index:70}
.mobile-mail-nav button{position:relative;min-width:0;min-height:58px;border:0;background:transparent;border-radius:12px;color:#7d8796;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:3px 2px;overflow:hidden;transition:color .14s ease,background .14s ease}
.mobile-mail-nav button:active{background:#eef1f5}.mobile-nav-icon{width:34px;height:30px;border-radius:10px;padding:6px;display:grid;place-items:center;transition:background .14s ease,color .14s ease,box-shadow .14s ease}.mobile-nav-icon svg{width:19px;height:19px;stroke-width:1.9}
.mobile-mail-nav button small{max-width:100%;font-size:10px;font-weight:700;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-mail-nav button.active{color:#294fc6;background:transparent}.mobile-mail-nav button.active .mobile-nav-icon{background:#e6edff;color:#3158d4;box-shadow:inset 0 0 0 1px rgba(49,88,212,.06)}
.mobile-compose .mobile-compose-icon{width:38px;height:34px;padding:7px;border-radius:11px;background:#3158d4;color:#fff;box-shadow:0 5px 12px rgba(49,88,212,.24)}.mobile-compose .mobile-compose-icon svg{width:20px;height:20px;stroke-width:2}.mobile-compose small{color:#3158d4;font-weight:780!important}
.mobile-nav-badge{position:absolute;top:4px;left:calc(50% + 7px);min-width:17px;height:17px;padding:0 4px;border:2px solid #fafbfd;border-radius:999px;background:#3158d4;color:#fff;font-size:8px;font-weight:850;line-height:13px;text-align:center;z-index:2}.mobile-nav-badge[hidden],.mobile-account-dot[hidden]{display:none}.mobile-account-dot{position:absolute;top:8px;left:calc(50% + 10px);width:8px;height:8px;border:2px solid #fafbfd;border-radius:50%;background:#3158d4}
.toast{bottom:calc(var(--mobile-mail-nav-space) + 8px)}
.bulk-toolbar{bottom:calc(var(--mobile-mail-nav-space) + 6px)}
}
@media(max-width:380px){
.mobile-mail-nav{padding-left:4px;padding-right:4px}.mobile-mail-nav button small{font-size:9.25px}.mobile-nav-icon{width:31px}
}
@media(max-height:500px) and (orientation:landscape) and (max-width:950px){
:root{--mobile-mail-nav-space:calc(58px + env(safe-area-inset-bottom))}
.folders{left:0;right:0;top:calc(50px + env(safe-area-inset-top));bottom:0;width:auto;max-width:none;border-right:0;box-shadow:none}
.scrim{top:calc(50px + env(safe-area-inset-top))}
.mobile-mail-nav{display:grid;position:fixed;grid-template-columns:repeat(5,minmax(0,1fr));left:0;right:0;bottom:0;height:var(--mobile-mail-nav-space);padding:2px max(7px,env(safe-area-inset-right)) max(3px,env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left));background:rgba(249,250,252,.96);border-top:1px solid rgba(218,223,232,.92);box-shadow:0 -8px 24px rgba(15,23,42,.055);backdrop-filter:blur(20px) saturate(1.15);-webkit-backdrop-filter:blur(20px) saturate(1.15);z-index:70}
.mobile-mail-nav button{min-height:48px;gap:1px;padding-top:2px;padding-bottom:2px}
.mobile-nav-icon{width:30px;height:27px;padding:5px}.mobile-mail-nav button small{font-size:9px}
}
/* 0.17.47 — Drafts folder purpose-built mobile/UI refinement */
.message-pane.is-drafts #messageCount:after{content:" · saved automatically";color:#a48dc9}
.message-pane.is-drafts .message-list{background:linear-gradient(180deg,#fcfbff 0,#fbfcfe 180px)}
.message-pane.is-drafts .message-date-group{background:linear-gradient(180deg,rgba(252,251,255,.99) 74%,rgba(252,251,255,.92))}
.message-pane.is-drafts .message{border-radius:14px}
.message-pane.is-drafts .message-avatar{background:#f2edff;color:#6c51b5;box-shadow:inset 0 0 0 1px rgba(108,81,181,.07)}
.message-pane.is-drafts .message-person-prefix{color:#8c79b7;font-weight:800}
.message-pane.is-drafts .message-subject{color:#2f3747;font-weight:690}
.message-pane.is-drafts .message-preview{color:#7d8491}
.message-pane.is-drafts .draft-delete-btn{color:#9a6670;opacity:.76}
.message-pane.is-drafts .draft-delete-btn svg{width:17px;height:17px}
@media (hover:hover){.message-pane.is-drafts .draft-delete-btn:hover:not(:disabled){background:#fff1f3;color:#aa3e4f;opacity:1}}
.message-pane.is-drafts.selection-mode #bulkRead,
.message-pane.is-drafts.selection-mode #bulkStar,
.message-pane.is-drafts.selection-mode #bulkMove{display:none}
.message-pane.is-drafts.selection-mode #bulkTrash{min-width:82px;color:#a83e4f;border-color:#f0ccd2;background:#fff7f8}
.message-pane.is-drafts.selection-mode .bulk-actions{justify-content:flex-end;overflow:visible}
.message-pane.is-drafts.selection-mode .bulk-toolbar{background:rgba(255,250,252,.98);border-color:#eadde2}
@media(max-width:700px){
.message-pane.is-drafts #messageCount:after{content:" · autosaved"}
.message-pane.is-drafts .message-list{padding-top:5px}
.message-pane.is-drafts .message-date-group{padding-top:10px;padding-bottom:5px}
.message-pane.is-drafts .message{min-height:82px;margin:3px 0;padding-top:10px;padding-bottom:10px;background:rgba(255,255,255,.52);box-shadow:inset 0 0 0 1px rgba(111,91,153,.045)}
.message-pane.is-drafts .message:after{opacity:0}
.message-pane.is-drafts .message:active{background:#f7f3ff}
.message-pane.is-drafts .message-topline{padding-right:48px}
.message-pane.is-drafts .message-subject{padding-right:48px;font-size:13px;margin-top:4px}
.message-pane.is-drafts .message-preview{font-size:12px}
.message-pane.is-drafts .draft-delete-btn{right:0;top:1px;width:46px;height:46px;border-radius:12px}
.message-pane.is-drafts.selection-mode .bulk-toolbar{grid-template-columns:minmax(0,1fr) auto}
.message-pane.is-drafts.selection-mode .select-all{padding-left:5px}
.message-pane.is-drafts.selection-mode #bulkTrash{height:40px;padding:0 13px;font-size:11px;font-weight:760}
}
@media(max-width:430px){
.message-pane.is-drafts #messageCount:after{content:" · autosaved"}
.message-pane.is-drafts .message{margin-left:1px;margin-right:1px;padding-left:8px;padding-right:8px}
}
/* 0.17.49 — canonical shared mailbox folder header
This is the only layout block for .pane-header / .pane-title / .pane-actions.
Keep future header changes here instead of layering overrides elsewhere. */
.pane-header{
height:76px;
flex:0 0 76px;
min-width:0;
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
padding:0 14px 0 18px;
border-bottom:1px solid #e7eaf0;
background:rgba(255,255,255,.98);
transition:box-shadow .16s ease,border-color .16s ease
;}
.message-pane.list-scrolled .pane-header{
border-bottom-color:#dde3eb;
box-shadow:0 5px 16px rgba(15,23,42,.05)
}
.pane-title{
min-width:0;
flex:1 1 auto;
display:flex;
flex-direction:column;
justify-content:center
}
.pane-title-copy{min-width:0;display:flex;flex-direction:column;justify-content:center}
.pane-folder-glyph{display:none}
.pane-folder-glyph svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pane-title h1{
min-width:0;
margin:0;
overflow:hidden;
color:#172033;
font-size:23px;
font-weight:790;
line-height:1.04;
letter-spacing:-.038em;
text-overflow:ellipsis;
white-space:nowrap
;}
.pane-title-copy>span{
display:block;
min-width:0;
max-width:min(58vw,420px);
margin-top:5px;
overflow:hidden;
color:#8b95a7;
font-size:11.5px;
line-height:1.15;
text-overflow:ellipsis;
white-space:nowrap
;}
.pane-title-copy>span b{font:inherit}
.pane-unread-chip,.pane-query-chip,.pane-allread-chip{
display:inline-flex;
align-items:center;
max-width:180px;
margin-left:6px;
padding:3px 7px;
border-radius:999px;
overflow:hidden;
font-size:9.5px;
font-weight:780;
text-overflow:ellipsis;
vertical-align:1px;
white-space:nowrap
}
.pane-unread-chip{background:#edf2ff;color:#4264c8}
.pane-unread-chip:before{content:"";width:5px;height:5px;flex:0 0 auto;margin-right:4px;border-radius:50%;background:currentColor;opacity:.8}
.pane-query-chip{background:#f0f2f5;color:#697586}
.pane-query-clear{max-width:210px;border:0;cursor:pointer;font:inherit;line-height:inherit}
.pane-query-clear span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pane-query-clear svg{width:11px;height:11px;flex:0 0 auto;margin-left:3px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
@media (hover:hover){.pane-query-clear:hover{background:#e8ebf0;color:#4f5b6c}}
.pane-query-clear:focus-visible{outline:2px solid #7d98ee;outline-offset:2px}
.pane-allread-chip{background:#eef7f2;color:#3b7a5d}
.pane-allread-chip:before{content:"✓";margin-right:4px;font-size:8px;font-weight:900}
/* Mailbox capacity warning: one canonical banner in the main mail surface. */
.mail-storage-warning[hidden]{display:none}
.mail-storage-warning{
flex:0 0 auto;
display:grid;
grid-template-columns:36px minmax(0,1fr) auto;
align-items:center;
gap:10px;
min-height:60px;
padding:9px 12px;
border-bottom:1px solid #ead9ad;
background:#fffaf0;
color:#6b561f
}
.mail-storage-warning-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#fff0bf;color:#9a6b00}
.mail-storage-warning-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mail-storage-warning-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.mail-storage-warning-copy strong{font-size:11.5px;line-height:1.2;color:#5f4a16}
.mail-storage-warning-copy small{font-size:10.5px;line-height:1.35;color:#806b34}
.mail-storage-warning-actions{display:flex;align-items:center;gap:6px}
.mail-storage-warning-actions button{height:34px;border:0;border-radius:10px;background:#f4e4ad;color:#695313;padding:0 10px;font:inherit;font-size:9.7px;font-weight:820;cursor:pointer}
.mail-storage-warning-actions button:hover{background:#ecd48a}
.mail-storage-warning-dismiss{width:34px;padding:0!important;background:transparent!important;color:#927c49!important;font-size:18px!important;font-weight:500!important}
.mail-storage-warning.is-urgent{border-bottom-color:#efc7a1;background:#fff7ed;color:#7b421d}
.mail-storage-warning.is-urgent .mail-storage-warning-icon{background:#ffead5;color:#bc5b19}
.mail-storage-warning.is-urgent .mail-storage-warning-copy strong{color:#713812}
.mail-storage-warning.is-urgent .mail-storage-warning-copy small{color:#8b5a37}
.mail-storage-warning.is-urgent .mail-storage-warning-actions button:not(.mail-storage-warning-dismiss){background:#ffe1c2;color:#7d3c12}
.mail-storage-warning.is-critical{border-bottom-color:#efb5b1;background:#fff3f2;color:#8a2620}
.mail-storage-warning.is-critical .mail-storage-warning-icon{background:#ffe1df;color:#c4322a}
.mail-storage-warning.is-critical .mail-storage-warning-copy strong{color:#7f201a}
.mail-storage-warning.is-critical .mail-storage-warning-copy small{color:#98504b}
.mail-storage-warning.is-critical .mail-storage-warning-actions button:not(.mail-storage-warning-dismiss){background:#ffd9d6;color:#8b221c}
@media(max-width:700px){
.mail-storage-warning{grid-template-columns:32px minmax(0,1fr) auto;gap:8px;min-height:58px;padding:8px 9px}
.mail-storage-warning-icon{width:32px;height:32px;border-radius:10px}
.mail-storage-warning-copy strong{font-size:11px}
.mail-storage-warning-copy small{font-size:9.7px;line-height:1.3}
.mail-storage-warning-actions{gap:3px}
.mail-storage-warning-actions button{height:34px;padding:0 8px;font-size:9.2px}
.mail-storage-warning-dismiss{width:30px!important}
}
/* Admin mailbox privacy: message rows expose activity time only. */
.admin-mail-privacy-notice[hidden]{display:none}
.admin-mail-privacy-notice{
flex:0 0 auto;
display:flex;
align-items:center;
gap:10px;
min-height:58px;
padding:9px 14px;
border-bottom:1px solid #dfe6f2;
background:#f6f8fc;
color:#48576b
}
.admin-mail-privacy-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:11px;background:#e9eef8;color:#536786}
.admin-mail-privacy-icon svg,.admin-redacted-lock svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.admin-mail-privacy-notice>span:last-child{min-width:0;display:flex;flex-direction:column;gap:2px}
.admin-mail-privacy-notice strong{font-size:11.5px;line-height:1.2;color:#35445a}
.admin-mail-privacy-notice small{font-size:10.5px;line-height:1.34;color:#69778a}
.admin-message-redacted .search-wrap{opacity:.7}
.admin-message-redacted .search-wrap input{cursor:not-allowed}
.admin-message-redacted .folder[data-folder]:not([data-folder="Inbox"]),
.admin-message-redacted .folder-workspace,
.admin-message-redacted #moreFoldersButton,
.admin-message-redacted #moreFolderOptions{display:none!important}
.admin-redacted-message{
min-height:66px;
grid-template-columns:38px minmax(0,1fr) auto;
align-items:center;
gap:11px;
padding:9px 11px;
background:transparent
}
.admin-redacted-message:after{left:60px}
.admin-redacted-lock{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#eef2f7;color:#738197}
.admin-redacted-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.admin-redacted-copy strong{font-size:12px;line-height:1.25;color:#4d5969;font-weight:720}
.admin-redacted-copy small{font-size:10.5px;line-height:1.25;color:#8a95a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-redacted-message>time{font-size:10.5px;font-weight:720;color:#7b8797;white-space:nowrap;font-variant-numeric:tabular-nums}
@media (hover:hover){.admin-redacted-message:hover{background:transparent}}
.admin-message-redacted .message-pane.compact-list .admin-redacted-message{min-height:54px;padding-top:7px;padding-bottom:7px}
/* Trash retention is a first-class folder state, not a floating warning. */
.trash-retention-notice[hidden]{display:none}
.trash-retention-notice{
flex:0 0 auto;
display:flex;
align-items:center;
gap:10px;
min-height:54px;
padding:8px 14px;
border-bottom:1px solid #ece7e4;
background:#fffaf7;
color:#6d5548
}
.trash-retention-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:11px;background:#fff0e8;color:#a95735}
.trash-retention-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.trash-retention-notice>span:last-child{min-width:0;display:flex;flex-direction:column;gap:2px}
.trash-retention-notice strong{font-size:11.5px;line-height:1.2;color:#5d4236}
.trash-retention-notice small{font-size:10.5px;line-height:1.32;color:#876c60}
.bulk-actions .danger-permanent{border-color:#efc9c5;background:#fff7f6;color:#b42318}
@media (hover:hover){.bulk-actions .danger-permanent:hover:not(:disabled){border-color:#e8b6b0;background:#fff0ee;color:#9f1d14}}
.pane-actions{
flex:0 0 auto;
display:flex;
align-items:center;
gap:2px;
padding:3px;
border:1px solid #e5e9ef;
border-radius:13px;
background:#f7f9fc;
box-shadow:0 1px 2px rgba(15,23,42,.025)
}
.pane-actions .small-icon,.pane-text-action{
min-height:36px;
border:0;
border-radius:9px;
background:transparent;
color:#657084
}
.pane-actions .small-icon{
width:36px;
min-width:36px;
height:36px
}
.pane-text-action{
padding:0 10px;
cursor:pointer;
font-size:10.5px;
font-weight:760
}
.pane-actions .small-icon:focus-visible,.pane-text-action:focus-visible{outline:2px solid #8ca4ef;outline-offset:1px}
@media (hover:hover){
.pane-actions .small-icon:hover,.pane-text-action:hover{
background:#fff;
box-shadow:0 1px 3px rgba(15,23,42,.07)
}
}
.inbox-density-toggle svg{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.pane-action-label{display:none}
.pane-view-icon,.pane-select-icon{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.inbox-density-toggle[aria-pressed="true"],.pane-text-action[aria-pressed="true"]{
background:#fff;
color:#3158d4;
box-shadow:0 1px 3px rgba(49,88,212,.12),inset 0 0 0 1px #dbe3fb
}
#refreshFolder svg.refresh-folder-icon{
width:17px;
height:17px;
display:block;
fill:none;
stroke:currentColor;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round
}
.message-pane.is-refreshing #refreshFolder svg.refresh-folder-icon{animation:mailRefreshSpin .8s linear infinite}
@keyframes mailRefreshSpin{to{transform:rotate(360deg)}}
@media(max-width:700px){
.pane-header{
height:62px;
flex-basis:62px;
gap:8px;
margin:7px 8px 5px;
padding:6px 7px;
border:1px solid #e4e9f0;
border-radius:17px;
background:rgba(255,255,255,.985);
box-shadow:0 3px 13px rgba(15,23,42,.055);
backdrop-filter:blur(18px) saturate(1.08);
-webkit-backdrop-filter:blur(18px) saturate(1.08)
}
.message-pane.list-scrolled .pane-header{border-color:#dce3eb;box-shadow:0 7px 20px rgba(15,23,42,.08)}
.pane-title{min-width:0;flex:1 1 auto;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:9px}
.pane-folder-glyph{display:grid!important;width:40px;height:40px;min-width:40px;margin:0!important;place-items:center;border-radius:13px;background:#eef3ff;color:#3158d4;box-shadow:inset 0 0 0 1px #e1e8fb}
.pane-folder-glyph[data-kind="Trash"]{background:#fff1ec;color:#a95735;box-shadow:inset 0 0 0 1px #f4ddd3}
.pane-folder-glyph[data-kind="Spam"],.pane-folder-glyph[data-kind="Quarantine"]{background:#fff5e8;color:#a66c1e;box-shadow:inset 0 0 0 1px #f2e4cc}
.pane-folder-glyph[data-kind="Starred"]{background:#fff8e6;color:#b57b13;box-shadow:inset 0 0 0 1px #f2e6bd}
.pane-folder-glyph[data-kind="Drafts"]{background:#f4efff;color:#7457b8;box-shadow:inset 0 0 0 1px #e7ddfb}
.pane-folder-glyph[data-kind="Sent"]{background:#edf7f5;color:#27806c;box-shadow:inset 0 0 0 1px #d7ebe6}
.pane-folder-glyph[data-kind="Search"]{background:#eef1f5;color:#667085;box-shadow:inset 0 0 0 1px #e0e5ec}
.pane-title-copy{min-width:0;display:flex;flex-direction:column;justify-content:center}
.pane-title h1{font-size:17.5px;line-height:1.04;letter-spacing:-.025em}
.pane-title-copy>span{max-width:42vw;margin-top:3px;font-size:9.75px;line-height:1.15}
/* 0.18.65 — mobile folder action controls */
.pane-actions{
flex:0 0 auto;
display:grid;
grid-template-columns:repeat(3,max-content);
align-items:center;
gap:4px;
padding:0;
border:0;
border-radius:0;
background:transparent;
box-shadow:none
}
.pane-actions .pane-action-button,
.pane-actions .small-icon.pane-action-button,
.pane-actions .pane-text-action.pane-action-button{
width:auto;
min-width:50px;
height:44px;
min-height:44px;
margin:0;
padding:0 8px;
display:flex;
align-items:center;
justify-content:center;
gap:5px;
border:1px solid #e3e8ef;
border-radius:13px;
background:rgba(255,255,255,.94);
color:#5f6c7e;
box-shadow:0 1px 2px rgba(15,23,42,.035);
font-size:9.75px;
font-weight:760;
line-height:1;
-webkit-tap-highlight-color:transparent
}
.pane-actions .pane-action-button:active{transform:scale(.97);background:#f3f6fa;box-shadow:none}
.pane-action-label{display:block;white-space:nowrap}
.pane-actions .inbox-density-toggle[aria-pressed="true"]{border-color:#d8e1fb;background:#eef3ff;color:#3158d4;box-shadow:inset 0 0 0 1px rgba(49,88,212,.035)}
.pane-actions .pane-text-action[aria-pressed="true"]{border-color:#3158d4;background:#3158d4;color:#fff;box-shadow:0 3px 8px rgba(49,88,212,.18)}
.pane-actions .pane-text-action[aria-pressed="true"] .pane-select-icon rect{fill:rgba(255,255,255,.13)}
.message-pane.is-refreshing #refreshFolder{border-color:#dce3ee;background:#f4f7fb;color:#53647a}
.pane-view-icon,.pane-select-icon,#refreshFolder svg.refresh-folder-icon{width:16px;height:16px;flex:0 0 16px}
}
@media(max-width:390px){
.pane-header{gap:6px;margin-left:6px;margin-right:6px;padding-left:5px;padding-right:5px}
.pane-title{grid-template-columns:38px minmax(0,1fr);gap:7px}
.pane-folder-glyph{width:38px;height:38px;min-width:38px;border-radius:12px}
.pane-title h1{font-size:16.75px}
.pane-title-copy>span{max-width:100%;font-size:9.5px}
.pane-actions{gap:3px}
.pane-actions .pane-action-button,
.pane-actions .small-icon.pane-action-button,
.pane-actions .pane-text-action.pane-action-button{min-width:46px;padding-left:6px;padding-right:6px;gap:4px;font-size:9.5px}
}
@media(max-width:350px){
.pane-actions .inbox-density-toggle .pane-action-label,.pane-actions #refreshFolder .pane-action-label{display:none}
.pane-actions .inbox-density-toggle,.pane-actions #refreshFolder{min-width:44px!important;width:44px!important;padding:0!important}
.pane-actions .pane-text-action{min-width:58px!important}
}
/* 0.17.50 — mobile topbar search overflow fix
The global search bar must never overflow the phone viewport.
Keep the phone layout as a simple flex row so the search field can shrink
between the folder button and right-side actions without grid intrinsic-size
conflicts or iOS search-input quirks. */
.topbar,.topbar-left,.topbar-actions,.search-wrap{min-width:0}
.search-wrap{width:100%;max-width:100%;overflow:hidden}
.search-wrap input{display:block;width:100%;max-width:100%;min-width:0;-webkit-appearance:none;appearance:none}
.search-wrap input::-webkit-search-decoration,.search-wrap input::-webkit-search-cancel-button,.search-wrap input::-webkit-search-results-button,.search-wrap input::-webkit-search-results-decoration{display:none;-webkit-appearance:none}
@media(max-width:700px){
.topbar{display:flex;align-items:center;gap:8px;padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right));overflow:hidden}
.topbar-left{flex:0 0 auto}
.search-wrap{flex:1 1 auto;height:44px;min-width:0;border-color:#dfe4eb;border-radius:14px;background:rgba(255,255,255,.99);box-shadow:0 2px 9px rgba(15,23,42,.04)}
.topbar-actions{flex:0 0 auto;margin-left:0}
}
@media(max-width:430px){
.topbar{gap:6px;padding-left:max(6px,env(safe-area-inset-left));padding-right:max(6px,env(safe-area-inset-right))}
.search-wrap{height:42px;padding:0 5px;grid-template-columns:28px minmax(0,1fr)}
.search-wrap.has-query{grid-template-columns:28px minmax(0,1fr) 30px}
}
/* 0.17.51 — mobile UI containment and touch sweep */
@media(max-width:700px){
html,body,.mail-app,.app-body,.mail-stage{max-width:100%;overflow-x:hidden}
.message-pane,.reader-pane{max-width:100%;overflow:hidden}
.topbar-left .icon-btn,.account-dialog-close{min-width:44px;min-height:44px}
.toast{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));max-width:none;transform:translateY(12px);overflow-wrap:anywhere;white-space:normal}
.toast.show{transform:translateY(0)}
.compose,.compose-header,.compose-addresses,.compose-editor-shell,.compose-bottom{max-width:100%}
.compose-row,.compose-recipient-row{min-width:0}
.compose-row input,.compose-row select{max-width:100%}
.thread-envelope summary{overflow:hidden}
.thread-recipient{display:block}
.inbound-attachments,.attachment-download{max-width:100%;min-width:0}
}
@media(max-width:430px){
.pane-title{min-width:0}
.pane-title h1{font-size:19.5px}
.pane-actions{flex:0 0 auto}
.reader-utility-actions{justify-content:flex-end}
}
/* 0.17.52 — mobile UI sweep round two
Normalize secondary sheets, keyboard states, touch targets and tiny-phone
layouts. Keep this block containment-focused so desktop stays unchanged. */
@media(max-width:700px){
/* Login/setup must remain reachable when the software keyboard reduces the viewport. */
.mail-login{overflow-y:auto;overscroll-behavior-y:contain;align-items:flex-start}
.mail-login-card{margin:auto 0;flex:0 0 auto}
/* Secondary dialogs behave as bounded mobile sheets instead of clipped desktop cards. */
.mail-apps-dialog,.account-dialog{max-width:100%;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}
/* Mail app access is a scrollable sheet with controls large enough for touch. */
.mail-apps-dialog{max-height:calc(100dvh - max(10px,env(safe-area-inset-top)));overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.mail-apps-dialog .account-dialog-close{width:44px;height:44px;right:7px;top:7px}
.mail-apps-create button,.mail-app-password-result button,.mail-app-row button{min-height:44px}
.mail-app-row button{min-width:64px;font-size:10px}
/* Prevent fixed sheets from inheriting horizontal content width. */
.account-overlay,.folder-overlay,.mail-apps-overlay,.rules-overlay{max-width:100%;overflow-x:hidden}
}
@media(max-width:390px){
.mail-apps-config{grid-template-columns:1fr}
.mail-apps-dialog{padding-left:14px;padding-right:14px}
.mail-apps-dialog>p{margin-right:40px}
}
/* 0.17.53 — mobile UI sweep round three
Interaction-state polish for narrow phones, touch targets and landscape. */
@media(max-width:700px){
/* Reader controls should remain genuinely touchable, not desktop-sized icons. */
.back-to-list{min-height:44px}
.reader-utility-actions>.small-icon{min-width:44px;min-height:44px}
.thread-envelope summary{min-height:38px;margin-top:-3px;margin-bottom:-3px;padding-left:6px;padding-right:6px}
/* Composer controls and attachment removal need full touch targets. */
#closeCompose{width:44px;height:44px;min-width:44px;min-height:44px}
#sendReal{height:44px;min-height:44px}
.compose-cc-toggle{min-width:44px;height:40px;min-height:40px}
.compose-row input,.compose-row select{min-width:0}
.compose-attachment-remove{width:44px;height:44px;min-width:44px;min-height:44px;margin-right:-5px}
.compose-attachment{grid-template-columns:38px minmax(0,1fr) 40px}
/* Selection mode should expose its actions instead of hiding them in a horizontal scroller. */
.bulk-toolbar{grid-template-columns:1fr;gap:6px;padding:7px 8px}
.select-all{min-width:0;padding:0 4px}
.bulk-actions{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;overflow:visible;padding:0}
.bulk-actions button{width:100%;min-width:0;height:40px;min-height:40px;padding:0 5px;font-size:9.5px;text-overflow:ellipsis}
.bulk-toolbar.trash-selection .bulk-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
.bulk-toolbar.trash-selection #bulkDeleteForever{font-size:9px}
.message-pane.is-drafts.selection-mode .bulk-toolbar{grid-template-columns:1fr;gap:6px}
.message-pane.is-drafts.selection-mode .bulk-actions{display:flex;justify-content:flex-end}
.message-pane.is-drafts.selection-mode #bulkTrash{min-width:112px;height:40px}
/* Long message content should wrap unless it is an intentionally scrollable rich table. */
.thread-card-body:not(.rich-mail),.thread-detail-row>span,.inbound-attachments .attachment-download span{overflow-wrap:anywhere;word-break:break-word}
.admin-mail-privacy-notice{min-height:62px;gap:9px;padding:9px 10px}
.admin-mail-privacy-notice strong{font-size:11px}
.admin-mail-privacy-notice small{font-size:9.75px;line-height:1.3}
.admin-redacted-message{grid-template-columns:36px minmax(0,1fr) auto;gap:9px;padding-left:8px;padding-right:8px}
.admin-redacted-lock{width:36px;height:36px}
.admin-redacted-copy small{display:none}
.trash-retention-notice{min-height:58px;gap:9px;padding:8px 10px}
.trash-retention-icon{width:32px;height:32px;flex-basis:32px;border-radius:10px}
.trash-retention-notice strong{font-size:11px}
.trash-retention-notice small{font-size:9.75px;line-height:1.3}
}
@media(max-width:360px){
.compose-header{grid-template-columns:64px minmax(0,1fr) 64px;gap:2px;padding-left:max(5px,env(safe-area-inset-left));padding-right:max(5px,env(safe-area-inset-right))}
.compose-heading strong{font-size:15px}
.compose-heading small{font-size:9.75px}
#sendReal{width:64px;min-width:64px;padding:0 9px;font-size:12.5px;gap:0}
#sendReal[aria-busy="true"] .send-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#sendReal[aria-busy="true"] .send-progress{width:15px;height:15px;flex-basis:15px}
.compose-row{grid-template-columns:44px minmax(0,1fr);padding-left:9px;padding-right:8px}
.compose-recipient-row{grid-template-columns:44px minmax(0,1fr) 44px}
.compose-cc-toggle{width:44px;padding:0;font-size:9px;overflow:hidden}
.bulk-actions{gap:3px}
.bulk-actions button{font-size:9px;padding:0 3px}
}
/* Landscape phones need a deliberately compact shell rather than a clipped portrait layout. */
@media(max-height:500px) and (orientation:landscape) and (max-width:950px){
.topbar{height:50px;flex-basis:50px;padding-top:env(safe-area-inset-top)}
.search-wrap{height:36px}
.mail-stage{height:calc(100dvh - 50px - env(safe-area-inset-top) - var(--mobile-mail-nav-space));margin:0;border-radius:0;border-bottom:0}
.message-pane>.pane-header{height:58px;flex-basis:58px}
.reader-toolbar{height:52px;min-height:52px;flex-basis:52px;padding-top:4px;padding-bottom:4px}
.back-to-list{height:42px;min-height:42px}
.reader-utility-actions>.small-icon{height:38px;min-height:38px;width:38px;min-width:38px}
.reader-reply-actions,.mobile-reader-reply-actions{display:none!important}
.conversation-email{padding-top:14px;padding-bottom:24px}
.compose-header{min-height:50px;flex-basis:50px;padding-top:env(safe-area-inset-top);padding-bottom:3px}
.compose-row{min-height:42px}
.compose-subject-row{min-height:44px}
.compose-editor{padding-top:12px;padding-bottom:16px}
.compose-formatbar{min-height:46px;padding-top:3px;padding-bottom:3px}
.compose-footer{min-height:44px}
}
/* 0.17.54 — mobile UI sweep round four
Fix interaction clearance, safe-area duplication, touch targets, and
landscape account access without reintroducing competing header layouts. */
@media(max-width:700px){
/* The two-row selection toolbar is taller than the old one-row toolbar. */
.message-pane.selection-mode .message-list{padding-bottom:108px}
/* Avoid double-counting the home-indicator inset in the account sheet. */
/* Secondary account control keeps a real touch target. Folder controls live in the canonical navigation section. */
/* Keep the clear-search control easy to hit without widening the search field. */
.search-options{width:38px;height:38px;min-width:38px;min-height:38px}
.search-wrap.has-query{grid-template-columns:28px minmax(0,1fr) 38px}
}
@media(max-width:430px){
.message-pane.selection-mode .message-list{padding-bottom:112px}
.search-wrap.has-query{grid-template-columns:28px minmax(0,1fr) 38px}
}
/* Landscape phones hide the bottom dock, so restore account access in the top bar
and make the notch/safe-area height calculation consistent with portrait. */
@media(max-height:500px) and (orientation:landscape) and (max-width:950px){
.topbar{height:calc(50px + env(safe-area-inset-top));flex-basis:calc(50px + env(safe-area-inset-top))}
.profile-btn{display:grid;width:38px;height:38px;place-items:center;margin-left:0}
.topbar-actions{display:flex;align-items:center}
.compose-header{min-height:calc(50px + env(safe-area-inset-top));flex-basis:calc(50px + env(safe-area-inset-top))}
}
/* 0.17.70 — canonical Messages UI + reversible Mail category + app-level conversation modal
The starter is an app-level modal, not a child of the Messages stacking context.
Keep exactly one base definition and one phone layout; do not add later messages-new-* overrides. */
.mail-stage.messages-mode>.message-pane,.mail-stage.messages-mode>.reader-pane{display:none}
.messages-experiment{grid-column:1/-1;min-width:0;min-height:0;height:100%;position:relative;display:grid;grid-template-columns:minmax(310px,360px) minmax(0,1fr);background:#fff}
.messages-experiment[hidden]{display:none}
.messages-chat-list-pane{min-width:0;min-height:0;display:flex;flex-direction:column;border-right:1px solid #e6e9ef;background:#fbfcfe}
.messages-view-head{flex:0 0 auto;min-height:94px;padding:19px 16px 15px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid #e9ecf1;background:#fff}
.messages-head-identity{min-width:0;display:flex;align-items:flex-start;gap:10px}.messages-head-glyph{display:none}.messages-head-glyph svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.messages-view-head h1{margin:0;color:#172033;font-size:23px;line-height:1.05;letter-spacing:-.04em}.messages-view-head p{max-width:230px;margin:6px 0 0;color:#8b95a5;font-size:10.5px;line-height:1.4}
.messages-head-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.messages-new{height:40px;border:0;border-radius:11px;background:#3158d4;color:#fff;padding:0 13px;font-size:10.5px;font-weight:800;white-space:nowrap}.messages-refresh{width:40px;height:40px;flex:0 0 auto;border:1px solid #e3e7ee;border-radius:11px;background:#fff;color:#718096;display:grid;place-items:center}.messages-refresh svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.messages-chat-list{min-height:0;flex:1;overflow-y:auto;padding:7px 7px 12px;overscroll-behavior:contain}.messages-chat-row{position:relative;width:100%;min-height:70px;border:0;border-radius:13px;background:transparent;padding:9px;display:grid;grid-template-columns:42px minmax(0,1fr) 8px;gap:9px;align-items:center;text-align:left;color:#344054}.messages-chat-row:hover{background:#f3f5f9}.messages-chat-row.active{background:#edf2ff}.messages-chat-row.unread .messages-list-top strong{font-weight:820;color:#1f2937}
.messages-list-avatar,.messages-chat-avatar{display:grid;place-items:center;border-radius:50%;background:#eef1f5;color:#667085;font-weight:820}.messages-chat-row.unread .messages-list-avatar{background:#e7efff;color:#3158d4;box-shadow:inset 0 0 0 1px rgba(49,88,212,.12)}.messages-list-avatar{width:42px;height:42px;font-size:10px}.messages-list-copy{min-width:0;display:block}.messages-list-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.messages-list-top strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:690}.messages-list-top time{flex:0 0 auto;color:#8f99a7;font-size:10px}.messages-list-preview{display:block;min-width:0;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8793a3;font-size:10.5px}.messages-unread-dot{width:7px;height:7px;border-radius:50%;background:#3158d4;justify-self:center}
.messages-chat-skeleton{height:70px;margin:2px 0;display:grid;grid-template-columns:42px minmax(0,1fr);gap:9px;align-items:center;padding:9px}.messages-chat-skeleton>i{width:42px;height:42px;border-radius:50%;background:#eef1f5}.messages-chat-skeleton span{display:grid;gap:7px}.messages-chat-skeleton b,.messages-chat-skeleton em{height:9px;border-radius:999px;background:#eef1f5}.messages-chat-skeleton b{width:45%}.messages-chat-skeleton em{width:78%}
.messages-empty{margin:auto;padding:36px 30px;text-align:center}.messages-empty strong,.messages-empty span{display:block}.messages-empty strong{font-size:14px}.messages-empty span{max-width:280px;margin:7px auto 0;color:#8793a3;font-size:11.5px;line-height:1.5}.messages-empty button{height:42px;margin-top:16px;border:0;border-radius:11px;background:#3158d4;color:#fff;padding:0 15px;font-size:11px;font-weight:800}
.messages-chat-pane{min-width:0;min-height:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#fbfcff 0,#f6f8fc 100%)}.messages-chat-head{height:68px;flex:0 0 68px;padding:0 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #e6e9ef;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.messages-back{display:none}.messages-chat-avatar{width:38px;height:38px;flex:0 0 auto;font-size:10px}.messages-chat-person{min-width:0;flex:1}.messages-chat-person strong,.messages-chat-person span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages-chat-person strong{color:#263249;font-size:12px}.messages-chat-person span{margin-top:3px;color:#8793a3;font-size:10px}
.messages-to-mail{height:40px;flex:0 0 auto;border:1px solid #dfe4ec;border-radius:10px;background:#fff;color:#5f6b7c;padding:0 11px;display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:760;white-space:nowrap}.messages-to-mail[hidden]{display:none}.messages-to-mail svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.messages-to-mail:disabled{opacity:.55}
.messages-bubbles{min-height:0;flex:1;overflow-y:auto;padding:24px max(18px,5vw) 18px;overscroll-behavior:contain;scroll-behavior:smooth}.messages-bubble-row{display:flex;margin:7px 0}.messages-bubble-row.incoming{justify-content:flex-start}.messages-bubble-row.outgoing{justify-content:flex-end}.messages-bubble{max-width:min(72%,680px);padding:10px 12px 7px;border-radius:17px;box-shadow:0 1px 2px rgba(15,23,42,.035)}.messages-bubble-row.incoming .messages-bubble{background:#fff;border:1px solid #e5e9ef;border-bottom-left-radius:6px}.messages-bubble-row.outgoing .messages-bubble{color:#fff;border-bottom-right-radius:6px}.messages-bubble-row.outgoing.veltar .messages-bubble{background:#3158d4}.messages-bubble-row.outgoing.external .messages-bubble{background:#0f7f95}.messages-bubble p{margin:0;font-size:13px;line-height:1.45;overflow-wrap:anywhere}.messages-bubble small{display:block;margin-top:5px;font-size:10.5px;opacity:.62;text-align:right}.messages-bubble-attachment{display:inline-flex;margin-top:7px;padding:5px 7px;border-radius:8px;background:rgba(127,137,156,.1);font-size:10px;font-weight:700}.messages-bubble-row.outgoing .messages-bubble-attachment{background:rgba(255,255,255,.14)}
.messages-chat-placeholder,.messages-chat-loading{height:100%;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#98a2b3}.messages-chat-placeholder>span{width:42px;height:42px;border-radius:14px;background:#eeeaff;color:#6d56b3;display:grid;place-items:center;font-size:18px}.messages-chat-placeholder strong{margin-top:10px;color:#667085;font-size:12px}.messages-chat-placeholder p{max-width:300px;margin:6px 0 0;font-size:11px;line-height:1.5}.messages-chat-loading{font-size:11px}
.messages-reply{flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px max(14px,4vw) 8px;border-top:1px solid #e5e9ef;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.messages-reply[hidden]{display:none}.messages-reply textarea{width:100%;min-height:42px;max-height:120px;resize:none;border:1px solid #dfe4ec;border-radius:14px;background:#f8fafc;padding:11px 13px;outline:none;color:#344054;font-size:14px;line-height:1.35}.messages-reply textarea:focus{border-color:#a7b6eb;background:#fff;box-shadow:0 0 0 3px rgba(49,88,212,.07)}.messages-reply button{height:42px;align-self:end;border:0;border-radius:12px;background:#3158d4;color:#fff;padding:0 15px;font-size:11px;font-weight:800}.messages-reply button:disabled{opacity:.55}.messages-reply small{grid-column:1/-1;color:#8f99a7;font-size:10.5px;padding-left:5px;line-height:1.35}
.messages-new-overlay{position:fixed;inset:0;z-index:240;display:grid;place-items:center;padding:18px;background:rgba(15,23,42,.34);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:hidden;isolation:isolate}.messages-new-overlay[hidden]{display:none}
.messages-new-sheet{width:min(460px,100%);max-height:calc(100% - 20px);min-height:0;overflow:hidden;border:1px solid #e1e5ec;border-radius:21px;background:#fff;box-shadow:0 28px 80px rgba(15,23,42,.2);display:flex;flex-direction:column}
.messages-new-head{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:20px 20px 14px;border-bottom:1px solid #edf0f4}.messages-new-title{min-width:0}.messages-new-title strong,.messages-new-title span{display:block}.messages-new-title strong{color:#263249;font-size:21px;letter-spacing:-.035em}.messages-new-title span{margin-top:5px;color:#8792a2;font-size:11.5px;line-height:1.4}.messages-new-head>button{width:40px;height:40px;flex:0 0 40px;border:0;border-radius:11px;background:#f2f4f7;color:#667085;font-size:21px}
.messages-new-body{min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;padding:16px 20px 4px;overscroll-behavior:contain}.messages-new-field{display:block;min-width:0;color:#5f6b7b;font-size:11px;font-weight:800}.messages-new-field+.messages-new-field{margin-top:17px}.messages-new-field>span{display:block;margin-bottom:7px}.messages-new-input-shell{width:100%;min-width:0;height:46px;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;border:1px solid #dfe4ec;border-radius:12px;background:#fff;overflow:hidden;transition:border-color .15s,box-shadow .15s}.messages-new-input-shell:focus-within{border-color:#9fb1e9;box-shadow:0 0 0 3px rgba(49,88,212,.08)}.messages-new-at{display:grid;place-items:center;color:#98a2b3;font-size:14px;font-weight:800}.messages-new-input-shell input{display:block;width:100%;max-width:100%;min-width:0;height:100%;border:0;background:transparent;outline:0;padding:0 12px 0 0;color:#344054;font-size:14px}.messages-new-message textarea{display:block;width:100%;max-width:100%;min-width:0;min-height:132px;resize:vertical;border:1px solid #dfe4ec;border-radius:13px;background:#fff;padding:12px 13px;outline:none;color:#344054;font-size:14px;line-height:1.5}.messages-new-message textarea:focus{border-color:#9fb1e9;box-shadow:0 0 0 3px rgba(49,88,212,.08)}
.messages-new-boundary{min-width:0;margin-top:14px;padding:10px 11px;border-radius:11px;background:#f7f8fb;display:grid;grid-template-columns:20px minmax(0,1fr);gap:7px;align-items:start}.messages-new-boundary>span{width:20px;height:20px;border-radius:50%;background:#e7ebf3;color:#697586;display:grid;place-items:center;font-size:10px;font-weight:850}.messages-new-boundary p{min-width:0;margin:1px 0 0;color:#748092;font-size:10.5px;line-height:1.45;overflow-wrap:anywhere}
.messages-new-actions{flex:0 0 auto;display:flex;justify-content:flex-end;gap:8px;padding:14px 20px 18px;background:#fff;border-top:1px solid #edf0f4}.messages-new-actions button{height:44px;border:1px solid #dfe4ec;border-radius:11px;background:#fff;color:#5f6b7b;padding:0 15px;font-size:11.5px;font-weight:800}.messages-new-actions button:last-child{min-width:92px;border-color:#3158d4;background:#3158d4;color:#fff}.messages-new-actions button:disabled{opacity:.55}
.messages-move-confirm-overlay{position:fixed;inset:0;z-index:245;display:grid;place-items:center;padding:18px;background:rgba(15,23,42,.38);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);isolation:isolate}.messages-move-confirm-overlay[hidden]{display:none}.messages-move-confirm{width:min(410px,100%);border:1px solid #e1e5ec;border-radius:20px;background:#fff;padding:24px;box-shadow:0 28px 80px rgba(15,23,42,.22);text-align:center}.messages-move-confirm-icon{width:44px;height:44px;margin:0 auto 13px;border-radius:14px;background:#eef2ff;color:#3158d4;display:grid;place-items:center}.messages-move-confirm-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.messages-move-confirm h2{margin:0;color:#263249;font-size:19px;letter-spacing:-.03em}.messages-move-confirm p{margin:8px 0 0;color:#748092;font-size:11.5px;line-height:1.5}.messages-move-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.messages-move-confirm-actions button{height:44px;border:1px solid #dfe4ec;border-radius:11px;background:#fff;color:#5f6b7b;font-size:11.5px;font-weight:800}.messages-move-confirm-actions button:last-child{border-color:#3158d4;background:#3158d4;color:#fff}.messages-move-confirm-actions button:disabled{opacity:.55}.account-signout-confirm-icon{background:#fff1f0;color:#b42318}.account-signout-confirm-actions button:last-child{border-color:#b42318;background:#b42318;color:#fff}
@media(max-width:700px){
.messages-experiment{position:absolute;inset:0;z-index:8;display:block;background:#fbfcfe}.messages-chat-list-pane{height:100%;border-right:0}.messages-view-head{min-height:62px;margin:7px 8px 5px;padding:6px 7px;align-items:center;border:1px solid #e4e9f0;border-radius:17px;background:rgba(255,255,255,.985);box-shadow:0 3px 13px rgba(15,23,42,.055)}.messages-head-identity{align-items:center;gap:9px}.messages-head-glyph{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border-radius:13px;background:#f1efff;color:#735bc0;box-shadow:inset 0 0 0 1px #e4def8}.messages-view-head h1{font-size:18px}.messages-view-head p{display:none}.messages-head-actions{gap:2px;padding:2px;border:1px solid #e6eaf0;border-radius:15px;background:#f6f8fb}.messages-new{height:44px;padding:0 11px;border-radius:11px;font-size:10.5px}.messages-refresh{width:44px;height:44px;border:0;background:transparent}.messages-chat-list{padding:5px 5px 10px}.messages-chat-row{min-height:70px;border-radius:12px;padding:8px;grid-template-columns:42px minmax(0,1fr) 8px}.messages-chat-pane{display:none;position:absolute;inset:0;z-index:4;background:#f7f9fd}.messages-chat-pane.thread-open{display:flex}.messages-chat-head{height:58px;flex-basis:58px;padding:0 9px;gap:8px}.messages-back{width:42px;height:42px;flex:0 0 42px;border:0;border-radius:11px;background:transparent;color:#667085;display:grid;place-items:center}.messages-back svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.messages-chat-avatar{width:34px;height:34px}.messages-to-mail{width:42px;height:42px;padding:0;justify-content:center;border-radius:11px}.messages-to-mail span{display:none}.messages-to-mail svg{width:18px;height:18px}.messages-bubbles{padding:16px 10px 12px}.messages-bubble{max-width:86%;padding:10px 11px 7px}.messages-bubble p{font-size:13px;line-height:1.42}.messages-reply{padding:8px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));gap:6px}.messages-reply textarea{min-height:44px;font-size:16px}.messages-reply button{height:44px;min-width:62px}.messages-reply small{padding-left:4px}
.messages-new-overlay{place-items:end stretch;padding:max(8px,env(safe-area-inset-top)) 0 0}
.messages-new-sheet{width:100%;height:min(640px,calc(100dvh - max(8px,env(safe-area-inset-top))));max-height:100%;min-height:0;border:0;border-radius:24px 24px 0 0;box-shadow:0 -18px 56px rgba(15,23,42,.2)}
.messages-new-sheet:before{content:"";width:38px;height:4px;flex:0 0 4px;margin:8px auto 0;border-radius:999px;background:#d9dee7}
.messages-new-head{padding:11px max(15px,env(safe-area-inset-right)) 11px max(15px,env(safe-area-inset-left));align-items:center}.messages-new-title strong{font-size:21px}.messages-new-title span{font-size:11px}.messages-new-head>button{width:44px;height:44px;flex-basis:44px;border-radius:13px}
.messages-new-body{flex:1 1 auto;display:flex;flex-direction:column;padding:14px max(15px,env(safe-area-inset-right)) 10px max(15px,env(safe-area-inset-left));-webkit-overflow-scrolling:touch}.messages-new-field{font-size:11px}.messages-new-field+.messages-new-field{margin-top:14px}.messages-new-input-shell{height:50px;flex:0 0 50px;border-radius:14px;grid-template-columns:34px minmax(0,1fr)}.messages-new-at{font-size:15px}.messages-new-input-shell input,.messages-new-message textarea{font-size:16px}.messages-new-message{min-height:0;flex:1 1 auto;display:flex;flex-direction:column}.messages-new-message textarea{min-height:96px;flex:1 1 auto;resize:none;border-radius:14px}.messages-new-boundary{flex:0 0 auto;margin-top:10px;padding:10px 11px}.messages-new-boundary p{font-size:10.5px}
.messages-new-actions{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8px;padding:10px max(15px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(15px,env(safe-area-inset-left));box-shadow:0 -8px 24px rgba(15,23,42,.035)}.messages-new-actions button,.messages-new-actions button:last-child{width:100%;min-width:0;height:48px;min-height:48px;border-radius:13px;padding:0 10px;font-size:11.5px}
.messages-move-confirm-overlay{place-items:end stretch;padding:0}.messages-move-confirm{width:100%;border:0;border-radius:24px 24px 0 0;padding:22px max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));box-shadow:0 -18px 56px rgba(15,23,42,.2)}.messages-move-confirm-actions button{height:48px;font-size:10.5px}
}
@media(max-width:370px){.messages-chat-avatar{display:none}.messages-chat-head{gap:5px}.messages-bubble{max-width:91%}.messages-new{font-size:10px;padding:0 8px}}
/* 0.18.43 — use PDF.js' native annotation DOM for reliable PDF links. */
.attachment-pdf-annotation-layer{
position:absolute;
inset:0;
z-index:4;
overflow:hidden;
pointer-events:none;
transform-origin:0 0;
}
.attachment-pdf-annotation-layer section{
position:absolute;
box-sizing:border-box;
text-align:initial;
pointer-events:auto;
transform-origin:0 0;
}
.attachment-pdf-annotation-layer .linkAnnotation>a,
.attachment-pdf-annotation-layer .buttonWidgetAnnotation.pushButton>a{
position:absolute;
inset:0;
display:block;
width:100%;
height:100%;
box-sizing:border-box;
background:rgba(0,0,0,.001);
cursor:pointer;
pointer-events:auto;
touch-action:manipulation;
-webkit-tap-highlight-color:rgba(49,88,212,.15);
}
.attachment-pdf-annotation-layer .linkAnnotation>a:focus-visible,
.attachment-pdf-annotation-layer .buttonWidgetAnnotation.pushButton>a:focus-visible{
outline:2px solid #3158d4;
outline-offset:1px;
background:rgba(49,88,212,.08);
}
/* 0.18.50 — resilient transactional mail + duplicate-thread cleanup */
.thread-duplicate-note{position:relative;flex:0 0 auto;width:auto;max-width:100%;margin:0;color:#7e8998;font-size:9.75px;line-height:1.35}
.thread-duplicate-note>summary{display:inline-flex;align-items:center;min-height:26px;padding:0 7px;border:0;border-radius:8px;background:transparent;color:#7a8696;font-weight:690;cursor:pointer;list-style:none;user-select:none;white-space:nowrap}
.thread-duplicate-note>summary::-webkit-details-marker{display:none}.thread-duplicate-note>summary:after{content:'›';margin-left:4px;color:#a0a9b5;font-size:13px;line-height:1;transform:rotate(90deg);transition:transform .14s}.thread-duplicate-note[open]>summary:after{transform:rotate(-90deg)}.thread-duplicate-note>summary:hover{background:#f1f4f8;color:#566377}.thread-duplicate-note>div{position:absolute;z-index:7;top:29px;right:0;width:max-content;max-width:min(260px,calc(100vw - 34px));padding:8px 10px;border:1px solid #e4e9ef;border-radius:10px;background:#fff;color:#788496;box-shadow:0 8px 24px rgba(15,23,42,.1)}
.thread-card-body.rich-mail img.mail-remote-image{background:#f8fafc}.thread-card-body.rich-mail img.mail-remote-image:not([width]){min-height:1px}.thread-card-body.rich-mail.layout-mail img{margin-top:0;margin-bottom:0}.thread-card-body.rich-mail.layout-mail>table{margin-left:auto;margin-right:auto}
@media(max-width:700px){
.thread-duplicate-note{font-size:9.75px}.thread-duplicate-note>summary{min-height:30px;padding:0 6px}
.thread-card-body.rich-mail.layout-mail{border-radius:12px}
.thread-card-body.rich-mail a.mail-cta{min-height:44px;padding:10px 14px;font-size:12.25px;font-weight:780}
}
/* 0.18.237 — simplified address-book Contacts workspace */
/* 0.18.367 — unified modern Contacts workspace */
.contacts-view{position:absolute;inset:0;z-index:8;grid-column:1/-1;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;background:#f7f8fb;color:#172033;overflow:hidden}
.contacts-view[hidden]{display:none}
.contacts-head{flex:0 0 auto;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 24px;border-bottom:1px solid #e5e9ef;background:#fff}
.contacts-title{min-width:0;display:block}.contacts-eyebrow{display:block;margin-bottom:4px;color:#7c8aa0;font-size:8.5px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.contacts-title h1{margin:0;color:#172033;font-size:25px;line-height:1;letter-spacing:-.035em}.contacts-title p{margin:6px 0 0;color:#7f8b9c;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contacts-add{height:42px;border:0;border-radius:12px;background:#3158d4;color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 15px;font-size:11px;font-weight:800;box-shadow:0 1px 2px rgba(15,23,42,.08);transition:background .12s ease,transform .12s ease}.contacts-add svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.contacts-add:hover{background:#294fc6}.contacts-add:active{transform:scale(.98)}
/* 0.18.405 contact export */
.contacts-head-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.contacts-export{height:42px;border:1px solid #dfe5ed;border-radius:12px;background:#fff;color:#46566b;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;font-size:11px;font-weight:800;transition:background .12s ease,border-color .12s ease,color .12s ease,transform .12s ease}
.contacts-export:hover{background:#f7f9fc;border-color:#d1d9e5;color:#25354a}.contacts-export:active{transform:scale(.98)}
.contacts-export svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.contact-export-overlay{position:fixed;inset:0;z-index:170;display:grid;place-items:center;padding:22px;background:rgba(15,23,42,.34);backdrop-filter:blur(5px)}
.contact-export-overlay[hidden]{display:none!important}
.contact-export-dialog{width:min(560px,100%);max-height:min(720px,calc(100dvh - 44px));overflow:auto;border:1px solid rgba(216,223,233,.95);border-radius:22px;background:#fff;box-shadow:0 26px 70px rgba(15,23,42,.2)}
.contact-export-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 22px 17px;border-bottom:1px solid #e8ecf1}
.contact-export-dialog>header>div{min-width:0}.contact-export-dialog>header span{display:block;margin-bottom:4px;color:#3158d4;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.contact-export-dialog>header h2{margin:0;color:#172033;font-size:23px;line-height:1.15;letter-spacing:-.03em}.contact-export-dialog>header p{margin:7px 0 0;color:#748196;font-size:11.5px;line-height:1.5}
.contact-export-dialog>header>button{width:36px;height:36px;flex:0 0 36px;border:0;border-radius:10px;background:#f2f5f8;color:#657388;font-size:22px;line-height:1;display:grid;place-items:center}.contact-export-dialog>header>button:hover{background:#e9eef4;color:#344054}
.contact-export-section-label{display:block;color:#7c8aa0;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.contact-export-scope{padding:17px 18px 4px}.contact-export-scope-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px}.contact-export-scope-options>button{min-width:0;border:1px solid #e0e6ee;border-radius:13px;background:#fff;color:#344054;padding:11px 10px;text-align:left;display:flex;flex-direction:column;gap:3px}.contact-export-scope-options>button:hover{background:#f8faff;border-color:#cbd5e3}.contact-export-scope-options>button.active{border-color:#9eb2ee;background:#f2f5ff;box-shadow:0 0 0 1px rgba(49,88,212,.08)}.contact-export-scope-options>button[hidden]{display:none}.contact-export-scope-options strong{font-size:11.5px}.contact-export-scope-options small{color:#8491a4;font-size:9.5px;line-height:1.35}.contact-export-folder-chooser{margin-top:11px;border:1px solid #e3e8ef;border-radius:13px;background:#fafbfc;overflow:hidden}.contact-export-folder-chooser>input{width:100%;height:39px;border:0;border-bottom:1px solid #e6eaf0;background:#fff;padding:0 12px;color:#263244;font:inherit;font-size:11px;outline:none}.contact-export-folder-chooser>input:focus{box-shadow:inset 0 -2px 0 #3158d4}.contact-export-folder-list{max-height:210px;overflow:auto;padding:5px}.contact-export-folder-row{min-height:42px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 8px 5px calc(8px + var(--export-folder-depth,0)*14px);border-radius:9px;cursor:pointer}.contact-export-folder-row:hover{background:#f0f4fa}.contact-export-folder-row.is-inherited{background:#f1f5ff;cursor:default}.contact-export-folder-row.is-inherited:hover{background:#f1f5ff}.contact-export-folder-row.includes-subfolders{background:#f7f9ff}.contact-export-folder-row input{position:absolute;opacity:0;pointer-events:none}.contact-export-folder-check{width:18px;height:18px;border:1.5px solid #bcc6d4;border-radius:5px;background:#fff;display:grid;place-items:center}.contact-export-folder-check:after{content:'';width:6px;height:3px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px);opacity:0}.contact-export-folder-row input:checked+.contact-export-folder-check{background:#3158d4;border-color:#3158d4}.contact-export-folder-row input:checked+.contact-export-folder-check:after{opacity:1}.contact-export-folder-copy{min-width:0;display:flex;flex-direction:column;gap:1px}.contact-export-folder-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#344054;font-size:10.5px}.contact-export-folder-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8a95a5;font-size:8.75px}.contact-export-folder-row.is-inherited .contact-export-folder-copy small{color:#6075b8}.contact-export-folder-state{justify-self:end;border-radius:999px;background:#e8eeff;color:#3158d4;padding:4px 7px;font-size:8px;font-weight:850;white-space:nowrap}.contact-export-folder-empty{padding:18px;text-align:center;color:#8793a4;font-size:10px}.contact-export-subfolders{margin-top:10px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 11px;border:1px solid transparent;border-radius:11px;background:#f7f9fc;color:#344054;transition:background .12s ease,border-color .12s ease}.contact-export-subfolders.active{background:#f0f4ff;border-color:#cfdafa}.contact-export-subfolders[hidden]{display:none}.contact-export-subfolders input{margin:0;accent-color:#3158d4}.contact-export-subfolders span{display:flex;flex-direction:column;gap:2px}.contact-export-subfolders strong{font-size:10.5px}.contact-export-subfolders small{color:#8390a2;font-size:9.25px;line-height:1.35}.contact-export-subfolder-state{min-width:48px;border-radius:999px;background:#e7ebf1;color:#748196;padding:5px 8px;text-align:center;font-size:8px;font-weight:850}.contact-export-subfolders.active .contact-export-subfolder-state{background:#dfe8ff;color:#3158d4}.contact-export-selection{margin:9px 2px 0;color:#6f7c90;font-size:9.75px;line-height:1.4}
.contact-export-options{display:flex;flex-direction:column;gap:10px;padding:14px 18px 8px}.contact-export-options>.contact-export-section-label{margin-bottom:-1px}.contact-export-options>button{position:relative;width:100%;min-height:88px;border:1px solid #e0e6ee;border-radius:16px;background:#fff;color:#1f2937;text-align:left;padding:14px 14px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;transition:border-color .12s ease,background .12s ease,transform .12s ease}.contact-export-options>button:hover{border-color:#bcc9dc;background:#f8faff}.contact-export-options>button:active{transform:scale(.995)}.contact-export-options>button:disabled{opacity:.62;cursor:wait}
.contact-export-option-icon{width:48px;height:48px;border-radius:14px;background:#eef3ff;color:#3158d4;display:grid;place-items:center}.contact-export-option-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.contact-export-options>button:nth-child(2) .contact-export-option-icon{background:#eafafa;color:#087f8c}
.contact-export-option-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.contact-export-option-copy strong{font-size:13.5px;color:#1d2939}.contact-export-option-copy small{color:#738096;font-size:10.5px;line-height:1.45;font-weight:550}.contact-export-recommended{align-self:start;margin-top:2px;border-radius:999px;background:#eaf0ff;color:#3158d4;padding:5px 8px;font-size:8.5px;font-weight:850;text-transform:uppercase;letter-spacing:.045em}
.contact-export-note{margin:0;padding:8px 20px 21px;color:#8994a4;font-size:10px;line-height:1.5}
@media(max-width:720px){.contact-export-scope{padding:14px 12px 2px}.contact-export-scope-options{grid-template-columns:1fr;gap:6px}.contact-export-scope-options>button{min-height:56px;padding:10px 11px}.contact-export-folder-list{max-height:32dvh}.contacts-head-actions{gap:6px}.contacts-export,.contacts-add{width:40px;height:40px;padding:0;border-radius:11px}.contacts-export span,.contacts-add span{display:none}.contact-export-overlay{align-items:end;padding:0;background:rgba(15,23,42,.32)}.contact-export-dialog{width:100%;max-height:86dvh;border-radius:20px 20px 0 0;border-left:0;border-right:0;border-bottom:0;padding-bottom:max(8px,env(safe-area-inset-bottom))}.contact-export-dialog>header{padding:18px 17px 14px}.contact-export-dialog>header h2{font-size:21px}.contact-export-options{padding:14px 12px 6px}.contact-export-options>button{grid-template-columns:46px minmax(0,1fr);min-height:92px;padding:13px}.contact-export-recommended{grid-column:2;margin-top:-3px;justify-self:start}.contact-export-note{padding:8px 15px 17px}}
.contacts-workspace{flex:1;min-width:0;min-height:0;display:grid;grid-template-columns:280px minmax(0,1fr);overflow:hidden;background:#fff}
.contact-folders-pane{min-width:0;min-height:0;display:flex;flex-direction:column;border-right:1px solid #e4e8ef;background:#f7f8fb;overflow:hidden}.contacts-main{min-width:0;min-height:0;display:flex;flex-direction:column;background:#fff;overflow:hidden}
.contact-folders-pane-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 16px 10px}.contact-folders-pane-head>div{min-width:0}.contact-folders-pane-head strong{display:block;color:#344054;font-size:12px;letter-spacing:-.01em}.contact-folders-pane-head span{display:block;margin-top:3px;color:#98a2b3;font-size:9px}.contact-folders-pane-head button{width:36px;height:36px;border:0;border-radius:10px;background:#edf2ff;color:#3158d4;display:grid;place-items:center;transition:background .12s ease}.contact-folders-pane-head button:hover{background:#e2e9ff}.contact-folders-pane-head button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.contact-folders-list{flex:1;min-height:0;overflow:auto;padding:2px 10px 22px;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin}.contact-tree-section-title{padding:18px 10px 6px;color:#98a2b3;font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.contact-tree-branch,.contact-tree-children{display:contents}
.contact-tree-row{--contact-folder-depth:0;width:100%;min-height:44px;border:0;border-radius:11px;background:transparent;color:#526074;display:grid;grid-template-columns:22px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:6px 9px 6px calc(9px + (var(--contact-folder-depth) * 14px));text-align:left;font-size:11px;font-weight:680;transition:background .12s ease,color .12s ease}.contact-tree-row:hover{background:#eef1f5;color:#344054}.contact-tree-row.active{background:#e9efff;color:#274fc5;font-weight:790}.contact-tree-root{--contact-folder-depth:0;font-size:11.5px;font-weight:820;color:#344054}.contact-tree-smart{--contact-folder-depth:0}.contact-tree-icon{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;color:#8994a5}.contact-tree-row.active .contact-tree-icon{background:#fff;color:#3158d4;box-shadow:0 1px 2px rgba(15,23,42,.05)}.contact-tree-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.contact-tree-star{font-size:14px;color:#d79a28}.contact-tree-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-tree-row b{min-width:22px;height:22px;border-radius:999px;background:rgba(255,255,255,.72);color:#98a2b3;display:grid;place-items:center;padding:0 5px;font-size:8.5px;font-weight:800}.contact-tree-row.active b{color:#3158d4}.contact-tree-divider{height:1px;background:#e3e7ed;margin:10px 8px 0}.contact-tree-empty{margin:5px 4px;color:#7b8798;padding:10px 7px;font-size:9.5px;line-height:1.45}.contact-tree-empty button{margin-top:8px;height:33px;border:0;border-radius:9px;background:#e9efff;color:#3158d4;padding:0 10px;font-size:9px;font-weight:800}
.contacts-tools{flex:0 0 auto;width:100%;padding:18px 22px 14px;border-bottom:1px solid #e8ecf1;background:#fff;display:flex;flex-direction:column;gap:13px}.contacts-folder-toolbar{display:flex;align-items:center;gap:10px}.contacts-folder-back{display:none;height:38px;border:0;border-radius:10px;background:transparent;color:#3158d4;align-items:center;gap:5px;padding:0 7px;font-size:10.5px;font-weight:800}.contacts-folder-back:hover{background:#f2f5fb}.contacts-folder-back svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.contacts-folder-context{min-width:0;flex:1;display:flex;align-items:center;justify-content:space-between;gap:14px}.contacts-folder-context>div:first-child{min-width:0}.contacts-folder-context h2{margin:0;color:#172033;font-size:21px;line-height:1.12;letter-spacing:-.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contacts-folder-context>div:first-child>span{display:block;margin-top:4px;color:#8c98a8;font-size:9.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contacts-folder-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.contacts-folder-actions>button{height:36px;border:1px solid #e1e6ed;border-radius:10px;background:#fff;color:#5c697c;padding:0 10px;font-size:9.75px;font-weight:780;display:flex;align-items:center;gap:6px;transition:background .12s ease,border-color .12s ease,color .12s ease}.contacts-folder-actions>button:hover{background:#f6f8fb;border-color:#d6dde7;color:#344054}.contacts-folder-actions svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.contacts-folder-actions #manageContactFolderButton svg{fill:currentColor;stroke:none}.contacts-organize-button.active{background:#edf2ff!important;border-color:#cfd9fa!important;color:#3158d4!important}
.contacts-search-row{display:grid;grid-template-columns:minmax(240px,1fr) 86px auto;align-items:center;gap:9px}.contacts-search{height:46px;border:1px solid #dfe4eb;border-radius:12px;background:#f7f9fc;display:flex;align-items:center;gap:9px;padding:0 12px;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.contacts-search:focus-within{border-color:#9fb2ed;background:#fff;box-shadow:0 0 0 3px rgba(49,88,212,.07)}.contacts-search svg{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:#8490a2;stroke-width:1.8;stroke-linecap:round}.contacts-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#1f2937;font:inherit;font-size:12.5px}.contacts-search input::placeholder{color:#9ba5b2}.contacts-sort{height:46px;min-width:0;border:1px solid #dfe4eb;border-radius:12px;background:#fff;display:flex;align-items:center;padding:0 9px}.contacts-sort span{display:none}.contacts-sort select{width:100%;border:0;outline:0;background:transparent;color:#526074;font:inherit;font-size:10.5px;font-weight:760}.contacts-visible-count{height:28px;border-radius:999px;background:#f3f5f8;color:#7d8998;display:flex;align-items:center;padding:0 9px;font-size:9px;font-weight:760;white-space:nowrap}
.contacts-organize-bar{min-height:50px;border:1px solid #d9e3fb;border-radius:12px;background:#f6f8ff;display:flex;align-items:center;gap:10px;padding:8px 9px 8px 11px}.contacts-organize-bar[hidden]{display:none}.contacts-select-all{display:flex;align-items:center;gap:7px;color:#526074;font-size:9.75px;font-weight:760;white-space:nowrap}.contacts-select-all input{width:16px;height:16px;accent-color:#3158d4}.contacts-selected-count{min-width:68px;color:#3158d4;font-size:9.75px;font-weight:800}.contacts-bulk-move{margin-left:auto;display:flex;align-items:center}.contacts-bulk-move button,.contacts-bulk-remove,.contacts-organize-cancel{height:36px;border-radius:10px;padding:0 12px;font-size:9.75px;font-weight:800}.contacts-bulk-move button{border:0;background:#3158d4;color:#fff;white-space:nowrap}.contacts-bulk-move button:disabled,.contacts-bulk-remove:disabled{opacity:.45}.contacts-bulk-remove{border:1px solid #d8e0ec;background:#fff;color:#526074;white-space:nowrap}.contacts-bulk-remove[hidden]{display:none}.contacts-organize-cancel{border:1px solid #d8e0ec;background:#fff;color:#667085}
.contacts-list{flex:1;min-height:0;width:100%;padding:8px 22px 28px;overflow:auto;display:flex;flex-direction:column;gap:0;scrollbar-width:thin}.contact-alpha-group{display:flex;flex-direction:column;gap:5px}.contact-alpha-group+.contact-alpha-group{margin-top:7px}.contact-alpha-label{position:sticky;top:0;z-index:2;height:30px;padding:9px 4px 5px;background:rgba(255,255,255,.97);color:#8c98a8;font-size:8.5px;font-weight:850;letter-spacing:.08em}.contact-alpha-card{display:flex;flex-direction:column;gap:5px;border-top:0}.contact-row{min-width:0;min-height:74px;background:#fff;display:grid;grid-template-columns:minmax(0,1fr) 40px 40px;align-items:center;gap:3px;color:#1f2937;border:1px solid #e8ecf1;border-radius:12px;box-shadow:0 1px 2px rgba(15,23,42,.025);overflow:hidden;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}.contact-row:hover{background:#fbfcfe;border-color:#dce3ed;box-shadow:0 2px 8px rgba(15,23,42,.045)}.contact-row.selected{background:#f1f5ff;border-color:#cbd8fb}.contact-row-main{min-width:0;min-height:72px;border:0;background:transparent;display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px;padding:9px 7px 9px 10px;text-align:left;color:inherit}.contact-row-main:focus-visible,.contact-email-action:focus-visible,.contact-favorite-action:focus-visible,.contact-tree-row:focus-visible,.contact-select-control:focus-within{outline:2px solid rgba(49,88,212,.28);outline-offset:-2px}.contact-avatar{width:44px;height:44px;border-radius:13px;background:#edf1f6;color:#637086;display:grid;place-items:center;font-size:11.5px;font-weight:850;letter-spacing:.01em}.contact-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.contact-name-line{display:flex!important;align-items:center;gap:5px;min-width:0}.contact-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;letter-spacing:-.01em;color:#202939}.contact-copy>span:not(.contact-name-line){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#637086;font-size:10.5px}.contact-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#98a2b3;font-size:9px}.contact-inline-favorite{display:none}.contact-email-action,.contact-favorite-action{width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:#94a0b0;padding:8px;display:grid;place-items:center;transition:background .12s ease,color .12s ease}.contact-email-action:hover{background:#edf3ff;color:#3158d4}.contact-favorite-action:hover,.contact-favorite-action.active{background:#fff6df;color:#d2931f}.contact-email-action svg,.contact-favorite-action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.contact-favorite-action.active svg{fill:currentColor;stroke:currentColor}
.contact-select-control{display:none;width:40px;height:40px;align-items:center;justify-content:center}.contact-select-control input{position:absolute;opacity:0;pointer-events:none}.contact-select-control span{width:20px;height:20px;border:1.5px solid #c4ccd8;border-radius:6px;background:#fff;display:grid;place-items:center}.contact-select-control span:after{content:'';width:7px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px);opacity:0}.contact-select-control input:checked+span{background:#3158d4;border-color:#3158d4}.contact-select-control input:checked+span:after{opacity:1}.contacts-view.organize-mode .contact-row{grid-template-columns:40px minmax(0,1fr)}.contacts-view.organize-mode .contact-select-control{display:flex}.contacts-view.organize-mode .contact-favorite-action,.contacts-view.organize-mode .contact-email-action{display:none}
.contact-skeleton{opacity:.58;animation:contactPulse 1.2s ease-in-out infinite alternate}.contact-skeleton .contact-avatar,.contact-skeleton .contact-copy strong,.contact-skeleton .contact-copy span{color:transparent!important;background:#e9edf3;border-radius:7px}@keyframes contactPulse{to{opacity:.9}}
.contacts-empty{margin:auto;max-width:390px;padding:50px 26px;text-align:center;color:#667085}.contacts-empty-icon{width:58px;height:58px;margin:0 auto 14px;border-radius:18px;background:#edf2ff;color:#3158d4;display:grid;place-items:center}.contacts-empty-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.contacts-empty strong{display:block;color:#243044;font-size:14px}.contacts-empty p{margin:6px 0 17px;font-size:10.5px;line-height:1.55}.contacts-empty button{height:40px;border:0;border-radius:10px;background:#3158d4;color:#fff;padding:0 14px;font-size:10.5px;font-weight:800}
/* 0.18.239 — clean contact editor: one scroll container, no nested overflow */
.contact-overlay{
position:fixed;
inset:0;
z-index:190;
display:grid;
place-items:center;
padding:18px;
background:rgba(15,23,42,.36);
}
.contact-overlay[hidden]{display:none}
.contact-dialog{
width:min(600px,100%);
max-height:calc(100dvh - 36px);
overflow-y:auto;
overflow-x:hidden;
overscroll-behavior:contain;
-webkit-overflow-scrolling:touch;
border:1px solid #dce2ea;
border-radius:24px;
background:#f7f8fb;
box-shadow:0 30px 90px rgba(15,23,42,.23);
}
.contact-dialog-head{
position:sticky;
top:0;
z-index:4;
min-height:68px;
display:grid;
grid-template-columns:auto minmax(0,1fr) auto;
align-items:center;
gap:12px;
padding:11px 16px;
border-bottom:1px solid #e5e9ef;
background:#fff;
}
.contact-dialog-title{min-width:0;text-align:center}.contact-dialog-title>span{display:block;color:#3158d4;font-size:8px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.contact-dialog-title h2{margin:2px 0 0;color:#172033;font-size:19px;line-height:1.15;letter-spacing:-.025em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-dialog-title p{margin:4px 0 0;color:#8a95a5;font-size:9.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.contact-dialog-cancel,.contact-dialog-save,.contact-dialog-edit{min-width:66px;height:40px;border:0;border-radius:11px;padding:0 11px;font:inherit;font-size:10.75px;font-weight:800}.contact-dialog-cancel{background:transparent;color:#667085;text-align:left}.contact-dialog-save{background:#3158d4;color:#fff;text-align:center}.contact-dialog-edit{border:1px solid #d9e0ea;background:#fff;color:#3158d4;text-align:center}.contact-dialog-cancel:hover{background:#f1f4f8}.contact-dialog-save:hover{background:#294fc6}.contact-dialog-edit:hover{background:#f3f6ff;border-color:#c8d4f2}.contact-dialog-save:disabled{opacity:.55;cursor:wait}.contact-dialog-edit[hidden],.contact-dialog-save[hidden]{display:none}
#contactForm{display:block;min-width:0}#contactForm[hidden]{display:none}.contact-dialog-content{padding:16px 18px max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.contact-profile-preview{padding:15px;border:1px solid #dfe5ed;border-radius:17px;background:#fff;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:13px}.contact-profile-avatar{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:#e9eef8;color:#4d5d75;font-size:16px;font-weight:880;box-shadow:inset 0 0 0 1px rgba(15,23,42,.04)}.contact-profile-preview>div{min-width:0;display:flex;flex-direction:column;gap:4px}.contact-profile-preview strong,.contact-profile-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-profile-preview strong{font-size:14.5px;letter-spacing:-.01em;color:#202939}.contact-profile-preview span{font-size:10.75px;color:#7d8998}
.contact-editor-card{border:1px solid #e1e6ed;border-radius:17px;background:#fff;padding:16px}.contact-editor-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:13px}.contact-editor-section-head>div{min-width:0}.contact-editor-section-head strong{display:block;color:#263244;font-size:12px;font-weight:840;letter-spacing:-.01em}.contact-editor-section-head span:not(.contact-editor-kicker){display:block;margin-top:3px;color:#98a2b3;font-size:9.25px;line-height:1.4}.contact-editor-kicker{display:block!important;margin:0 0 3px!important;color:#3158d4!important;font-size:7.75px!important;font-weight:860!important;letter-spacing:.08em!important;line-height:1.2!important;text-transform:uppercase}.contact-primary-fields{display:grid;grid-template-columns:1fr;gap:11px}.contact-field{display:flex;flex-direction:column;gap:6px;color:#526074;font-size:9.75px;font-weight:780}.contact-field input,.contact-field textarea,.contact-field select{width:100%;border:1px solid #dbe2eb;border-radius:12px;background:#f8fafc;color:#1f2937;padding:0 12px;outline:0;font:inherit;font-size:12.5px;font-weight:520;transition:border .12s ease,box-shadow .12s ease,background .12s ease}.contact-field input,.contact-field select{height:46px}.contact-field textarea{min-height:98px;padding-top:11px;padding-bottom:11px;line-height:1.5;resize:vertical}.contact-field input:focus,.contact-field textarea:focus,.contact-field select:focus{border-color:#8ea7ed;background:#fff;box-shadow:0 0 0 3px rgba(49,88,212,.08)}
.contact-quick-options{display:grid;grid-template-columns:minmax(0,1fr);gap:11px}.contact-folder-assignment{display:flex;flex-direction:column;gap:8px}.contact-folder-memberships{min-height:44px;display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px;border:1px solid #dfe5ec;border-radius:12px;background:#f8fafc}.contact-folder-assignment-empty{color:#8a95a5;font-size:9.5px;font-weight:560}.contact-folder-chip{max-width:190px;height:29px;border-radius:999px;background:#edf2ff;color:#3158d4;display:inline-flex;align-items:center;gap:3px;padding:0 4px 0 9px;font-size:9px;font-weight:780}.contact-folder-chip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-folder-chip button{width:21px;height:21px;border:0;border-radius:50%;background:transparent;color:#687bc0;font-size:15px;line-height:1;display:grid;place-items:center}.contact-folder-chip button:hover{background:#dfe7ff;color:#294fc6}.contact-folder-more{height:29px;border-radius:999px;background:#eef1f5;color:#667085;display:inline-flex;align-items:center;padding:0 9px;font-size:9px;font-weight:780}.contact-folder-picker-open{height:40px;border:1px solid #d9e0eb;border-radius:10px;background:#fff;color:#40506a;padding:0 12px;font-size:9.75px;font-weight:800;align-self:flex-start}.contact-folder-picker-open:hover{background:#f5f7fb;border-color:#cdd7e8;color:#3158d4}.contact-folder-picker-open:disabled{opacity:.5}
.contact-favorite{position:relative;min-height:62px;display:grid;grid-template-columns:36px minmax(0,1fr) 40px;align-items:center;gap:10px;border:1px solid #dfe5ec;border-radius:13px;padding:9px 11px;background:#f8fafc;color:#526074;cursor:pointer}.contact-favorite>input{position:absolute;opacity:0;pointer-events:none}.contact-favorite-star{width:36px;height:36px;border-radius:11px;background:#fff5dc;color:#d49a2c;display:grid;place-items:center;font-size:16px}.contact-favorite-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.contact-favorite-copy strong{font-size:10.75px;color:#435066}.contact-favorite-copy small{font-size:9px;color:#98a2b3;font-weight:520;white-space:normal}.contact-favorite-switch{width:40px;height:23px;border-radius:999px;background:#dce1e8;padding:2px;transition:background .14s ease}.contact-favorite-switch i{display:block;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.18);transition:transform .14s ease}.contact-favorite>input:checked~.contact-favorite-switch{background:#3158d4}.contact-favorite>input:checked~.contact-favorite-switch i{transform:translateX(17px)}.contact-favorite:has(input:focus-visible){outline:2px solid rgba(49,88,212,.28);outline-offset:2px}
.contact-details-card{padding:0;overflow:hidden}.contact-details-head{margin:0;padding:16px 16px 13px;border-bottom:1px solid #edf0f4}.contact-details-stack{display:flex;flex-direction:column;gap:16px;padding:15px 16px 16px;background:#fbfcfe}.contact-details-group{display:flex;flex-direction:column;gap:9px}.contact-details-group-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.contact-details-group-head strong{display:block;color:#344054;font-size:10.25px;font-weight:820}.contact-details-group-head span{display:block;margin-top:2px;color:#98a2b3;font-size:9px;line-height:1.4}.contact-email-list{display:flex;flex-direction:column;gap:8px}.contact-email-list:empty{display:none}.contact-email-row{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:8px;align-items:center}.contact-email-row input{width:100%;height:44px;border:1px solid #dbe2eb;border-radius:11px;background:#fff;padding:0 11px;font-size:12px;color:#1f2937;outline:0}.contact-email-row input:focus{border-color:#9fb2ed;box-shadow:0 0 0 3px rgba(49,88,212,.07)}.contact-email-row button{height:40px;width:40px;border:0;border-radius:10px;background:#eef1f5;color:#7a8697;font-size:19px;line-height:1}.contact-add-email{min-height:42px;border:1px dashed #c9d4e3;border-radius:11px;background:#fff;color:#3158d4;padding:0 12px;font-size:9.75px;font-weight:790;text-align:left}.contact-add-email:hover{border-color:#9fb2ed;background:#f7f9ff}.contact-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.contact-notes-field small{margin-top:-2px;color:#98a2b3;font-size:8.75px;font-weight:520;line-height:1.35}.contact-notes-field textarea{min-height:116px;background:#fff}.contact-error{margin:0}.contact-delete[hidden]{display:none}.contact-delete{width:100%;min-height:58px;border:1px solid #f0d5d8;border-radius:14px;background:#fff7f7;color:#b42335;padding:10px 13px;text-align:left;display:flex;flex-direction:column;justify-content:center;gap:2px}.contact-delete span{font-size:10.75px;font-weight:800}.contact-delete small{font-size:9px;font-weight:520;color:#c25b68}
.contact-viewer{padding:18px 18px max(22px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:13px}.contact-viewer[hidden]{display:none}.contact-viewer-hero{min-width:0;display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:16px;padding:20px;border:1px solid #e0e5ed;border-radius:20px;background:#fff}.contact-viewer-avatar{width:76px;height:76px;border-radius:22px;display:grid;place-items:center;background:#e9eef8;color:#4d5d75;font-size:20px;font-weight:880;box-shadow:inset 0 0 0 1px rgba(15,23,42,.04)}.contact-viewer-identity{min-width:0}.contact-viewer-name-line{min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.contact-viewer-name-line h3{max-width:100%;margin:0;color:#1d2939;font-size:22px;line-height:1.12;letter-spacing:-.035em;overflow-wrap:anywhere}.contact-viewer-favorite{height:24px;border-radius:999px;background:#fff4d8;color:#a76e10;display:inline-flex;align-items:center;padding:0 8px;font-size:8.5px;font-weight:820;white-space:nowrap}.contact-viewer-identity p{margin:6px 0 0;color:#667085;font-size:12px;overflow-wrap:anywhere}.contact-viewer-identity>span:last-child{display:block;margin-top:4px;color:#98a2b3;font-size:10px;font-weight:650}.contact-viewer-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.contact-viewer-actions button{height:44px;border:1px solid #dce3ec;border-radius:12px;background:#fff;color:#46546a;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;font-size:10.5px;font-weight:820}.contact-viewer-actions button.primary{border-color:#3158d4;background:#3158d4;color:#fff}.contact-viewer-actions button:hover{background:#f4f6fb}.contact-viewer-actions button.primary:hover{background:#294fc6}.contact-viewer-actions svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.contact-viewer-card{border:1px solid #e1e6ed;border-radius:17px;background:#fff;overflow:hidden}.contact-viewer-card-head{padding:13px 15px 11px;border-bottom:1px solid #eef1f4;display:flex;flex-direction:column;gap:2px}.contact-viewer-card-head strong{color:#344054;font-size:10.75px;font-weight:830}.contact-viewer-card-head span{color:#98a2b3;font-size:8.75px}.contact-viewer-detail-list{display:flex;flex-direction:column}.contact-viewer-detail{min-width:0;min-height:57px;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;padding:8px 14px}.contact-viewer-detail+.contact-viewer-detail{border-top:1px solid #f0f2f5}.contact-viewer-detail-icon{width:34px;height:34px;border-radius:10px;background:#f2f5fb;color:#60718d;display:grid;place-items:center}.contact-viewer-detail-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.contact-viewer-detail>div{min-width:0;display:flex;flex-direction:column;gap:2px}.contact-viewer-detail small{color:#98a2b3;font-size:8px;font-weight:760;text-transform:uppercase;letter-spacing:.05em}.contact-viewer-detail span,.contact-viewer-detail button{min-width:0;border:0;background:transparent;padding:0;color:#344054;text-align:left;font:inherit;font-size:10.75px;font-weight:650;line-height:1.35;overflow-wrap:anywhere}.contact-viewer-detail button{color:#3158d4;cursor:pointer}.contact-viewer-folder-list{min-height:50px;display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:12px 14px}.contact-viewer-folder{max-width:100%;min-height:29px;border-radius:999px;background:#edf2ff;color:#3158d4;display:inline-flex;align-items:center;padding:5px 10px;font-size:9px;font-weight:780;line-height:1.25;overflow-wrap:anywhere}.contact-viewer-empty{padding:14px;color:#98a2b3;font-size:9.5px}.contact-viewer-folder-list>.contact-viewer-empty{padding:0}.contact-viewer-notes-card p{margin:0;padding:14px 15px 16px;color:#526074;font-size:10.5px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.contact-picker-overlay{position:fixed;inset:0;z-index:1380;background:rgba(15,23,42,.38);display:grid;place-items:center;padding:18px}.contact-picker-overlay[hidden]{display:none}.contact-picker-dialog{width:min(540px,100%);max-height:min(720px,calc(100dvh - 36px));display:grid;grid-template-rows:auto auto auto minmax(180px,1fr) auto;border:1px solid #dce2ea;border-radius:21px;background:#fff;box-shadow:0 30px 90px rgba(15,23,42,.24);overflow:hidden}.contact-picker-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:17px 18px 14px;border-bottom:1px solid #edf0f4}.contact-picker-head>div{min-width:0}.contact-picker-head span{display:block;color:#3158d4;font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.contact-picker-head h2{margin:2px 0 0;color:#172033;font-size:18px;letter-spacing:-.025em}.contact-picker-head p{margin:4px 0 0;color:#8a95a5;font-size:9.5px;line-height:1.4}.contact-picker-head>button{width:36px;height:36px;border:0;border-radius:10px;background:#f3f5f8;color:#667085;font-size:21px;flex:0 0 auto}.contact-picker-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px 14px 9px}.contact-picker-search{height:42px;border:1px solid #dfe4ec;border-radius:11px;background:#f8fafc;display:flex;align-items:center;gap:7px;padding:0 10px}.contact-picker-search:focus-within{background:#fff;border-color:#9fb2ed;box-shadow:0 0 0 3px rgba(49,88,212,.07)}.contact-picker-search svg{width:15px;height:15px;fill:none;stroke:#8a95a5;stroke-width:1.8;stroke-linecap:round}.contact-picker-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#253045;font-size:11px}.contact-picker-selected-toggle{height:42px;border:1px solid #dfe4ec;border-radius:11px;background:#fff;color:#667085;padding:0 11px;font-size:9.75px;font-weight:800}.contact-picker-selected-toggle.active{border-color:#bdcafa;background:#edf2ff;color:#3158d4}.contact-picker-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 15px 9px;color:#98a2b3;font-size:8.75px}.contact-picker-summary>span:first-child{color:#526074;font-weight:800;white-space:nowrap}.contact-picker-summary>span:last-child{text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-picker-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-top:1px solid #f0f2f5;border-bottom:1px solid #edf0f4;padding:6px 9px}.contact-picker-row{--picker-depth:0;min-height:48px;display:grid;grid-template-columns:29px minmax(0,1fr);align-items:center;padding-left:calc(var(--picker-depth) * 16px)}.contact-picker-expand,.contact-picker-expand-spacer{width:29px;height:40px}.contact-picker-expand{border:0;background:transparent;color:#98a2b3;display:grid;place-items:center}.contact-picker-expand svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .12s ease}.contact-picker-expand.open svg{transform:rotate(90deg)}.contact-picker-choice{min-width:0;min-height:44px;border:0;border-radius:10px;background:transparent;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;padding:5px 8px;text-align:left}.contact-picker-choice:hover{background:#f5f7fb}.contact-picker-choice.selected{background:#f1f5ff}.contact-picker-check{width:22px;height:22px;border:1.5px solid #cfd6e1;border-radius:7px;background:#fff;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}.contact-picker-choice.selected .contact-picker-check{border-color:#3158d4;background:#3158d4}.contact-picker-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.contact-picker-copy strong,.contact-picker-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-picker-copy strong{color:#344054;font-size:10.75px}.contact-picker-copy small{color:#98a2b3;font-size:8.75px;font-weight:520}.contact-picker-empty{padding:26px 14px;color:#8a95a5;text-align:center;font-size:10px}.contact-picker-dialog>footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 14px max(12px,env(safe-area-inset-bottom));background:#fff}.contact-picker-dialog>footer button{height:40px;border-radius:10px;padding:0 14px;font-size:10px;font-weight:800}.contact-picker-dialog>footer button:first-child{border:1px solid #dfe4ec;background:#fff;color:#667085}.contact-picker-dialog>footer button:last-child{border:0;background:#3158d4;color:#fff}.contact-picker-dialog>footer button:disabled{opacity:.5}
.contact-folder-overlay{position:fixed;inset:0;z-index:1320;background:rgba(15,23,42,.34);display:grid;place-items:center;padding:18px}.contact-folder-overlay[hidden]{display:none}.contact-folder-dialog{width:min(430px,100%);border:1px solid #dce2ea;border-radius:19px;background:#fff;box-shadow:0 26px 74px rgba(15,23,42,.2);overflow:hidden}.contact-folder-dialog>.contact-sheet-handle{display:none}.contact-folder-dialog>header{display:flex;justify-content:space-between;gap:14px;padding:19px 19px 14px;border-bottom:1px solid #edf0f4}.contact-folder-dialog>header>div{display:flex;flex-direction:column;gap:2px}.contact-folder-dialog>header span{display:block;color:#98a2b3;font-size:8.5px;font-weight:820;letter-spacing:.08em;text-transform:uppercase}.contact-folder-dialog h2{margin:0;font-size:18px;color:#1f2937;letter-spacing:-.02em}.contact-folder-dialog header p{margin:2px 0 0;font-size:9.75px;color:#8a95a5}.contact-folder-dialog header>button{width:36px;height:36px;border:0;border-radius:10px;background:#f4f6f8;color:#667085;font-size:21px}.contact-folder-dialog form{padding:16px 19px 19px}.contact-folder-dialog form>label{display:flex;flex-direction:column;gap:6px}.contact-folder-dialog form>label span{font-size:9.75px;font-weight:760;color:#526074}.contact-folder-dialog input,.contact-folder-dialog select{height:44px;border:1px solid #dfe4ec;border-radius:11px;padding:0 11px;font-size:12.5px;outline:0;background:#fbfcfd;color:#253045}.contact-folder-dialog input:focus,.contact-folder-dialog select:focus{border-color:#9fb2ed;background:#fff;box-shadow:0 0 0 3px rgba(49,88,212,.07)}.contact-folder-dialog form>label+label{margin-top:11px}.contact-folder-path-preview{margin-top:11px;padding:11px 12px;border-radius:11px;background:#f5f7fb;display:flex;flex-direction:column;gap:2px}.contact-folder-path-preview span{font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#98a2b3}.contact-folder-path-preview strong{font-size:10.5px;color:#526074;line-height:1.35;overflow-wrap:anywhere}.contact-folder-dialog-error{margin-top:10px;padding:9px 10px;border-radius:9px;background:#fff2f2;color:#b42318;font-size:10px}.contact-folder-dialog-delete{margin-top:12px;height:38px;border:0;border-radius:9px;background:#fff3f4;color:#b42318;padding:0 11px;font-size:9.75px;font-weight:760}.contact-folder-dialog footer{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.contact-folder-dialog footer button{height:40px;border-radius:10px;padding:0 14px;font-size:10.25px;font-weight:780}.contact-folder-dialog footer button:first-child{border:1px solid #dfe4ec;background:#fff;color:#667085}.contact-folder-dialog footer button:last-child{border:0;background:#3158d4;color:#fff}
.compose-contact-suggestions{position:fixed;z-index:230;width:min(480px,calc(100vw - 20px));max-height:360px;overflow:hidden;border:1px solid #dfe4eb;border-radius:16px;background:#fff;box-shadow:0 18px 50px rgba(15,23,42,.18)}.compose-contact-suggestions[hidden]{display:none}.compose-contact-suggestions-head{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 12px 8px;border-bottom:1px solid #edf0f4;background:#fbfcfe}.compose-contact-suggestions-head>div{min-width:0;display:flex;align-items:baseline;gap:7px}.compose-contact-suggestions-head strong{font-size:11.5px;font-weight:800;color:#344054}.compose-contact-suggestions-head span{font-size:9.5px;font-weight:700;color:#98a2b3}.compose-contact-suggestions-head small{font-size:9px;font-weight:650;color:#98a2b3;white-space:nowrap}.compose-contact-tap-hint{display:none}.compose-contact-suggestions-list{max-height:310px;overflow:auto;padding:6px;overscroll-behavior:contain}.compose-contact-option{width:100%;min-height:58px;border:0;border-radius:11px;background:transparent;display:grid;grid-template-columns:40px minmax(0,1fr) 26px;align-items:center;gap:10px;padding:7px 8px;text-align:left;color:#253045;transition:background .12s ease,color .12s ease}.compose-contact-option:hover,.compose-contact-option.active{background:#f2f5ff}.compose-contact-option.active{box-shadow:inset 0 0 0 1px #dbe4ff}.compose-contact-avatar{width:40px;height:40px;border-radius:12px;background:#eef1f5;color:#667085;display:grid;place-items:center;font-size:10.5px;font-weight:850}.compose-contact-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.compose-contact-copy strong,.compose-contact-copy span,.compose-contact-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-contact-copy strong{font-size:12px;line-height:1.25;font-weight:790;color:#253045}.compose-contact-copy .compose-contact-email{font-size:10.5px;line-height:1.3;color:#667085}.compose-contact-copy small{font-size:9.25px;line-height:1.25;color:#98a2b3}.compose-contact-copy mark{padding:0;border-radius:2px;background:#fff1a8;color:inherit}.compose-contact-pick{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;color:#98a2b3;transition:background .12s ease,color .12s ease,transform .12s ease}.compose-contact-pick svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.compose-contact-option:hover .compose-contact-pick,.compose-contact-option.active .compose-contact-pick{background:#fff;color:#3158d4;transform:translateX(1px)}
.thread-contact-detail-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:10px}.thread-contact-detail-action{width:100%;min-height:38px;margin-top:0;border:1px solid #dfe5ee;border-radius:10px;background:#fff;color:#40506a;display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 10px;font-size:10.75px;font-weight:740}.thread-contact-detail-action:hover{border-color:#ccd7ee;background:#f4f7ff;color:#3158d4}.thread-contact-detail-action svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.thread-contact-detail-action.is-saved,.thread-contact-detail-action:disabled{border-color:#d9eee4;background:#f1faf5;color:#147a55;cursor:default;opacity:1}.thread-contact-block-action{min-width:84px;color:#b42318;border-color:#f2d7d5;background:#fffafa}.thread-contact-block-action:hover{color:#9d1c13;border-color:#e7b8b4;background:#fff3f2}
@media(max-width:700px){
.contacts-view{background:#fff}.contacts-head{height:62px;min-height:62px;padding:0 13px;border-bottom:1px solid #e8ecf1}.contacts-title{display:block}.contacts-eyebrow{display:none}.contacts-title h1{font-size:21px}.contacts-title p{display:none}.contacts-add{width:40px;height:40px;padding:0;border-radius:11px}.contacts-add span{display:none}.contacts-add svg{width:18px;height:18px}
.contacts-workspace{position:relative;display:block;overflow:hidden}.contact-folders-pane,.contacts-main{position:absolute;inset:0;border:0;border-radius:0;box-shadow:none}.contact-folders-pane{background:#fff;z-index:2;border-right:0}.contact-folders-pane-head{height:56px;padding:9px 13px;border-bottom:1px solid #edf0f4}.contact-folders-pane-head strong{font-size:16px}.contact-folders-pane-head span{display:none}.contact-folders-pane-head button{width:40px;height:40px;border-radius:10px}.contact-folders-list{max-height:none;padding:5px 12px 25px;gap:1px}.contact-tree-section-title{padding:18px 9px 7px}.contact-tree-row{min-height:52px;border-radius:10px;padding-right:9px;font-size:12.75px;grid-template-columns:24px minmax(0,1fr) auto auto;background:#fff}.contact-tree-row:hover{background:#fff}.contact-tree-row.active{background:#f0f4ff}.contact-tree-root{min-height:54px;font-size:13.25px}.contact-tree-icon{width:22px;height:22px}.contact-tree-icon svg{width:18px;height:18px}.contact-tree-divider{margin:10px 2px 0}.contact-tree-branch .contact-tree-row{margin-left:0;width:100%;padding-left:calc(9px + (var(--contact-folder-depth) * 14px))}.contact-tree-empty{padding:13px 8px}.contacts-main{z-index:1;display:none;min-height:0;background:#fff}.contacts-view.mobile-contact-list .contact-folders-pane{display:none}.contacts-view.mobile-contact-list .contacts-main{display:flex}
.contacts-tools{padding:9px 10px 10px;gap:9px;background:#fff}.contacts-folder-toolbar{gap:5px}.contacts-folder-back{display:inline-flex;flex:0 0 auto;height:38px;padding:0 5px}.contacts-folder-context h2{font-size:18px}.contacts-folder-context>div:first-child>span{display:none}.contacts-folder-actions{gap:3px}.contacts-folder-actions>button{width:38px;height:38px;padding:0;justify-content:center;border-radius:10px}.contacts-folder-actions>button span{display:none}.contacts-folder-actions svg{width:16px;height:16px}.contacts-search-row{display:flex;width:100%;max-width:100%;min-width:0;gap:6px;overflow:hidden}.contacts-search{height:44px;min-width:0;flex:1 1 auto;border-radius:11px}.contacts-search input{font-size:16px}.contacts-sort{box-sizing:border-box;height:42px;width:68px;min-width:68px;max-width:68px;flex:0 0 68px;border-radius:10px;padding:0;overflow:hidden}.contacts-sort select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:100%;margin:0;border:0;padding:0 4px;text-align:center;text-align-last:center;font-size:11px;-webkit-appearance:none;appearance:none;background:transparent}.contacts-visible-count{display:none}
.contacts-organize-bar{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:9px;border-radius:11px}.contacts-organize-bar[hidden]{display:none}.contacts-select-all{min-height:32px}.contacts-selected-count{justify-self:end;align-self:center}.contacts-bulk-move{grid-column:1/-1;width:100%;margin:0}.contacts-bulk-move button{width:100%;height:42px}.contacts-bulk-remove{grid-column:1/-1;width:100%;height:40px}.contacts-organize-cancel{display:none}
.contacts-list{padding:4px 10px 24px;gap:0}.contact-alpha-group{gap:4px}.contact-alpha-label{position:sticky;top:0;height:28px;padding:8px 4px 4px;background:#fff;font-size:8.5px}.contact-alpha-card{display:flex;gap:4px}.contact-row{min-height:72px;grid-template-columns:minmax(0,1fr) 40px 40px;border-radius:11px;box-shadow:none}.contact-row:hover{background:#fff}.contact-row-main{min-height:70px;grid-template-columns:44px minmax(0,1fr);gap:10px;padding:8px 4px 8px 8px}.contact-avatar{width:42px;height:42px;border-radius:12px}.contact-copy strong{font-size:13.25px}.contact-copy>span:not(.contact-name-line){font-size:10.75px}.contact-copy small{font-size:9px}.contact-email-action,.contact-favorite-action,.contact-select-control{width:38px;height:38px;border-radius:10px;padding:8px}.contacts-view.organize-mode .contact-row{grid-template-columns:40px minmax(0,1fr)}.contacts-empty{padding:34px 24px}.contacts-empty button{min-height:42px}
.contact-overlay{place-items:end center;padding:max(6px,env(safe-area-inset-top)) 0 0;background:rgba(15,23,42,.29)}
.contact-dialog{width:100%;height:calc(100dvh - max(6px,env(safe-area-inset-top)));max-height:none;border-radius:22px 22px 0 0;border-bottom:0}
.contact-dialog-head{min-height:60px;padding:8px max(11px,env(safe-area-inset-right)) 8px max(11px,env(safe-area-inset-left));gap:8px}.contact-dialog-title>span,.contact-dialog-title p{display:none}.contact-dialog-title h2{margin:0;font-size:17px}.contact-dialog-cancel,.contact-dialog-save,.contact-dialog-edit{min-width:60px;height:42px;padding:0 7px;font-size:11.5px}.contact-dialog-cancel{text-align:left}.contact-dialog-save,.contact-dialog-edit{text-align:center}.contact-dialog-content{padding:12px max(11px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(11px,env(safe-area-inset-left));gap:11px}.contact-viewer{padding:12px max(11px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(11px,env(safe-area-inset-left));gap:10px}.contact-viewer-hero{grid-template-columns:62px minmax(0,1fr);gap:13px;padding:16px 14px}.contact-viewer-avatar{width:62px;height:62px;border-radius:18px;font-size:17px}.contact-viewer-name-line h3{font-size:20px}.contact-viewer-identity p{font-size:11.5px}.contact-viewer-actions button{height:46px;font-size:11px}.contact-viewer-card-head{padding:12px 13px 10px}.contact-viewer-detail{min-height:59px;padding:8px 12px}.contact-viewer-detail span,.contact-viewer-detail button{font-size:11.5px}.contact-viewer-folder-list{padding:12px}.contact-viewer-notes-card p{padding:13px;font-size:11px}.contact-profile-preview{padding:13px;grid-template-columns:50px minmax(0,1fr);gap:11px}.contact-profile-avatar{width:50px;height:50px;border-radius:14px}.contact-editor-card{padding:13px}.contact-field input,.contact-field select{height:48px;font-size:16px}.contact-field textarea{min-height:108px;font-size:16px}.contact-favorite{min-height:62px}.contact-details-head{padding:13px 13px 11px}.contact-details-stack{padding:13px;gap:14px}.contact-email-row input{height:46px;font-size:16px}.contact-email-row button{width:42px;height:42px}.contact-add-email{min-height:44px}.contact-details-grid{grid-template-columns:1fr}.contact-delete{min-height:60px}.contact-folder-memberships{min-height:46px;padding:8px}.contact-folder-chip{height:30px;max-width:150px;font-size:10px}.contact-folder-more{height:30px;font-size:10px}.contact-folder-picker-open{width:100%;height:44px;font-size:11px}
.contact-picker-overlay{align-items:end;padding:0;background:rgba(15,23,42,.3)}.contact-picker-dialog{width:100%;height:min(82dvh,720px);max-height:calc(100dvh - max(8px,env(safe-area-inset-top)));border-radius:22px 22px 0 0;border-bottom:0;grid-template-rows:auto auto auto minmax(0,1fr) auto}.contact-picker-head{padding:13px 13px 11px}.contact-picker-head h2{font-size:17px}.contact-picker-head p{font-size:9px}.contact-picker-head>button{width:38px;height:38px}.contact-picker-tools{padding:9px 11px 7px}.contact-picker-search{height:44px}.contact-picker-search input{font-size:16px}.contact-picker-selected-toggle{height:44px;font-size:10.5px}.contact-picker-summary{padding:0 12px 7px;font-size:9px}.contact-picker-list{padding:4px 8px}.contact-picker-row{min-height:51px;padding-left:calc(var(--picker-depth) * 13px)}.contact-picker-choice{min-height:47px}.contact-picker-copy strong{font-size:12px}.contact-picker-copy small{font-size:9.5px}.contact-picker-dialog>footer{padding:9px 11px max(9px,env(safe-area-inset-bottom))}.contact-picker-dialog>footer button{min-height:44px;flex:1;font-size:11px}
.contact-folder-overlay{align-items:end;padding:0}.contact-folder-dialog{width:100%;border-radius:20px 20px 0 0;border-bottom:0;padding-bottom:max(0px,env(safe-area-inset-bottom))}.contact-folder-dialog>.contact-sheet-handle{display:block;width:38px;height:4px;border-radius:999px;background:#d5dae2;margin:7px auto 0}.contact-folder-dialog>header{padding-top:11px}.contact-folder-dialog input,.contact-folder-dialog select{height:46px;font-size:16px}.contact-folder-dialog footer button{min-height:44px;flex:1}
.compose-contact-suggestions{border-radius:15px;box-shadow:0 12px 34px rgba(15,23,42,.18)}.compose-contact-suggestions-head{min-height:46px;padding:8px 11px}.compose-contact-keyboard-hint{display:none}.compose-contact-tap-hint{display:block}.compose-contact-suggestions-list{max-height:var(--compose-suggestion-list-max,280px);padding:5px}.compose-contact-option{min-height:62px;grid-template-columns:44px minmax(0,1fr) 28px;gap:10px;padding:7px 8px;border-radius:12px}.compose-contact-avatar{width:44px;height:44px;border-radius:13px}.compose-contact-copy strong{font-size:13px}.compose-contact-copy .compose-contact-email{font-size:11.25px}.compose-contact-copy small{font-size:9.75px}.compose-contact-pick{width:28px;height:28px}.thread-contact-detail-actions{grid-template-columns:minmax(0,1fr) 88px;gap:8px}.thread-contact-detail-action{min-height:44px;font-size:11.5px}
}
/* Contacts overlays are anchored to the mailbox stage on desktop as well as mobile. */
.mail-stage{position:relative}
.thread-contact-detail-action.is-saved svg path:last-child{opacity:.45}
/* 0.18.57 — isolated rich email layout with parent-authenticated image hydration */
.mail-frame-host{width:100%;max-width:100%!important;min-width:0!important;box-sizing:border-box;padding:0!important;overflow:hidden!important;background:transparent;contain:inline-size}
.mail-frame-source{display:none!important}
.mail-rich-frame{display:block;width:100%;max-width:100%;min-width:0!important;min-height:48px;box-sizing:border-box;border:0;background:transparent;overflow:hidden;color-scheme:light}
@media(max-width:700px){
.reader-pane,.reader-scroll,.conversation-email,.thread-messages,.thread-card,.thread-card-body,.mail-frame-host,.mail-rich-frame{min-width:0!important;max-width:100%!important;box-sizing:border-box}
.reader-scroll,.conversation-email,.thread-messages,.thread-card{overflow-x:hidden}
.mail-frame-host{margin:0;padding:0!important;border-radius:0!important}
.mail-rich-frame{width:100%!important;max-width:100%!important;min-width:0!important;border-radius:0}
}
/* 0.18.67 — mobile compose progressive disclosure.
Keep the default phone composer focused on recipient, subject and message.
Secondary routing, quote context and rich-formatting controls stay available
without occupying the screen until the user asks for them. */
.compose-format-toggle{display:none}
.compose-cc-mobile{display:none}
@media(max-width:700px){
/* Default address surface: To + Subject. Sender/Cc/Bcc are under More. */
.compose-from{display:none}
.compose.compose-advanced-open .compose-from{display:grid}
.compose-cc-wide{display:none}
.compose-cc-mobile{display:inline}
.compose-cc-toggle{min-width:52px!important;width:auto!important;padding:0 9px!important;color:#536174;background:#f4f6f9}
.compose-optional{background:#fbfcfe}
/* Reply/forward mode is already clear from the title and recipients.
Remove the extra full-width context card on phones. */
.compose-response-context{display:none!important}
/* Let the message itself be the visual center of compose. */
.compose-editor-shell{order:3!important;flex:1;min-height:0}
.compose-attachments{order:4!important}
.compose-formatbar{order:5!important}
.compose-bottom{order:6!important}
.compose-editor{padding-top:18px;padding-bottom:24px}
/* Attached-message cards share one component; phones only tighten spacing. */
.compose-attached-card{margin-top:17px;border-radius:15px}
.compose-attached-head{min-height:58px;grid-template-columns:36px minmax(0,1fr) 26px;gap:9px;padding:9px 10px}
.compose-attached-avatar{width:36px;height:36px;border-radius:11px}.compose-attached-title{font-size:11.25px}.compose-attached-meta{font-size:9.75px}
.veltar-compose-quote .veltar-compose-quote-body{padding:12px 11px 14px!important;font-size:11.5px;line-height:1.55}
.veltar-forward-card-head{grid-template-columns:36px minmax(0,1fr) auto}.veltar-forward-card-body{padding:10px 11px 11px}.compose-attached-status{font-size:8.5px}
/* Compact bottom tool strip: Aa, attach, image. Full formatting is opt-in. */
.compose-formatbar{min-height:52px;padding:4px 10px;border-top:1px solid #e9edf2;border-bottom:0;background:#fff;justify-content:flex-start;gap:4px;overflow:visible}
.compose-format-toggle{display:inline-flex!important;width:44px;height:44px;min-width:44px;flex:0 0 44px;align-items:center;justify-content:center;border:0;border-radius:12px;background:#f5f7fa;color:#536174;font-size:14px;font-weight:780;letter-spacing:-.04em}
.compose-format-toggle[aria-expanded="true"]{background:#eaf0ff;color:#3158d4}
.compose-formatbar>.compose-format-group[aria-label="Formatting"]{display:none}
.compose.compose-format-expanded .compose-formatbar>.compose-format-group[aria-label="Formatting"]{display:flex;position:absolute;left:10px;right:10px;bottom:52px;min-height:52px;padding:4px;border:1px solid #e2e7ee;border-radius:14px;background:#fff;box-shadow:0 12px 32px rgba(15,23,42,.13);z-index:9}
.compose.compose-format-expanded .compose-formatbar>.compose-format-group[aria-label="Formatting"] button{flex:1 1 0;width:auto;min-width:44px}
.compose-insert-group{margin-left:0!important;padding-left:0!important;border-left:0!important;gap:4px!important}
.compose-insert-group button{background:#f5f7fa!important}
.compose-native-format-hint{display:none!important}
.ios-native-richtext .compose.compose-format-expanded .compose-native-format-hint{display:flex!important;position:absolute;left:10px;right:10px;bottom:52px;min-height:52px;padding:8px 10px;border:1px solid #e2e7ee;border-radius:14px;background:#fff;box-shadow:0 12px 32px rgba(15,23,42,.13);z-index:9}
.ios-native-richtext .compose.compose-format-expanded .compose-formatbar>.compose-format-group[aria-label="Formatting"]{display:none!important}
/* Discard stays available but stops looking like a second action bar. */
.compose-footer{min-height:42px;padding:0 10px max(5px,env(safe-area-inset-bottom));justify-content:flex-end}
.compose-size{display:none}
.compose-discard{width:44px;min-width:44px;height:40px;padding:0;justify-content:center;border:0;background:transparent;color:#98a2b3}
.compose-discard span{display:none}
.compose-discard svg{width:17px;height:17px}
}
/* 0.18.68 — multi-recipient composer + Cc/Bcc sheet */
/* 0.18.69 — avatar color semantics: blue unread, gray read/neutral */
.compose-recipient-row{align-items:flex-start;padding-top:6px;padding-bottom:6px}
.compose-recipient-row>label{padding-top:10px}
.compose-recipient-editor{min-width:0;min-height:34px;display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:1px 0}
.compose-recipient-editor>input:not([type="hidden"]){flex:1 1 150px;min-width:110px;height:32px;padding:0;border:0;background:transparent;font-size:14px;line-height:32px}
.compose-recipient-chips{display:contents}
.compose-recipient-chip{min-width:0;max-width:240px;height:30px;display:inline-flex;align-items:center;gap:5px;border:1px solid #dce5fb;border-radius:9px;padding:0 4px 0 8px;background:#f1f5ff;color:#3158b8;font-size:10.5px;font-weight:690;line-height:1}
.compose-recipient-chip>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.compose-recipient-chip button{width:24px;height:24px;min-width:24px;border:0;border-radius:7px;background:transparent;color:#7183ae;font-size:15px;line-height:1;display:grid;place-items:center;padding:0}
.compose-recipient-chip button:hover{background:#e2eaff;color:#294fc6}
.compose-cc-toggle{display:inline-flex;align-items:center;justify-content:center;gap:5px;align-self:center}
.compose-cc-toggle.has-recipients{background:#eef3ff;color:#3158c9}
.compose-cc-count{min-width:18px;height:18px;display:grid;place-items:center;border-radius:999px;padding:0 5px;background:#3158d4;color:#fff;font-size:9px;font-weight:820;line-height:1}
.compose-cc-count[hidden]{display:none}
.compose-ccbcc-overlay{position:fixed;inset:0;z-index:235;display:grid;place-items:center;padding:18px;background:rgba(15,23,42,.34);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.compose-ccbcc-overlay[hidden]{display:none}
.compose-ccbcc-dialog{width:min(560px,100%);max-height:min(680px,calc(100dvh - 36px));display:flex;flex-direction:column;overflow:hidden;border:1px solid #dce2ea;border-radius:18px;background:#fff;box-shadow:0 24px 72px rgba(15,23,42,.22)}
.compose-ccbcc-handle{display:none}
.compose-ccbcc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 21px 15px;border-bottom:1px solid #edf0f4}
.compose-ccbcc-head>div{min-width:0}.compose-ccbcc-head span{display:block;margin-bottom:4px;color:#8591a2;font-size:9.5px;font-weight:820;letter-spacing:.08em;text-transform:uppercase}.compose-ccbcc-head h2{margin:0;color:#202939;font-size:20px;letter-spacing:-.02em}.compose-ccbcc-head p{margin:5px 0 0;color:#8793a3;font-size:10.5px;line-height:1.4}
.compose-ccbcc-head>button{width:38px;height:38px;min-width:38px;border:0;border-radius:11px;background:#f4f6f9;color:#667085;font-size:22px;line-height:1}
.compose-ccbcc-fields{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:13px;padding:17px 21px}
.compose-ccbcc-field{display:flex;flex-direction:column;gap:7px;color:#59677a;font-size:11px;font-weight:760}
.compose-recipient-editor-modal{min-height:48px;border:1px solid #dfe4eb;border-radius:12px;background:#fbfcfe;padding:7px 8px}
.compose-recipient-editor-modal:focus-within{border-color:#9fb2ed;background:#fff;box-shadow:0 0 0 3px rgba(49,88,212,.08)}
.compose-recipient-editor-modal>input:not([type="hidden"]){font-size:13px}
.compose-ccbcc-actions{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 21px 13px;border-top:1px solid #edf0f4;background:#fbfcfe}
.compose-ccbcc-actions span{color:#7d8999;font-size:10.5px;font-weight:690}
.compose-ccbcc-actions button{height:40px;min-width:82px;border:0;border-radius:11px;padding:0 15px;background:#3158d4;color:#fff;font-size:12px;font-weight:790}
/* iOS already exposes native rich-text formatting in the selection menu. */
.ios-native-richtext .compose-format-toggle{display:none!important}
.ios-native-richtext .compose-native-format-hint{display:none!important}
@media(max-width:700px){
.compose-recipient-row{grid-template-columns:49px minmax(0,1fr) auto!important;min-height:52px;padding-top:5px!important;padding-bottom:5px!important}
.compose-recipient-row>label{padding-top:11px}
.compose-recipient-editor{min-height:40px;gap:5px}
.compose-recipient-editor>input:not([type="hidden"]){min-width:90px;height:36px;line-height:36px;font-size:16px}
.compose-recipient-chip{height:32px;max-width:min(245px,66vw);border-radius:10px;font-size:11px;padding-left:8px}
.compose-recipient-chip button{width:26px;height:26px;min-width:26px}
.compose-cc-toggle{min-width:58px!important;height:40px!important;min-height:40px!important;padding:0 8px!important;border-radius:11px!important;font-size:10.5px!important}
.compose-cc-count{min-width:18px;height:18px;font-size:9px}
.compose-ccbcc-overlay{place-items:end center;padding:0;background:rgba(15,23,42,.29)}
.compose-ccbcc-dialog{width:100%;max-height:calc(100dvh - env(safe-area-inset-top) - 12px);border-radius:20px 20px 0 0;border-bottom:0}
.compose-ccbcc-handle{display:block;width:38px;height:4px;flex:0 0 4px;margin:8px auto 1px;border-radius:999px;background:#d2d7df}
.compose-ccbcc-head{padding:9px 14px 12px}.compose-ccbcc-head h2{font-size:18px}.compose-ccbcc-head>button{width:44px;height:44px;min-width:44px}.compose-ccbcc-head p{font-size:10px}
.compose-ccbcc-fields{padding:14px;gap:14px}.compose-ccbcc-field{font-size:11px}.compose-recipient-editor-modal{min-height:52px;padding:7px 8px}.compose-recipient-editor-modal>input:not([type="hidden"]){height:36px;font-size:16px}
.compose-ccbcc-actions{min-height:61px;padding:8px max(12px,env(safe-area-inset-right)) max(9px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.compose-ccbcc-actions button{height:44px;min-width:92px}.compose-ccbcc-actions span{font-size:10.5px}
.ios-native-richtext .compose-formatbar{padding-left:10px}
}
@media(max-width:700px){.compose.compose-multi-from .compose-from{display:grid}}
/* 0.18.70 — attachment action badge keeps the same centered/type-colored treatment as the attachment card. */
/* 0.18.71 — mailbox Settings replaces the one-off Signature dialog. */
/* 0.18.72 — keep the Settings identity avatar centered by scoping metadata span rules to the text container. */
.mail-settings-tabs{display:flex;gap:6px;flex:0 0 auto;padding:10px 20px;border-bottom:1px solid #edf0f4;background:#fbfcfe;overflow-x:auto;scrollbar-width:none}.mail-settings-tabs::-webkit-scrollbar{display:none}.mail-settings-tabs button{min-width:0;height:36px;padding:0 14px;border:0;border-radius:10px;background:transparent;color:#667085;font:inherit;font-size:11px;font-weight:780;white-space:nowrap}.mail-settings-tabs button.active{background:#eaf0ff;color:#3158d4;box-shadow:inset 0 0 0 1px #dce6ff}.mail-settings-panel[hidden]{display:none}.mail-settings-panel{animation:mail-settings-in .14s ease-out}.mail-settings-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.mail-settings-section-head h3{margin:2px 0 5px;color:#202939;font-size:19px;letter-spacing:-.025em}.mail-settings-section-head p{margin:0;max-width:470px;color:#7c8797;font-size:11px;line-height:1.5}.mail-settings-kicker{color:#3158d4;font-size:9.5px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.mail-settings-field{display:block}.mail-settings-field>span{display:block;margin-bottom:7px;color:#475467;font-size:10.5px;font-weight:780}.mail-settings-field input{width:100%;height:46px;padding:0 13px;border:1px solid #dfe4eb;border-radius:12px;background:#fff;color:#202939;font:inherit;font-size:15px;outline:0;transition:border-color .15s,box-shadow .15s}.mail-settings-field input:focus{border-color:#9ab0f6;box-shadow:0 0 0 3px rgba(49,88,212,.09)}.mail-settings-field small{display:block;margin-top:7px;color:#8a94a3;font-size:10px;line-height:1.45}.mail-settings-identity-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:11px;align-items:center;margin-top:18px;padding:14px;border:1px solid #e4e8ef;border-radius:15px;background:#fafbfc}.mail-settings-avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#eef1f5;color:#667085;font-size:13px;font-weight:850}.mail-settings-identity-card div{min-width:0}.mail-settings-identity-card>div strong,.mail-settings-identity-card>div span,.mail-settings-identity-card>div small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-settings-identity-card>div strong{color:#344054;font-size:12px}.mail-settings-identity-card>div span{margin-top:2px;color:#667085;font-size:11px}.mail-settings-identity-card>div small{margin-top:3px;color:#98a2b3;font-size:9.5px}.mail-settings-alias-note{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;margin:0 0 14px;padding:12px 13px;border:1px solid #e8ecf2;border-radius:14px;background:#f8fafc;color:#667085}.mail-settings-alias-note>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#edf1f7;color:#52627a}.mail-settings-alias-note>span svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.mail-settings-alias-note strong{display:block;color:#475467;font-size:10.5px}.mail-settings-alias-note p{margin:3px 0 0;font-size:10px;line-height:1.48}.mail-settings-random-alias{display:grid;gap:14px;margin-bottom:12px;padding:18px;border:1px solid #dce5f6;border-radius:18px;background:linear-gradient(145deg,#fcfdff,#f4f7ff);box-shadow:0 7px 24px rgba(37,65,126,.045)}.mail-settings-random-alias-main{display:grid;grid-template-columns:46px minmax(0,1fr);gap:13px;align-items:center;min-width:0}.mail-settings-random-alias-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:#e8efff;color:#3158d4}.mail-settings-random-alias-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mail-settings-random-alias-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.mail-settings-random-alias-title strong{display:block;color:#27364a;font-size:13px;letter-spacing:-.01em}.mail-settings-random-alias-title span{display:inline-flex;align-items:center;min-height:21px;padding:0 8px;border-radius:999px;background:#eaf0ff;color:#3158d4;font-size:8.5px;font-weight:850;letter-spacing:.01em}.mail-settings-random-alias-main p{margin:5px 0 0;max-width:620px;color:#68768a;font-size:10.5px;line-height:1.52}.mail-settings-random-alias-meta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.mail-settings-random-alias-meta>div{min-width:0;padding:10px 11px;border:1px solid #e3e9f2;border-radius:12px;background:rgba(255,255,255,.76)}.mail-settings-random-alias-meta small,.mail-settings-random-alias-meta strong{display:block}.mail-settings-random-alias-meta small{color:#98a2b3;font-size:8.5px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}.mail-settings-random-alias-meta strong{margin-top:3px;color:#45556c;font-size:10.5px;line-height:1.35;overflow-wrap:anywhere}.mail-settings-random-alias-create{width:100%;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;font-size:10.5px;font-weight:850}.mail-settings-random-alias-create svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.mail-settings-random-alias-create[aria-busy="true"] svg{animation:random-alias-spin .8s linear infinite}.mail-settings-random-alias-result{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid #cfe8da;border-radius:13px;background:#f7fcf9}.mail-settings-random-alias-result[hidden]{display:none}.mail-settings-random-alias-result-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#e5f6ec;color:#26724a}.mail-settings-random-alias-result-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mail-settings-random-alias-result>div{min-width:0}.mail-settings-random-alias-result small,.mail-settings-random-alias-result strong{display:block}.mail-settings-random-alias-result small{color:#4f8064;font-size:8.5px;font-weight:800}.mail-settings-random-alias-result strong{margin-top:2px;color:#244b36;font-size:10.5px;line-height:1.35;overflow-wrap:anywhere}.mail-settings-random-alias-result button{height:36px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;border:1px solid #c9dfd2;border-radius:9px;background:#fff;color:#32664a;font:inherit;font-size:8.5px;font-weight:850;cursor:pointer}.mail-settings-random-alias-result button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mail-settings-random-alias-footnote{margin:0;color:#7b8797;font-size:9px;line-height:1.45}.mail-settings-random-alias-footnote strong{color:#5c697a;font-weight:850}@keyframes random-alias-spin{to{transform:rotate(360deg)}}.mail-settings-alias-toolbar{display:flex;align-items:center;gap:10px;margin:0 0 12px}.mail-settings-alias-search{position:relative;display:block;flex:1;min-width:0}.mail-settings-alias-search svg{position:absolute;left:12px;top:50%;width:16px;height:16px;transform:translateY(-50%);fill:none;stroke:#8491a3;stroke-width:1.8;stroke-linecap:round;pointer-events:none}.mail-settings-alias-search input{width:100%;height:40px;padding:0 12px 0 37px;border:1px solid #e0e6ed;border-radius:12px;background:#fff;color:#344054;font:inherit;font-size:11px;outline:0;transition:border-color .15s,box-shadow .15s}.mail-settings-alias-search input:focus{border-color:#9ab0f6;box-shadow:0 0 0 3px rgba(49,88,212,.08)}.mail-settings-alias-search input::placeholder{color:#98a2b3}.mail-settings-alias-total{flex:0 0 auto;color:#8a94a3;font-size:9.5px;font-weight:700;white-space:nowrap}.mail-settings-alias-list{display:grid;gap:14px}.mail-settings-alias-group{overflow:hidden;border:1px solid #e1e7ee;border-radius:16px;background:#fff}.mail-settings-alias-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border-bottom:1px solid #edf0f4;background:#fafbfd}.mail-settings-alias-group-head>div{min-width:0}.mail-settings-alias-group-head strong,.mail-settings-alias-group-head small{display:block}.mail-settings-alias-group-head strong{color:#344054;font-size:10.5px}.mail-settings-alias-group-head small{margin-top:2px;color:#98a2b3;font-size:9px}.mail-settings-alias-group-head>span{display:grid;place-items:center;min-width:27px;height:24px;padding:0 7px;border-radius:999px;background:#eef2f7;color:#667085;font-size:9px;font-weight:850}.mail-settings-alias-group.random-group .mail-settings-alias-group-head>span{background:#eaf0ff;color:#3158d4}.mail-settings-alias-group-body{display:grid}.mail-settings-alias-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:center;min-height:72px;padding:11px 13px;background:#fff}.mail-settings-alias-row+.mail-settings-alias-row{border-top:1px solid #edf0f4}.mail-settings-alias-row.primary{background:#fcfdff}.mail-settings-alias-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#eef1f5;color:#667085;font-size:14px;font-weight:850}.mail-settings-alias-row.primary .mail-settings-alias-icon{background:#eaf0ff;color:#3158d4}.mail-settings-alias-row.random .mail-settings-alias-icon{background:#edf3ff;color:#3158d4}.mail-settings-alias-copyblock{min-width:0}.mail-settings-alias-copyblock>strong{display:block;color:#344054;font-size:11px;line-height:1.35;overflow-wrap:anywhere}.mail-settings-alias-copyblock>small{display:block;margin-top:3px;color:#8a94a3;font-size:9.5px;line-height:1.35}.mail-settings-alias-badges{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-top:6px}.mail-settings-alias-badges em{font-style:normal;display:inline-flex;align-items:center;min-height:20px;padding:0 7px;border-radius:999px;background:#f2f4f7;color:#667085;font-size:8px;font-weight:820}.mail-settings-alias-badges em.primary-badge{background:#edf2ff;color:#3158d4}.mail-settings-alias-badges em.shared{background:#eaf6ff;color:#245f88}.mail-settings-alias-badges em.assigned{background:#f2f4f7;color:#667085}.mail-settings-alias-badges em.random{background:#e8f1ff;color:#2f59c9}.mail-settings-alias-badges em.capability{background:#eef8f2;color:#28754c}.mail-settings-alias-badges em.capability.receive-only{background:#f4f1ff;color:#6246a8}.mail-settings-alias-row.disabled{opacity:.68}.mail-settings-alias-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.mail-settings-alias-row-actions button{height:34px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 9px;border:1px solid #dfe5ed;border-radius:9px;background:#fff;color:#526174;font:inherit;font-size:8.5px;font-weight:820;cursor:pointer;white-space:nowrap}.mail-settings-alias-row-actions button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.mail-settings-alias-row-actions button:hover{background:#f7f9fc}.mail-settings-alias-row-actions button.danger{color:#b42318;border-color:#f1d5d1;background:#fffafa}.mail-settings-alias-row-actions button.danger:hover{background:#fff3f2}.mail-settings-alias-row-actions button:focus-visible{outline:2px solid #6e8ff0;outline-offset:2px}.mail-settings-alias-empty{padding:22px 15px;color:#98a2b3;font-size:10px;line-height:1.5;text-align:center}.mail-settings-alias-copy{min-width:70px}@keyframes mail-settings-in{from{opacity:.45;transform:translateY(2px)}to{opacity:1;transform:none}}
@media(max-width:700px){.mail-settings-tabs{padding:8px 14px}.mail-settings-tabs button{flex:1;height:38px;padding:0 10px;font-size:10.5px}.settings-body{padding-top:15px}.mail-settings-section-head h3{font-size:18px}.mail-settings-field input{height:48px;font-size:16px}.mail-settings-identity-card{margin-top:14px;padding:12px}.mail-settings-random-alias{gap:12px;padding:14px}.mail-settings-random-alias-main{grid-template-columns:40px minmax(0,1fr);gap:11px}.mail-settings-random-alias-icon{width:40px;height:40px;border-radius:13px}.mail-settings-random-alias-title strong{font-size:12.5px}.mail-settings-random-alias-main p{font-size:10.5px}.mail-settings-random-alias-meta>div{padding:9px 10px}.mail-settings-random-alias-create{min-height:48px;font-size:11px}.mail-settings-random-alias-result{grid-template-columns:36px minmax(0,1fr) auto}.mail-settings-random-alias-result button{height:40px}.mail-settings-alias-note{margin-bottom:12px}.mail-settings-alias-toolbar{align-items:stretch}.mail-settings-alias-search input{height:44px;font-size:16px}.mail-settings-alias-total{align-self:center}.mail-settings-alias-group{border-radius:15px}.mail-settings-alias-group-head{padding:11px 12px}.mail-settings-alias-row{grid-template-columns:38px minmax(0,1fr);gap:10px;min-height:0;padding:12px}.mail-settings-alias-row-actions{grid-column:2;justify-content:flex-start}.mail-settings-alias-row-actions button{height:38px;padding:0 11px}.mail-settings-alias-copyblock>strong{font-size:11.5px}}
/* Installed web-app / PWA experience */
html.webapp-standalone,html.webapp-standalone body{overscroll-behavior-y:none;background:#f5f7fb}
html.webapp-standalone body{-webkit-user-select:none;user-select:none}
html.webapp-standalone input,html.webapp-standalone textarea,html.webapp-standalone [contenteditable="true"],html.webapp-standalone .message-body,html.webapp-standalone .rich-message-frame{-webkit-user-select:text;user-select:text}
.webapp-connectivity{position:fixed;z-index:250;left:50%;top:max(8px,env(safe-area-inset-top));transform:translateX(-50%);max-width:min(92vw,520px);padding:8px 13px;border:1px solid #eed9aa;border-radius:999px;background:rgba(255,248,229,.96);box-shadow:0 8px 28px rgba(91,65,16,.12);color:#785a16;font-size:10.5px;font-weight:760;line-height:1.2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:none}
.mail-offline-card{text-align:center}.mail-offline-card .mail-login-brand{text-align:left}.offline-launch-icon{width:56px;height:56px;display:grid;place-items:center;margin:22px auto 10px;border-radius:18px;background:#eef1f5;color:#667085;font-size:24px;font-weight:850}.mail-offline-card h1{margin-top:0}.mail-offline-card>p{max-width:390px;margin-left:auto;margin-right:auto}.mail-offline-card>button{width:100%;height:46px;border:0;border-radius:12px;background:#3158d4;color:#fff;font:inherit;font-weight:800}.offline-launch-note{display:block;margin-top:12px;color:#8a94a3;font-size:9.5px;line-height:1.5}
.webapp-settings-panel{min-height:300px}.webapp-install-card{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid #dfe5ee;border-radius:16px;background:#fff}.webapp-install-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:#3158d4;box-shadow:0 8px 20px rgba(49,88,212,.18)}.webapp-install-icon span{color:#fff;font-size:20px;font-weight:900}.webapp-install-copy{min-width:0}.webapp-install-copy strong,.webapp-install-copy span{display:block}.webapp-install-copy strong{color:#202939;font-size:12px}.webapp-install-copy span{margin-top:4px;color:#7b8797;font-size:10px}.webapp-install-card button{height:38px;padding:0 13px;border:0;border-radius:10px;background:#3158d4;color:#fff;font:inherit;font-size:10.5px;font-weight:800}.webapp-install-card button:disabled{background:#eef1f5;color:#98a2b3}.webapp-install-help{display:grid;gap:4px;margin-top:10px;padding:12px 13px;border-radius:13px;background:#f5f7fb;color:#667085}.webapp-install-help strong{color:#475467;font-size:10.5px}.webapp-install-help span{font-size:10px;line-height:1.5}.webapp-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.webapp-feature-grid>div{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:9px;align-items:start;padding:11px;border:1px solid #e6eaf0;border-radius:13px;background:#fbfcfd}.webapp-feature-grid>div>span{grid-row:1/3;width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#eef2f8;color:#52627a;font-size:13px}.webapp-feature-grid strong{color:#475467;font-size:10px}.webapp-feature-grid small{margin-top:3px;color:#8a94a3;font-size:9px;line-height:1.4}.webapp-install-footnote{margin:12px 2px 0;color:#8a94a3;font-size:9.5px;line-height:1.5}
/* Contact Veltar Mail settings */
.mail-contact-panel{max-width:720px}
.mail-contact-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:13px;align-items:center;padding:15px;border:1px solid #e2e7ef;border-radius:17px;background:#fbfcfe}
.mail-contact-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#eaf0ff;color:#3158d4}
.mail-contact-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mail-contact-copy{min-width:0}
.mail-contact-copy span,.mail-contact-copy strong,.mail-contact-copy small{display:block}
.mail-contact-copy span{color:#98a2b3;font-size:9px;font-weight:850;letter-spacing:.065em;text-transform:uppercase}
.mail-contact-copy strong{margin-top:4px;color:#26364d;font-size:13px;overflow-wrap:anywhere}
.mail-contact-copy small{margin-top:4px;color:#7f8a9a;font-size:10px;line-height:1.45}
.mail-contact-state{align-self:start;padding:5px 8px;border-radius:999px;background:#eef2ff;color:#3158d4;font-size:9px;font-weight:850}
.mail-contact-actions{display:flex;gap:8px;margin-top:12px}
.mail-contact-actions button{height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;padding:0 14px;font:inherit;font-size:10.5px;font-weight:820;cursor:pointer}
.mail-contact-actions svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mail-contact-primary{border:1px solid #3158d4;background:#3158d4;color:#fff}
.mail-contact-primary:hover{background:#284fc6}
.mail-contact-secondary{border:1px solid #dfe4eb;background:#fff;color:#475467}
.mail-contact-secondary:hover{background:#f7f8fb}
.mail-contact-note{display:grid;grid-template-columns:26px minmax(0,1fr);gap:9px;align-items:start;margin-top:12px;padding:12px 13px;border-radius:13px;background:#f5f7fb;color:#667085}
.mail-contact-note>span{width:26px;height:26px;display:grid;place-items:center;border-radius:9px;background:#e8edf5;color:#5f6f85;font-size:11px;font-weight:850}
.mail-contact-note strong,.mail-contact-note small{display:block}.mail-contact-note strong{color:#475467;font-size:10.5px}.mail-contact-note small{margin-top:3px;font-size:9.5px;line-height:1.5}
@media(max-width:700px){.mail-contact-card{grid-template-columns:44px minmax(0,1fr);padding:13px}.mail-contact-icon{width:44px;height:44px}.mail-contact-state{display:none}.mail-contact-copy strong{font-size:12.5px}.mail-contact-actions{display:grid;grid-template-columns:1fr}.mail-contact-actions button{height:46px;font-size:12px}.mail-contact-note{margin-top:10px}}
@media(max-width:700px){.webapp-connectivity{top:max(6px,env(safe-area-inset-top));font-size:10px}.webapp-install-card{grid-template-columns:50px minmax(0,1fr);padding:12px}.webapp-install-icon{width:50px;height:50px}.webapp-install-card button{grid-column:1/-1;width:100%;height:44px;font-size:11px}.webapp-feature-grid{grid-template-columns:1fr}.mail-offline-card{max-width:min(92vw,430px)}}
/* Canonical Veltar Mail brand mark — keep mailbox/PWA surfaces visually identical. */
.logo-mark,.mail-login-brand>span,.webapp-install-icon{background:url("/icons/veltar-mail-brand.svg") center/cover no-repeat!important;color:transparent!important;font-size:0!important;box-shadow:none!important;}
.webapp-install-icon>span{opacity:0!important;}
/* Mailbox install nudge — intentionally prominent on browser mailbox opens. */
.mail-install-overlay{position:fixed;inset:0;z-index:310;display:grid;place-items:center;padding:18px;background:rgba(9,17,29,.62);backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px)}
.mail-install-overlay[hidden]{display:none}
.mail-install-dialog{position:relative;width:min(440px,100%);border:1px solid rgba(226,231,238,.96);border-radius:26px;background:#fff;padding:30px 27px 24px;box-shadow:0 38px 110px rgba(15,23,42,.34);text-align:center}
.mail-install-brand{width:76px;height:76px;margin:0 auto 15px}.mail-install-brand img{display:block;width:100%;height:100%;border-radius:20px}
.mail-install-kicker{display:block;color:#5371da;font-size:9.5px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.mail-install-dialog h2{margin:5px 0 8px;color:#1f2937;font-size:25px;letter-spacing:-.04em}
.mail-install-dialog>p{margin:0 auto;max-width:350px;color:#667085;font-size:12.5px;line-height:1.58}
.mail-install-ios-steps{display:grid;gap:9px;margin:18px 0 0;text-align:left}.mail-install-ios-steps[hidden]{display:none}.mail-install-ios-steps>div{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;padding:11px 12px;border:1px solid #dfe5ef;border-radius:13px;background:#f9fbff;color:#536074;font-size:11.5px;line-height:1.45}.mail-install-ios-steps b{width:28px;height:28px;border-radius:9px;background:#e8efff;color:#3158d4;display:grid;place-items:center;font-size:10.5px}.mail-install-ios-steps strong{color:#27364f}
.mail-install-browser-note{margin-top:14px;padding:12px 13px;border:1px solid #dce4f6;border-radius:13px;background:#f6f8ff;text-align:left}.mail-install-browser-note[hidden]{display:none}.mail-install-browser-note strong,.mail-install-browser-note span{display:block}.mail-install-browser-note strong{color:#32476f;font-size:10.8px}.mail-install-browser-note span{margin-top:4px;color:#687791;font-size:10.7px;line-height:1.5}
.mail-install-actions{display:flex;flex-direction:column;gap:8px;margin-top:20px}.mail-install-actions button{width:100%;min-height:50px;border-radius:13px;font-size:12px;font-weight:830;cursor:pointer}.mail-install-primary{order:1;border:0;background:#3158d4;color:#fff;box-shadow:0 8px 18px rgba(49,88,212,.2)}.mail-install-primary:disabled{opacity:.55;cursor:default}.mail-install-later{order:2;min-height:38px!important;border:0;background:transparent;color:#7a8494;text-decoration:underline;text-underline-offset:3px;font-size:10.7px!important;font-weight:690!important}
.mail-install-skip-confirm{margin-top:13px;padding:13px;border:1px solid #e3e7ed;border-radius:13px;background:#fafbfc;text-align:left}.mail-install-skip-confirm[hidden]{display:none}.mail-install-skip-confirm>strong,.mail-install-skip-confirm>span{display:block}.mail-install-skip-confirm>strong{color:#344054;font-size:11px}.mail-install-skip-confirm>span{margin-top:4px;color:#7a8494;font-size:10.4px;line-height:1.45}.mail-install-skip-confirm>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.mail-install-skip-confirm button{min-height:40px;border-radius:10px;font-size:10.5px;font-weight:780;cursor:pointer}.mail-install-skip-back{border:0;background:#3158d4;color:#fff}.mail-install-skip-anyway{border:1px solid #dde2e9;background:#fff;color:#697586}
.mail-install-footnote{display:block;margin:10px auto 0;max-width:340px;color:#98a2b3;font-size:9.3px;line-height:1.45}
html.mail-install-open{overflow:hidden}
@media(max-width:700px){.mail-install-overlay{display:block;padding:0;background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:auto}.mail-install-dialog{width:100%;min-height:100dvh;border:0;border-radius:0;padding:max(30px,calc(env(safe-area-inset-top) + 22px)) max(20px,env(safe-area-inset-right)) max(20px,calc(env(safe-area-inset-bottom) + 14px)) max(20px,env(safe-area-inset-left));box-shadow:none;display:flex;flex-direction:column;justify-content:center}.mail-install-brand{width:82px;height:82px}.mail-install-dialog h2{font-size:27px}.mail-install-dialog>p{font-size:12.5px}.mail-install-ios-steps{margin-top:22px}.mail-install-ios-steps>div{padding:13px}.mail-install-actions{margin-top:24px}.mail-install-actions button{min-height:54px;font-size:12.5px}.mail-install-later{min-height:44px!important}.mail-install-skip-confirm{margin-top:15px}.mail-install-footnote{font-size:9.5px}}
/* 0.18.81: keep quoted/forwarded images from being decoded inside the composer.
The original src is restored only in the serialized outbound HTML. */
#composeBody img.compose-deferred-image:not([src]){display:inline-block;min-width:56px;min-height:32px;max-width:160px;max-height:80px;border:1px dashed #c9d3e1;border-radius:8px;background:linear-gradient(135deg,#f5f7fb,#edf2f8);font-size:11px;color:#748195;object-fit:contain;}
/* Forwarded source mail stays server-side; the composer uses the same attached-message card language as replies. */
.thread-card-body .gmail_attr{color:#5f6368!important;line-height:1.5!important;overflow-wrap:anywhere!important;word-break:break-word!important}
.thread-card-body .gmail_quote{margin:0!important;padding:0!important;border:0!important;background:transparent!important;max-width:100%!important;min-width:0!important}
/* 0.18.95 — mailbox Notification Center */
.notification-center-trigger{position:relative;display:grid;place-items:center;width:38px;height:38px;min-width:38px}
.notification-center-trigger svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.notification-center-trigger.has-notifications{color:#3158d4;background:#f2f5ff}
.notification-badge{position:absolute;right:-1px;top:-3px;min-width:18px;height:18px;padding:0 5px;border:2px solid #fff;border-radius:999px;background:#3158d4;color:#fff;font-size:8px;font-weight:850;line-height:14px;text-align:center;box-shadow:0 2px 6px rgba(49,88,212,.18)}
.notification-center-overlay{position:fixed;inset:0;z-index:330;background:rgba(15,23,42,.26);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;justify-content:flex-end;align-items:stretch;padding:0}
.notification-center-overlay[hidden]{display:none}
.notification-center-panel{width:min(410px,calc(100vw - 28px));height:100%;background:#fbfcfe;border-left:1px solid #e1e6ed;box-shadow:-18px 0 54px rgba(15,23,42,.15);display:flex;flex-direction:column;padding-top:max(0px,env(safe-area-inset-top))}
.notification-center-head{min-height:82px;padding:19px 18px 14px 20px;border-bottom:1px solid #e6eaf0;background:rgba(255,255,255,.94);display:flex;align-items:center;justify-content:space-between;gap:16px}
.notification-center-head>div>span{display:block;color:#7d8998;font-size:9px;font-weight:820;text-transform:uppercase;letter-spacing:.1em}
.notification-center-head h2{margin:3px 0 0;color:#1d2939;font-size:21px;letter-spacing:-.035em}
.notification-center-head button{height:38px;border:0;border-radius:11px;background:#f1f3f6;color:#687587;cursor:pointer}
.notification-center-head-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.notification-center-head .notification-center-close{width:38px;font-size:20px}
.notification-center-head .notification-center-rules{width:auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;color:#334155;font-size:11px;font-weight:780;white-space:nowrap}
.notification-center-rules svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.notification-center-summary{min-height:48px;padding:0 18px 0 20px;border-bottom:1px solid #eef1f5;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#8793a3;font-size:10.5px;background:#fff}
.notification-center-summary button{border:0;background:transparent;color:#4264c8;font-size:10.5px;font-weight:760;padding:8px}
.notification-center-list{flex:1;min-height:0;overflow-y:auto;padding:9px 10px 18px;overscroll-behavior:contain}
.notification-item{position:relative;width:100%;min-height:74px;border:0;border-bottom:1px solid #edf0f4;background:transparent;padding:11px 28px 11px 8px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:flex-start;text-align:left;color:#344054;border-radius:12px;cursor:pointer}
.notification-item.actionable:hover{background:#f3f6fb}.notification-item:disabled{cursor:default;opacity:1}
.notification-item.unread{background:#f5f8ff}.notification-item.unread:hover{background:#eef3ff}
.notification-item-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#edf2ff;color:#3158d4}
.notification-item-icon.rule{background:#f0eefc;color:#6659b8}
.notification-item-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.notification-item-copy{min-width:0;display:block;padding-top:1px}
.notification-item-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.notification-item-top strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#344054;font-size:11.5px;font-weight:750}.notification-item-top time{flex:0 0 auto;color:#98a2b3;font-size:9.5px}
.notification-item-detail{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#778395;font-size:10.5px;line-height:1.45}.notification-item-copy small{display:block;margin-top:5px;color:#8b80c0;font-size:9px;font-weight:720}
.notification-item-dot{position:absolute;right:12px;top:22px;width:7px;height:7px;border-radius:50%;background:#3158d4;box-shadow:0 0 0 3px #e8eeff}
.notification-center-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px;color:#8793a3}.notification-center-empty[hidden]{display:none}.notification-center-empty>span{width:46px;height:46px;border-radius:15px;background:#eaf6f0;color:#278165;display:grid;place-items:center;font-size:18px}.notification-center-empty strong{margin-top:14px;color:#475467;font-size:13px}.notification-center-empty p{max-width:250px;margin:6px 0 0;font-size:10.5px;line-height:1.5}
.notification-center-foot{padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #e9edf2;background:#fff;color:#98a2b3;font-size:9.5px;text-align:center}
html.notification-center-open{overflow:hidden}
@media(max-width:880px){.topbar-actions .notification-center-trigger{width:44px;height:44px;min-width:44px;flex:0 0 44px}.notification-badge{right:0;top:0}}
@media(max-width:700px){.notification-center-overlay{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}.notification-center-panel{width:100%;height:100dvh;border:0;box-shadow:none;padding-top:env(safe-area-inset-top)}.notification-center-head{min-height:66px;padding:10px 14px 9px 16px}.notification-center-head h2{font-size:20px}.notification-center-summary{padding-left:16px;padding-right:12px}.notification-center-list{padding:7px 8px 18px}.notification-item{min-height:72px;padding:10px 28px 10px 7px}.notification-center-foot{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}
@media(max-width:430px){.topbar-left{gap:0}.topbar-actions .notification-center-trigger{width:38px;height:38px;min-width:38px;flex-basis:38px}.notification-center-trigger svg{width:17px;height:17px}}
@media(max-width:700px){.notification-center-head-actions{gap:6px}.notification-center-head .notification-center-rules{padding:0 9px;font-size:10.5px}.notification-center-rules svg{width:15px;height:15px}}
/* 0.18.98 — simple notification-rule creator */
.notification-rules-quick-overlay{position:fixed;inset:0;z-index:440;background:rgba(12,18,28,.48);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.notification-rules-quick-overlay[hidden]{display:none}.notification-rules-quick-panel{width:min(760px,100%);max-height:min(820px,calc(100dvh - 40px));overflow:hidden;display:flex;flex-direction:column;background:#fff;border:1px solid #e0e6ee;border-radius:24px;box-shadow:0 28px 90px rgba(15,23,42,.24)}.notification-rules-quick-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:22px 22px 17px;border-bottom:1px solid #edf0f4}.notification-rules-quick-head>div>span{display:block;color:#456be5;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.notification-rules-quick-head h2{margin:4px 0 3px;font-size:25px;letter-spacing:-.04em;color:#18263a}.notification-rules-quick-head p{margin:0;color:#7d8999;font-size:12px}.notification-rules-quick-head>button{width:38px;height:38px;border:1px solid #e1e6ec;border-radius:11px;background:#fff;color:#657286;font-size:24px;line-height:1}.notification-rules-quick-body{overflow:auto;padding:18px 22px 24px}.notification-rule-maker{padding:0 0 23px;border-bottom:1px solid #edf0f4}.notification-rule-maker h3,.notification-rule-existing h3{margin:0;font-size:14px;color:#26364d}.notification-rule-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.notification-rule-choices button{min-height:84px;border:1px solid #e1e6ed;border-radius:14px;background:#fff;color:#344054;text-align:left;padding:12px 13px;display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;align-items:start}.notification-rule-choices button>span{grid-row:1/3;width:30px;height:30px;border-radius:9px;background:#f1f4fb;color:#4d68c9;display:grid;place-items:center;font-weight:850;font-size:12px}.notification-rule-choices button b{font-size:12px;line-height:1.25}.notification-rule-choices button small{font-size:10px;line-height:1.35;color:#8792a2;margin-top:3px}.notification-rule-choices button.active{border-color:#9bb0f4;background:#f5f7ff;box-shadow:0 0 0 3px rgba(65,98,222,.07)}.notification-rule-choices button.active>span{background:#dfe7ff;color:#3157c8}.notification-rule-quick-value{display:block;margin-top:13px}.notification-rule-quick-value>span{display:block;margin-bottom:6px;color:#5c6879;font-size:10.5px;font-weight:780}.notification-rule-quick-value input{width:100%;height:44px;border:1px solid #dfe5ec;border-radius:11px;padding:0 12px;background:#fff;font:inherit;font-size:13px;outline:0}.notification-rule-quick-value input:focus{border-color:#91a7ef;box-shadow:0 0 0 3px rgba(65,98,222,.08)}.notification-rule-quick-preview{margin-top:12px;padding:11px 12px;border-radius:11px;background:#f7f8fa;color:#5f6c7d;font-size:11px;line-height:1.4}.notification-rule-quick-error{margin-top:9px;padding:9px 11px;border-radius:10px;background:#fff1f0;color:#a33b32;font-size:11px}.notification-rule-maker-actions{display:flex;align-items:center;gap:9px;margin-top:13px}.notification-rule-maker-actions button{min-height:42px;border-radius:11px;padding:0 15px;font-size:11.5px;font-weight:800}.notification-rule-maker-actions #notificationRuleQuickSave{border:0;background:#315fe5;color:#fff}.notification-rule-maker-actions #notificationRuleQuickCancelEdit{border:1px solid #dfe4eb;background:#fff;color:#657286}.notification-rule-existing{padding-top:20px}.notification-rule-existing-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.notification-rule-existing-head p{margin:4px 0 0;color:#8993a1;font-size:10.5px}.notification-rule-existing-head>button{border:0;background:transparent;color:#4564cb;font-size:10.5px;font-weight:780;padding:3px}.notification-rule-quick-list{display:grid;gap:8px;margin-top:12px}.notification-rule-quick-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid #e4e8ee;border-radius:13px;background:#fff}.notification-rule-quick-row.disabled{opacity:.62}.notification-rule-quick-row-copy{min-width:0}.notification-rule-quick-row-copy strong,.notification-rule-quick-row-copy span{display:block}.notification-rule-quick-row-copy strong{font-size:11.5px;color:#344054}.notification-rule-quick-row-copy span{margin-top:3px;font-size:10px;color:#8590a0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-rule-quick-row-actions{display:flex;gap:5px;align-items:center}.notification-rule-quick-row-actions button{height:34px;border:1px solid #e1e5eb;border-radius:9px;background:#fff;color:#687588;padding:0 9px;font-size:10px;font-weight:750}.notification-rule-quick-row-actions button.danger{color:#a6463d}.notification-rule-quick-toggle{position:relative;width:38px;height:22px;display:inline-flex}.notification-rule-quick-toggle input{position:absolute;opacity:0;pointer-events:none}.notification-rule-quick-toggle span{width:38px;height:22px;border-radius:999px;background:#d8dee7;position:relative;transition:.16s}.notification-rule-quick-toggle span:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(15,23,42,.18);transition:.16s}.notification-rule-quick-toggle input:checked+span{background:#476be6}.notification-rule-quick-toggle input:checked+span:after{transform:translateX(16px)}.notification-rule-quick-empty{text-align:center;padding:24px 12px;color:#8b96a5}.notification-rule-quick-empty>span{font-size:24px}.notification-rule-quick-empty strong,.notification-rule-quick-empty p{display:block}.notification-rule-quick-empty strong{margin-top:7px;color:#536174;font-size:12px}.notification-rule-quick-empty p{margin:4px 0 0;font-size:10.5px}
@media(max-width:650px){.notification-rules-quick-overlay{place-items:end center;padding:max(8px,env(safe-area-inset-top)) 0 0}.notification-rules-quick-panel{width:100%;height:calc(100dvh - env(safe-area-inset-top));max-height:none;border-radius:22px 22px 0 0;border-bottom:0}.notification-rules-quick-head{padding:18px max(15px,env(safe-area-inset-right)) 14px max(15px,env(safe-area-inset-left))}.notification-rules-quick-head h2{font-size:23px}.notification-rules-quick-body{padding:16px max(14px,env(safe-area-inset-right)) calc(22px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.notification-rule-choices{grid-template-columns:1fr}.notification-rule-choices button{min-height:68px}.notification-rule-maker-actions{display:grid;grid-template-columns:1fr}.notification-rule-maker-actions button{width:100%;min-height:46px}.notification-rule-existing-head{align-items:center}.notification-rule-quick-row{grid-template-columns:minmax(0,1fr);gap:9px}.notification-rule-quick-row-actions{justify-content:flex-end}}
/* 0.18.98 — default new-mail notification preference */
.notification-setting-title-row{display:flex;align-items:center;gap:7px;min-width:0}.notification-setting-title-row h3{min-width:0}.notification-scope-chip{display:inline-flex;align-items:center;min-height:18px;padding:0 6px;border-radius:999px;background:#eef2ff;color:#4761bd;font-size:8px;font-weight:850;line-height:1;white-space:nowrap}.notification-scope-chip.device{background:#e9f7f0;color:#247455}
.notification-mailbox-scope{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:18px 2px 9px}.notification-mailbox-scope>div{min-width:0}.notification-mailbox-scope span{display:block;color:#7f8a9a;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.075em}.notification-mailbox-scope strong{display:block;margin-top:3px;color:#344054;font-size:12px;line-height:1.25}.notification-mailbox-scope small{max-width:290px;color:#98a2b3;font-size:9.5px;line-height:1.35;text-align:right}
.notification-default-setting{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 15px;border:1px solid #dfe5ed;border-radius:15px;background:#fbfcfe;margin-bottom:8px}.notification-default-setting-copy{display:flex;align-items:flex-start;gap:11px;min-width:0}.notification-default-icon{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#eaf0ff;color:#315fe5;display:grid;place-items:center;font-size:15px;font-weight:850}.notification-default-setting h3{margin:0;color:#26364d;font-size:13px}.notification-default-setting p{margin:4px 0 0;color:#737f90;font-size:10.5px;line-height:1.45}.notification-default-setting small{display:inline-block;margin-top:6px;padding:3px 6px;border-radius:999px;background:#edf6ef;color:#34734a;font-size:9px;font-weight:800}.notification-default-toggle{flex:0 0 auto}.notification-default-status{margin:0 2px 18px;color:#778394;font-size:10.5px;line-height:1.4}.notification-rule-maker-intro{margin:4px 0 0;color:#8792a2;font-size:10.5px;line-height:1.4}
/* 0.18.427 — Notification settings mobile hierarchy + scope clarity */
.notification-office-setting{margin:0 0 10px;border:1px solid #dfe5ed;border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.025)}
.notification-office-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px 16px;background:linear-gradient(180deg,#fcfdff,#fafbfe)}
.notification-office-copy{display:flex;align-items:center;gap:12px;min-width:0}.notification-office-icon{width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:#f0edff;color:#654bc0;display:grid;place-items:center}.notification-office-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.notification-office-setting h3{margin:0;color:#26364d;font-size:13.5px;letter-spacing:-.01em}.notification-office-setting p{margin:4px 0 0;color:#7a8696;font-size:10.5px;line-height:1.45}.notification-office-head-actions{display:flex;align-items:center;gap:10px}.notification-office-state{min-width:55px;padding:5px 8px;border-radius:999px;background:#eef1f5;color:#6b7788;text-align:center;font-size:9px;font-weight:850;line-height:1}.notification-office-state.active{background:#eaf7f1;color:#247455}.notification-office-state.paused{background:#fff5e8;color:#9a6518}.notification-office-state.unsaved{background:#eef2ff;color:#3159ca}.notification-office-state.off{background:#eef1f5;color:#7a8594}
.notification-office-controls{border-top:1px solid #e9edf2;padding:15px 16px 16px;background:#fff}.notification-office-controls[hidden]{display:none}.notification-office-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 13px;border:1px solid #e5e9f0;border-radius:13px;background:#f8faff}.notification-office-summary>div{min-width:0}.notification-office-summary>div>span,.notification-office-section-head legend,.notification-office-section-label,.notification-office-time-row label>span,.notification-office-zone>div>span{display:block;color:#7d8898;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.055em}.notification-office-summary strong{display:block;margin-top:4px;color:#334155;font-size:11.5px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-office-now{flex:0 0 auto;padding:5px 8px;border-radius:999px;background:#eef1f5;color:#667085;font-size:9px;font-weight:820;white-space:nowrap}.notification-office-now.active{background:#e9f7f0;color:#267657}.notification-office-now.paused{background:#fff4e5;color:#986317}.notification-office-now.unsaved{background:#eef2ff;color:#3159ca}
.notification-office-days{margin:15px 0 0;padding:0;border:0}.notification-office-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.notification-office-section-head legend{padding:0}.notification-office-presets{display:flex;align-items:center;gap:5px}.notification-office-presets button{min-height:28px;padding:0 9px;border:1px solid #e0e5ec;border-radius:8px;background:#fff;color:#667085;font:inherit;font-size:9px;font-weight:800}.notification-office-presets button:hover{background:#f7f9fc}.notification-office-presets button.active{border-color:#a9b8ee;background:#eef2ff;color:#3159ca}.notification-office-day-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.notification-office-days label{position:relative;min-width:0}.notification-office-days input{position:absolute;opacity:0;pointer-events:none}.notification-office-days label span{display:grid;place-items:center;min-height:38px;border:1px solid #dfe5ec;border-radius:10px;background:#fff;color:#687588;font-size:9.5px;font-weight:820;cursor:pointer;transition:border-color .14s,background .14s,color .14s,box-shadow .14s}.notification-office-days label span:hover{background:#fafbfe}.notification-office-days input:checked+span{border-color:#96aaf0;background:#eef2ff;color:#3159ca;box-shadow:inset 0 0 0 1px rgba(49,89,202,.04)}.notification-office-days input:focus-visible+span{outline:2px solid #315fe5;outline-offset:2px}
.notification-office-time-block{margin-top:15px}.notification-office-section-label{margin-bottom:8px}.notification-office-time-row{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:7px;align-items:end}.notification-office-time-row label{min-width:0}.notification-office-time-row label>span{margin-bottom:6px}.notification-office-time-row input{width:100%;height:42px;border:1px solid #dfe5ec;border-radius:11px;background:#fff;color:#344054;padding:0 11px;font:inherit;font-size:12px;outline:0}.notification-office-time-row input:focus{border-color:#91a7ef;box-shadow:0 0 0 3px rgba(65,98,222,.08)}.notification-office-time-arrow{height:42px;display:grid;place-items:center;color:#98a2b3;font-size:15px}.notification-office-overnight{display:block;margin:7px 1px 0;color:#7b8797;font-size:9.5px;line-height:1.35}.notification-office-overnight[hidden]{display:none}
.notification-office-zone{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding:11px 12px;border:1px solid #e9edf2;border-radius:12px;background:#fbfcfe}.notification-office-zone>div{min-width:0}.notification-office-zone>div>span{margin-bottom:3px}.notification-office-zone strong{display:block;color:#4c596b;font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-office-zone small{display:block;margin-top:3px;color:#98a2b3;font-size:9px;line-height:1.35}.notification-office-zone button{flex:0 0 auto;border:1px solid #dce2ea;border-radius:9px;background:#fff;color:#5269b7;min-height:34px;padding:0 10px;font-size:9.5px;font-weight:800}.notification-office-zone button:hover{background:#f7f9ff}
.notification-office-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin-top:13px;padding-top:13px;border-top:1px solid #eef1f4}.notification-office-status{min-height:15px;color:#7a8696;font-size:9.5px;line-height:1.4}.notification-office-status.error{color:#a33b32}.notification-office-actions{display:flex;justify-content:flex-end}.notification-office-actions button{min-height:39px;border:0;border-radius:10px;background:#315fe5;color:#fff;padding:0 14px;font-size:10.5px;font-weight:820}.notification-office-actions button:disabled{opacity:.58}.notification-office-toggle{flex:0 0 auto}
@media(max-width:650px){
.notification-office-setting{border-radius:16px}
.notification-office-head{padding:14px 13px;gap:9px;align-items:center}.notification-office-copy{gap:10px}.notification-office-copy>div{min-width:0}.notification-office-icon{width:38px;height:38px;flex-basis:38px;border-radius:11px}.notification-office-icon svg{width:19px;height:19px}.notification-office-setting h3{font-size:14px}.notification-office-copy p{max-width:none;margin-top:3px;font-size:10.5px;line-height:1.4}.notification-office-state{display:none}.notification-office-head-actions{gap:7px}.notification-office-toggle{width:44px;height:26px}.notification-office-toggle span{width:44px;height:26px}.notification-office-toggle span:after{width:20px;height:20px;left:3px;top:3px}.notification-office-toggle input:checked+span:after{transform:translateX(18px)}
.notification-office-controls{padding:0 12px 13px}.notification-office-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin:0 -12px;padding:13px 12px;border:0;border-bottom:1px solid #edf0f4;border-radius:0;background:#f8faff}.notification-office-summary>div>span{font-size:8.5px}.notification-office-summary strong{margin-top:3px;font-size:12px;line-height:1.35;white-space:normal;overflow:visible;text-overflow:clip}.notification-office-now{padding:6px 8px;font-size:9px}
.notification-office-days{margin-top:14px}.notification-office-section-head{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:9px}.notification-office-section-head legend{font-size:8.75px}.notification-office-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.notification-office-presets button{min-height:42px;padding:0 10px;border-radius:11px;font-size:10.25px}.notification-office-day-grid{gap:4px}.notification-office-days label>span{min-height:44px;border-radius:11px;font-size:0}.notification-office-days label>span:after{content:attr(data-mobile-label);font-size:11px;font-weight:850;letter-spacing:-.01em}
.notification-office-time-block{margin-top:15px;padding-top:14px;border-top:1px solid #eef1f4}.notification-office-time-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:stretch}.notification-office-time-row label{display:block;padding:9px 10px 7px;border:1px solid #dfe5ec;border-radius:12px;background:#fff;transition:border-color .14s,box-shadow .14s}.notification-office-time-row label:focus-within{border-color:#91a7ef;box-shadow:0 0 0 3px rgba(65,98,222,.08)}.notification-office-time-row label>span{margin-bottom:2px}.notification-office-time-row input{height:34px;border:0;border-radius:0;background:transparent;padding:0;font-size:16px;box-shadow:none}.notification-office-time-row input:focus{border:0;box-shadow:none}.notification-office-time-arrow{display:none}.notification-office-overnight{margin:7px 2px 0;font-size:9.5px}
.notification-office-zone{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:14px;padding:12px;border-radius:12px}.notification-office-zone strong{font-size:10.75px;white-space:normal;overflow-wrap:anywhere}.notification-office-zone small{font-size:9.25px}.notification-office-zone button{min-height:38px;padding:0 10px;border-radius:10px;font-size:9.75px}
.notification-office-foot{display:flex;flex-direction:column;gap:10px;align-items:stretch;margin-top:14px;padding-top:13px}.notification-office-status{min-height:0;font-size:9.75px;line-height:1.45}.notification-office-actions{width:100%}.notification-office-actions button{width:100%;min-height:48px;border-radius:12px;font-size:11px}.notification-office-actions button:not(:disabled){box-shadow:0 4px 12px rgba(49,95,229,.16)}
.notification-rule-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.notification-rule-choices button{min-height:88px;padding:11px;grid-template-columns:28px minmax(0,1fr);column-gap:8px}.notification-rule-choices button>span{width:28px;height:28px}.notification-rule-choices button b{font-size:11.25px}.notification-rule-choices button small{font-size:9.5px}.notification-rule-existing-head{align-items:flex-start}.notification-rule-existing-head>button{min-height:36px;padding:0 8px;border:1px solid #e1e6ed;border-radius:9px;background:#fff}.notification-rule-quick-row-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:7px}.notification-rule-quick-row-actions button{height:38px}
}
@media(max-width:370px){.notification-office-summary{grid-template-columns:1fr}.notification-office-now{justify-self:start}.notification-office-zone{grid-template-columns:1fr}.notification-office-zone button{width:100%;min-height:42px}.notification-office-day-grid{gap:3px}.notification-office-days label>span{min-height:42px}.notification-rule-choices{grid-template-columns:1fr}.notification-rule-choices button{min-height:68px}}
.notification-device-setting{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 15px;border:1px solid #dfe5ed;border-radius:15px;background:#fff;margin:0 0 18px}.notification-device-setting-priority{border-color:#d9e8e0;background:linear-gradient(180deg,#fbfefd,#f7fcf9);box-shadow:0 1px 2px rgba(15,23,42,.025)}.notification-device-setting[hidden]{display:none}.notification-device-copy{display:flex;align-items:flex-start;gap:11px;min-width:0}.notification-device-copy>div{min-width:0}.notification-device-icon{width:36px;height:36px;flex:0 0 36px;border-radius:11px;background:#e7f6ef;color:#247455;display:grid;place-items:center;font-size:15px;font-weight:900}.notification-device-setting h3{margin:0;color:#26364d;font-size:13px}.notification-device-setting p{margin:4px 0 0;color:#637184;font-size:10.5px;line-height:1.45}.notification-device-setting small{display:block;margin-top:5px;color:#8d99a9;font-size:9.5px;line-height:1.35}.notification-device-setting>button{min-width:92px;height:38px;border:1px solid #cadbd2;border-radius:10px;background:#fff;color:#287057;font-size:10.5px;font-weight:820;padding:0 12px}.notification-device-setting>button.primary{border-color:#247455;background:#247455;color:#fff}.notification-device-setting>button.danger{border-color:#ead5d3;color:#9f443d}.notification-device-setting>button:disabled{opacity:.58;cursor:default}
@media(max-width:650px){.notification-device-setting{grid-template-columns:1fr;padding:14px;gap:12px;margin-bottom:15px;border-radius:16px}.notification-device-copy{gap:10px}.notification-device-icon{width:38px;height:38px;flex-basis:38px}.notification-device-setting h3{font-size:13.5px}.notification-device-setting p{max-width:none;font-size:10.75px}.notification-device-setting small{font-size:9.75px}.notification-device-setting>button{width:100%;min-width:0;min-height:44px;height:44px;border-radius:11px;font-size:11px}.notification-mailbox-scope{display:block;margin:17px 2px 9px}.notification-mailbox-scope strong{font-size:12.5px}.notification-mailbox-scope small{display:block;max-width:none;margin-top:4px;text-align:left;font-size:9.75px}.notification-default-setting{padding:14px 13px;gap:10px;border-radius:15px}.notification-default-setting-copy{gap:10px}.notification-default-icon{width:36px;height:36px;flex-basis:36px}.notification-default-setting h3{font-size:13.5px}.notification-default-setting p{font-size:10.5px}.notification-default-status{margin:0 3px 16px;font-size:10px}.notification-scope-chip:not(.device){display:none}}
/* 0.18.99 — per-mailbox blocked senders/domains */
.mail-block-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mail-block-card{margin:0;padding:13px;border:1px solid #e2e7ee;border-radius:15px;background:#fff}.mail-block-card-icon{width:34px;height:34px;display:grid;place-items:center;margin-bottom:10px;border-radius:11px;background:#eef2f8;color:#52627a;font-size:14px;font-weight:850}.mail-block-card-copy strong,.mail-block-card-copy small{display:block}.mail-block-card-copy strong{color:#344054;font-size:11px}.mail-block-card-copy small{margin-top:3px;color:#8a94a3;font-size:9.5px;line-height:1.4}.mail-block-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:11px}.mail-block-entry input{min-width:0;height:40px;padding:0 10px;border:1px solid #dfe4eb;border-radius:10px;background:#fff;color:#202939;font:inherit;font-size:12px;outline:0}.mail-block-entry input:focus{border-color:#9ab0f6;box-shadow:0 0 0 3px rgba(49,88,212,.08)}.mail-block-entry button{height:40px;padding:0 12px;border:0;border-radius:10px;background:#202939;color:#fff;font:inherit;font-size:10px;font-weight:800}.mail-block-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 9px}.mail-block-list-head strong,.mail-block-list-head small{display:block}.mail-block-list-head strong{color:#344054;font-size:11px}.mail-block-list-head small{margin-top:3px;color:#8a94a3;font-size:9.5px;line-height:1.4}.mail-block-list-head>span{min-width:26px;padding:4px 7px;border-radius:999px;background:#f2f4f7;color:#667085;text-align:center;font-size:9px;font-weight:850}.mail-block-list{display:grid;gap:7px}.mail-block-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:58px;padding:9px 11px;border:1px solid #e4e8ef;border-radius:13px;background:#fff}.mail-block-type{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#f5f7fa;color:#667085;font-size:13px;font-weight:850}.mail-block-type.domain{background:#eef3ff;color:#3158d4}.mail-block-row>div{min-width:0}.mail-block-row strong,.mail-block-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-block-row strong{color:#344054;font-size:11px}.mail-block-row small{margin-top:3px;color:#98a2b3;font-size:9px}.mail-block-row button{height:32px;padding:0 9px;border:1px solid #e4e7ec;border-radius:9px;background:#fff;color:#b42318;font:inherit;font-size:9.5px;font-weight:760}.mail-block-empty{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:13px;border:1px dashed #dfe4eb;border-radius:13px;background:#fafbfc}.mail-block-empty>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#ecf8f3;color:#147a55;font-weight:900}.mail-block-empty strong,.mail-block-empty small{display:block}.mail-block-empty strong{color:#475467;font-size:10.5px}.mail-block-empty small{margin-top:3px;color:#8a94a3;font-size:9.5px;line-height:1.4}.mail-block-loading{padding:14px;text-align:center;color:#8a94a3;font-size:10px}.mail-block-loading.error{color:#b42318}
@media(max-width:700px){.mail-block-grid{grid-template-columns:1fr}.mail-block-card{padding:12px}.mail-block-entry input{height:44px;font-size:16px}.mail-block-entry button{height:44px}.mail-block-row{min-height:62px}.mail-settings-tabs button{flex:0 0 auto;min-width:72px}}
/* Mailbox storage usage */
.mail-storage-refresh{flex:0 0 auto;height:34px;padding:0 12px;border:1px solid #dfe4eb;border-radius:10px;background:#fff;color:#526071;font:inherit;font-size:10px;font-weight:780;cursor:pointer}.mail-storage-refresh:hover{background:#f8faff}.mail-storage-refresh:disabled{opacity:.55;cursor:default}
.mail-storage-overview{padding:18px;border:1px solid #e3e8ef;border-radius:17px;background:linear-gradient(180deg,#fff,#fbfcff)}.mail-storage-summary{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.mail-storage-summary>div strong{display:inline;color:#202939;font-size:24px;letter-spacing:-.035em}.mail-storage-summary>div span{margin-left:5px;color:#7c8797;font-size:11px}.mail-storage-summary>div b{color:#526071;font-weight:750}.mail-storage-summary>span{padding:5px 8px;border-radius:999px;background:#edf2ff;color:#3158d4;font-size:9.5px;font-weight:850}.mail-storage-track{height:9px;margin:14px 0 16px;overflow:hidden;border-radius:999px;background:#e9edf3;box-shadow:inset 0 1px 1px rgba(15,23,42,.04)}.mail-storage-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3158d4,#5f7df0);transition:width .25s ease}.mail-storage-track.is-warning i{background:linear-gradient(90deg,#c68019,#e0a33a)}.mail-storage-track.is-critical i{background:linear-gradient(90deg,#bd3a49,#e25d67)}.mail-storage-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.mail-storage-stats article{min-width:0;padding:12px;border:1px solid #e7ebf0;border-radius:13px;background:#fff}.mail-storage-stats article span,.mail-storage-stats article strong,.mail-storage-stats article small{display:block}.mail-storage-stats article span{color:#8a94a3;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.055em}.mail-storage-stats article strong{margin-top:6px;color:#344054;font-size:15px;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-storage-stats article small{margin-top:3px;color:#98a2b3;font-size:9px;line-height:1.35}.mail-storage-note{margin:12px 1px 0;color:#8a94a3;font-size:9.5px;line-height:1.45}.mail-storage-note.is-shared-limit{color:#9a6518}
@media(max-width:700px){.mail-storage-overview{padding:14px}.mail-storage-summary>div strong{font-size:21px}.mail-storage-stats{grid-template-columns:1fr}.mail-storage-stats article{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:11px 12px}.mail-storage-stats article span{grid-column:1}.mail-storage-stats article strong{grid-column:2;grid-row:1 / span 2;margin:0;font-size:14px}.mail-storage-stats article small{grid-column:1}.mail-storage-refresh{height:36px}}
/* Mailbox security settings — 0.18.208 rebuild */
.mail-two-factor-form{display:grid;gap:12px;margin-top:8px}.mail-two-factor-form[hidden]{display:none}.mail-two-factor-form>strong{font-size:18px;color:#202939;text-align:center}.mail-two-factor-form>p{margin:-5px 0 2px;color:#7c8797;font-size:12px;line-height:1.5;text-align:center}.mail-two-factor-icon{width:46px;height:46px;margin:0 auto 2px;border-radius:15px;display:grid;place-items:center;background:#eaf0ff;color:#3158d4;font-size:18px;font-weight:900}.mail-two-factor-back{background:transparent!important;color:#667085!important;border:0!important;box-shadow:none!important}
.mail-security-panel{padding-bottom:8px}.mail-security-title-row{margin-bottom:16px}.mail-security-panel svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mail-security-owner-note{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;margin:0 0 14px;padding:14px;border:1px solid #f0d39d;border-radius:14px;background:#fffaf1}.mail-security-owner-note[hidden]{display:none}.mail-security-owner-icon{width:42px;height:42px;border-radius:12px;background:#ffedcc;color:#a85411;display:grid;place-items:center}.mail-security-owner-icon svg{width:20px;height:20px}.mail-security-owner-note strong,.mail-security-owner-note small{display:block}.mail-security-owner-note strong{color:#63330c;font-size:12px}.mail-security-owner-note small{margin-top:3px;color:#8c653f;font-size:10.5px;line-height:1.45}.mail-security-owner-note>button{min-height:38px;padding:0 12px;border:1px solid #e8bd76;border-radius:10px;background:#fff;color:#8f470d;font:inherit;font-size:10.5px;font-weight:800;cursor:pointer;white-space:nowrap}.mail-security-owner-note>button:hover{background:#fff7e8}
.mail-security-overview{margin-bottom:14px;border:1px solid #dfe5ee;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.025)}.mail-security-overview-main{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:13px;align-items:center;padding:17px 18px}.mail-security-overview-icon{width:52px;height:52px;border-radius:16px;background:#edf2ff;color:#3158d4;display:grid;place-items:center}.mail-security-overview-icon svg{width:27px;height:27px;stroke-width:1.9}.mail-security-overview-copy{min-width:0}.mail-security-overview-copy>span,.mail-security-overview-copy>strong,.mail-security-overview-copy>small{display:block}.mail-security-overview-copy>span{color:#7a8798;font-size:9.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.mail-security-overview-copy>strong{margin-top:3px;color:#27364b;font-size:14.5px;line-height:1.3}.mail-security-overview-copy>small{margin-top:4px;color:#7d8999;font-size:10.5px;line-height:1.45}.mail-security-hero-state{justify-self:end;min-width:74px;padding:7px 10px;border-radius:999px;background:#f1f3f6;color:#667085;text-align:center;font-size:9.5px;font-weight:850}.mail-security-hero-state.strong{background:#eaf7f0;color:#15704d}.mail-security-hero-state.attention{background:#fff3df;color:#9b5515}.mail-security-hero-state.locked{background:#eef1f5;color:#667085}
.mail-security-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #edf0f4;background:#fbfcfe}.mail-security-status article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;min-width:0;padding:12px 15px}.mail-security-status article+article{border-left:1px solid #edf0f4}.mail-security-status-icon{width:34px;height:34px;border-radius:10px;background:#f1f4f8;color:#667085;display:grid;place-items:center}.mail-security-status article:nth-child(2) .mail-security-status-icon{background:#eef3ff;color:#3158d4}.mail-security-status article:nth-child(3) .mail-security-status-icon{background:#edf8f4;color:#1d755b}.mail-security-status-icon svg{width:17px;height:17px}.mail-security-status article div span,.mail-security-status article strong{display:block;min-width:0}.mail-security-status article div span{color:#8b95a5;font-size:9px;font-weight:780}.mail-security-status article strong{margin-top:2px;color:#344054;font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail-security-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.mail-security-card{min-width:0;padding:16px;border:1px solid #e2e7ee;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.02)}.mail-security-card+.mail-security-card:not(.mail-security-action-card){margin-top:12px}.mail-security-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.mail-security-card-title{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;min-width:0}.mail-security-card-icon{width:40px;height:40px;border-radius:12px;background:#eef3ff;color:#3158d4;display:grid;place-items:center}.mail-security-card-icon.lock{background:#f2f4f7;color:#536174}.mail-security-card-icon.auth{background:#edf8f4;color:#1c765c}.mail-security-card-icon.activity{background:#f5f1ff;color:#7259b7}.mail-security-card-icon svg{width:20px;height:20px}.mail-security-card-title strong,.mail-security-card-title small{display:block}.mail-security-card-title strong{color:#344054;font-size:12.5px}.mail-security-card-title small{margin-top:3px;color:#8994a3;font-size:10px;line-height:1.45}.mail-security-pill{flex:0 0 auto;min-width:34px;padding:5px 8px;border-radius:999px;background:#f2f4f7;color:#667085;text-align:center;font-size:9px;font-weight:850}.mail-security-pill.on{background:#e9f7ef;color:#16734f}
.mail-security-form{display:grid;grid-template-columns:1fr;gap:10px}.mail-security-form[hidden]{display:none!important}.mail-security-form label{display:block;color:#59677a;font-size:10.5px;font-weight:760}.mail-security-form input{display:block;width:100%;height:44px;margin-top:6px;padding:0 12px;border:1px solid #dce2e9;border-radius:10px;background:#fff;color:#202939;font:inherit;font-size:14px;outline:0;transition:border-color .15s,box-shadow .15s}.mail-security-form input:hover{border-color:#ccd4df}.mail-security-form input:focus{border-color:#91a7ee;box-shadow:0 0 0 3px rgba(49,88,212,.09)}.mail-security-form>button{min-height:42px;justify-self:start;padding:0 14px;border:0;border-radius:10px;background:#3158d4;color:#fff;font:inherit;font-size:10.5px;font-weight:820;cursor:pointer}.mail-security-form>button:hover{background:#294dc2}.mail-security-form>button:disabled,.mail-security-form input:disabled{opacity:.55;cursor:not-allowed}.mail-security-form>button.danger-lite{border:1px solid #f0c9ce;background:#fff;color:#a63b46}.mail-security-form>button.danger-lite:hover{background:#fff7f8}.mail-security-error{padding:9px 10px;border-radius:9px;background:#fff1f2;color:#b42318;font-size:10px;line-height:1.4}.mail-security-error[hidden]{display:none!important}.mail-security-warning{padding:10px 11px;border:1px solid #f4dfbd;border-radius:10px;background:#fff9ef;color:#8e5a20;font-size:10px;line-height:1.45}.mail-security-warning strong,.mail-security-warning span{display:block}.mail-security-warning span{margin-top:2px;color:#97714a}
.mail-two-factor-setup{padding:13px;border:1px solid #dde6fb;border-radius:13px;background:#f8faff}.mail-two-factor-setup[hidden]{display:none!important}.mail-two-factor-qr{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px;align-items:center;margin:13px 0;padding:14px;border:1px solid #dfe6f2;border-radius:14px;background:#fff}.mail-two-factor-qr-frame{display:grid;place-items:center;min-height:190px;border:1px solid #edf0f4;border-radius:12px;background:#fff;overflow:hidden;text-decoration:none;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mail-two-factor-qr-frame:focus-visible{outline:3px solid rgba(49,88,212,.22);outline-offset:2px}.mail-two-factor-qr-frame img{display:block;width:100%;max-width:190px;aspect-ratio:1;object-fit:contain;pointer-events:none;-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mail-two-factor-qr-frame img[hidden]{display:none}.mail-two-factor-qr-fallback{padding:18px;color:#7d8999;text-align:center;font-size:10px;line-height:1.45}.mail-two-factor-qr-fallback[hidden]{display:none}.mail-two-factor-qr-copy strong,.mail-two-factor-qr-copy small{display:block}.mail-two-factor-qr-copy strong{color:#344054;font-size:12px}.mail-two-factor-qr-copy small{margin-top:5px;color:#7d8999;font-size:10px;line-height:1.5}.mail-two-factor-manual{margin:10px 0 12px;padding:0;border-top:1px solid #e7ebf1}.mail-two-factor-manual summary{padding:11px 0 4px;color:#59677a;font-size:10px;font-weight:800;cursor:pointer}.mail-two-factor-manual[open] summary{margin-bottom:7px}.mail-two-factor-manual .mail-two-factor-key{margin-top:0}.mail-two-factor-manual .mail-two-factor-open{margin-bottom:0}.mail-two-factor-setup-head{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;align-items:center}.mail-two-factor-setup-head>span{width:30px;height:30px;border-radius:9px;background:#e8efff;color:#3158d4;display:grid;place-items:center;font-size:10px;font-weight:900}.mail-two-factor-setup-head strong,.mail-two-factor-setup-head small{display:block}.mail-two-factor-setup-head strong{color:#344054;font-size:10.5px}.mail-two-factor-setup-head small{margin-top:2px;color:#8490a1;font-size:9.5px;line-height:1.4}.mail-two-factor-setup ol{margin:11px 0 12px;padding-left:19px;color:#667085;font-size:10px;line-height:1.6}.mail-two-factor-key{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px;border:1px solid #e0e5ec;border-radius:10px;background:#fff}.mail-two-factor-key span{color:#8a94a3;font-size:8.8px;font-weight:800;text-transform:uppercase}.mail-two-factor-key code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#344054;font-size:10.5px;font-weight:800;letter-spacing:.06em}.mail-two-factor-key button{height:31px;padding:0 9px;border:1px solid #dce2e9;border-radius:8px;background:#fff;color:#475467;font:inherit;font-size:9.5px;font-weight:800;cursor:pointer}.mail-two-factor-open{display:inline-flex;margin:10px 0 12px;color:#3158d4;font-size:10px;font-weight:800;text-decoration:none}.mail-two-factor-open:hover{text-decoration:underline}.mail-two-factor-open-primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:40px;margin:0 0 8px;padding:0 13px;border:1px solid #cfd9f5;border-radius:10px;background:#eef3ff;color:#284fc8;font:inherit;cursor:pointer}.mail-two-factor-methods{display:grid;gap:8px;margin:0 0 10px;padding:11px;border:1px solid #dfe5ef;border-radius:12px;background:#fff;box-shadow:0 10px 28px rgba(31,41,55,.08)}.mail-two-factor-methods[hidden]{display:none!important}.mail-two-factor-methods-head{display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:8px;align-items:center;padding:0 2px 2px}.mail-two-factor-methods-head strong,.mail-two-factor-methods-head small{display:block}.mail-two-factor-methods-head strong{color:#344054;font-size:11px}.mail-two-factor-methods-head small{margin-top:2px;color:#8a94a3;font-size:9.3px}.mail-two-factor-methods-head button{width:32px;height:32px;border:0;border-radius:9px;background:#f5f7fa;color:#667085;font:inherit;font-size:18px;line-height:1;cursor:pointer}.mail-two-factor-method-option{display:grid;gap:3px;width:100%;min-height:52px;padding:10px 12px;border:1px solid #e0e5ec;border-radius:11px;background:#fff;color:#344054;text-align:left;text-decoration:none;font:inherit;cursor:pointer}.mail-two-factor-method-option strong{font-size:10.5px}.mail-two-factor-method-option small{color:#7c8797;font-size:9.4px;line-height:1.4}.mail-two-factor-method-option:hover{border-color:#cfd9f5;background:#f8faff}.mail-two-factor-apple{display:grid;margin:0}.mail-two-factor-platform-note{display:block;margin:2px 2px 0;color:#7b8798;font-size:9.5px;line-height:1.48;text-align:left}.mail-two-factor-open-primary:hover{text-decoration:none;background:#e7efff}.mail-security-confirm-form{margin-top:0}
.mail-security-refresh{flex:0 0 auto;min-height:36px;padding:0 11px;border:1px solid #dce2e9;border-radius:9px;background:#fff;color:#526071;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.mail-security-refresh:hover{background:#f8fafc}.mail-security-refresh:disabled{opacity:.55;cursor:not-allowed}.mail-security-session-list,.mail-security-event-list{display:grid;gap:8px}.mail-security-session{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center;padding:11px 12px;border:1px solid #e7ebf0;border-radius:12px;background:#fbfcfd}.mail-security-session.current{border-color:#cbd8fa;background:#f7f9ff}.mail-security-session-icon{position:relative;width:42px;height:42px;border-radius:12px;background:#eef2f7;color:#667085;display:flex;align-items:center;justify-content:center}.mail-security-session-icon>svg{width:21px;height:21px}.mail-security-session.current .mail-security-session-icon{background:#e7eeff;color:#3158d4}.mail-security-session-current-mark{position:absolute;right:-2px;bottom:-2px;width:15px;height:15px;border:2px solid #f7f9ff;border-radius:999px;background:#3158d4;color:#fff;display:flex;align-items:center;justify-content:center}.mail-security-session-current-mark svg{width:9px;height:9px;stroke-width:2.2}.mail-security-session-main{min-width:0}.mail-security-session-top{display:flex;align-items:center;gap:6px;min-width:0}.mail-security-session-top strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-security-session-main strong,.mail-security-session-main span,.mail-security-session-main small{display:block}.mail-security-session strong{color:#344054;font-size:11px}.mail-security-session-badge{flex:0 0 auto;display:inline-flex!important;padding:2px 6px;border-radius:999px;background:#e8f7ef;color:#16794f!important;font-size:8px!important;font-weight:850}.mail-security-session-meta{display:flex!important;flex-wrap:wrap;gap:4px 8px;margin-top:4px!important;color:#667085!important;font-size:9.5px!important;overflow-wrap:anywhere}.mail-security-session-meta i{font-style:normal}.mail-security-session small{margin-top:4px;color:#98a2b3;font-size:9px;line-height:1.4}.mail-security-empty{padding:18px 12px;border:1px dashed #dfe4eb;border-radius:11px;background:#fbfcfd;text-align:center;color:#8a94a3;font-size:10px}.mail-security-revoke-others{margin-top:12px;padding-top:11px;border-top:1px solid #edf0f4}.mail-security-revoke-others[hidden]{display:none}.mail-security-revoke-others summary{display:grid;grid-template-columns:minmax(0,1fr) auto 24px;gap:10px;align-items:center;cursor:pointer;list-style:none;color:#a63b46;font-size:10.5px;font-weight:820}.mail-security-revoke-others summary::-webkit-details-marker{display:none}.mail-security-revoke-others summary small{color:#98a2b3;font-size:9.5px;font-weight:650}.mail-security-revoke-chevron{width:24px;height:24px;border-radius:7px;background:#fff1f2;color:#a63b46;display:grid;place-items:center}.mail-security-revoke-chevron svg{width:14px;height:14px;transition:transform .15s ease}.mail-security-revoke-others[open] .mail-security-revoke-chevron svg{transform:rotate(180deg)}.mail-security-revoke-others>p{margin:9px 0 10px;color:#7d8999;font-size:10px;line-height:1.45}.mail-security-revoke-form{grid-template-columns:1fr 140px auto;align-items:end}.mail-security-revoke-form .mail-security-error{grid-column:1/-1}
.mail-security-activity-card{margin-top:12px}.mail-security-event-list{max-height:390px;overflow:auto;overscroll-behavior:contain;padding-right:2px}.mail-security-event{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:flex-start;padding:9px 2px;border-bottom:1px solid #f0f2f5}.mail-security-event:last-child{border-bottom:0}.mail-security-event-dot{width:34px;height:34px;border-radius:10px;background:#f1f4f7;color:#667085;display:flex;align-items:center;justify-content:center}.mail-security-event-dot svg{width:18px;height:18px}.mail-security-event.warning .mail-security-event-dot{background:#fff3df;color:#ad6118}.mail-security-event.critical .mail-security-event-dot{background:#fff0f1;color:#bd3340}.mail-security-event>div>strong,.mail-security-event>div>span,.mail-security-event>div>small{display:block}.mail-security-event>div>strong{color:#344054;font-size:10.8px}.mail-security-event>div>span{margin-top:2px;color:#667085;font-size:9.6px;line-height:1.45;overflow-wrap:anywhere}.mail-security-event>div>small{margin-top:4px;color:#98a2b3;font-size:9px}.notification-item-icon.security{background:#fff3e8;color:#b45309}.notification-item-icon.security svg{stroke:currentColor}
@media(min-width:701px){.settings-dialog:has([data-settings-panel="security"].active){width:min(720px,100%)}}
@media(max-width:700px){.mail-security-title-row{margin-bottom:13px}.mail-security-owner-note{grid-template-columns:40px minmax(0,1fr);padding:13px}.mail-security-owner-icon{width:40px;height:40px}.mail-security-owner-note>button{grid-column:1/-1;width:100%;min-height:44px}.mail-security-overview-main{grid-template-columns:46px minmax(0,1fr);gap:11px;padding:15px}.mail-security-overview-icon{width:46px;height:46px;border-radius:14px}.mail-security-overview-icon svg{width:24px;height:24px}.mail-security-hero-state{grid-column:2;justify-self:start;margin-top:-2px}.mail-security-status{grid-template-columns:1fr}.mail-security-status article{grid-template-columns:34px minmax(0,1fr) auto;padding:10px 13px}.mail-security-status article+article{border-left:0;border-top:1px solid #edf0f4}.mail-security-status article strong{justify-self:end;margin:0;font-size:11.5px}.mail-security-control-grid{grid-template-columns:1fr;gap:10px;margin-bottom:10px}.mail-security-card{padding:14px;border-radius:15px}.mail-security-card+.mail-security-card:not(.mail-security-action-card),.mail-security-activity-card{margin-top:10px}.mail-security-card-head{align-items:center;margin-bottom:12px}.mail-security-card-title{grid-template-columns:38px minmax(0,1fr);gap:9px}.mail-security-card-icon{width:38px;height:38px}.mail-security-card-title strong{font-size:12px}.mail-security-card-title small{font-size:9.7px}.mail-security-form input{height:46px;font-size:16px}.mail-security-form>button{width:100%;min-height:45px}.mail-two-factor-key{grid-template-columns:1fr auto}.mail-two-factor-key span{grid-column:1/-1}.mail-two-factor-key code{font-size:10px}.mail-two-factor-qr{grid-template-columns:1fr;gap:10px;padding:12px}.mail-two-factor-qr-frame{width:min(100%,260px);min-height:0;aspect-ratio:1;justify-self:center}.mail-two-factor-qr-frame img{max-width:260px}.mail-two-factor-qr-copy{text-align:center}.mail-two-factor-qr-copy strong{font-size:11.5px}.mail-two-factor-qr-copy small{font-size:9.7px}.mail-two-factor-open-primary{width:100%;min-height:46px;font-size:11px}.mail-two-factor-manual summary{min-height:44px;display:flex;align-items:center}.mail-security-session{grid-template-columns:40px minmax(0,1fr);padding:10px}.mail-security-session-icon{width:40px;height:40px}.mail-security-revoke-others summary{grid-template-columns:minmax(0,1fr) 24px}.mail-security-revoke-others summary small{display:none}.mail-security-revoke-form{grid-template-columns:1fr}.mail-security-event-list{max-height:none;overflow:visible}.mail-security-event{grid-template-columns:32px minmax(0,1fr)}.mail-security-event-dot{width:32px;height:32px}.mail-security-refresh{min-height:36px}}
/* 0.18.112 account recovery */
.account-recovery-links{display:flex;align-items:center;justify-content:center;gap:9px;margin:12px 0 0;color:#a1a9b5;font-size:11px}.account-recovery-links button{border:0;background:transparent;color:#546bba;padding:5px 2px;font:inherit;font-weight:760;cursor:pointer}.account-recovery-links button:last-child{color:#a34c56}.account-recovery-links button:hover{text-decoration:underline}.account-recovery-overlay{position:fixed;inset:0;z-index:420;background:rgba(9,17,29,.58);display:grid;place-items:center;padding:18px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.account-recovery-overlay[hidden]{display:none}.account-recovery-dialog{position:relative;width:min(520px,100%);max-height:calc(100dvh - 36px);overflow:auto;background:#fff;border:1px solid #e0e5ec;border-radius:22px;padding:28px;box-shadow:0 32px 100px rgba(8,15,28,.3)}.account-recovery-kicker{display:block;margin-top:22px;color:#7d8aa0;font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.account-recovery-dialog h2{font-size:26px;letter-spacing:-.04em;margin:6px 0 8px}.account-recovery-dialog>p{margin:0 0 18px;color:#6f7c8e;font-size:12px;line-height:1.55}.account-recovery-dialog form>label{display:block;margin-top:14px;color:#59677a;font-size:11px;font-weight:760}.account-recovery-dialog form>label>small{font-weight:600;color:#929cab}.account-recovery-dialog input,.account-recovery-dialog textarea{width:100%;margin-top:7px;border:1px solid #dfe4ea;border-radius:11px;padding:12px;font:inherit;font-size:16px;outline:0;background:#fff}.account-recovery-dialog textarea{resize:vertical;min-height:82px;font-size:13px;line-height:1.45}.account-recovery-dialog input:focus,.account-recovery-dialog textarea:focus{border-color:#9fb0ef;box-shadow:0 0 0 3px #edf1ff}.account-recovery-dialog form>label>em{display:block;margin-top:6px;font-style:normal;font-size:9.5px;font-weight:550;line-height:1.45;color:#8a95a4}.account-recovery-type{border:0;padding:0;margin:18px 0 0}.account-recovery-type legend{font-size:11px;font-weight:780;color:#59677a;margin-bottom:8px}.account-recovery-type>label{display:flex;align-items:flex-start;gap:10px;border:1px solid #e0e5ec;border-radius:12px;padding:12px;margin-top:8px;cursor:pointer}.account-recovery-type>label:has(input:checked){border-color:#9eb1ef;background:#f6f8ff}.account-recovery-type>label.stolen:has(input:checked){border-color:#e0aab0;background:#fff7f7}.account-recovery-type input{width:auto;margin:2px 0 0;box-shadow:none}.account-recovery-type strong,.account-recovery-type small{display:block}.account-recovery-type strong{font-size:12px;color:#344054}.account-recovery-type small{font-size:10px;color:#7c8796;margin-top:3px;line-height:1.4}.account-recovery-dialog form>button[type=submit]{width:100%;min-height:46px;border:0;border-radius:11px;background:#4667e8;color:#fff;padding:12px;margin-top:18px;font-weight:820;cursor:pointer}.account-recovery-success{margin-top:14px;padding:12px;border:1px solid #cfe9dc;border-radius:11px;background:#f0faf5;color:#396754}.account-recovery-success strong,.account-recovery-success span{display:block}.account-recovery-success strong{font-size:12px}.account-recovery-success span{font-size:10.5px;line-height:1.5;margin-top:4px}.account-recovery-success[hidden]{display:none}@media(max-width:700px){.account-recovery-overlay{align-items:end;padding:0}.account-recovery-dialog{width:100%;max-height:calc(100dvh - env(safe-area-inset-top));border-radius:22px 22px 0 0;padding:24px 18px calc(20px + env(safe-area-inset-bottom))}.account-recovery-dialog h2{font-size:23px}}
/* Recovery bot trap: intentionally outside the visual/keyboard flow. */
.account-recovery-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
/* 0.18.123 installed-app notification onboarding */
.notification-enable-overlay{position:fixed;inset:0;z-index:320;display:grid;place-items:center;padding:18px;background:rgba(9,17,29,.62);backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px)}
.notification-enable-overlay[hidden]{display:none}
.notification-enable-dialog{width:min(420px,100%);border:1px solid rgba(226,231,238,.96);border-radius:26px;background:#fff;padding:31px 27px 24px;box-shadow:0 38px 110px rgba(15,23,42,.34);text-align:center}
.notification-enable-icon{width:70px;height:70px;margin:0 auto 15px;border-radius:21px;background:#eef3ff;display:grid;place-items:center;color:#3158d4}
.notification-enable-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.notification-enable-kicker{display:block;color:#5371da;font-size:9.5px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.notification-enable-dialog h2{margin:5px 0 8px;color:#1f2937;font-size:25px;letter-spacing:-.04em}
.notification-enable-dialog>p{margin:0 auto;max-width:350px;color:#667085;font-size:12.5px;line-height:1.58}
.notification-enable-points{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:17px}.notification-enable-points span{padding:7px 9px;border:1px solid #e2e7ef;border-radius:999px;background:#fafbfe;color:#5f6d83;font-size:9.7px;font-weight:730}
.notification-enable-actions{display:flex;flex-direction:column;gap:8px;margin-top:21px}.notification-enable-actions button{width:100%;min-height:50px;border-radius:13px;font-size:12px;font-weight:830;cursor:pointer}
.notification-enable-primary{border:0;background:#3158d4;color:#fff;box-shadow:0 8px 18px rgba(49,88,212,.2)}.notification-enable-primary:disabled{opacity:.55;cursor:default}.notification-enable-later{min-height:38px!important;border:0;background:transparent;color:#7a8494;text-decoration:underline;text-underline-offset:3px;font-size:10.7px!important;font-weight:690!important}
.notification-enable-dialog>small{display:block;margin:10px auto 0;max-width:340px;color:#98a2b3;font-size:9.3px;line-height:1.45}
html.notification-enable-open{overflow:hidden}
@media(max-width:700px){.notification-enable-overlay{display:block;padding:0;background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:auto}.notification-enable-dialog{width:100%;min-height:100dvh;border:0;border-radius:0;padding:max(30px,calc(env(safe-area-inset-top) + 22px)) max(20px,env(safe-area-inset-right)) max(20px,calc(env(safe-area-inset-bottom) + 14px)) max(20px,env(safe-area-inset-left));box-shadow:none;display:flex;flex-direction:column;justify-content:center}.notification-enable-icon{width:78px;height:78px}.notification-enable-dialog h2{font-size:27px}.notification-enable-dialog>p{font-size:12.5px}.notification-enable-actions{margin-top:24px}.notification-enable-actions button{min-height:54px;font-size:12.5px}.notification-enable-later{min-height:44px!important}.notification-enable-dialog>small{font-size:9.5px}}
/* 0.18.143 — fuller inline quoted / forwarded message presentation */
.thread-card-body.rich-mail .mail-quoted{
max-width:760px;
margin:16px 0 2px;
overflow:hidden;
border:1px solid #e1e7ef;
border-radius:13px;
background:#fafbfd;
box-shadow:0 3px 12px rgba(15,23,42,.025);
}
.thread-card-body.rich-mail .mail-quoted>summary{
width:100%;
min-height:46px;
margin:0;
padding:10px 38px 10px 12px;
display:flex;
align-items:center;
position:relative;
border-radius:0;
background:linear-gradient(180deg,#fbfcfe,#f6f8fb);
color:#5e6b7c;
font-size:11px;
font-weight:780;
cursor:pointer;
list-style:none;
user-select:none;
}
.thread-card-body.rich-mail .mail-quoted>summary:before{
content:'↪';
width:28px;
height:28px;
flex:0 0 28px;
display:grid;
place-items:center;
margin-right:9px;
border-radius:9px;
background:#eaf0ff;
color:#3158d4;
font-size:14px;
font-weight:800;
letter-spacing:0;
}
.thread-card-body.rich-mail .mail-quoted>summary:after{
content:'⌄';
position:absolute;
right:13px;
top:50%;
transform:translateY(-52%);
color:#8c97a6;
font-size:16px;
font-weight:500;
}
.thread-card-body.rich-mail .mail-quoted[open]>summary{
margin:0;
border-bottom:1px solid #e6ebf1;
background:#f7f9fc;
}
.thread-card-body.rich-mail .mail-quoted[open]>summary:after{content:'⌃'}
.thread-card-body.rich-mail .mail-quoted>summary:hover{background:#f3f6fa;color:#445166}
.thread-card-body.rich-mail .mail-quoted>blockquote{
margin:0!important;
padding:13px 14px!important;
border:0!important;
border-radius:0!important;
background:#fff!important;
color:#667085;
}
.thread-card-body.rich-mail blockquote{
border-left-width:3px;
border-left-color:#c7d3e7;
border-radius:0 10px 10px 0;
background:linear-gradient(90deg,rgba(245,248,252,.96),rgba(249,250,252,.72));
}
.thread-card-body.rich-mail .mail-quoted>blockquote{
margin:0!important;
padding:13px 14px!important;
border:0!important;
border-radius:0!important;
background:#fff!important;
color:#667085;
}
/* 0.18.152: keep raw-message download visible in the message header, especially on mobile. */
/* 0.18.162 — canonical mobile conversation reader
Keep the phone reader intentionally simple: navigation + three top actions,
message content in normal flow, and less-common management actions in a sheet. */
.reader-more-trigger,.reader-more-overlay{display:none}
@media(max-width:700px){
.reader-toolbar{height:60px;min-height:60px;flex-basis:60px;padding:6px max(8px,env(safe-area-inset-right)) 6px max(8px,env(safe-area-inset-left));background:rgba(255,255,255,.985);border-bottom:1px solid #edf0f4;box-shadow:none}
.reader-tools-left{flex:1 1 auto;min-width:0;gap:2px}.conversation-count{display:none}.back-to-list{width:auto;min-width:58px;height:44px;min-height:44px;padding:0 9px 0 6px;display:flex;align-items:center;justify-content:flex-start;gap:1px;border-radius:12px;color:#3158c9}.back-to-list svg{width:21px;height:21px}.back-to-list-label{display:inline;font-size:12px;font-weight:720;color:#3158c9}
.reader-tools-right{flex:0 0 auto;gap:0}.reader-utility-actions{gap:1px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.reader-utility-actions>#readerUnread,.reader-utility-actions>#readerMove,.reader-utility-actions>#readerTrash{display:none!important}
.reader-utility-actions>#readerDownloadEml,.reader-utility-actions>#readerStar,.reader-utility-actions>#readerMore{display:grid!important;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;border:0;border-radius:12px;background:transparent;color:#5b6879;box-shadow:none}
.reader-utility-actions>#readerDownloadEml:active,.reader-utility-actions>#readerStar:active,.reader-utility-actions>#readerMore:active{background:#f1f4f7}.reader-utility-actions>#readerStar.reader-starred{background:transparent;color:#b87916;box-shadow:none}
.reader-more-trigger svg{width:18px!important;height:18px!important}.reader-more-trigger svg circle{fill:currentColor;stroke:none}
.reader-scroll{scroll-padding-bottom:18px;background:#fff}.conversation-email{padding:18px 16px 30px}.email-head{margin:0;padding:2px 0 20px;border-bottom:0}.email-labels{margin:0 0 8px;gap:5px}.email-labels span{min-height:20px;padding:1px 7px;border-color:#edf0f4;background:#f7f8fa;font-size:9px;font-weight:720;color:#727e8e}.email-labels .email-thread-count{padding-left:1px}.email-head h2{max-width:none;font-size:clamp(23px,7vw,28px);font-weight:780;line-height:1.14;letter-spacing:-.035em;color:#172033}
.thread-messages{margin-top:0;gap:0}.thread-card{padding:0}.thread-card+.thread-card{margin-top:24px;padding-top:24px;border-top:1px solid #edf0f4}.thread-card-head{grid-template-columns:42px minmax(0,1fr);column-gap:10px;margin:0;padding:12px 0 9px;border-radius:0}.thread-avatar{width:42px;height:42px;font-size:11px}.thread-header-top{gap:7px}.thread-identity-line strong{font-size:15px;line-height:1.2}.thread-address{display:none!important}.thread-time{padding-top:1px;font-size:10.5px;line-height:1.3;color:#7e8998}.thread-header-bottom{margin-top:3px;gap:0}.thread-envelope{width:100%;max-width:100%;font-size:12px}.thread-envelope summary{width:max-content;max-width:100%;min-height:32px;margin:0 0 0 -6px;padding:0 6px}.thread-recipient{font-weight:620;color:#748092}.thread-envelope-panel{position:static;width:100%;max-width:none;margin:7px 0 2px;padding:12px 13px;border:1px solid #e7ebf0;border-radius:12px;background:#f8fafc;box-shadow:none}.thread-detail-row{grid-template-columns:38px minmax(0,1fr);gap:8px}.thread-envelope-panel .thread-detail-row>span{font-size:11.75px}.thread-auth{margin-top:7px;padding-top:8px}
.thread-card-body{width:100%;max-width:none;padding:8px 0 14px;font-size:16px;line-height:1.62;color:#273444;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.thread-card-body.rich-mail{padding-left:0;padding-right:0;overflow-x:hidden}.mail-rich-frame{width:100%;max-width:100%}.thread-card-body.reading-mail{max-width:680px;letter-spacing:-.003em}.thread-card-body.reading-mail p{margin:0 0 16px;line-height:1.64;text-wrap:pretty}.thread-card-body.reading-mail p:last-child{margin-bottom:0}.thread-card-body.reading-mail strong,.thread-card-body.reading-mail b{color:#172033;font-weight:760}.thread-card-body.reading-mail h1{margin:2px 0 16px;font-size:23px;line-height:1.18;letter-spacing:-.025em;color:#172033}.thread-card-body.reading-mail h2{margin:24px 0 11px;font-size:20px;line-height:1.24;letter-spacing:-.018em;color:#1d2939}.thread-card-body.reading-mail h3{margin:21px 0 9px;font-size:17.5px;line-height:1.3;color:#253247}.thread-card-body.reading-mail h4{margin:18px 0 8px;font-size:16px;line-height:1.35;color:#344054}.thread-card-body.reading-mail ul,.thread-card-body.reading-mail ol{margin:10px 0 18px;padding-left:1.35em}.thread-card-body.reading-mail li{margin:7px 0;line-height:1.58}.thread-card-body.reading-mail a{color:#2857c5;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}.thread-card-body.reading-mail blockquote{margin:18px 0;padding:12px 14px;border:0;border-left:3px solid #cbd6e7;border-radius:0 11px 11px 0;background:#f7f9fc;color:#5f6d7e;line-height:1.58}.thread-card-body.reading-mail hr{margin:23px 0;border:0;border-top:1px solid #e8ecf1}.thread-card-body.reading-mail code{padding:2px 5px;border-radius:5px;background:#f1f4f8;color:#364152;font-size:.88em}.thread-card-body.reading-mail pre{margin:16px 0;padding:13px 14px;border:1px solid #e4e9ef;border-radius:12px;background:#f7f9fb;font-size:12.5px;line-height:1.55;overflow:auto}.thread-card-body.rich-mail h1{font-size:21px}.thread-card-body.rich-mail blockquote{padding-left:9px}.single-message .thread-card-body{padding-bottom:14px}
/* 0.18.269 — canonical mobile attachment section. Keep message and attachments in normal flow; no negative-margin separator tricks. */
.inbound-attachments{position:relative;max-width:none;margin-top:18px;padding:16px 0 0;gap:10px;border-top:1px solid #e8edf3}.attachment-section-head{min-height:30px;margin:0;padding:0;background:transparent}.attachment-section-title{gap:7px;padding:0;background:transparent}.attachment-section-icon{width:26px;height:26px;flex-basis:26px;border:1px solid #e4e9ef;border-radius:9px;background:#fff;color:#66758a;box-shadow:0 1px 2px rgba(15,23,42,.035)}.attachment-section-icon svg{width:14px;height:14px}.attachment-section-head strong{font-size:12.75px;letter-spacing:-.01em}.attachment-count{height:21px;min-width:21px;font-size:9.5px}.attachment-total{padding:0;background:transparent;font-size:10.5px}.attachment-list{grid-template-columns:1fr;gap:7px;margin-top:2px}.attachment-download{min-height:72px;grid-template-columns:52px minmax(0,1fr) 24px;gap:11px;padding:9px 10px;border-color:#e3e8ef;border-radius:15px;box-shadow:none;-webkit-tap-highlight-color:transparent}.attachment-download:not(.attachment-blocked):active{background:#f6f8fb;transform:none}.attachment-file-visual{width:52px;height:52px;border-radius:13px}.attachment-file-copy strong{font-size:12.75px;line-height:1.3;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.attachment-file-copy small{margin-top:4px;font-size:10.25px}.attachment-file-chevron{width:24px;height:30px;font-size:23px}.attachment-blocked{grid-template-columns:52px minmax(0,1fr) auto}.attachment-file-state{min-height:28px;font-size:9.75px}
.attachment-action-overlay{align-items:flex-end;padding:0;background:rgba(15,23,42,.30);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.attachment-action-sheet{width:100%;padding:9px max(14px,env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));border:0;border-radius:22px 22px 0 0;background:#f7f8fa;box-shadow:0 -20px 60px rgba(15,23,42,.18)}.attachment-action-sheet:before{content:'';display:block;width:36px;height:5px;margin:0 auto 10px;border-radius:999px;background:#cfd5dd}.attachment-action-file{grid-template-columns:48px minmax(0,1fr);gap:11px;padding:5px 4px 13px}.attachment-action-icon{width:48px;height:48px;border-radius:13px}.attachment-action-file>div strong{font-size:13.5px}.attachment-action-file>div span{font-size:10.5px}.attachment-action-buttons{overflow:hidden;gap:0;border:1px solid #e2e7ed;border-radius:16px;background:#fff}.attachment-action-buttons button{min-height:54px;border:0;border-bottom:1px solid #edf0f4;border-radius:0;background:#fff;font-size:12px}.attachment-action-buttons button:last-child{border-bottom:0}.attachment-action-buttons #attachmentActionSave{border-color:#edf0f4;background:#fff;color:#3158c9}.attachment-action-buttons #attachmentActionCancel{margin-top:8px;border:0;border-radius:14px;background:#fff;color:#667085}
.mobile-reader-reply-actions:not([hidden]){position:relative;z-index:8;flex:0 0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:8px max(12px,env(safe-area-inset-right)) 4px max(12px,env(safe-area-inset-left));padding:6px;border:1px solid rgba(222,228,236,.92);border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 12px 32px rgba(15,23,42,.10),0 2px 8px rgba(15,23,42,.05);backdrop-filter:blur(22px) saturate(1.12);-webkit-backdrop-filter:blur(22px) saturate(1.12)}
.reader-jump-recent{right:max(12px,env(safe-area-inset-right));bottom:calc(78px + env(safe-area-inset-bottom));min-height:40px;padding:0 11px 0 13px;font-size:10.5px;box-shadow:0 8px 24px rgba(15,23,42,.14)}
.mobile-reader-text-action{position:relative;width:100%;min-width:0;height:58px;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:4px 6px;border:0;border-radius:16px;background:transparent;color:#526071;font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .12s ease,color .12s ease,transform .12s ease}.mobile-reader-text-action:active{background:#f1f4f8;transform:scale(.975)}.mobile-reader-text-action:focus-visible{outline:2px solid #3158d4;outline-offset:-2px}.mobile-reader-action-icon{width:29px;height:29px;display:grid;place-items:center;flex:0 0 29px;border-radius:10px;background:#f1f4f8;color:#4f5d70;transition:background .12s ease,color .12s ease}.mobile-reader-text-action:first-child .mobile-reader-action-icon{background:#edf2ff;color:#3158d4}.mobile-reader-text-action:active .mobile-reader-action-icon{background:#e7ebf1}.mobile-reader-text-action:first-child:active .mobile-reader-action-icon{background:#e2e9ff}.mobile-reader-action-icon svg{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.mobile-reader-action-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;font-size:10.5px;font-weight:760;line-height:1.05;letter-spacing:-.005em}
.reader-more-overlay:not([hidden]){position:absolute;inset:0;z-index:80;display:flex;align-items:flex-end;justify-content:stretch;background:rgba(15,23,42,.28);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.reader-more-sheet{width:100%;padding:7px max(12px,env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));border-radius:22px 22px 0 0;background:#f7f8fa;box-shadow:0 -20px 60px rgba(15,23,42,.18);transform:translateY(12px);opacity:.96;transition:transform .16s ease,opacity .16s ease}.reader-more-overlay.is-open .reader-more-sheet{transform:translateY(0);opacity:1}.reader-more-grabber{width:36px;height:5px;margin:1px auto 8px;border-radius:999px;background:#cfd5dd}.reader-more-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 3px 10px}.reader-more-head>div{min-width:0}.reader-more-head strong,.reader-more-head span{display:block}.reader-more-head strong{font-size:15px;line-height:1.2;color:#1e293b}.reader-more-head span{margin-top:2px;font-size:10.5px;color:#8792a1}.reader-more-head button{min-width:52px;height:38px;border:0;border-radius:11px;background:#fff;color:#3158c9;font-size:11px;font-weight:780}
.reader-more-actions{overflow:hidden;border:1px solid #e2e7ed;border-radius:16px;background:#fff}.reader-more-actions>button,.reader-more-move{position:relative;width:100%;min-height:62px;display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:10px;margin:0;padding:9px 12px;border:0;border-bottom:1px solid #edf0f4;background:#fff;color:#344054;text-align:left}.reader-more-actions>*:last-child{border-bottom:0}.reader-more-actions>button:active,.reader-more-move:active{background:#f6f8fa}.reader-more-action-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#f1f4f8;color:#59687a}.reader-more-action-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.reader-more-copy{min-width:0}.reader-more-copy strong,.reader-more-copy small{display:block}.reader-more-copy strong{font-size:12px;font-weight:770;color:#2d3a4d}.reader-more-copy small{margin-top:2px;font-size:10px;line-height:1.25;color:#8a95a5}.reader-more-actions>button:after,.reader-more-move:after{content:'›';color:#a0a9b5;font-size:21px;line-height:1;text-align:center}.reader-more-danger .reader-more-action-icon{background:#fff1f1;color:#aa4a52}.reader-more-danger .reader-more-copy strong{color:#9c3f47}.reader-more-actions>button:disabled{opacity:.46}
}
@media(max-width:370px){
.conversation-email{padding-left:13px;padding-right:13px}.reader-toolbar{padding-left:max(5px,env(safe-area-inset-left));padding-right:max(5px,env(safe-area-inset-right))}.back-to-list{min-width:52px;padding-right:5px}.back-to-list-label{font-size:11px}.reader-utility-actions>#readerDownloadEml,.reader-utility-actions>#readerStar,.reader-utility-actions>#readerMore{flex-basis:42px;width:42px;min-width:42px}.email-head h2{font-size:22px}.thread-card-head{grid-template-columns:40px minmax(0,1fr)}.thread-avatar{width:40px;height:40px}.thread-identity-line strong{font-size:14.5px}
}
.reader-more-actions>[hidden]{display:none!important}
@media(max-width:700px){.reader-utility-actions>#readerDownloadEml{display:grid;flex:0 0 auto}}
/* 0.18.167 — scalable mailbox Settings navigator. */
.settings-dialog{width:min(900px,calc(100vw - 36px));max-height:min(820px,calc(100dvh - 36px))}
.settings-main{min-height:0;flex:1;display:grid;grid-template-columns:242px minmax(0,1fr);overflow:hidden;background:#fff}
.settings-nav{min-width:0;min-height:0;display:flex;flex-direction:column;border-right:1px solid #e6eaf0;background:#f7f8fb}
.settings-nav-search{position:relative;flex:0 0 auto;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;margin:14px 12px 9px;border:1px solid #dfe4eb;border-radius:12px;background:#fff;color:#8a94a3;box-shadow:0 1px 2px rgba(15,23,42,.025)}
.settings-nav-search:focus-within{border-color:#aab9ec;box-shadow:0 0 0 3px rgba(49,88,212,.08)}
.settings-nav-search>svg{width:16px;height:16px;justify-self:end;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.settings-nav-search input{width:100%;height:40px;border:0;outline:0;background:transparent;padding:0 10px 0 7px;color:#344054;font:inherit;font-size:12px;-webkit-appearance:none}
.settings-nav-search input::placeholder{color:#a0a8b5}
.settings-nav-scroll{min-height:0;overflow:auto;padding:1px 8px 18px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.settings-nav-group{display:grid;gap:3px;margin-top:12px}.settings-nav-group:first-child{margin-top:5px}
.settings-nav-group[hidden],.settings-nav-group>button[hidden],.settings-nav-empty[hidden]{display:none}
.settings-nav-group-title{padding:0 10px 5px;color:#98a2b3;font-size:9px;font-weight:850;letter-spacing:.085em;text-transform:uppercase}
.settings-nav-group>button{width:100%;min-height:54px;display:grid;grid-template-columns:34px minmax(0,1fr) 16px;gap:9px;align-items:center;border:0;border-radius:12px;padding:7px 8px;background:transparent;color:#667085;text-align:left;cursor:pointer;transition:background .14s,color .14s,box-shadow .14s}
.settings-nav-group>button:hover{background:#eef1f5}.settings-nav-group>button.active{background:#fff;color:#3158d4;box-shadow:0 1px 4px rgba(15,23,42,.06),inset 0 0 0 1px #e1e7f2}
.settings-nav-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e9edf3;color:#6f7c8f;line-height:0;transition:background .14s,color .14s}.settings-nav-group>button.active .settings-nav-icon{background:#eaf0ff;color:#3158d4}
.settings-nav-icon svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.settings-nav-copy{min-width:0}.settings-nav-copy strong,.settings-nav-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-nav-copy strong{color:#344054;font-size:11.5px;font-weight:790}.settings-nav-group>button.active .settings-nav-copy strong{color:#294fc6}.settings-nav-copy small{margin-top:3px;color:#8b96a6;font-size:9.5px;font-weight:560}.settings-nav-chevron{color:#b0b7c2;font-size:20px;font-weight:400;line-height:1;text-align:center}
.settings-nav-empty{margin:34px 10px 0;text-align:center;color:#98a2b3}.settings-nav-empty>span{width:38px;height:38px;display:grid;place-items:center;margin:0 auto 8px;border-radius:12px;background:#eceff4;font-size:18px}.settings-nav-empty strong,.settings-nav-empty small{display:block}.settings-nav-empty strong{color:#667085;font-size:11px}.settings-nav-empty small{margin-top:3px;font-size:9.5px}
.settings-content-shell{min-width:0;min-height:0;display:flex;flex-direction:column;background:#fff}.settings-content-shell>.settings-body{flex:1;min-height:0;padding:22px 24px 26px}.settings-mobile-back{display:none}
.settings-dialog:has([data-settings-panel="security"].active){width:min(940px,calc(100vw - 36px))}
@media(max-width:700px){
.settings-overlay{padding:0}.settings-dialog{width:100%;max-width:100%;max-height:calc(100dvh - max(8px,env(safe-area-inset-top)));height:calc(100dvh - max(8px,env(safe-area-inset-top)));border-radius:22px 22px 0 0;border-bottom:0}
.settings-head{padding-bottom:11px}.settings-head-copy p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.settings-main{display:block;position:relative;min-height:0;overflow:hidden}.settings-nav{height:100%;border-right:0;background:#f7f8fb}.settings-nav-search{margin:12px 14px 8px;border-radius:13px}.settings-nav-search input{height:44px;font-size:16px}.settings-nav-scroll{padding:2px 10px max(22px,env(safe-area-inset-bottom))}
.settings-nav-group{margin-top:15px;gap:2px}.settings-nav-group:first-child{margin-top:7px}.settings-nav-group-title{padding-left:12px;padding-bottom:6px;font-size:9.5px}
.settings-nav-group>button{min-height:62px;grid-template-columns:40px minmax(0,1fr) 20px;gap:10px;border-radius:14px;padding:8px 10px}.settings-nav-icon{width:40px;height:40px;border-radius:12px}.settings-nav-icon svg{width:20px;height:20px}.settings-nav-copy strong{font-size:13px}.settings-nav-copy small{font-size:10.5px}.settings-nav-chevron{font-size:24px}
.settings-content-shell{display:none;height:100%;min-height:0}.settings-dialog.settings-detail-open .settings-nav{display:none}.settings-dialog.settings-detail-open .settings-content-shell{display:flex}
.settings-mobile-back{height:44px;flex:0 0 44px;display:flex;align-items:center;gap:4px;border:0;border-bottom:1px solid #edf0f4;padding:0 13px;background:#fff;color:#3158d4;font:inherit;font-size:12px;font-weight:780;text-align:left}.settings-mobile-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.settings-content-shell>.settings-body{padding:16px 14px max(22px,env(safe-area-inset-bottom))}.settings-dialog:not(.settings-detail-open)>.settings-footer{display:none}
.settings-dialog:has([data-settings-panel="security"].active){width:100%;max-width:100%}
}
/* 0.18.211 — mailbox retention policy */
.mail-retention-card{margin-top:16px;border:1px solid #dde3eb;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 1px 3px rgba(15,23,42,.035)}
.mail-retention-head{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:13px;align-items:center;padding:17px 18px;border-bottom:1px solid #edf0f4}.mail-retention-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#eef3ff;color:#3158d4}.mail-retention-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.mail-retention-head>div>span,.mail-retention-head>div>strong,.mail-retention-head>div>small{display:block}.mail-retention-head>div>span{color:#7d8998;font-size:9.5px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.mail-retention-head>div>strong{margin-top:2px;color:#263347;font-size:14.5px;letter-spacing:-.018em}.mail-retention-head>div>small{margin-top:4px;max-width:560px;color:#7d8998;font-size:10.5px;line-height:1.5}.mail-retention-state{align-self:start;padding:6px 9px;border-radius:999px;background:#f2f4f7;color:#667085;font-size:9.5px;font-weight:820;white-space:nowrap}.mail-retention-state.is-active{background:#edf2ff;color:#3158d4}
.mail-retention-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:14px 16px 10px}.mail-retention-option{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;padding:13px;border:1px solid #e4e8ee;border-radius:14px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.mail-retention-option:hover{background:#fafbfe}.mail-retention-option:has(input:checked){border-color:#aebdf0;background:#f7f9ff;box-shadow:0 0 0 2px rgba(49,88,212,.05)}.mail-retention-option input{position:absolute;opacity:0;pointer-events:none}.mail-retention-radio{position:relative;width:18px;height:18px;margin-top:1px;border:1.5px solid #c7d0dc;border-radius:50%;background:#fff}.mail-retention-option input:checked+.mail-retention-radio{border-color:#3158d4}.mail-retention-option input:checked+.mail-retention-radio:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#3158d4}.mail-retention-option strong,.mail-retention-option small{display:block}.mail-retention-option strong{color:#344054;font-size:11.75px}.mail-retention-option small{margin-top:3px;color:#818d9d;font-size:9.75px;line-height:1.45}
.mail-retention-policy{margin:4px 16px 14px;padding:15px;border:1px solid #dde5f3;border-radius:16px;background:#f8faff}.mail-retention-policy-title>span,.mail-retention-policy-title>strong{display:block}.mail-retention-policy-title>span{color:#6b7a91;font-size:9px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.mail-retention-policy-title>strong{margin-top:3px;color:#2f3d53;font-size:11.5px}.mail-retention-period-controls{display:grid;grid-template-columns:minmax(90px,130px) minmax(120px,160px);gap:8px;margin-top:10px}.mail-retention-policy input,.mail-retention-policy select{width:100%;height:42px;border:1px solid #d5deea;border-radius:11px;background:#fff;color:#253044;font:inherit;font-size:13px;padding:0 12px;outline:none}.mail-retention-policy input:focus,.mail-retention-policy select:focus{border-color:#7692e8;box-shadow:0 0 0 3px rgba(49,88,212,.09)}
.mail-retention-presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.mail-retention-presets button{min-height:30px;padding:0 10px;border:1px solid #dce3ec;border-radius:999px;background:#fff;color:#647286;font-size:9.5px;font-weight:760;cursor:pointer}.mail-retention-presets button:hover{border-color:#c7d2e5;background:#f8fafc}.mail-retention-presets button.active{border-color:#b7c6f2;background:#edf2ff;color:#3158d4}
.mail-retention-impact{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:13px;padding:11px 12px;border:1px solid #e0e6ef;border-radius:13px;background:#fff}.mail-retention-impact-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#f2f4f7;color:#69778b}.mail-retention-impact-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mail-retention-impact strong,.mail-retention-impact small{display:block}.mail-retention-impact strong{color:#3c485a;font-size:10.75px}.mail-retention-impact small{margin-top:2px;color:#8792a0;font-size:9.5px;line-height:1.4}.mail-retention-impact-count{min-width:30px;text-align:center;padding:6px 8px;border-radius:999px;background:#f2f4f7;color:#667085;font-size:10px;font-weight:850}.mail-retention-impact.is-warning{border-color:#f0d8b2;background:#fffaf2}.mail-retention-impact.is-warning .mail-retention-impact-icon,.mail-retention-impact.is-warning .mail-retention-impact-count{background:#fff0d8;color:#985e12}.mail-retention-impact.is-warning strong{color:#7f4d0b}.mail-retention-impact.is-clear{border-color:#dce9df;background:#f8fbf9}.mail-retention-impact.is-clear .mail-retention-impact-icon,.mail-retention-impact.is-clear .mail-retention-impact-count{background:#eaf6ed;color:#477654}.mail-retention-impact.is-loading{opacity:.72}.mail-retention-scope{margin:10px 1px 0;color:#7f8a99;font-size:9.4px;line-height:1.5}
.mail-retention-draft-card{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:11px;align-items:center;margin:0 16px 14px;padding:12px 13px;border:1px solid #e5e9ef;border-radius:14px;background:#fbfcfe}.mail-retention-fixed-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#f1f4fb;color:#66758d}.mail-retention-fixed-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.mail-retention-draft-card>div>span,.mail-retention-draft-card strong,.mail-retention-draft-card small{display:block}.mail-retention-draft-card>div>span{color:#7e8999;font-size:8.75px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.mail-retention-draft-card strong{margin-top:2px;color:#475467;font-size:10.75px}.mail-retention-draft-card small{margin-top:2px;color:#8d98a8;font-size:9.25px;line-height:1.4}
.mail-retention-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 17px;border-top:1px solid #edf0f4;background:#fbfcfe}.mail-retention-foot>div{min-width:0}.mail-retention-foot strong,.mail-retention-foot small{display:block}.mail-retention-foot strong{color:#475467;font-size:10.75px}.mail-retention-foot small{margin-top:3px;color:#98a2b3;font-size:9.25px;line-height:1.4}.mail-retention-foot button{flex:0 0 auto;min-height:38px;padding:0 14px;border:0;border-radius:10px;background:#3158d4;color:#fff;font-size:10.5px;font-weight:800;cursor:pointer}.mail-retention-foot button:disabled{opacity:.55;cursor:default}
.mail-retention-confirm-icon{background:#fff1e8;color:#b54708}.mail-retention-confirm-kicker{display:block;margin-bottom:5px;color:#b54708;font-size:9px;font-weight:850;letter-spacing:.085em;text-transform:uppercase}.mail-retention-confirm-impact{margin-top:15px;padding:12px;border:1px solid #f0d8b2;border-radius:12px;background:#fffaf2}.mail-retention-confirm-impact strong,.mail-retention-confirm-impact span{display:block}.mail-retention-confirm-impact strong{color:#8a4f08;font-size:18px;letter-spacing:-.025em}.mail-retention-confirm-impact span{margin-top:2px;color:#986b31;font-size:10px}.mail-retention-confirm-warning{margin-top:10px!important;color:#985e12!important;font-size:10px!important}.mail-retention-confirm-actions button:last-child{border-color:#b54708;background:#b54708}
@media(max-width:700px){.mail-retention-card{margin-top:13px;border-radius:16px}.mail-retention-head{grid-template-columns:40px minmax(0,1fr);padding:14px}.mail-retention-icon{width:38px;height:38px}.mail-retention-state{grid-column:2;justify-self:start;margin-top:-4px}.mail-retention-options{grid-template-columns:1fr;gap:7px;padding:11px 12px 9px}.mail-retention-option{padding:12px}.mail-retention-policy{margin:3px 12px 12px;padding:13px}.mail-retention-period-controls{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)}.mail-retention-impact{grid-template-columns:32px minmax(0,1fr) auto;padding:10px}.mail-retention-draft-card{margin:0 12px 12px;padding:11px}.mail-retention-foot{align-items:stretch;flex-direction:column;padding:12px 14px}.mail-retention-foot button{width:100%;min-height:42px}.mail-retention-head>div>strong{font-size:13.5px}}
@media(max-width:390px){.mail-retention-period-controls{grid-template-columns:1fr}.mail-retention-impact{grid-template-columns:32px minmax(0,1fr)}.mail-retention-impact-count{grid-column:2;justify-self:start}.mail-retention-draft-card{grid-template-columns:32px minmax(0,1fr) auto}.mail-retention-presets button{flex:1 1 calc(50% - 6px)}}
/* Privacy settings */
.mail-privacy-panel{max-width:780px}
.mail-privacy-hero{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;margin-bottom:20px;padding:17px;border:1px solid #dfe6f2;border-radius:18px;background:linear-gradient(180deg,#f8faff 0%,#f4f7fd 100%);box-shadow:0 1px 3px rgba(15,23,42,.03)}
.mail-privacy-hero-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#e8efff;color:#3158d4}
.mail-privacy-hero-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mail-privacy-hero-copy{min-width:0}.mail-privacy-hero-copy>span{display:block;color:#6d7d95;font-size:9.5px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.mail-privacy-hero-copy strong{display:block;margin-top:3px;color:#233047;font-size:15px;line-height:1.3;letter-spacing:-.012em}.mail-privacy-hero-copy small{display:block;margin-top:5px;color:#6f7c8f;font-size:10.75px;line-height:1.5}
.mail-privacy-hero-facts{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px;padding-top:2px}.mail-privacy-hero-facts span{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 9px;border:1px solid #e0e7f3;border-radius:999px;background:#fff;color:#5e6d82;font-size:9.5px;font-weight:720}.mail-privacy-hero-facts i{width:6px;height:6px;border-radius:50%;background:#4b6fe0;box-shadow:0 0 0 3px #edf2ff}
.mail-privacy-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:20px 2px 8px}.mail-privacy-section-head>span{color:#344054;font-size:11px;font-weight:820}.mail-privacy-section-head>small{max-width:480px;color:#8a95a4;font-size:9.5px;line-height:1.4;text-align:right}.mail-privacy-sent-section-head{margin-top:22px}
.mail-privacy-tracking-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 16px;border:1px solid #e1e6ed;border-radius:16px;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.035)}
.mail-privacy-tracking-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#eef3ff;color:#3158d4}.mail-privacy-tracking-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mail-privacy-tracking-copy{min-width:0}.mail-privacy-tracking-copy>span{display:block;color:#7d8998;font-size:9.25px;font-weight:850;letter-spacing:.075em;text-transform:uppercase}.mail-privacy-tracking-copy>strong{display:block;margin-top:2px;color:#263347;font-size:13.5px;font-weight:790}.mail-privacy-tracking-copy>small{display:block;margin-top:4px;max-width:560px;color:#748091;font-size:10.5px;line-height:1.5}.mail-privacy-tracking-status{display:flex;align-items:flex-start;gap:8px;margin-top:9px;padding-top:9px;border-top:1px solid #edf0f4}.mail-privacy-tracking-status b{flex:0 0 auto;padding:4px 7px;border-radius:999px;background:#edf3ff;color:#3158d4;font-size:8.75px;font-weight:820;line-height:1.2}.mail-privacy-tracking-status b.is-off{background:#f2f3f5;color:#6f7987}.mail-privacy-tracking-status em{color:#8792a0;font-size:9.25px;font-style:normal;line-height:1.4}
.mail-privacy-switch{position:relative;width:46px;height:28px;display:block;flex:0 0 auto;cursor:pointer}.mail-privacy-switch input{position:absolute;opacity:0;pointer-events:none}.mail-privacy-switch>span{position:absolute;inset:0;border-radius:999px;background:#d7dce4;box-shadow:inset 0 0 0 1px rgba(15,23,42,.05);transition:.16s}.mail-privacy-switch>span:after{content:'';position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(15,23,42,.22);transition:.16s}.mail-privacy-switch input:checked+span{background:#3158d4}.mail-privacy-switch input:checked+span:after{transform:translateX(18px)}.mail-privacy-switch input:focus-visible+span{outline:2px solid #3158d4;outline-offset:3px}
.mail-control-disclosure{margin-top:18px;margin-bottom:0;border:1px solid #dfe5ed;border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 1px 3px rgba(15,23,42,.035)}
.mail-control-disclosure-head{display:grid;cursor:pointer;list-style:none;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;border-bottom:1px solid #e8edf3;background:#fbfcfe}.mail-control-disclosure-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#eef3ff;color:#3158d4}.mail-control-disclosure-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.mail-control-disclosure-head>div{min-width:0}.mail-control-disclosure-head>div>span{display:block;margin-bottom:3px;color:#7d8998;font-size:9.5px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.mail-control-disclosure-head strong{display:block;color:#263347;font-size:14px;font-weight:790}.mail-control-disclosure-head small{display:block;margin-top:4px;max-width:570px;color:#737f90;font-size:11px;line-height:1.5}.mail-control-disclosure-count{align-self:start;margin-top:2px;padding:5px 8px;border-radius:999px;background:#eef2f7;color:#596779;font-size:9.5px;font-weight:780;white-space:nowrap}
.mail-control-disclosure-head::-webkit-details-marker{display:none}.mail-control-disclosure-head::marker{display:none}.mail-control-disclosure:not([open]) .mail-control-disclosure-head{border-bottom:0}
.mail-control-groups{display:grid;grid-template-columns:1fr 1fr}.mail-control-group{min-width:0;padding:14px 15px}.mail-control-group+.mail-control-group{border-left:1px solid #e9edf2}.mail-control-group-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.mail-control-group-head>div{min-width:0}.mail-control-group-head strong,.mail-control-group-head small{display:block}.mail-control-group-head strong{color:#344155;font-size:11.5px}.mail-control-group-head small{margin-top:3px;color:#8490a0;font-size:9.75px;line-height:1.4}.mail-control-group-head>span{min-width:24px;height:24px;padding:0 7px;display:grid;place-items:center;border-radius:999px;background:#f0f3f7;color:#687587;font-size:10px;font-weight:800}
.mail-control-list{display:grid;gap:8px}.mail-control-person{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:9px;padding:10px;border:1px solid #e7ebf0;border-radius:12px;background:#fafbfd}.mail-control-person-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e8eefc;color:#3158d4;font-size:12px;font-weight:850}.mail-control-person-copy{min-width:0}.mail-control-person-copy>div{display:flex;align-items:center;gap:6px;min-width:0}.mail-control-person-copy strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2f3b4d;font-size:11px}.mail-control-role{flex:0 0 auto;padding:3px 6px;border-radius:999px;background:#edf1f7;color:#627085;font-size:8.5px;font-weight:800}.mail-control-person-meta,.mail-control-person-access{display:block}.mail-control-person-meta{margin-top:2px;color:#8b96a4;font-size:9.5px}.mail-control-person-access{margin-top:4px;color:#657286;font-size:9.75px;line-height:1.4}.mail-control-empty{padding:12px;border:1px dashed #d9e0e9;border-radius:11px;background:#fafbfd;color:#7e8a99;font-size:10px;line-height:1.45}.mail-control-disclosure-note{margin:0;padding:0 15px 14px;color:#909aa7;font-size:9px;line-height:1.45}
@media(max-width:700px){.mail-privacy-hero{grid-template-columns:46px minmax(0,1fr);gap:12px;padding:14px;border-radius:16px}.mail-privacy-hero-icon{width:46px;height:46px;border-radius:14px}.mail-privacy-hero-copy strong{font-size:14px}.mail-privacy-hero-facts{display:grid;grid-template-columns:1fr;gap:6px}.mail-privacy-hero-facts span{justify-content:flex-start}.mail-privacy-section-head{display:block;margin:18px 2px 7px}.mail-privacy-section-head>small{display:block;margin-top:2px;text-align:left}.mail-privacy-tracking-card{grid-template-columns:42px minmax(0,1fr) auto;gap:11px;padding:13px 12px;border-radius:14px}.mail-privacy-tracking-icon{width:42px;height:42px;border-radius:12px}.mail-privacy-tracking-copy>strong{font-size:13px}.mail-privacy-tracking-copy>small{font-size:10px}.mail-privacy-tracking-status{display:grid;gap:5px}.mail-privacy-tracking-status b{justify-self:start}.mail-control-disclosure{border-radius:14px}.mail-control-disclosure-head{grid-template-columns:42px minmax(0,1fr);gap:11px;padding:14px 12px}.mail-control-disclosure-icon{width:42px;height:42px;border-radius:12px}.mail-control-disclosure-count{grid-column:2;justify-self:start;margin-top:-3px}.mail-control-disclosure-head strong{font-size:13.25px}.mail-control-disclosure-head small{font-size:10.5px}.mail-control-groups{grid-template-columns:1fr}.mail-control-group{padding:13px 12px}.mail-control-group+.mail-control-group{border-left:0;border-top:1px solid #e9edf2}.mail-control-person{grid-template-columns:36px minmax(0,1fr);padding:11px}.mail-control-person-avatar{width:36px;height:36px}.mail-control-disclosure-note{padding:0 12px 13px}}
.thread-remote-images{max-width:760px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;margin:7px 0 11px;padding:9px 10px;border:1px solid #e5e9ef;border-radius:12px;background:#f8fafc;color:#697688}.thread-remote-images-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#fff;color:#6d7b8d;box-shadow:inset 0 0 0 1px #e6eaf0}.thread-remote-images-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.thread-remote-images>span:nth-child(2){min-width:0}.thread-remote-images strong,.thread-remote-images small{display:block}.thread-remote-images strong{color:#445166;font-size:11px;font-weight:780}.thread-remote-images small{margin-top:2px;color:#8792a0;font-size:9.75px;line-height:1.35}.thread-remote-images button{height:32px;padding:0 10px;border:1px solid #d8dfe8;border-radius:9px;background:#fff;color:#3158c9;font-size:10.5px;font-weight:780;cursor:pointer;white-space:nowrap}.thread-remote-images button:hover{background:#f3f6fb}.thread-remote-images.loaded{grid-template-columns:32px minmax(0,1fr);border-color:#dce9df;background:#f7fbf8}.thread-remote-images.loaded .thread-remote-images-icon{color:#4d7e5a}
.veltar-remote-image-blocked{display:none!important}
.mail-privacy-delivery{margin:0;padding:0;border:1px solid #e1e6ed;border-radius:17px;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.035);overflow:hidden}
.mail-privacy-delivery-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px 16px 14px;border-bottom:1px solid #edf0f4}.mail-privacy-delivery-head>div{min-width:0}.mail-privacy-delivery-head strong,.mail-privacy-delivery-head small{display:block}.mail-privacy-delivery-head strong{color:#263347;font-size:14px;font-weight:790}.mail-privacy-delivery-head small{margin-top:4px;max-width:590px;color:#737f90;font-size:10.5px;line-height:1.5}.mail-privacy-delivery-state{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:#edf4ff;color:#3158d4;font-size:9px;font-weight:820;white-space:nowrap}.mail-privacy-delivery-state.is-warning{background:#fff4df;color:#8a6223}.mail-privacy-delivery-state.is-off{background:#f1f3f6;color:#687487}
.mail-privacy-delivery-routes{display:grid;gap:0;padding:0 14px}.mail-privacy-delivery-route{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:stretch;min-height:100px;border-bottom:1px solid #edf0f4}.mail-privacy-delivery-route:last-child{border-bottom:0}.mail-privacy-route-icon-cell{align-self:stretch;display:grid;place-items:center;min-width:0}.mail-privacy-route-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#eef3ff;color:#3158d4;box-shadow:inset 0 0 0 1px #dfe7fb}.mail-privacy-delivery-route.is-external .mail-privacy-route-icon{background:#eaf9f9;color:#12818b;box-shadow:inset 0 0 0 1px #d4efef}.mail-privacy-route-icon svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.mail-privacy-route-copy{min-width:0;align-self:center;padding:14px 4px 14px 0}.mail-privacy-route-copy>span,.mail-privacy-route-copy>strong,.mail-privacy-route-copy>small{display:block}.mail-privacy-route-copy>span{color:#8793a3;font-size:8.75px;font-weight:840;letter-spacing:.065em;text-transform:uppercase}.mail-privacy-route-copy>strong{margin-top:2px;color:#344054;font-size:11.5px}.mail-privacy-route-copy>small{margin-top:4px;color:#758192;font-size:9.75px;line-height:1.48}
.mail-privacy-metadata-note{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:13px 16px;border-top:1px solid #edf0f4;background:#fafbfd;color:#6f7b8b}.mail-privacy-metadata-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#fff;color:#748195;box-shadow:inset 0 0 0 1px #e6eaf0}.mail-privacy-metadata-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mail-privacy-metadata-note strong,.mail-privacy-metadata-note small{display:block}.mail-privacy-metadata-note strong{color:#465264;font-size:10.5px}.mail-privacy-metadata-note small{margin-top:3px;font-size:9.5px;line-height:1.48}
@media(max-width:700px){.mail-privacy-delivery{border-radius:14px}.mail-privacy-delivery-head{display:grid;gap:8px;padding:14px 12px 12px}.mail-privacy-delivery-state{justify-self:start}.mail-privacy-delivery-routes{padding:0 10px}.mail-privacy-delivery-route{grid-template-columns:52px minmax(0,1fr);min-height:104px}.mail-privacy-route-icon{width:38px;height:38px;border-radius:11px}.mail-privacy-route-copy{padding:13px 2px 13px 0}.mail-privacy-route-copy>strong{font-size:11.25px}.mail-privacy-route-copy>small{font-size:9.5px}.mail-privacy-metadata-note{padding:12px}}
@media(max-width:390px){.thread-remote-images{grid-template-columns:30px minmax(0,1fr)}.thread-remote-images button{grid-column:1/-1;width:100%;height:36px}}
/* Mailbox legal onboarding */
.mail-legal-setup{margin-top:16px;border-top:1px solid #e5eaf0;padding-top:16px}.mail-legal-setup[hidden]{display:none}.mail-legal-setup-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.mail-legal-setup-head>div{min-width:0}.mail-legal-setup-head span,.mail-legal-setup-head strong,.mail-legal-setup-head small{display:block}.mail-legal-setup-head span{font-size:10px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;color:#5c6d87}.mail-legal-setup-head strong{font-size:16px;line-height:1.25;color:#182335;margin-top:4px}.mail-legal-setup-head small{font-size:11px;line-height:1.45;color:#718096;margin-top:5px}.mail-legal-setup-head button,.mail-legal-copy-one{appearance:none;border:1px solid #d9e0e8;background:#fff;color:#32435b;border-radius:10px;padding:8px 10px;font-size:10.5px;font-weight:750;white-space:nowrap}.mail-legal-documents{display:grid;gap:8px}.mail-legal-document{border:1px solid #e0e6ed;border-radius:12px;background:#fff;overflow:hidden}.mail-legal-document summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;cursor:pointer}.mail-legal-document summary::-webkit-details-marker{display:none}.mail-legal-document summary>span:first-child{min-width:0}.mail-legal-document summary strong,.mail-legal-document summary small{display:block}.mail-legal-document summary strong{font-size:11.5px;line-height:1.3;color:#1e2a3b}.mail-legal-document summary small{font-size:9.75px;color:#7b8797;margin-top:3px;text-transform:capitalize}.mail-legal-doc-state{flex:0 0 auto;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#526cbd;background:#eef3ff;border-radius:999px;padding:5px 7px}.mail-legal-document-body{border-top:1px solid #edf0f4;background:#fafbfd;padding:10px}.mail-legal-document-body pre{font:inherit;font-size:10.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word;color:#3e4a5c;max-height:250px;overflow:auto;margin:0 0 9px;padding:0 2px}.mail-legal-liability-notice{margin:0 0 10px;padding:10px 11px;border:2px solid #1f365f;border-radius:10px;background:#f4f7fb}.mail-legal-liability-notice strong,.mail-legal-liability-notice span{display:block}.mail-legal-liability-notice strong{font-size:10.5px;line-height:1.3;color:#172b4d;text-transform:uppercase;letter-spacing:.035em}.mail-legal-liability-notice span{margin-top:4px;font-size:10.25px;line-height:1.45;color:#3d4d66}.mail-legal-sign-form{display:grid;gap:11px;margin-top:14px;padding-top:14px;border-top:1px solid #e8ecf1}.mail-legal-sign-form label>span{display:block;margin-bottom:5px;font-size:10.5px;font-weight:760;color:#445166}.mail-legal-sign-form input,.mail-legal-sign-form select{width:100%;box-sizing:border-box;border:1px solid #d7dee7;border-radius:10px;background:#fff;padding:10px 11px;font:inherit;font-size:12px;color:#182335}.mail-legal-confirm{display:grid!important;grid-template-columns:18px 1fr;gap:9px;align-items:start;padding:10px 11px;border:1px solid #e0e6ed;border-radius:11px;background:#f8fafc}.mail-legal-confirm input{width:17px;height:17px;margin:1px 0 0}.mail-legal-confirm span{margin:0!important;font-size:10.5px!important;line-height:1.45;font-weight:600!important;color:#566376!important}.mail-legal-sign-note{font-size:9.8px;line-height:1.5;color:#7a8797}.mail-legal-sign-form>button[type=submit]{min-height:44px;border:0;border-radius:11px;background:#152a4d;color:#fff;font-weight:800;font-size:12px}.mail-legal-sign-form>button[type=submit]:disabled{opacity:.55}.mail-setup-card:has(.mail-legal-setup:not([hidden])){width:min(680px,calc(100vw - 32px));max-width:680px}.mail-setup-card:has(.mail-legal-setup:not([hidden])) .mail-legal-documents{max-height:36vh;overflow:auto;padding-right:2px}
@media(max-width:700px){.mail-legal-setup-head{gap:8px}.mail-legal-setup-head strong{font-size:15px}.mail-legal-setup-head button{padding:7px 9px}.mail-legal-document summary{padding:12px}.mail-legal-document-body pre{max-height:220px;font-size:10.25px}.mail-setup-card:has(.mail-legal-setup:not([hidden])) .mail-legal-documents{max-height:32vh}}
/* 0.18.179 immediate legal acceptance gate */
.mail-legal-gate-overlay{position:fixed;inset:0;z-index:1800;display:grid;place-items:center;padding:calc(18px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom));background:rgba(13,22,36,.48);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:auto}.mail-legal-gate-overlay[hidden]{display:none}.mail-legal-gate-card{width:min(720px,100%);max-height:calc(100dvh - 36px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;box-sizing:border-box;border:1px solid #dce4ed;border-radius:22px;background:#fff;box-shadow:0 28px 80px rgba(13,28,48,.22);padding:20px}.mail-legal-gate-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:18px 0 14px}.mail-legal-gate-head>div{min-width:0}.mail-legal-gate-head>div>span{display:block;font-size:10px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;color:#9a5128}.mail-legal-gate-head h1{margin:4px 0 5px;font-size:21px;line-height:1.2;color:#17263a}.mail-legal-gate-head p{margin:0;color:#6b7889;font-size:11.5px;line-height:1.5}.mail-legal-gate-head>button,.mail-legal-gate-signout{appearance:none;border:1px solid #d8e0e8;background:#fff;color:#33455c;border-radius:10px;padding:8px 10px;font:inherit;font-size:10.5px;font-weight:760;white-space:nowrap}.mail-legal-gate-documents{max-height:36vh;overflow:auto;padding-right:2px}.mail-legal-gate-signout{display:block;margin:12px auto 0;border-color:transparent;background:transparent;color:#697789}.mail-legal-gate-overlay .mail-legal-sign-form{margin-top:14px}.mail-legal-gate-overlay .mail-login-error{margin:0 0 10px}.mail-legal-gate-open{overflow:hidden}.mail-legal-gate-open #mailApp{pointer-events:none;user-select:none}.mail-legal-gate-open #mailApp,.mail-legal-gate-open #mailLogin,.mail-legal-gate-open #mailSetup{filter:none}@media(max-width:700px){.mail-legal-gate-overlay{padding:0;place-items:end stretch;background:#fff}.mail-legal-gate-card{width:100%;max-height:100dvh;min-height:100dvh;border:0;border-radius:0;box-shadow:none;padding:calc(18px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom))}.mail-legal-gate-head{margin-top:16px}.mail-legal-gate-head h1{font-size:19px}.mail-legal-gate-documents{max-height:34vh}}
/* 0.18.181: distinguish informational privacy notice from signed mailbox terms. */
.mail-legal-notice{border-style:dashed;background:#fbfcfe}.mail-legal-doc-notice{color:#596579;background:#eef1f5}.mail-legal-notice .mail-legal-document-body{background:#fcfdff}
.mail-legal-entry{display:grid;gap:11px}.mail-legal-entry[hidden],.mail-legal-final-review[hidden]{display:none}.mail-legal-entry>button[type=submit]{min-height:44px;border:0;border-radius:11px;background:#152a4d;color:#fff;font-weight:800;font-size:12px}.mail-legal-entry>button[type=submit]:disabled{opacity:.55}.mail-legal-final-review{display:grid;gap:12px;padding:14px;border:1px solid #d7e0ea;border-radius:14px;background:#f8fafc}.mail-legal-review-head>span,.mail-legal-review-head>strong,.mail-legal-review-head>small{display:block}.mail-legal-review-head>span{font-size:9.5px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;color:#526cbd}.mail-legal-review-head>strong{margin-top:3px;font-size:15px;color:#182335}.mail-legal-review-head>small{margin-top:5px;font-size:10.5px;line-height:1.45;color:#68778a}.mail-legal-review-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.mail-legal-review-facts>div{min-width:0;padding:9px 10px;border:1px solid #e0e6ed;border-radius:10px;background:#fff}.mail-legal-review-facts dt{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#718096}.mail-legal-review-facts dd{margin:4px 0 0;font-size:11px;font-weight:700;color:#243349;overflow-wrap:anywhere}.mail-legal-review-docs{padding:10px 11px;border:1px solid #e0e6ed;border-radius:10px;background:#fff}.mail-legal-review-docs>strong{display:block;font-size:10px;color:#34445a;margin-top:7px}.mail-legal-review-docs>strong:first-child{margin-top:0}.mail-legal-review-docs ul{margin:5px 0 0;padding-left:18px;color:#566376;font-size:10.5px;line-height:1.5}.mail-legal-review-actions{display:flex;gap:8px;justify-content:flex-end}.mail-legal-review-actions button{min-height:42px;border-radius:10px;padding:9px 12px;font:inherit;font-size:11px;font-weight:800}.mail-legal-review-actions button:first-child{border:1px solid #d7dee7;background:#fff;color:#3d4d66}.mail-legal-review-actions button[type=submit]{border:0;background:#152a4d;color:#fff}.mail-legal-review-actions button:disabled{opacity:.55}@media(max-width:700px){.mail-legal-review-facts{grid-template-columns:1fr}.mail-legal-review-actions{display:grid;grid-template-columns:1fr}.mail-legal-review-actions button{width:100%}}
/* 0.18.192 legal document reader refresh */
.mail-legal-package-overview{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 0 14px;padding:13px 14px;border:1px solid #dfe6ee;border-radius:14px;background:linear-gradient(180deg,#fbfcfe 0%,#f7f9fc 100%)}
.mail-legal-package-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#edf3ff;color:#3459c7}.mail-legal-package-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mail-legal-package-copy{min-width:0}.mail-legal-package-copy strong,.mail-legal-package-copy span{display:block}.mail-legal-package-copy strong{font-size:12.5px;line-height:1.3;color:#1d2b3e}.mail-legal-package-copy span{margin-top:3px;font-size:10.5px;line-height:1.45;color:#6c798b}
.mail-legal-package-counts{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.mail-legal-package-counts span{display:inline-flex;align-items:center;gap:4px;min-height:26px;padding:0 8px;border-radius:999px;background:#eaf0ff;color:#3456b8;font-size:9.5px;font-weight:780;white-space:nowrap}.mail-legal-package-counts span.is-notice{background:#eef1f5;color:#5e6979}.mail-legal-package-counts b{font-size:10px}
.mail-legal-section-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 2px 7px}.mail-legal-section-label span{font-size:10px;font-weight:850;letter-spacing:.055em;text-transform:uppercase;color:#53657c}.mail-legal-section-label small{font-size:9px;font-weight:800;color:#3158c9;background:#eef3ff;border-radius:999px;padding:4px 7px}.mail-legal-section-label-notice{margin-top:18px}.mail-legal-section-label-notice small{color:#667180;background:#eef1f5}
.mail-legal-documents{gap:0}.mail-legal-document{margin-bottom:8px;border-color:#dce4ed;border-radius:14px;box-shadow:0 1px 2px rgba(24,35,53,.025);transition:border-color .16s ease,box-shadow .16s ease}.mail-legal-document[open]{border-color:#cbd7e5;box-shadow:0 5px 18px rgba(35,53,76,.065)}
.mail-legal-document summary{min-height:62px;padding:10px 12px}.mail-legal-doc-main{display:flex;align-items:center;gap:10px;min-width:0}.mail-legal-doc-index{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:10px;background:#eef3ff;color:#3158c9;font-size:11px;font-weight:850}.mail-legal-doc-index-notice{background:#eef1f5;color:#677384;text-transform:lowercase}.mail-legal-doc-title{min-width:0}.mail-legal-doc-title strong{font-size:12px!important;line-height:1.3}.mail-legal-doc-title small{font-size:9.75px!important;line-height:1.35}
.mail-legal-doc-summary-side{display:flex;align-items:center;gap:7px;flex:0 0 auto}.mail-legal-doc-chevron{width:24px;height:24px;display:grid;place-items:center;color:#7d8998;transition:transform .16s ease}.mail-legal-doc-chevron svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mail-legal-document[open] .mail-legal-doc-chevron{transform:rotate(180deg)}
.mail-legal-doc-state{font-size:8.75px;padding:5px 7px}.mail-legal-document-body{padding:0;background:#fff}.mail-legal-reader-toolbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4;background:rgba(250,251,253,.97);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.mail-legal-reader-toolbar>div{min-width:0}.mail-legal-reader-toolbar strong,.mail-legal-reader-toolbar span{display:block}.mail-legal-reader-toolbar strong{font-size:10.5px;color:#334258}.mail-legal-reader-toolbar span{margin-top:2px;font-size:9.5px;line-height:1.35;color:#8490a0}.mail-legal-copy-one{min-height:32px;padding:6px 10px!important;border-radius:9px!important;background:#fff!important;cursor:pointer}
.mail-legal-reader{max-height:min(48vh,540px);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:18px 20px 22px;background:#fff;scrollbar-gutter:stable}.mail-legal-document-body pre{max-height:none!important;overflow:visible!important;margin:0!important;padding:0!important;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif!important;font-size:13px!important;line-height:1.72!important;letter-spacing:.002em;color:#2e3a4c!important;white-space:pre-wrap;word-break:normal;overflow-wrap:anywhere}
.mail-legal-liability-notice{margin:14px 14px 0;padding:11px 12px;border-width:1px;border-color:#b9c8dc;border-radius:11px;background:#f5f8fc}.mail-legal-liability-notice strong{font-size:10px}.mail-legal-liability-notice span{font-size:10.25px;line-height:1.5}
.mail-legal-notice{border-style:solid;background:#fff}.mail-legal-notice[open]{border-color:#d7dde5}.mail-legal-notice .mail-legal-document-body{background:#fff}.mail-legal-notice .mail-legal-reader{background:#fcfdff}
.mail-legal-gate-card{width:min(860px,100%)}.mail-legal-gate-documents{max-height:none;overflow:visible;padding-right:0}.mail-setup-card:has(.mail-legal-setup:not([hidden])){width:min(800px,calc(100vw - 32px));max-width:800px}.mail-setup-card:has(.mail-legal-setup:not([hidden])) .mail-legal-documents{max-height:none;overflow:visible;padding-right:0}
.mail-legal-sign-form{margin-top:18px;padding-top:16px}.mail-legal-sign-note{padding:9px 10px;border-radius:10px;background:#f7f9fc;color:#748195}.mail-legal-final-review{border-radius:16px;padding:16px}
@media(max-width:700px){.mail-legal-package-overview{grid-template-columns:38px minmax(0,1fr);gap:10px;padding:12px}.mail-legal-package-icon{width:38px;height:38px}.mail-legal-package-counts{grid-column:1/-1;justify-content:flex-start;padding-left:48px}.mail-legal-document summary{min-height:64px;padding:10px}.mail-legal-doc-main{gap:9px}.mail-legal-doc-index{width:30px;height:30px;flex-basis:30px}.mail-legal-doc-summary-side{gap:4px}.mail-legal-doc-state{font-size:8px;padding:4px 6px}.mail-legal-doc-chevron{width:20px;height:20px}.mail-legal-reader-toolbar{padding:10px}.mail-legal-reader-toolbar span{display:none}.mail-legal-reader{max-height:46dvh;padding:16px 14px 20px}.mail-legal-document-body pre{font-size:12.75px!important;line-height:1.68!important}.mail-legal-liability-notice{margin:12px 10px 0}.mail-legal-gate-card{padding-left:14px;padding-right:14px}.mail-legal-gate-head{margin-bottom:16px}.mail-legal-gate-head p{font-size:11px}.mail-legal-section-label{margin-left:1px;margin-right:1px}}
@media(max-width:390px){.mail-legal-doc-state{max-width:74px;text-align:center;line-height:1.15}.mail-legal-package-counts{padding-left:0}.mail-legal-reader{max-height:44dvh;padding:15px 12px 18px}.mail-legal-document-body pre{font-size:12.5px!important}}
/* 0.18.212 — stable retention save flow */
.mail-retention-save-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}.mail-retention-save-state{color:#7c8796;font-size:9.5px;font-weight:760;white-space:nowrap}.mail-retention-save-state.is-dirty{color:#8a5a17}.mail-retention-save-state.is-error{color:#b42318}.mail-retention-save-state.is-saving{color:#3158d4}.mail-retention-foot button:disabled{background:#e7ebf1;color:#8490a0;opacity:1;cursor:default}.mail-retention-foot button:not(:disabled){box-shadow:0 1px 2px rgba(30,64,175,.12)}
@media(max-width:700px){.mail-retention-save-actions{width:100%;justify-content:space-between;padding-top:2px}.mail-retention-save-actions button{width:auto;min-width:122px;flex:0 0 auto}.mail-retention-save-state{font-size:10px}}
/* 0.18.213 — mailbox export */
.mail-export-panel{padding-bottom:8px}.mail-export-title-row{margin-bottom:14px}.mail-export-owner-note[hidden],.mail-export-quarantine[hidden]{display:none}.mail-export-owner-note{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:center;margin-bottom:14px;padding:12px 13px;border:1px solid #f0d7a6;border-radius:14px;background:#fffaf0}.mail-export-owner-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#fff1d6;color:#986516}.mail-export-owner-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mail-export-owner-note strong,.mail-export-owner-note small{display:block}.mail-export-owner-note strong{color:#69430d;font-size:11.5px}.mail-export-owner-note small{margin-top:3px;color:#8a6a3c;font-size:9.75px;line-height:1.45}
.mail-export-hero{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px;border:1px solid #dfe6f2;border-radius:16px;background:linear-gradient(180deg,#fbfcff,#f6f8fd)}.mail-export-hero-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#eaf0ff;color:#3158d4}.mail-export-hero-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mail-export-hero>div{min-width:0}.mail-export-hero>div span,.mail-export-hero>div strong,.mail-export-hero>div small{display:block}.mail-export-hero>div span{color:#3158d4;font-size:9px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.mail-export-hero>div strong{margin-top:3px;color:#1f2a3b;font-size:13px;letter-spacing:-.01em}.mail-export-hero>div small{margin-top:4px;max-width:560px;color:#6e7b8d;font-size:10px;line-height:1.45}.mail-export-format{padding:6px 8px;border-radius:999px;background:#eef2f8;color:#526176;font-size:9px;font-weight:800;white-space:nowrap}
.mail-export-card{margin-top:12px;padding:15px;border:1px solid #e2e7ee;border-radius:16px;background:#fff}.mail-export-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:11px}.mail-export-card-head>div span,.mail-export-card-head>div strong{display:block}.mail-export-card-head>div span{color:#8792a3;font-size:9px;font-weight:820;text-transform:uppercase;letter-spacing:.06em}.mail-export-card-head>div strong{margin-top:3px;color:#2c394c;font-size:12.5px}.mail-export-status{padding:5px 8px;border-radius:999px;background:#f1f4f8;color:#667085;font-size:8.75px;font-weight:800}.mail-export-status.loading{background:#edf2ff;color:#3158d4}.mail-export-status.error{background:#fff0ed;color:#b42318}.mail-export-status.ready{background:#edf8f1;color:#2f6b43}
.mail-export-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mail-export-option{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;min-height:74px;padding:12px;border:1px solid #dfe5ec;border-radius:14px;background:#fbfcfd;cursor:pointer}.mail-export-option:has(input:checked){border-color:#b9c8ee;background:#f6f8ff;box-shadow:0 0 0 1px rgba(49,88,212,.05)}.mail-export-option input{position:absolute;opacity:0;pointer-events:none}.mail-export-radio{width:19px;height:19px;border:1.5px solid #b5bfcc;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 4px #fff}.mail-export-option:has(input:checked) .mail-export-radio{border-color:#3158d4;background:#3158d4}.mail-export-option strong,.mail-export-option small{display:block}.mail-export-option strong{color:#344054;font-size:11.5px}.mail-export-option small{margin-top:3px;color:#7c8797;font-size:9.5px;line-height:1.4}
.mail-export-range{margin-top:10px;padding:12px;border:1px solid #e4e8ee;border-radius:14px;background:#f9fafc}.mail-export-dates{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);gap:8px;align-items:end}.mail-export-dates label>span{display:block;margin-bottom:5px;color:#657286;font-size:9.5px;font-weight:780}.mail-export-dates input{width:100%;height:42px;padding:0 10px;border:1px solid #dbe1e8;border-radius:10px;background:#fff;color:#344054;font:inherit;font-size:12px;outline:0}.mail-export-dates input:focus{border-color:#a7b8ec;box-shadow:0 0 0 3px rgba(49,88,212,.08)}.mail-export-date-arrow{height:42px;display:grid;place-items:center;color:#98a2b3;font-size:15px}.mail-export-presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.mail-export-presets button{min-height:30px;padding:5px 9px;border:1px solid #dfe4eb;border-radius:9px;background:#fff;color:#667085;font:inherit;font-size:9.5px;font-weight:760}.mail-export-presets button:active{background:#eef2f7}
.mail-export-draft-option{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 42px;gap:10px;align-items:center;margin-top:10px;padding:11px 12px;border:1px solid #e2e7ee;border-radius:14px;background:#fafbfc;cursor:pointer}.mail-export-draft-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eef1f5;color:#667085}.mail-export-draft-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.mail-export-draft-option>span:nth-child(2){min-width:0}.mail-export-draft-option strong,.mail-export-draft-option small{display:block}.mail-export-draft-option strong{color:#344054;font-size:10.75px}.mail-export-draft-option small{margin-top:3px;color:#7c8797;font-size:9.25px;line-height:1.4}.mail-export-draft-option>input{position:absolute;opacity:0;pointer-events:none}.mail-privacy-switch-static{justify-self:end;width:38px;height:22px;padding:2px;border-radius:999px;background:#cdd4de;transition:background .15s}.mail-privacy-switch-static i{display:block;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.18);transition:transform .15s}.mail-export-draft-option>input:checked+.mail-privacy-switch-static{background:#3158d4}.mail-export-draft-option>input:checked+.mail-privacy-switch-static i{transform:translateX(16px)}
.mail-export-preview{margin-top:12px;padding:14px;border:1px solid #e1e6ed;border-radius:16px;background:#fafbfc}.mail-export-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.mail-export-preview-head>div span,.mail-export-preview-head>div strong{display:block}.mail-export-preview-head>div span{color:#8792a3;font-size:9px;font-weight:820;text-transform:uppercase;letter-spacing:.06em}.mail-export-preview-head>div strong{margin-top:3px;color:#2c394c;font-size:12px}.mail-export-preview-head button{display:flex;align-items:center;gap:5px;min-height:32px;padding:5px 8px;border:1px solid #dde3ea;border-radius:9px;background:#fff;color:#667085;font:inherit;font-size:9.5px;font-weight:760}.mail-export-preview-head button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mail-export-preview-head button:disabled{opacity:.55}.mail-export-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mail-export-preview-grid article{min-width:0;padding:11px;border:1px solid #e3e8ef;border-radius:12px;background:#fff}.mail-export-preview-grid span,.mail-export-preview-grid strong,.mail-export-preview-grid small{display:block}.mail-export-preview-grid span{color:#8a95a5;font-size:8.75px;font-weight:800;text-transform:uppercase;letter-spacing:.045em}.mail-export-preview-grid strong{margin-top:4px;color:#273447;font-size:15px;letter-spacing:-.02em}.mail-export-preview-grid small{margin-top:3px;color:#8a94a3;font-size:9px;line-height:1.35;overflow-wrap:anywhere}.mail-export-quarantine{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;margin-top:9px;padding:9px 10px;border-radius:11px;background:#fff5f3;color:#9e3d31}.mail-export-quarantine>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#ffe9e5}.mail-export-quarantine svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mail-export-quarantine strong,.mail-export-quarantine small{display:block}.mail-export-quarantine strong{font-size:10.5px}.mail-export-quarantine small{margin-top:2px;color:#9d625a;font-size:9.25px;line-height:1.4}
.mail-export-action{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding:13px 14px;border:1px solid #dfe5ed;border-radius:15px;background:#fff}.mail-export-action>div{min-width:0}.mail-export-action strong,.mail-export-action small{display:block}.mail-export-action strong{color:#344054;font-size:10.75px}.mail-export-action small{margin-top:3px;max-width:540px;color:#7c8797;font-size:9.5px;line-height:1.42}.mail-export-action button{min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;padding:0 13px;border:0;border-radius:11px;background:#3158d4;color:#fff;font:inherit;font-size:10.5px;font-weight:800;box-shadow:0 1px 2px rgba(30,64,175,.14)}.mail-export-action button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.mail-export-action button:disabled{background:#e4e8ee;color:#8b96a5;box-shadow:none}.mail-export-action button.is-busy{background:#4869cd}
@media(max-width:700px){.mail-export-panel{padding-bottom:calc(18px + env(safe-area-inset-bottom))}.mail-export-hero{grid-template-columns:42px minmax(0,1fr);padding:13px}.mail-export-hero-icon{width:42px;height:42px}.mail-export-format{grid-column:2;justify-self:start}.mail-export-card{padding:12px}.mail-export-options{grid-template-columns:1fr}.mail-export-option{min-height:68px;padding:11px}.mail-export-dates{grid-template-columns:1fr;gap:7px}.mail-export-date-arrow{display:none}.mail-export-dates input{height:46px;font-size:16px}.mail-export-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.mail-export-presets button{min-height:36px;padding:6px;font-size:9px}.mail-export-draft-option{grid-template-columns:38px minmax(0,1fr) 42px}.mail-export-preview{padding:12px}.mail-export-preview-grid{grid-template-columns:1fr}.mail-export-preview-grid article{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-items:center}.mail-export-preview-grid article span{grid-column:1}.mail-export-preview-grid article strong{grid-column:2;grid-row:1/3;margin-top:0;text-align:right}.mail-export-preview-grid article small{grid-column:1}.mail-export-action{display:grid;grid-template-columns:1fr;gap:11px;padding:12px}.mail-export-action button{width:100%;min-height:48px;font-size:12px}.mail-export-preview-head button span{display:none}.mail-export-preview-head button{width:34px;padding:0;justify-content:center}}
/* 0.18.218 — export and remove */
.mail-export-remove-option{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 42px;gap:10px;align-items:center;margin-top:8px;padding:11px 12px;border:1px solid #e2e7ee;border-radius:14px;background:#fafbfc;cursor:pointer}.mail-export-remove-option:has(input:checked){border-color:#efc2b9;background:#fff8f6}.mail-export-remove-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#f7ece9;color:#9d483a}.mail-export-remove-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.mail-export-remove-option>span:nth-child(2){min-width:0}.mail-export-remove-option strong,.mail-export-remove-option small{display:block}.mail-export-remove-option strong{color:#344054;font-size:10.75px}.mail-export-remove-option small{margin-top:3px;color:#7c8797;font-size:9.25px;line-height:1.4}.mail-export-remove-option>input{position:absolute;opacity:0;pointer-events:none}.mail-export-remove-option>input:checked+.mail-privacy-switch-static{background:#b94a3a}.mail-export-remove-option>input:checked+.mail-privacy-switch-static i{transform:translateX(16px)}
.mail-export-action.will-remove{border-color:#efc2b9;background:#fffaf8}.mail-export-action.will-remove>div strong{color:#873c31}.mail-export-action.will-remove button{background:#a84335}.mail-export-action.will-remove button:disabled{background:#ead9d5;color:#9a817c}
.mail-export-removals[hidden]{display:none}.mail-export-removals{margin-top:12px;padding:14px;border:1px solid #ead7d2;border-radius:16px;background:#fffaf8}.mail-export-removals-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.mail-export-removals-head>div span,.mail-export-removals-head>div strong{display:block}.mail-export-removals-head>div span{color:#9b6a61;font-size:9px;font-weight:820;text-transform:uppercase;letter-spacing:.06em}.mail-export-removals-head>div strong{margin-top:3px;color:#54342e;font-size:12px}.mail-export-removals-head button{width:34px;height:34px;display:grid;place-items:center;border:1px solid #e4cbc5;border-radius:9px;background:#fff;color:#8f5a50}.mail-export-removals-head button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mail-export-removal-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid #eadbd7;border-radius:12px;background:#fff}.mail-export-removal-row+.mail-export-removal-row{margin-top:7px}.mail-export-removal-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#f8ece9;color:#a04b3e}.mail-export-removal-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.mail-export-removal-row strong,.mail-export-removal-row small{display:block}.mail-export-removal-row strong{color:#4f3934;font-size:10.5px}.mail-export-removal-row small{margin-top:2px;color:#8e706a;font-size:9.25px;line-height:1.35}.mail-export-removal-row button{min-height:34px;padding:6px 9px;border:1px solid #e1c8c2;border-radius:9px;background:#fff;color:#934438;font:inherit;font-size:9px;font-weight:800}.mail-export-removal-row button:disabled{opacity:.55}.mail-export-removals>p{margin:9px 1px 0;color:#8b746f;font-size:8.9px;line-height:1.45}
@media(max-width:700px){.mail-export-remove-option{grid-template-columns:38px minmax(0,1fr) 42px}.mail-export-removal-row{grid-template-columns:36px minmax(0,1fr)}.mail-export-removal-row button{grid-column:1/-1;width:100%;min-height:40px}}
/* 0.18.220 — iOS in-app export save sheet */
.mail-export-ios-overlay{position:fixed;inset:0;z-index:560;display:grid;place-items:center;padding:18px;background:rgba(15,23,42,.42);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mail-export-ios-overlay[hidden]{display:none}.mail-export-ios-sheet{width:min(470px,100%);overflow:hidden;border:1px solid #dfe5ec;border-radius:22px;background:#fff;box-shadow:0 30px 100px rgba(15,23,42,.28)}.mail-export-ios-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 18px 14px;border-bottom:1px solid #edf0f4}.mail-export-ios-head span,.mail-export-ios-head strong{display:block}.mail-export-ios-head span{color:#8792a3;font-size:9px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.mail-export-ios-head strong{margin-top:3px;color:#263348;font-size:15px}.mail-export-ios-head button{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:999px;background:#f1f4f8;color:#536174;font-size:24px;line-height:1}.mail-export-ios-body{padding:24px 20px 19px;text-align:center}.mail-export-ios-icon{width:58px;height:58px;margin:0 auto 14px;display:grid;place-items:center;border-radius:18px;background:#edf2ff;color:#3158d4}.mail-export-ios-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mail-export-ios-copy strong{display:block;color:#29374b;font-size:14px}.mail-export-ios-copy p{margin:6px auto 0;max-width:360px;color:#748093;font-size:11px;line-height:1.5}.mail-export-ios-copy small{display:block;margin-top:10px;color:#929cab;font-size:9.5px;overflow-wrap:anywhere}.mail-export-ios-progress{height:6px;margin:20px 0 7px;overflow:hidden;border-radius:999px;background:#edf0f4}.mail-export-ios-progress i{display:block;width:28%;height:100%;border-radius:inherit;background:#4667e8;animation:mail-export-ios-progress 1.25s ease-in-out infinite alternate}.mail-export-ios-progress.ready i{width:100%;animation:none}.mail-export-ios-bytes{display:block;color:#7f8a9a;font-size:9.5px}.mail-export-ios-error{margin-top:13px;padding:10px 11px;border-radius:10px;background:#fff1f0;color:#a6382e;font-size:10px;line-height:1.45;text-align:left}.mail-export-ios-actions{display:flex;gap:9px;padding:12px 16px max(14px,env(safe-area-inset-bottom));border-top:1px solid #edf0f4;background:#fbfcfd}.mail-export-ios-actions button{min-height:46px;border:0;border-radius:12px;padding:0 15px;font:inherit;font-size:11px;font-weight:800}.mail-export-ios-actions .secondary{flex:1;background:#eef1f5;color:#526074}.mail-export-ios-actions .primary{flex:2;background:#3158d4;color:#fff}@keyframes mail-export-ios-progress{from{transform:translateX(-85%)}to{transform:translateX(310%)}}
@media(max-width:700px){.mail-export-ios-overlay{place-items:end center;padding:0;background:rgba(15,23,42,.32)}.mail-export-ios-sheet{width:100%;max-height:calc(100dvh - max(8px,env(safe-area-inset-top)));border-radius:22px 22px 0 0;border-bottom:0}.mail-export-ios-head{padding:14px max(15px,env(safe-area-inset-right)) 12px max(15px,env(safe-area-inset-left))}.mail-export-ios-head button{width:42px;height:42px}.mail-export-ios-body{padding:27px 18px 22px}.mail-export-ios-actions{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.mail-export-ios-actions button{min-height:50px;font-size:12px}}
/* 0.18.221 — calendar-year export */
.mail-export-options{grid-template-columns:repeat(3,minmax(0,1fr))}.mail-export-years[hidden]{display:none}.mail-export-years{margin-top:10px;padding:12px;border:1px solid #e1e6ed;border-radius:14px;background:#f9fafc}.mail-export-years-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:9px}.mail-export-years-head span,.mail-export-years-head strong{display:block}.mail-export-years-head span{color:#69768a;font-size:9px;font-weight:820;letter-spacing:.055em;text-transform:uppercase}.mail-export-years-head strong{margin-top:3px;color:#344054;font-size:11.5px}.mail-export-years-head>small{max-width:250px;color:#8a95a5;font-size:8.8px;line-height:1.35;text-align:right}.mail-export-years-list{display:grid;gap:7px;max-height:290px;overflow:auto;overscroll-behavior:contain;padding-right:2px}.mail-export-year-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:10px 11px;border:1px solid #e1e6ed;border-radius:12px;background:#fff;color:inherit;font:inherit;text-align:left;cursor:pointer}.mail-export-year-row:hover{border-color:#cbd5e2;background:#fcfdff}.mail-export-year-row.selected{border-color:#9eb2ea;background:#f4f7ff;box-shadow:0 0 0 1px rgba(49,88,212,.06)}.mail-export-year-main strong,.mail-export-year-main small,.mail-export-year-count strong,.mail-export-year-count small{display:block}.mail-export-year-main strong{color:#2f3c50;font-size:14px}.mail-export-year-main small{margin-top:2px;color:#7d8999;font-size:9px;line-height:1.35}.mail-export-year-count{text-align:right}.mail-export-year-count strong{color:#31415a;font-size:13px}.mail-export-year-count small{margin-top:1px;color:#8994a3;font-size:8.5px}.mail-export-year-size{min-width:58px;padding:5px 7px;border-radius:8px;background:#eef2f7;color:#667388;font-size:8.8px;font-weight:780;text-align:center}.mail-export-years-loading,.mail-export-years-empty{padding:18px 10px;border:1px dashed #d8dee7;border-radius:11px;color:#8590a0;font-size:9.5px;text-align:center}.mail-export-year-safety{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:start;margin-top:9px;padding:9px 10px;border-radius:11px;background:#eef4ff;color:#44536b}.mail-export-year-safety>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#fff;color:#3f61cc}.mail-export-year-safety svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.mail-export-year-safety strong,.mail-export-year-safety small{display:block}.mail-export-year-safety strong{font-size:9.8px}.mail-export-year-safety small{margin-top:2px;color:#708099;font-size:8.8px;line-height:1.4}
@media(max-width:700px){.mail-export-options{grid-template-columns:1fr}.mail-export-years{padding:10px}.mail-export-years-head{align-items:start}.mail-export-years-head>small{max-width:145px}.mail-export-years-list{max-height:340px}.mail-export-year-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:11px}.mail-export-year-size{grid-column:2;grid-row:2;justify-self:end}.mail-export-year-main{grid-row:1/3}.mail-export-year-count{grid-column:2;grid-row:1}.mail-export-year-main strong{font-size:15px}.mail-export-year-main small{font-size:9.4px}}
/* 0.18.222 — account switcher cleanup */
/* 0.18.223 — mailbox preservation privacy status */
.mail-preservation-card[hidden]{display:none}
.mail-preservation-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:12px;padding:15px 16px;border:1px solid #ead9b8;border-radius:16px;background:#fffaf1;box-shadow:0 1px 3px rgba(15,23,42,.025)}
.mail-preservation-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#f8ecd4;color:#8a5b16}.mail-preservation-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mail-preservation-copy{min-width:0}.mail-preservation-copy>span{display:block;margin-bottom:3px;color:#92713f;font-size:9.5px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.mail-preservation-copy strong{display:block;color:#553b16;font-size:14px;font-weight:790}.mail-preservation-copy small{display:block;margin-top:4px;max-width:560px;color:#745e3d;font-size:10.75px;line-height:1.5}.mail-preservation-copy .mail-preservation-detail{color:#887252;font-size:10px}
.mail-preservation-state{align-self:start;padding:5px 8px;border:1px solid #e4c996;border-radius:999px;background:#fff4dc;color:#7b5318;font-size:9.5px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
@media(max-width:700px){.mail-preservation-card{grid-template-columns:42px minmax(0,1fr);gap:11px;padding:14px 12px;border-radius:14px}.mail-preservation-icon{width:42px;height:42px;border-radius:12px}.mail-preservation-state{grid-column:2;justify-self:start;margin-top:-3px}.mail-preservation-copy strong{font-size:13.25px}}
@media(max-width:380px){.contacts-sort{width:62px;min-width:62px;max-width:62px;flex-basis:62px}.contacts-sort select{font-size:10.5px}}
/* 0.18.310 mailbox forwarding settings */
.mail-forwarding-panel{max-width:840px}
.mail-forwarding-owner-note[hidden]{display:none!important}.mail-forwarding-owner-note{display:flex;flex-direction:column;gap:4px;padding:14px 16px;margin:0 0 16px;border:1px solid #f0d5a7;border-radius:14px;background:#fff9ef;color:#81520d}.mail-forwarding-owner-note strong{font-size:13px}.mail-forwarding-owner-note span{font-size:12px;line-height:1.45;color:#9a6b24}
.mail-forwarding-hero{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px;margin:0 0 16px;border:1px solid #e6eaf0;border-radius:18px;background:linear-gradient(145deg,#fbfcff,#f5f8ff);box-shadow:0 8px 28px rgba(15,23,42,.045)}
.mail-forwarding-hero-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#eaf0ff;color:#365ee8}.mail-forwarding-hero-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mail-forwarding-hero>div{display:flex;flex-direction:column;gap:3px;min-width:0}.mail-forwarding-hero>div>span{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7b8798}.mail-forwarding-hero strong{font-size:17px;color:#172033}.mail-forwarding-hero small{font-size:12px;line-height:1.45;color:#6c7788}.mail-forwarding-status{padding:7px 10px;border-radius:999px;background:#edf1f6;color:#687386;font-size:11px;font-weight:800;white-space:nowrap}.mail-forwarding-status.on{background:#e9f7ef;color:#247048}
.mail-forwarding-card{padding:18px;border:1px solid #e7eaf0;border-radius:18px;background:#fff}.mail-forwarding-card-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:14px}.mail-forwarding-card-head>div{display:flex;flex-direction:column;gap:3px}.mail-forwarding-card-head span{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8a94a3}.mail-forwarding-card-head strong{font-size:15px;color:#1d2738}.mail-forwarding-card-head small{font-size:12px;line-height:1.4;color:#788395}
.mail-forwarding-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;padding:12px;border-radius:14px;background:#f7f9fc;border:1px solid #edf0f4}.mail-forwarding-add label{display:flex;flex-direction:column;gap:6px}.mail-forwarding-add label>span{font-size:11px;font-weight:760;color:#667085}.mail-forwarding-add input{width:100%;height:42px;border:1px solid #d9dfe8;border-radius:11px;background:#fff;padding:0 12px;font:inherit;color:#1f2937;outline:none}.mail-forwarding-add input:focus{border-color:#7892eb;box-shadow:0 0 0 3px rgba(54,94,232,.09)}.mail-forwarding-add button{height:42px;padding:0 15px;border:0;border-radius:11px;background:#365ee8;color:#fff;font-weight:780;cursor:pointer}.mail-forwarding-add button:disabled{opacity:.5;cursor:default}.mail-forwarding-feedback[hidden]{display:none!important}.mail-forwarding-feedback{margin-top:10px;padding:10px 12px;border-radius:11px;font-size:12px;line-height:1.45;background:#fff5f5;border:1px solid #f2c9c9;color:#9b2c2c}.mail-forwarding-feedback.success{background:#effaf3;border-color:#c8ead3;color:#247048}
.mail-forwarding-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.mail-forwarding-empty{padding:18px;text-align:center;border:1px dashed #dfe4eb;border-radius:13px;color:#8993a2;font-size:12px}.mail-forwarding-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px 12px;border:1px solid #e8ebf0;border-radius:13px;background:#fff}.mail-forwarding-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#eef2f8;color:#59677b;font-size:12px;font-weight:850}.mail-forwarding-copy{display:flex;flex-direction:column;min-width:0}.mail-forwarding-copy strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#202a3b}.mail-forwarding-copy span{font-size:11px;color:#7d8898;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-forwarding-remove{height:34px;padding:0 11px;border:1px solid #e2e6ec;border-radius:10px;background:#fff;color:#586476;font-weight:730;cursor:pointer}.mail-forwarding-remove:hover{background:#f7f8fa}.mail-forwarding-note{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:12px 14px;border-radius:13px;background:#f6f8fb;color:#667085}.mail-forwarding-note svg{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:#60718a;stroke-width:1.7}.mail-forwarding-note>div{display:flex;flex-direction:column;gap:2px}.mail-forwarding-note strong{font-size:12px;color:#3c4859}.mail-forwarding-note span{font-size:11px;line-height:1.45}
@media(max-width:700px){.mail-forwarding-hero{grid-template-columns:44px minmax(0,1fr);padding:15px}.mail-forwarding-hero-icon{width:44px;height:44px}.mail-forwarding-status{grid-column:2;justify-self:start}.mail-forwarding-card{padding:14px}.mail-forwarding-add{grid-template-columns:1fr}.mail-forwarding-add button{width:100%}.mail-forwarding-row{grid-template-columns:38px minmax(0,1fr) auto}.mail-forwarding-avatar{width:38px;height:38px}}
/* Notification target handoff */
.notification-launch-overlay{position:fixed;inset:0;z-index:3950;display:grid;place-items:center;padding:24px;background:rgba(242,246,252,.7);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:notification-launch-fade .16s ease both}.notification-launch-overlay[hidden]{display:none}.notification-launch-card{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:12px;width:min(310px,calc(100vw - 40px));padding:14px 16px;border:1px solid rgba(216,224,236,.9);border-radius:17px;background:rgba(255,255,255,.96);box-shadow:0 20px 55px rgba(31,45,74,.14),0 3px 12px rgba(31,45,74,.07)}.notification-launch-card strong,.notification-launch-card span{display:block}.notification-launch-card strong{color:#263244;font-size:12.5px;line-height:1.3;letter-spacing:-.01em}.notification-launch-card div>span{margin-top:2px;color:#7f8b9b;font-size:10px;line-height:1.4}.notification-launch-spinner{width:30px;height:30px;border-radius:10px;background:#edf2ff;position:relative}.notification-launch-spinner::before{content:"";position:absolute;inset:7px;border:2px solid #afc0ef;border-top-color:#3158d4;border-radius:50%;animation:notification-launch-spin .75s linear infinite}@keyframes notification-launch-spin{to{transform:rotate(360deg)}}@keyframes notification-launch-fade{from{opacity:0}to{opacity:1}}@media(max-width:700px){.notification-launch-overlay{padding:max(24px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom))}.notification-launch-card{width:min(330px,calc(100vw - 32px));padding:15px 16px}}@media(prefers-reduced-motion:reduce){.notification-launch-overlay{animation:none}.notification-launch-spinner::before{animation:none;border-color:#3158d4 #afc0ef #afc0ef #afc0ef}}
.mail-security-event.notification-target-pulse{border-radius:11px;background:#f4f7ff;box-shadow:0 0 0 2px rgba(49,88,212,.18);animation:notification-target-pulse 1.5s ease both}@keyframes notification-target-pulse{0%{box-shadow:0 0 0 0 rgba(49,88,212,.34)}45%{box-shadow:0 0 0 5px rgba(49,88,212,.08)}100%{box-shadow:0 0 0 2px rgba(49,88,212,.14)}}@media(prefers-reduced-motion:reduce){.mail-security-event.notification-target-pulse{animation:none}}
/* 0.18.427 — mailbox export folder selection */
.mail-export-folder-scope{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:10px;padding:11px 12px;border:1px solid #e2e7ee;border-radius:14px;background:#fafbfc}.mail-export-folder-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eef2ff;color:#4562c9}.mail-export-folder-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.mail-export-folder-copy{min-width:0}.mail-export-folder-copy>strong,.mail-export-folder-copy>small{display:block}.mail-export-folder-copy>strong{color:#344054;font-size:10.75px}.mail-export-folder-copy>small{margin-top:3px;color:#7c8797;font-size:9.25px;line-height:1.4}.mail-export-folder-scope>button{display:flex;align-items:center;gap:5px;min-height:36px;padding:0 10px;border:1px solid #dce3ec;border-radius:10px;background:#fff;color:#4d5c72;font:inherit;font-size:9.5px;font-weight:800;white-space:nowrap}.mail-export-folder-scope>button svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mail-export-folder-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.mail-export-folder-tags[hidden]{display:none}.mail-export-folder-tags span{max-width:180px;padding:3px 6px;border-radius:999px;background:#edf1f8;color:#57667b;font-size:8.4px;font-weight:760;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail-export-folder-overlay{position:fixed;inset:0;z-index:555;display:grid;place-items:center;padding:18px;background:rgba(15,23,42,.42);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mail-export-folder-overlay[hidden]{display:none}.mail-export-folder-sheet{width:min(540px,100%);max-height:min(720px,calc(100dvh - 36px));display:flex;flex-direction:column;overflow:hidden;border:1px solid #dfe5ec;border-radius:22px;background:#fff;box-shadow:0 30px 100px rgba(15,23,42,.28)}.mail-export-folder-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:17px 18px 14px;border-bottom:1px solid #edf0f4}.mail-export-folder-head>div{min-width:0}.mail-export-folder-head span,.mail-export-folder-head strong,.mail-export-folder-head small{display:block}.mail-export-folder-head span{color:#61718a;font-size:9px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.mail-export-folder-head strong{margin-top:3px;color:#263348;font-size:15px}.mail-export-folder-head small{margin-top:4px;color:#7f8a9a;font-size:9.5px;line-height:1.4}.mail-export-folder-head>button{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:999px;background:#f1f4f8;color:#536174;font-size:24px;line-height:1}.mail-export-folder-tools{display:flex;align-items:center;gap:7px;padding:10px 16px;border-bottom:1px solid #edf0f4;background:#fbfcfd}.mail-export-folder-tools button{min-height:30px;padding:4px 9px;border:1px solid #dde3eb;border-radius:9px;background:#fff;color:#59677a;font:inherit;font-size:9px;font-weight:780}.mail-export-folder-tools span{margin-left:auto;color:#7c8797;font-size:9px;font-weight:760}.mail-export-folder-list{flex:1;min-height:0;overflow:auto;padding:9px 12px;overscroll-behavior:contain}.mail-export-folder-row{position:relative;display:grid;grid-template-columns:22px 32px minmax(0,1fr);gap:9px;align-items:center;min-height:50px;padding:7px 9px 7px calc(9px + var(--export-folder-indent,0px));border-radius:11px;cursor:pointer}.mail-export-folder-row:hover{background:#f7f9fc}.mail-export-folder-row input{position:absolute;opacity:0;pointer-events:none}.mail-export-folder-check{width:20px;height:20px;display:grid;place-items:center;border:1.5px solid #b8c2d0;border-radius:6px;background:#fff;color:#fff}.mail-export-folder-row input:checked+.mail-export-folder-check{border-color:#3158d4;background:#3158d4}.mail-export-folder-check:after{content:'✓';font-size:12px;font-weight:900;opacity:0}.mail-export-folder-row input:checked+.mail-export-folder-check:after{opacity:1}.mail-export-folder-row-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#f0f3f8;color:#627086}.mail-export-folder-row-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.mail-export-folder-row-copy{min-width:0}.mail-export-folder-row-copy strong,.mail-export-folder-row-copy small{display:block}.mail-export-folder-row-copy strong{color:#344054;font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-export-folder-row-copy small{margin-top:2px;color:#8a95a5;font-size:8.8px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-export-folder-actions{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:12px 14px max(14px,env(safe-area-inset-bottom));border-top:1px solid #edf0f4;background:#fbfcfd}.mail-export-folder-actions button{min-height:42px;padding:0 13px;border:0;border-radius:11px;font:inherit;font-size:10px;font-weight:800}.mail-export-folder-actions .secondary{background:#eef1f5;color:#526074}.mail-export-folder-actions .all{justify-self:start}.mail-export-folder-actions .primary{background:#3158d4;color:#fff}.mail-export-folder-actions .primary:disabled{background:#dbe1eb;color:#8792a3}
@media(max-width:700px){.mail-export-folder-scope{grid-template-columns:38px minmax(0,1fr);align-items:start}.mail-export-folder-scope>button{grid-column:1/-1;width:100%;justify-content:center;min-height:42px}.mail-export-folder-overlay{place-items:end center;padding:0;background:rgba(15,23,42,.32)}.mail-export-folder-sheet{width:100%;max-height:calc(100dvh - max(8px,env(safe-area-inset-top)));border-radius:22px 22px 0 0;border-bottom:0}.mail-export-folder-head{padding:14px max(15px,env(safe-area-inset-right)) 12px max(15px,env(safe-area-inset-left))}.mail-export-folder-head>button{width:42px;height:42px}.mail-export-folder-list{padding:8px max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left))}.mail-export-folder-row{min-height:54px}.mail-export-folder-actions{grid-template-columns:1fr 1fr}.mail-export-folder-actions .all{grid-column:1/-1;width:100%;justify-self:stretch}.mail-export-folder-actions button{min-height:48px;font-size:10.5px}}
@media(max-width:430px){.mail-settings-random-alias-meta{grid-template-columns:1fr}.mail-settings-random-alias-result{grid-template-columns:36px minmax(0,1fr)}.mail-settings-random-alias-result button{grid-column:1 / -1;width:100%;height:42px}.mail-settings-alias-toolbar{display:grid;grid-template-columns:1fr}.mail-settings-alias-total{justify-self:start;padding-left:2px}.mail-settings-alias-row{grid-template-columns:36px minmax(0,1fr)}.mail-settings-alias-icon{width:36px;height:36px}.mail-settings-alias-row-actions{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:7px}.mail-settings-alias-row-actions:has(button:only-child){grid-template-columns:1fr}.mail-settings-alias-row-actions button{width:100%;height:40px}.mail-settings-alias-badges em{min-height:21px}.mail-settings-alias-empty{text-align:left;padding:18px 12px}}
/* 0.18.443 — desktop legal acceptance viewport and scroll-chain repair */
@media(min-width:701px){
/* The legal card is the authoritative desktop scroll container. Keep every
signer field and final action reachable even on short laptop displays. */
.mail-legal-gate-overlay{overflow:hidden}
.mail-legal-gate-card{max-height:calc(100dvh - 36px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}
.mail-setup-card:has(.mail-legal-setup:not([hidden])){max-height:calc(100dvh - 48px);overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-gutter:stable}
/* Do not trap a mouse wheel inside an opened agreement. Once its reader
reaches an edge, scrolling must continue into the containing legal card. */
.mail-legal-gate-card .mail-legal-reader,.mail-setup-card:has(.mail-legal-setup:not([hidden])) .mail-legal-reader{overscroll-behavior-y:auto}
}
/* 0.18.450 notification permission diagnostics */
.notification-device-diagnostics{margin:-8px 0 18px;border:1px solid #e2e7ee;border-radius:14px;background:#fbfcfe;overflow:hidden}.notification-device-diagnostics>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;color:#445166}.notification-device-diagnostics>summary::-webkit-details-marker{display:none}.notification-device-diagnostics>summary>span:first-child{display:grid;gap:2px}.notification-device-diagnostics>summary strong{font-size:11.5px;color:#344054}.notification-device-diagnostics>summary small{font-size:9.5px;color:#8b96a5;line-height:1.35}.notification-diagnostics-chevron{font-size:20px;color:#7f8a99;transform:rotate(0);transition:transform .16s}.notification-device-diagnostics[open] .notification-diagnostics-chevron{transform:rotate(90deg)}.notification-diagnostics-body{border-top:1px solid #e8ecf1;padding:13px 14px 14px}.notification-diagnostics-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.notification-diagnostics-head>div{display:grid;gap:2px}.notification-diagnostics-head span{font-size:10px;font-weight:820;color:#536174}.notification-diagnostics-head small{font-size:9px;color:#929cab;line-height:1.4}.notification-diagnostics-head button{flex:0 0 auto;height:34px;border:1px solid #d9e0e8;border-radius:9px;background:#fff;color:#526176;padding:0 10px;font-size:9.5px;font-weight:780}.notification-diagnostics-reset{margin-top:10px;padding:9px 10px;border-radius:10px;background:#fff4e8;border:1px solid #f2dcc1;color:#8b5a25;font-size:9.5px;line-height:1.45}.notification-diagnostics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:11px}.notification-diagnostics-grid>div{min-width:0;padding:9px 10px;border:1px solid #e7ebf0;border-radius:10px;background:#fff;display:grid;gap:3px}.notification-diagnostics-grid span,.notification-diagnostics-history>span{font-size:8.5px;font-weight:780;letter-spacing:.02em;text-transform:uppercase;color:#98a1ae}.notification-diagnostics-grid strong{font-size:10px;line-height:1.35;color:#425064;overflow-wrap:anywhere}.notification-diagnostics-history{margin-top:11px}.notification-diagnostics-history>div{display:grid;gap:6px;margin-top:7px}.notification-diagnostics-history>div>div{padding:8px 9px;border-radius:9px;background:#fff;border:1px solid #e8ecf1;color:#768294;font-size:9px;line-height:1.35}.notification-diagnostics-history strong,.notification-diagnostics-history small{display:block}.notification-diagnostics-history strong{color:#4b586a;font-size:9.5px}.notification-diagnostics-history small{margin-top:2px;color:#98a1ae;font-size:8.5px}@media(max-width:650px){.notification-device-diagnostics{margin:-5px 0 15px}.notification-device-diagnostics>summary{padding:12px}.notification-diagnostics-body{padding:12px}.notification-diagnostics-head{display:grid}.notification-diagnostics-head button{width:100%;min-height:40px}.notification-diagnostics-grid{grid-template-columns:1fr}.notification-diagnostics-grid>div{padding:10px}.notification-diagnostics-grid strong{font-size:10.5px}}
/* 0.18.465 — canonical Move modal */
.bulk-move-trigger{display:inline-flex!important;align-items:center;justify-content:center;gap:6px}.bulk-move-trigger svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.reader-move-trigger svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mail-move-overlay{position:fixed;inset:0;z-index:360;display:grid;place-items:center;padding:18px;background:rgba(15,23,42,.38);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mail-move-overlay[hidden]{display:none}.mail-move-dialog{width:min(520px,100%);max-height:min(720px,calc(100dvh - 36px));display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.55);border-radius:24px;background:#fff;box-shadow:0 28px 90px rgba(15,23,42,.24)}.mail-move-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 22px 14px}.mail-move-head>div{min-width:0}.mail-move-head span,.mail-move-head h2,.mail-move-head p{display:block;margin:0}.mail-move-head span{font-size:10px;line-height:1.2;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#7d8998}.mail-move-head h2{margin-top:4px;font-size:22px;line-height:1.18;color:#172033}.mail-move-head p{margin-top:6px;font-size:12px;line-height:1.45;color:#7c8796}.mail-move-head>button{width:38px;height:38px;flex:0 0 38px;border:1px solid #e4e8ee;border-radius:12px;background:#f8fafc;color:#647184;font-size:23px;line-height:1}.mail-move-search{position:relative;margin:0 18px 10px}.mail-move-search svg{position:absolute;left:13px;top:50%;width:17px;height:17px;transform:translateY(-50%);fill:none;stroke:#8b96a5;stroke-width:1.8;stroke-linecap:round}.mail-move-search input{width:100%;height:44px;border:1px solid #dfe5ec;border-radius:14px;background:#f8fafc;padding:0 14px 0 40px;color:#243047;font-size:13px;outline:none}.mail-move-search input:focus{border-color:#9fb2ed;background:#fff;box-shadow:0 0 0 3px rgba(49,88,212,.08)}.mail-move-list{min-height:96px;overflow:auto;padding:4px 12px 12px;overscroll-behavior:contain}.mail-move-option{width:100%;min-height:58px;display:grid;grid-template-columns:42px minmax(0,1fr) 24px;align-items:center;gap:11px;border:1px solid transparent;border-radius:15px;background:#fff;padding:8px 10px;text-align:left;color:#2c394d}.mail-move-option:hover{background:#f7f9fc}.mail-move-option[aria-selected="true"]{border-color:#c9d5fb;background:#f3f6ff;box-shadow:inset 0 0 0 1px rgba(49,88,212,.04)}.mail-move-option-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#f0f3f7;color:#5f6f84}.mail-move-option[aria-selected="true"] .mail-move-option-icon{background:#e6ecff;color:#3158d4}.mail-move-option-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mail-move-option-copy{min-width:0}.mail-move-option-copy strong,.mail-move-option-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-move-option-copy strong{font-size:13px;font-weight:780;color:#28364a}.mail-move-option-copy small{margin-top:2px;font-size:10.5px;color:#8994a3}.mail-move-option-check{font-size:18px;font-weight:800;color:#3158d4;text-align:center;opacity:0}.mail-move-option[aria-selected="true"] .mail-move-option-check{opacity:1}.mail-move-empty{padding:26px 14px;text-align:center;color:#8a95a4;font-size:12px}.mail-move-actions{display:flex;justify-content:flex-end;gap:8px;padding:13px 18px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #edf0f4;background:#fbfcfd}.mail-move-actions button{min-width:92px;height:42px;border-radius:12px;font-size:12px;font-weight:780}.mail-move-actions #mailMoveCancel{border:1px solid #dfe4ea;background:#fff;color:#59677a}.mail-move-actions #mailMoveSubmit{border:1px solid #3158d4;background:#3158d4;color:#fff}.mail-move-actions #mailMoveSubmit:disabled{opacity:.42;cursor:default}.mail-move-open{overflow:hidden}
@media(max-width:640px){.mail-move-overlay{place-items:end stretch;padding:max(8px,env(safe-area-inset-top)) 0 0}.mail-move-dialog{width:100%;max-height:min(82dvh,760px);border-radius:24px 24px 0 0;border-bottom:0}.mail-move-head{padding:18px 16px 12px}.mail-move-head h2{font-size:20px}.mail-move-search{margin:0 12px 8px}.mail-move-list{padding:2px 8px 10px}.mail-move-option{min-height:62px;border-radius:14px;padding:9px 8px}.mail-move-actions{padding-left:12px;padding-right:12px}.mail-move-actions button{flex:1;min-width:0;height:46px}}