/* Native mail workspace: smoked glass, white typography, restrained crimson. */
:root{--bg:#0b0c0f;--panel:#171a20;--line:#ffffff17;--text:#f2f3f5;--muted:#a5a8b3;--accent:#c82e43;--safe-top:var(--tg-content-safe-area-inset-top,0px);--safe-bottom:max(env(safe-area-inset-bottom,0px),var(--tg-content-safe-area-inset-bottom,0px));font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{background:radial-gradient(ellipse at 85% 0%,#6e213020,transparent 40%),var(--bg)}button,input,a{touch-action:manipulation}button{border-radius:14px;min-height:46px;background:linear-gradient(140deg,#ffffff08,#ffffff02),#191c23;border-color:var(--line)}button:hover{background-color:#272b34}.primary,button.primary{background:linear-gradient(150deg,#dc3d54,#b92339);border-color:#ed6a7950;box-shadow:inset 0 1px #ffffff1a}.danger,button.danger{background:#a6263b0a;border-color:#e05c7138;color:#ff9eae}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #f18da0;outline-offset:3px}a{color:#f1a8b5}
.topbar{height:calc(70px + var(--safe-top));padding:var(--safe-top) 32px 0;background:#101216ec;border-color:#ffffff0c;backdrop-filter:blur(20px)}.brand{font-size:13px;letter-spacing:1.3px;max-width:44%}.brand img{width:29px;height:29px}.topbar #account-name{font-size:12px}.topbar #logout{font-size:11px}.quick-search{margin-left:36px;width:min(330px,30vw);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;background:#ffffff04}.quick-search kbd{font-size:10px;border:1px solid var(--line);padding:3px 6px;border-radius:5px}
.layout{max-width:1440px;min-height:calc(100dvh - 70px - var(--safe-top))}#navigation{width:224px;border-right:1px solid #ffffff0c;padding:30px 16px;position:sticky;top:calc(70px + var(--safe-top));align-self:flex-start;min-height:calc(100dvh - 70px - var(--safe-top))}.nav-eyebrow{font-size:9px;letter-spacing:1.7px;color:#858d9c;margin:0 12px 23px}#navigation button{display:flex;align-items:center;gap:13px;padding:13px 15px;margin:7px 0;font-size:13px;border-radius:14px;min-height:48px}#navigation button[aria-current=page]{background:#c82e4312;border-color:#c82e4324;color:#f3bbc5}.outline-icon{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;flex-shrink:0}.outline-icon svg{width:100%;height:100%}.nav-bottom{display:flex;gap:10px;align-items:center;margin:50px 12px 0;font-size:10px;line-height:1.7;color:#848d9c}.brand-mark{display:flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:9px;background:#c82e4314;color:#f19aad;border:1px solid #c82e4330;flex-shrink:0}
main{max-width:1040px;padding:36px 44px 50px;position:relative}.page-heading{margin-bottom:24px}.eyebrow{display:block;color:#939aa8;font-size:9px;letter-spacing:1.8px;margin-bottom:10px}.eyebrow::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:8px;vertical-align:2px}.page-heading h1{font-size:32px;font-weight:600;letter-spacing:-1px;margin:0}.view-back{border:0;background:none;min-height:38px;min-width:42px;padding:4px 10px;margin:0 0 12px -10px;color:#b9c0cd;font-size:23px}.section-tabs{position:static;top:auto;bottom:auto;left:auto;right:auto;background:none;box-shadow:none;display:flex;gap:8px;width:auto;border:0;padding:0;margin:0 0 25px;overflow-x:auto;scrollbar-width:none}.section-tabs::-webkit-scrollbar{display:none}.section-tabs button{flex:0 0 auto;width:auto;white-space:nowrap;border:1px solid var(--line);border-radius:20px;min-height:40px;padding:8px 15px;margin:0;font-size:11px;background:#ffffff03}.section-tabs button[aria-current=page]{background:#ffffff0d;border-color:#ffffff2d;color:#fff}
.screen-card,.input-form,.overview-panel{border:1px solid #ffffff19;border-top-color:#ffffff29;border-radius:24px;background:linear-gradient(135deg,#ffffff08,#ffffff01 60%),#14161b;box-shadow:inset 0 1px #ffffff06,0 10px 30px #0002;padding:24px;margin-bottom:18px}.body{font-size:14px;line-height:1.8}.body h1,.body h2,.body h3{font-weight:550;letter-spacing:-.5px}.body h3:first-child{margin-top:0}.body summary{min-height:44px}.body p{line-height:1.8}.body pre{background:#101216;border:1px solid #ffffff14;border-radius:15px;line-height:1.7;overflow-wrap:anywhere}.body code{background:#ffffff07;font-size:.9em}.body details{border-top:1px solid var(--line);margin-top:15px}.body td,.body th{border-color:#ffffff10;padding:12px 9px}
.controls{gap:9px}.controls>*{border-radius:14px;min-height:46px;font-size:13px}.controls a{background:#ffffff04;border-color:var(--line)}.controls:has(.menu-control){flex-direction:column;gap:0;border:1px solid var(--line);border-radius:18px;overflow:hidden}.controls .menu-control{width:100%;text-align:left;justify-content:space-between;background:#ffffff02;border:0;border-bottom:1px solid #ffffff0b;border-radius:0;padding:16px 15px;font-size:13px;min-height:55px}.controls .menu-control:last-child{border-bottom:0}.menu-control .outline-icon{width:14px;height:14px;color:#929aaa;margin-left:auto}.controls .back-control{min-height:44px;background:none;border-color:transparent;color:var(--muted);font-size:12px}
.native-mail-list{padding:0;background:#101216;border-color:#ffffff10;overflow:hidden}.native-mail-list>.body{padding:18px 22px 0}.native-mail-list>.body>h3:first-child,.native-mail-list>.body>hr{display:none}.native-mail-list>.controls:not(.mail-controls){padding:0 16px 12px}.mail-controls{margin:0;display:block}.mail-row{display:flex;align-items:center;width:100%;min-width:0;gap:13px;padding:20px 22px;border:0;border-bottom:1px solid #ffffff0a;border-radius:0!important;background:transparent;text-align:left;justify-content:flex-start;min-height:91px}.mail-row:hover{background:#ffffff04}.sender-avatar{display:flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:12px;border:1px solid #ffffff17;background:linear-gradient(140deg,#313540,#191c23);color:#c4cbd7;font-size:13px;flex-shrink:0}.mail-content{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.mail-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.mail-top strong{font-size:13px;font-weight:450;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-top time{font-size:10px;color:#929aaa;white-space:nowrap}.mail-subject{font-size:13px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bcc3d0}.mail-recipient{font-size:10px;color:#929aaa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread .mail-top strong{font-weight:650;color:#fff}.unread .sender-avatar{border-color:#d94b6244}.unread .mail-recipient::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#e65c75;margin-right:6px;vertical-align:1px}.row-arrow{font-size:15px;color:#929aaa;flex-shrink:0}.controls .filter{background:#ffffff04;border-color:#ffffff19;min-width:70px;min-height:44px;font-size:11px;border-radius:22px}.controls .filter.selected{background:#ffffff10;border-color:#ffffff34;color:#fff}
.address-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mailbox-row{display:grid!important;grid-template-columns:1fr 20px;gap:10px!important;align-items:center;justify-content:initial!important;padding:20px!important;background:radial-gradient(ellipse at 100% 0%,#c82e4317,transparent 75%),linear-gradient(135deg,#ffffff08,#ffffff02),#171a20!important;border:1px solid #ffffff20!important;border-top-color:#ffffff38!important;border-radius:22px!important;text-align:left!important;min-width:0!important}.mailbox-row>.outline-icon:first-child{grid-column:1;color:#c7cdd7;margin-bottom:8px}.mailbox-row strong{grid-column:1/-1;font-size:15px;font-weight:550;overflow-wrap:anywhere}.mailbox-meta{font-size:11px;color:#a5adbb;grid-column:1;line-height:1.6}.mailbox-row>.outline-icon:last-child{grid-column:2;width:15px;height:15px;color:#969eaf}
.input-form{background:linear-gradient(140deg,#ffffff08,#ffffff02),#161920;border-top-color:#ffffff30}.input-form label{font-size:12px;font-weight:550;color:#d8dde6}.form-hint{font-size:11px;line-height:1.6;color:var(--muted);margin:0 0 14px}.input-row{gap:12px}.input-row input{min-height:50px;background:#101216;border-color:#ffffff25;border-radius:13px;font-size:16px}.cancel-input{min-height:44px}#status{font-size:12px;line-height:1.7}#status:empty{display:none}.busy{opacity:.75}.attachment{font-size:12px;gap:12px}.attachment span{min-width:0}.attachment button{font-size:11px;min-height:44px}.media-gallery{margin-bottom:16px}.media-gallery:empty{display:none}.media-image{border-radius:16px}
.dashboard{padding:0}.metrics{gap:12px}.metrics button{position:relative;background:linear-gradient(140deg,#ffffff0b,#ffffff02),#171a20;border:1px solid #ffffff22;border-radius:22px;padding:22px}.metrics span{font-size:11px}.metrics strong{font-size:32px;letter-spacing:-1px;overflow-wrap:anywhere}.metric-arrow{position:absolute;right:15px;top:15px;color:#9ca5b6}.overview-columns{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.overview-panel{padding:0;min-width:0;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px}.panel-heading h2{font-size:15px;font-weight:550}.text-action{border:0;background:none;font-size:11px;color:#c3cad6;padding:5px;min-height:44px}.address-row{display:flex;flex-direction:column;width:100%;border:0;border-radius:0;border-top:1px solid var(--line);background:none;text-align:left;padding:20px;gap:8px}.address-row strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}.address-row span{font-size:10px;color:var(--muted)}.empty-state{padding:32px 20px;text-align:center;color:var(--muted);font-size:13px}.empty-state>span{display:block;font-size:28px}.dashboard-actions{margin-top:18px}
.login-panel{margin:50px auto;padding:32px;border-radius:28px;border:1px solid #ffffff1c;background:linear-gradient(150deg,#ffffff09,#ffffff02),#14161b}.login-panel h1{font-size:24px;letter-spacing:1px;font-weight:550}.login-panel p{font-size:13px}.login-panel .seed-toggle{background:none;border-color:transparent;color:#b4bdce;font-size:12px}.login-panel form{text-align:left;margin-top:22px;border-top:1px solid var(--line);padding-top:18px}.login-panel form label{display:block;margin-bottom:10px;font-size:12px}#mobile-navigation{display:none}
@media(min-width:761px){#navigation.mobile-closed{display:block}}
@media(max-width:1000px){.quick-search{margin-left:0}main{padding-inline:24px}#navigation{width:195px}.overview-columns{grid-template-columns:1fr}}
@media(max-width:760px){.topbar{height:calc(58px + var(--safe-top));padding:var(--safe-top) 16px 0;gap:10px}.brand{max-width:60%;font-size:11px;letter-spacing:1px}.brand img{width:25px;height:25px}.topbar #account-name{display:none}.topbar #logout{margin-left:auto;font-size:10px;min-height:36px}.quick-search{display:none!important}#menu-toggle{font-size:19px;min-width:36px;min-height:44px;padding:6px}#navigation{position:fixed;top:calc(58px + var(--safe-top));bottom:0;left:0;width:270px;z-index:9;background:#13151bf5;backdrop-filter:blur(24px);overflow:auto;padding-top:24px}main{padding:24px 16px calc(106px + var(--safe-bottom))}.page-heading{margin-bottom:20px}.page-heading h1{font-size:29px}.eyebrow{font-size:9px}.section-tabs{margin-bottom:20px}.section-tabs button{min-height:44px;font-size:11px}.screen-card{padding:20px 17px;border-radius:22px}.native-mail-list{padding:0}.native-mail-list>.body{padding:16px 17px 0}.body{font-size:13px}.native-mail-list>.controls:not(.mail-controls){padding-inline:12px}.mail-row{padding:18px 16px;gap:10px;min-height:92px}.sender-avatar{width:35px;height:35px}.mail-top strong,.mail-subject{font-size:12px}.mail-recipient{font-size:9px}.address-controls{grid-template-columns:1fr}.mailbox-row{padding:20px!important}.controls>*{font-size:12px;min-height:46px;min-width:85px}.input-form{padding:20px 17px}.input-row{flex-direction:column}.input-row button{width:100%}#mobile-navigation{display:flex;justify-content:space-around;align-items:center;position:fixed;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:calc(10px + var(--safe-bottom));top:auto;width:auto;height:68px;padding:6px;border:1px solid #ffffff24;border-top-color:#ffffff3a;border-radius:24px;background:linear-gradient(145deg,#ffffff07,#ffffff02),#15171ef2;box-shadow:inset 0 1px #ffffff08,0 10px 40px #0005;backdrop-filter:blur(24px);z-index:8}#mobile-navigation button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;flex:1;min-width:0;min-height:54px;width:auto;padding:5px;border:0;background:none;border-radius:15px;margin:0;color:#9aa3b4;font-size:9px;position:relative}#mobile-navigation button[aria-current=page]{color:#f5adbc}#mobile-navigation button[aria-current=page]::before{content:"";position:absolute;top:-7px;width:23px;height:2px;border-radius:4px;background:#de506a}#mobile-navigation .nav-icon{width:20px;height:20px}.metrics{grid-template-columns:1fr}.metrics strong{font-size:30px}.metrics button{padding:20px}.overview-columns{grid-template-columns:1fr}.login-panel{margin:20px 0;padding:26px 20px}.media-gallery.multiple.collage{grid-template-columns:1fr}}
@media(max-width:360px){main{padding-inline:12px}.topbar{padding-inline:12px}.brand{font-size:10px}.mail-row{padding:16px 12px}.sender-avatar{width:31px;height:31px}.mail-top{gap:6px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.topbar,#navigation,#mobile-navigation{backdrop-filter:none}}
.section-picker{font-size:11px;color:#b4bdcc;min-height:44px;background:#ffffff04;border-radius:18px;padding:8px 15px;margin:-8px 0 20px}.native-form{border-radius:24px 24px 0 0;margin-bottom:0;border-bottom:0;box-shadow:none}.native-form .back-control{display:none}main:has(.native-form)>.input-form{border-top:0;border-radius:0 0 24px 24px;margin-top:-1px;box-shadow:0 10px 30px #0002}
.dashboard-quick-actions{display:flex;gap:12px;margin:0 0 18px}.dashboard-quick-actions>*{flex:1;min-width:0}.dashboard-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 20px}.service-link{font-size:12px;min-width:0;text-align:left}.address-tile{display:flex;align-items:center;gap:12px;width:100%;border:0;border-top:1px solid var(--line);border-radius:0;background:none;text-align:left;padding:18px}.address-mark{font-size:21px;color:#b9c3d2}.address-details{display:flex;flex-direction:column;gap:7px;flex:1;min-width:0}.address-details strong{font-size:13px;overflow-wrap:anywhere}.address-details span{font-size:10px;color:var(--muted)}.address-details progress{width:100%;height:4px;accent-color:var(--accent)}.address-arrow{color:var(--muted)}.pro-card,.pricing-guide{border:1px solid #ffffff19;border-top-color:#ffffff2b;border-radius:22px;padding:22px;margin:0 0 20px;background:linear-gradient(135deg,#ffffff08,#ffffff01),#15171d}.pro-card h2{font-size:22px}.pro-card p{font-size:12px;color:var(--muted)}.pricing-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.pricing-heading h2{font-size:17px;font-weight:550}.pricing-heading span{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.pricing-row{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.pricing-row strong{font-weight:600;white-space:nowrap}.pricing-note{font-size:11px;line-height:1.7;color:var(--muted)}@media(max-width:760px){.dashboard-services{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-guide{padding:18px}.dashboard-quick-actions{flex-direction:column}}