.native-body{flex-direction:column;gap:16px;max-width:880px;padding:8px 24px 48px;display:flex}.native-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px 24px}.native-hero{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.native-app-icon{background:var(--surface);width:64px;height:64px;box-shadow:var(--shadow-2);border-radius:18px;flex-shrink:0;place-items:center;display:grid;position:relative}.native-app-icon>.icon{color:var(--blue);font-size:40px}.native-sparkle{background:var(--surface);border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:6px;right:6px}.native-sparkle .icon{color:var(--blue);font-size:16px}.native-hero-text{flex:1;min-width:200px}.native-hero-text h2{font-family:var(--font);color:var(--text);margin:0 0 4px;font-size:22px;font-weight:400}.native-meta{color:var(--text-2);font-family:var(--font-text);margin:2px 0 0;font-size:14px;line-height:20px}.native-inline{align-items:center;gap:8px;display:inline-flex}.native-hero-action .btn{text-decoration:none}.native-chip{background:var(--blue-soft);height:32px;color:var(--blue-dark);font-family:var(--font);border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-weight:500;display:inline-flex}.native-chip .icon{font-size:18px}.native-note{background:var(--search);border-color:#0000;align-items:flex-start;gap:16px;display:flex}.native-note-icon{color:var(--blue);margin-top:2px;font-size:24px}.native-note h3,.native-section-title{font-family:var(--font);color:var(--text);margin:0 0 6px;font-size:16px;font-weight:500}.native-note p{color:var(--text-2);font-family:var(--font-text);margin:0;line-height:20px}.native-steps{flex-direction:column;gap:16px;margin:12px 0 0;padding:0;list-style:none;display:flex}.native-steps li{align-items:flex-start;gap:16px;display:flex}.native-step-number{background:var(--blue-soft);width:28px;height:28px;color:var(--blue-dark);font-family:var(--font);border-radius:50%;flex-shrink:0;place-items:center;font-weight:500;display:grid}.native-steps strong{font-family:var(--font);color:var(--text);align-items:center;gap:6px;font-size:14px;font-weight:500;display:inline-flex}.native-steps strong .icon{color:var(--text-2);font-size:18px}.native-steps p{color:var(--text-2);font-family:var(--font-text);margin:2px 0 0;line-height:20px}.native-footnote{border-top:1px solid var(--line);color:var(--text-4);margin:20px 0 0;padding-top:16px;font-size:13px;line-height:18px}@media (width<=720px){.native-body{padding:8px 16px 32px}.native-card{padding:16px}.native-hero-action,.native-hero-action .btn{justify-content:center;width:100%}}.delivery-body{flex-direction:column;gap:24px;max-width:1100px;padding:8px 24px 48px;display:flex}.delivery-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:16px;display:grid}.delivery-card{text-align:left;font:inherit;color:inherit;background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:16px;flex-direction:column;gap:16px;padding:16px 20px 18px;transition:border-color .15s,box-shadow .15s;display:flex}.delivery-card:hover{box-shadow:var(--shadow-2)}.delivery-card.selected{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.delivery-card-head{align-items:center;gap:12px;min-width:0;display:flex}.delivery-card-head .who{flex-direction:column;flex:1;min-width:0;display:flex}.delivery-card-head .t{font-family:var(--font);font-size:16px;font-weight:500}.delivery-card-head .s,.delivery-card-head .sent{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.delivery-card-head .sent strong{color:var(--text);font-family:var(--font);font-size:18px;font-weight:500}.delivery-rates{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.delivery-rate{flex-direction:column;gap:2px;min-width:0;display:flex}.delivery-rate .value{font-family:var(--font);color:var(--text);font-size:22px;line-height:28px}.delivery-rate .label{color:var(--text-2);font-size:12px;font-weight:500}.delivery-rate .count{color:var(--text-4);font-size:12px}.delivery-rate .bar{background:var(--line);border-radius:2px;height:4px;margin-top:6px;overflow:hidden}.delivery-rate .bar>span{background:var(--green);border-radius:2px;height:100%;display:block}.delivery-rate.info .bar>span{background:var(--blue)}.delivery-rate.warn .bar>span{background:var(--important)}.delivery-rate.bad .value{color:var(--danger)}.delivery-rate.bad .bar>span{background:var(--danger)}.delivery-section h2{font-family:var(--font);margin:0 0 8px;font-size:18px;font-weight:400}.delivery-table{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.delivery-row{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.2fr) minmax(0,2fr) auto 90px;align-items:center;gap:16px;padding:10px 16px;font-size:14px;display:grid}.delivery-row:first-child{border-top:0}.delivery-row.head,.delivery-row.recipients{grid-template-columns:minmax(0,2fr) repeat(4,90px)}.delivery-row.head{background:var(--bg);color:var(--text-3);font-size:12px;font-weight:500}.delivery-row .who,.delivery-row .subject{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.delivery-row .subject{color:var(--text-2)}.delivery-row .when,.delivery-row .num{text-align:right;color:var(--text-3);font-variant-numeric:tabular-nums}.delivery-row .num.bad{color:var(--danger);font-weight:500}.delivery-chip{white-space:nowrap;color:#0d652d;background:#e6f4ea;border-radius:12px;align-items:center;gap:4px;height:24px;padding:0 10px 0 8px;font-size:12px;font-weight:500;display:inline-flex}.delivery-chip.info{color:var(--blue);background:#e8f0fe}.delivery-chip.warn{color:#7a5900;background:#fef7e0}.delivery-chip.bad{color:var(--danger);background:#fce8e6}@media (width<=720px){.delivery-body{padding:8px 16px 32px}.delivery-rates{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:16px}.delivery-row{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}.delivery-row .subject{grid-area:2/1/auto/-1}.delivery-row .when{grid-area:1/2}.delivery-row .delivery-chip{grid-row:3;justify-self:start}.delivery-row.head{display:none}.delivery-row.recipients{grid-template-columns:repeat(4,minmax(0,1fr))}.delivery-row.recipients .who{grid-column:1/-1}.delivery-row.recipients .num{text-align:left}.delivery-row.recipients .num:before{content:attr(data-label);color:var(--text-4);font-size:11px;display:block}}.delivery-card.static{cursor:default}.delivery-card.static:hover{box-shadow:none}.delivery-rates.six{grid-template-columns:repeat(6,minmax(0,1fr))}.delivery-meta{color:var(--text-3);flex-wrap:wrap;gap:8px 24px;font-size:13px;display:flex}.delivery-meta strong{color:var(--text);font-weight:500}.delivery-health{color:#0d652d;background:#e6f4ea;border-radius:16px;align-items:center;gap:14px;padding:16px 20px;display:flex}.delivery-health.warn{color:#7a5900;background:#fef7e0}.delivery-health.bad{color:var(--danger);background:#fce8e6}.delivery-health.info{color:var(--blue);background:#e8f0fe}.delivery-health .txt{flex-direction:column;gap:2px;min-width:0;display:flex}.delivery-health strong{font-family:var(--font);font-size:18px;font-weight:500}.delivery-health .txt span{opacity:.85;font-size:13px}.delivery-checks{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:8px;display:grid}.delivery-check{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;display:flex}.delivery-check .l{min-width:0;color:var(--text-2);flex:1}.delivery-check .v{font-family:var(--font);font-variant-numeric:tabular-nums;font-weight:500}.delivery-check.ok .material-symbols-outlined{color:var(--green)}.delivery-check.warn .material-symbols-outlined{color:var(--important)}.delivery-check.bad .material-symbols-outlined,.delivery-check.bad .v{color:var(--danger)}.delivery-check.info .material-symbols-outlined{color:var(--blue)}.delivery-trend{align-items:flex-end;gap:3px;height:140px;display:flex}.delivery-trend.wide{gap:10px}.delivery-trend.thin{gap:1px}.delivery-trend .col{flex:1;align-items:flex-end;min-width:0;height:100%;display:flex}.delivery-trend .stack{border-radius:3px 3px 0 0;flex-direction:column;width:100%;min-height:0;display:flex;overflow:hidden}.delivery-trend .col:hover .stack{filter:brightness(.92)}.delivery-trend .seg.ok,.delivery-legend i.ok{background:var(--green)}.delivery-trend .seg.other,.delivery-legend i.other{background:var(--line-2)}.delivery-trend .seg.bad,.delivery-legend i.bad{background:var(--danger)}.delivery-legend{color:var(--text-3);flex-wrap:wrap;gap:6px 18px;margin-top:12px;font-size:12px;display:flex}.delivery-legend i{border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.delivery-reasons{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.delivery-reasons .delivery-chip{white-space:normal;height:auto;min-height:24px;padding:4px 10px}.delivery-allgood{color:#0d652d;align-items:center;gap:8px;margin:0;display:flex}.delivery-row .who small{color:var(--text-4);margin-left:4px;font-size:12px}.delivery-row.problem .subject{color:var(--danger)}.delivery-row.domains{grid-template-columns:minmax(0,2fr) repeat(5,90px)}.delivery-row.boxes{grid-template-columns:minmax(0,2fr) repeat(4,90px)}.delivery-row.auth{grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto}button.delivery-row.pick{width:100%;font:inherit;color:inherit;text-align:left;border:0;border-top:1px solid var(--line);cursor:pointer;background:0 0}button.delivery-row.pick:hover{background:var(--hover)}.delivery-body .small{font-size:12px}@media (width<=720px){.delivery-rates.six{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:16px}.delivery-row.domains,.delivery-row.boxes,.delivery-row.auth{grid-template-columns:minmax(0,1fr) auto}}:root{--bg:#fffaf5;--surface:#fff;--surface-read:#fff7ed;--text:#1f1f1f;--text-2:#444746;--text-3:#5e5e5e;--text-4:#747775;--line:#e0e3e7;--line-2:#c4c7c5;--brand:#f97316;--blue:#c2410c;--blue-soft:#ffedd5;--blue-dark:#431407;--compose:#fed7aa;--compose-text:#431407;--selected:#ffedd5;--search:#fff1e6;--hover:#44474614;--hover-strong:#4447461f;--nav-hover:#fff1e6;--star:#f4b400;--important:#f9ab00;--danger:#b3261e;--green:#188038;--ai-1:#ea580c;--ai-2:#c2410c;--ai-3:#f97316;--row-shadow:inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 #3c40434d, 0 1px 3px 1px #3c404326;--shadow-2:0 1px 3px 0 #3c40434d, 0 4px 8px 3px #3c404326;--shadow-3:0 4px 8px 3px #3c404326, 0 1px 3px #3c40434d;--font:"Google Sans", Roboto, "Segoe UI", Arial, sans-serif;--font-text:"Google Sans Text", Roboto, "Segoe UI", Arial, sans-serif;--font-body:Roboto, "Segoe UI", Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:14px;overflow:hidden}button{font:inherit;color:inherit}a{color:var(--blue)}input,textarea,select{font:inherit;color:inherit}.icon{letter-spacing:normal;text-transform:none;white-space:nowrap;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;-webkit-user-select:none;user-select:none;direction:ltr;flex-shrink:0;font-family:Material Symbols Outlined;font-size:20px;font-style:normal;font-weight:400;line-height:1;display:inline-block}html:not(.icons-ready) .icon{width:1em;overflow:hidden;color:#0000!important}.icon.filled{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20}.icon-btn{cursor:pointer;width:40px;height:40px;color:var(--text-2);background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-btn:hover{background:var(--hover)}.icon-btn:active{background:var(--hover-strong)}.icon-btn.small{width:32px;height:32px}.icon-btn.small .icon{font-size:18px}.icon-btn:disabled{opacity:.38;cursor:default;background:0 0}.icon-btn .badge{color:#fff;min-width:16px;height:16px;font-size:11px;font-weight:500;line-height:16px;font-family:var(--font);background:#b3261e;border-radius:8px;padding:0 4px;position:absolute;top:4px;right:4px}.btn{cursor:pointer;height:40px;font-family:var(--font);letter-spacing:.1px;white-space:nowrap;border:0;border-radius:20px;align-items:center;gap:8px;padding:0 24px;font-size:14px;font-weight:500;display:inline-flex}.btn.primary{background:var(--blue);color:#fff}.btn.primary:hover{background:#9a3412;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.btn.outline{color:var(--text-2);border:1px solid var(--line-2);background:0 0}.btn.outline:hover{background:var(--hover)}.btn.text{color:var(--blue);background:0 0;padding:0 12px}.btn.text:hover{background:#0b57d014}.btn.tonal{background:var(--blue-soft);color:var(--blue-dark)}.btn.tonal:hover{box-shadow:0 1px 2px #3c40434d}.btn.danger{color:var(--danger)}.btn:disabled{opacity:.5;cursor:default;box-shadow:none}.btn .icon{font-size:18px}.btn.ai{color:var(--blue-dark);background:linear-gradient(90deg,#ffedd5,#fed7aa)}.btn.ai:hover{box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.sparkle{background:linear-gradient(135deg, var(--ai-1), var(--ai-2), var(--ai-3));color:#0000;-webkit-background-clip:text;background-clip:text}.app{grid-template-rows:64px minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:100dvh;display:grid}.topbar{align-items:center;gap:4px;min-width:0;padding:8px 8px 8px 12px;display:flex}.brand{width:226px;color:var(--text-2);flex-shrink:0;align-items:center;gap:4px;padding-left:4px;text-decoration:none;display:flex}.brand img{width:40px;height:40px;padding:4px}.brand span{font-family:var(--font);color:var(--text-2);padding-left:4px;font-size:22px;line-height:24px}.search{background:var(--search);border-radius:24px;flex:1;align-items:center;min-width:0;max-width:720px;height:48px;padding:0 4px;transition:background .1s,box-shadow .1s;display:flex}.search:focus-within{background:#fff;box-shadow:0 1px 1px #4145494d,0 1px 3px 1px #41454926}.search input{min-width:0;height:100%;font-size:16px;font-family:var(--font-text);background:0 0;border:0;outline:0;flex:1}.search input::placeholder{color:var(--text-2)}.topbar-right{align-items:center;gap:4px;margin-left:auto;padding-left:16px;display:flex}.avatar{color:#fff;width:32px;height:32px;font-family:var(--font);object-fit:cover;background:#f97316;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:500;display:inline-flex;overflow:hidden}.avatar.large{width:40px;height:40px;font-size:18px}.avatar-btn{cursor:pointer;background:0 0;border:0;border-radius:50%;margin:0 4px;padding:4px}.avatar-btn:hover{background:var(--hover)}.body{min-height:0;display:flex}.sidebar{flex-direction:column;flex-shrink:0;width:256px;min-height:0;transition:width .15s;display:flex}.sidebar.collapsed{width:72px}.compose-btn{background:var(--compose);min-width:56px;height:56px;color:var(--compose-text);font-family:var(--font);cursor:pointer;border:0;border-radius:16px;align-self:flex-start;align-items:center;gap:12px;margin:8px 0 16px 8px;padding:0 20px 0 16px;font-size:14px;font-weight:500;transition:box-shadow 80ms;display:inline-flex}.compose-btn .icon{font-size:24px}.compose-btn:hover{box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326}.sidebar.collapsed .compose-btn{padding:0 16px}.sidebar.collapsed .compose-btn span:not(.icon){display:none}.nav{flex:1;padding-bottom:16px;padding-right:16px;overflow-y:auto}.sidebar.collapsed .nav{padding-right:8px}.nav-item{height:32px;color:var(--text);font-family:var(--font-text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:0 16px 16px 0;align-items:center;gap:18px;width:100%;padding:0 12px 0 26px;font-size:14px;text-decoration:none;display:flex}.nav-item:hover{background:var(--nav-hover)}.nav-item.active{background:var(--blue-soft);color:var(--compose-text);font-weight:700}.nav-item .icon{color:var(--text-2)}.nav-item.active .icon{color:var(--compose-text);font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20}.nav-item .label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.nav-item .count{letter-spacing:.3px;font-size:12px;font-weight:500}.nav-item.bold .label,.nav-item.bold .count{font-weight:700}.nav-item .count.chip{color:var(--blue-dark);background:linear-gradient(90deg,#ffedd5,#fed7aa);border-radius:10px;padding:1px 8px}.sidebar.collapsed .nav-item{border-radius:16px;justify-content:center;width:56px;margin-left:8px;padding:0;position:relative}.sidebar.collapsed .nav-item .label,.sidebar.collapsed .nav-item .count,.sidebar.collapsed .nav-section{display:none}.sidebar.collapsed .nav-item.has-count:after{content:"";background:var(--danger);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:14px}.nav-section{font-family:var(--font);color:var(--text);justify-content:space-between;align-items:center;padding:16px 8px 4px 26px;font-size:16px;display:flex}.mailbox-dot{justify-content:center;width:20px;display:inline-flex}.mailbox-dot .icon{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20}.main{background:var(--surface);border-radius:16px;flex-direction:column;flex:1;min-width:0;min-height:0;margin:0 0 16px;display:flex;overflow:hidden}.rail{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:56px;padding-top:4px;display:flex}.rail a{width:40px;height:40px;color:var(--text-2);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.rail a:hover{background:var(--hover)}.rail-sep{border-top:1px solid var(--line-2);width:20px;margin:8px 0}.toolbar{flex-shrink:0;align-items:center;gap:2px;height:48px;padding:0 16px 0 8px;display:flex}.toolbar .spacer{flex:1}.toolbar .range{color:var(--text-2);white-space:nowrap;padding:0 8px;font-size:12px}.select-box{border-radius:4px;align-items:center;display:inline-flex;position:relative}.select-box>.check-wrap{border-radius:4px 0 0 4px;width:32px}.select-arrow{width:16px;height:40px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:0 4px 4px 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.select-arrow .icon{font-size:20px}.select-box:hover>.check-wrap,.select-box:hover>.select-arrow{background:var(--hover)}.checkbox{width:18px;height:18px;accent-color:var(--blue);cursor:pointer;margin:0}.check-wrap{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.check-wrap:hover{background:var(--hover)}.tabs{border-bottom:1px solid var(--line);flex-shrink:0;padding:0;display:flex;overflow-x:auto}.tab{cursor:pointer;width:250px;min-width:140px;max-width:25%;height:56px;color:var(--text-2);font-family:var(--font);text-align:left;background:0 0;border:0;align-items:center;gap:16px;padding:0 16px;font-size:14px;font-weight:500;display:flex;position:relative}.tab:hover{background:var(--hover)}.tab .icon{font-size:20px}.tab.active:after{content:"";background:var(--tab-color,var(--blue));border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:8px;right:8px}.tab.active{color:var(--tab-color,var(--blue))}.tab.active .icon{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20}.list{flex:1;min-height:0;overflow-y:auto}.row{cursor:pointer;background:var(--surface-read);height:40px;font-family:var(--font-text);letter-spacing:.2px;color:var(--text);border-bottom:1px solid #64798f1f;align-items:center;padding:0 16px 0 8px;font-size:14px;display:flex;position:relative}.row.unread{background:var(--surface)}.row.unread .sender,.row.unread .subject,.row.unread .date{color:#1f1f1f;font-weight:700}.row:hover{box-shadow:var(--row-shadow);z-index:1}.row.selected{background:var(--selected)}.row .star{color:var(--text-4)}.row .star.on{color:var(--star)}.row .important-marker{width:20px;color:var(--important);margin-right:4px;display:inline-flex}.row .sender{white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;width:168px;padding-right:32px;overflow:hidden}.row .sender .n{color:var(--text-2);letter-spacing:.3px;margin-left:4px;font-size:12px;font-weight:400}.row .sender .draft{color:#d93025}.row .content{white-space:nowrap;flex:1;align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.row .subject{text-overflow:ellipsis;flex-shrink:0;max-width:70%;overflow:hidden}.row .snippet{color:var(--text-2);text-overflow:ellipsis;overflow:hidden}.row .date{text-align:right;letter-spacing:.3px;width:72px;color:var(--text-2);flex-shrink:0;padding-left:12px;font-size:12px}.row .hover-actions{background:inherit;padding-left:8px;display:none;position:absolute;right:8px}.row:hover .hover-actions{display:flex}.row:hover .date{visibility:hidden}.chip{color:#fff;height:18px;font-size:12px;font-weight:400;font-family:var(--font-body);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;flex-shrink:0;align-items:center;max-width:160px;padding:0 6px;display:inline-flex;overflow:hidden}.chip.label{background:color-mix(in srgb, var(--chip) 18%, #fff);color:color-mix(in srgb, var(--chip) 55%, #000);letter-spacing:.2px;font-family:var(--font-text);padding:0 4px}.chip.outline{color:var(--text-2);background:#e8eaed;border-radius:11px;max-width:none;height:22px;padding:0 10px}.ai-flag{height:20px;color:var(--blue-dark);font-size:11px;font-weight:500;font-family:var(--font);background:linear-gradient(90deg,#ffedd5,#fed7aa);border-radius:10px;flex-shrink:0;align-items:center;gap:2px;padding:0 6px 0 4px;display:inline-flex}.ai-flag .icon{font-size:14px}.row.has-files{flex-wrap:wrap;height:auto;min-height:40px;padding-top:0}.row.has-files>.check-wrap,.row.has-files>.star-col,.row.has-files>.important-marker,.row.has-files>.sender,.row.has-files>.content,.row.has-files>.attach,.row.has-files>.date{align-items:center;height:40px;display:inline-flex}.row.has-files>.sender{line-height:40px;display:block}.row.has-files .hover-actions{top:4px}.row-files{flex-basis:100%;gap:8px;min-width:0;padding:0 0 8px 264px;display:flex;overflow:hidden}.file-chip{border:1px solid var(--line-2);background:var(--surface);max-width:200px;height:32px;font-family:var(--font-text);color:var(--text-2);letter-spacing:.2px;cursor:pointer;border-radius:16px;flex-shrink:0;align-items:center;gap:8px;padding:0 12px 0 10px;font-size:14px;font-weight:400;display:inline-flex}.viewer{z-index:200;color:#fff;background:#000000d1;flex-direction:column;animation:.12s ease-out viewer-in;display:flex;position:fixed;inset:0}@keyframes viewer-in{0%{opacity:0}}.viewer-bar{background:linear-gradient(#000000a6,#0000);flex-shrink:0;align-items:center;gap:12px;height:64px;padding:0 16px 0 8px;display:flex}.viewer-bar .icon-btn{color:#fff}.viewer-bar .icon-btn:hover{background:#ffffff1f}.viewer-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font);flex:1;font-size:16px;font-weight:500;overflow:hidden}.viewer-count{font-family:var(--font-text);color:#c4c7c5;white-space:nowrap;font-size:14px}.viewer-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:0 72px 24px;display:flex}.viewer-image{object-fit:contain;background:#fff;max-width:100%;max-height:100%;box-shadow:0 4px 16px #00000080}.viewer-doc{background:#fff;border:0;width:min(960px,100%);height:100%;box-shadow:0 4px 16px #00000080}.viewer-text{color:var(--text);white-space:pre-wrap;word-break:break-word;margin:0;padding:32px 40px;font-family:Roboto Mono,Consolas,monospace;font-size:13px;line-height:1.5;overflow:auto}.viewer-office{background:#f1f3f4}.viewer-sheet{flex-direction:column;width:min(1280px,100%);display:flex}.viewer-sheet iframe{border:0;flex:1;width:100%}.viewer-empty{color:var(--text-2);margin:auto}.viewer-sheet-tabs{border-top:1px solid var(--line);background:#f8f9fa;flex-shrink:0;gap:2px;padding:0 8px;display:flex;overflow-x:auto}.viewer-sheet-tabs button{height:36px;color:var(--text-2);font-family:var(--font-text);white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0 16px;font-size:14px}.viewer-sheet-tabs button:hover{background:var(--hover)}.viewer-sheet-tabs button.active{color:#188038;background:#fff;font-weight:500;box-shadow:inset 0 -3px #188038}.viewer-none{font-family:var(--font);background:#3c4043;border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:32px 48px;font-size:16px;display:flex}.viewer-none p{margin:0}.viewer-none .btn{align-items:center;gap:8px;text-decoration:none;display:inline-flex}.viewer-nav{color:#fff;cursor:pointer;background:#202124d9;border:0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-top:-24px;display:inline-flex;position:absolute;top:50%}.viewer-nav:hover{background:#3c4043}.viewer-nav .icon{font-size:28px}.viewer-nav.prev{left:12px}.viewer-nav.next{right:12px}.file-chip .icon{font-size:18px}.file-chip .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-chip:hover{background:#f1f3f4}.file-chip.more{padding:0 12px}.row .attach{color:var(--text-3);font-size:18px}.empty{color:var(--text-2);text-align:center;font-family:var(--font);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 24px;display:flex}.empty .icon{color:var(--line-2);font-size:56px}.empty h3{color:var(--text);margin:0;font-size:18px;font-weight:400}.empty p{max-width:440px;margin:0;line-height:20px}.loading-bar{background:linear-gradient(90deg, transparent, var(--blue), transparent);background-repeat:no-repeat;background-size:50% 100%;flex-shrink:0;height:3px;animation:1s linear infinite loading}@keyframes loading{0%{background-position:-50% 0}to{background-position:150% 0}}.spinner{border:3px solid var(--blue-soft);border-top-color:var(--blue);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.spinner.small{border-width:2px;width:16px;height:16px}@keyframes spin{to{transform:rotate(360deg)}}.center-fill{flex:1;justify-content:center;align-items:center;height:100%;display:flex}.thread{flex:1;min-height:0;overflow-y:auto}.thread-head{align-items:flex-start;gap:8px;padding:20px 16px 8px 72px;display:flex}.thread-head h2{font-family:var(--font);color:var(--text);word-break:break-word;flex:1;margin:0;font-size:22px;font-weight:400;line-height:28px}.thread-head .chips{vertical-align:middle;gap:6px;margin-left:8px;display:inline-flex}.label-chip{color:#444;height:20px;font-size:12px;font-family:var(--font-body);vertical-align:middle;background:#ddd;border-radius:4px;align-items:center;gap:2px;padding:0 4px 0 8px;display:inline-flex}.insight-card{background:linear-gradient(90deg,#fff7ed,#ffedd5);border-radius:16px;align-items:flex-start;gap:12px;margin:8px 16px 8px 72px;padding:12px 16px;display:flex}.insight-card .icon{font-size:22px}.insight-card .text{color:var(--text);white-space:pre-wrap;flex:1;font-size:14px;line-height:20px}.insight-card .title{font-family:var(--font);margin-bottom:2px;font-weight:500}.message{padding:0 16px}.message+.message{border-top:1px solid var(--line)}.message-head{cursor:pointer;align-items:flex-start;gap:16px;padding:20px 0 8px;display:flex}.message-head .who{flex:1;min-width:0}.message-head .who .name{color:var(--text);font-size:14px;font-weight:700}.message-head .who .addr{color:var(--text-3);margin-left:4px;font-size:12px}.message-head .who .to{color:var(--text-3);align-items:center;gap:2px;margin-top:2px;font-size:12px;display:flex}.message-head .when{color:var(--text-3);white-space:nowrap;align-items:center;gap:4px;font-size:12px;display:flex}.message.collapsed .message-head{padding:12px 0}.message.collapsed .snippet-line{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:14px;overflow:hidden}.message-body{padding:0 0 16px 56px}.message-body iframe{border:0;width:100%;min-height:40px;display:block}.message-body .plain{white-space:pre-wrap;font-family:var(--font-body);word-break:break-word;font-size:14px;line-height:20px}.details-pop{color:var(--text-2);box-shadow:var(--shadow-2);background:#fff;border-radius:8px;grid-template-columns:auto 1fr;gap:4px 12px;margin:0 0 8px 56px;padding:12px 16px;font-size:12px;display:grid}.details-pop dt{color:var(--text-3);text-align:right}.details-pop dd{margin:0}.attachments{border-top:1px solid var(--line);flex-wrap:wrap;gap:16px;margin-top:8px;padding:8px 0 16px 56px;display:flex}.attachments .head{width:100%;font-family:var(--font);color:var(--text-2);padding-top:12px;font-size:14px}.attachment{border:1px solid var(--line);width:180px;height:120px;color:var(--text);background:#fffaf5;border-radius:8px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.attachment:hover{box-shadow:var(--shadow-2)}.attachment .preview{color:var(--text-3);flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.attachment .preview img{object-fit:cover;width:100%;height:100%}.attachment .preview .icon{font-size:40px}.attachment .meta{border-top:1px solid var(--line);background:#fff;align-items:center;gap:6px;padding:6px 8px;font-size:12px;display:flex}.attachment .meta span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reply-actions{flex-wrap:wrap;gap:12px;padding:16px 16px 32px 72px;display:flex}.reply-box{gap:16px;margin:8px 16px 32px;display:flex}.reply-card{box-shadow:var(--shadow-2);background:#fff;border-radius:8px;flex-direction:column;flex:1;min-width:0;display:flex}.reply-card .recipients{color:var(--text-2);align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:flex}.editor{word-break:break-word;outline:0;min-height:140px;padding:8px 16px;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5;overflow-y:auto}.editor:empty:before{content:attr(data-placeholder);color:var(--text-4)}.editor p{margin:0 0 .8em}.editor blockquote{color:#555;border-left:1px solid #ccc;margin:0 0 0 .8ex;padding-left:1ex}.format-bar{background:#fff7ed;border-radius:20px;flex-wrap:wrap;align-items:center;gap:2px;margin:0 12px;padding:4px 8px;display:flex}.compose-foot{align-items:center;gap:4px;padding:12px 16px;display:flex}.send-btn{border-radius:18px;flex-shrink:0;height:36px;display:inline-flex;overflow:hidden}.send-btn button{background:var(--blue);color:#fff;font-family:var(--font);cursor:pointer;border:0;padding:0 16px 0 20px;font-size:14px;font-weight:500}.send-btn button:hover{background:#9a3412}.send-btn button:disabled{opacity:.6;cursor:default}.compose-dock{z-index:40;align-items:flex-end;gap:16px;display:flex;position:fixed;bottom:0;right:16px}.compose{background:#fff;border-radius:16px 16px 0 0;flex-direction:column;width:560px;height:600px;max-height:calc(100vh - 80px);display:flex;overflow:hidden;box-shadow:0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f,0 5px 5px -3px #0003}.compose.minimized{width:280px;height:40px}.compose.maximized{z-index:50;border-radius:16px;width:auto;height:auto;max-height:none;position:fixed;inset:5vh 10vw}.compose-backdrop{z-index:45;background:#00000080;position:fixed;inset:0}.compose-head{cursor:pointer;height:40px;font-family:var(--font);color:var(--text);background:#fff7ed;flex-shrink:0;align-items:center;padding:0 4px 0 16px;font-size:14px;font-weight:500;display:flex}.compose-head .title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.compose-head .icon-btn{border-radius:4px;width:28px;height:28px}.compose-head .icon-btn .icon{font-size:18px}.field{border-bottom:1px solid var(--line);align-items:center;gap:8px;min-height:40px;margin:0 16px;font-size:14px;display:flex}.field>label{color:var(--text-3);flex-shrink:0}.field input,.field select{background:0 0;border:0;outline:0;flex:1;min-width:80px;height:36px;font-size:14px}.field .toggles{color:var(--text-2);gap:8px;font-size:14px;display:flex}.field .toggles button{cursor:pointer;background:0 0;border:0;padding:2px}.field .toggles button:hover{text-decoration:underline}.recipients-input{flex-wrap:wrap;flex:1;align-items:center;gap:4px;min-width:0;padding:4px 0;display:flex}.recipients-input input{background:0 0;border:0;outline:0;flex:1;min-width:120px;height:28px;padding:0;font-size:14px}.recipient{border:1px solid var(--line-2);border-radius:12px;align-items:center;gap:4px;max-width:100%;height:24px;padding:0 4px 0 10px;font-size:13px;display:inline-flex}.recipient.invalid{border-color:var(--danger);color:var(--danger)}.recipient{cursor:default;-webkit-user-select:none;user-select:none;min-width:0}.recipient .n{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.recipient .e{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.recipient:hover{background:var(--hover)}.recipient button{cursor:pointer;color:var(--text-3);background:0 0;border:0;padding:0;display:inline-flex}.compose-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.compose-body .editor-wrap{flex-direction:column;flex:1;display:flex}.compose-body .editor{flex:1}.attach-list{flex-direction:column;gap:4px;padding:4px 16px;display:flex}.attach-item{color:var(--blue);background:#f5f5f5;border-radius:4px;align-items:center;gap:8px;max-width:440px;padding:4px 4px 4px 8px;font-size:13px;font-weight:500;display:flex}.attach-item span.size{color:var(--text-3);font-weight:400}.attach-item .name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ai-box{background:linear-gradient(90deg, var(--ai-1), var(--ai-2), var(--ai-3));border-radius:16px;margin:8px 16px;padding:2px}.ai-box-inner{background:#fff;border-radius:14px;align-items:center;gap:8px;padding:4px 4px 4px 12px;display:flex}.ai-box-inner input{border:0;outline:0;flex:1;min-width:0;height:36px;font-size:14px}.menu{z-index:60;box-shadow:var(--shadow-2);background:#fff;border-radius:8px;min-width:200px;padding:8px 0;position:absolute}.menu button,.menu a{cursor:pointer;width:100%;height:32px;color:var(--text);text-align:left;white-space:nowrap;background:0 0;border:0;align-items:center;gap:12px;padding:0 16px;font-size:14px;text-decoration:none;display:flex}.menu button:hover,.menu a:hover{background:var(--hover)}.menu hr{border:0;border-top:1px solid var(--line);margin:8px 0}.popover{z-index:60;box-shadow:var(--shadow-3);background:#fff1e6;border-radius:28px;width:380px;max-width:calc(100vw - 16px);padding:8px;position:absolute;top:60px;right:8px}.account-card{text-align:center;background:#fff;border-radius:24px;flex-direction:column;align-items:center;gap:8px;padding:16px 20px 20px;display:flex}.account-card .email{color:var(--text-2);font-size:14px}.account-card .hello{font-family:var(--font);color:var(--text);margin:4px 0 8px;font-size:22px}.account-card .avatar{width:80px;height:80px;font-size:32px}.popover .foot{color:var(--text-2);justify-content:center;gap:8px;padding:12px 8px 4px;font-size:12px;display:flex}.popover .foot a{color:var(--text-2);text-decoration:none}.apps-grid{background:#fff;border-radius:24px;grid-template-columns:repeat(3,1fr);gap:4px;padding:16px;display:grid}.apps-grid a{color:var(--text);border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px 4px;font-size:13px;text-decoration:none;display:flex}.apps-grid a:hover{background:#ffedd5}.apps-grid .app-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.apps-grid .app-icon .icon{font-size:24px}.notif-list{background:#fff;border-radius:24px;max-height:480px;padding:8px 0;overflow-y:auto}.notif-list h4{font-family:var(--font);justify-content:space-between;align-items:center;margin:8px 20px;font-size:16px;font-weight:400;display:flex}.notif{cursor:pointer;color:inherit;gap:12px;padding:10px 20px;text-decoration:none;display:flex}.notif:hover{background:var(--hover)}.notif.unread .t{font-weight:700}.notif .t{font-size:14px;line-height:20px}.notif .b{color:var(--text-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:16px;display:-webkit-box;overflow:hidden}.notif .d{color:var(--text-4);margin-top:2px;font-size:11px}.snackbar{z-index:80;color:#f2f2f2;min-height:48px;box-shadow:var(--shadow-2);background:#1f1f1f;border-radius:4px;align-items:center;gap:16px;max-width:calc(100vw - 48px);padding:0 8px 0 16px;font-size:14px;animation:.15s ease-out rise;display:flex;position:fixed;bottom:24px;left:24px}.snackbar button{color:#fdba74;font-family:var(--font);cursor:pointer;background:0 0;border:0;padding:8px;font-weight:500}.snackbar .icon-btn{color:#f2f2f2}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.tooltip{z-index:100;color:#fff;pointer-events:none;white-space:pre-line;background:#3c4043;border-radius:4px;width:max-content;max-width:320px;padding:4px 8px;font-size:12px;line-height:16px;position:fixed}.page{flex:1;min-height:0;overflow-y:auto}.page-head{flex-wrap:wrap;align-items:flex-start;gap:16px;padding:24px 24px 8px;display:flex}.page-head h1{font-family:var(--font);color:var(--text);align-items:center;gap:10px;margin:0;font-size:24px;font-weight:400;display:flex}.page-head p{color:var(--text-2);max-width:720px;margin:4px 0 0;line-height:20px}.page-head .grow{flex:1;min-width:240px}.prio-list{flex-direction:column;gap:12px;padding:8px 24px 32px;display:flex}.prio{border:1px solid var(--line);background:#fff;border-radius:16px;gap:16px;padding:16px;transition:box-shadow .1s;display:flex}.prio:hover{box-shadow:var(--shadow-2)}.prio .main-col{flex:1;min-width:0}.prio .line1{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.prio .from{font-weight:700}.prio .addr{color:var(--text-3);font-size:12px}.prio .when{color:var(--text-3);margin-left:auto;font-size:12px}.prio .subject{font-family:var(--font);color:var(--text);margin:6px 0 4px;font-size:16px}.prio .summary{color:var(--text-2);line-height:20px}.prio .reason{color:var(--text-2);background:#f1f3f4;border-radius:8px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;display:inline-flex}.prio .reason.vip{color:#7a5900;background:#fef7e0}.prio .auto{color:var(--green);align-items:center;gap:6px;margin-top:8px;font-size:13px;display:flex}.prio .auto.error{color:var(--danger)}.prio .actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.segmented{border:1px solid var(--line-2);border-radius:20px;height:32px;display:inline-flex;overflow:hidden}.segmented button{cursor:pointer;font-family:var(--font);color:var(--text-2);background:0 0;border:0;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.segmented button+button{border-left:1px solid var(--line-2)}.segmented button.on{color:var(--compose-text);background:#fed7aa}.settings-tabs{border-bottom:1px solid var(--line);flex-shrink:0;gap:0;padding:0 16px;display:flex;overflow-x:auto}.settings-tabs a{font-family:var(--font);color:var(--text-2);white-space:nowrap;border-bottom:3px solid #0000;padding:14px 12px 12px;font-size:14px;text-decoration:none}.settings-tabs a.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:500}.settings-body{max-width:1000px;padding:8px 24px 48px}.setting-row{border-bottom:1px solid var(--line);grid-template-columns:220px 1fr;gap:24px;padding:20px 0;display:grid}.setting-row>.k{font-size:14px;font-weight:700}.setting-row>.k small{color:var(--text-3);margin-top:4px;font-weight:400;line-height:18px;display:block}.setting-row .v{flex-direction:column;gap:12px;min-width:0;display:flex}.input,.textarea,.select{border:1px solid var(--line-2);background:#fff;border-radius:4px;outline:0;width:100%;max-width:520px;padding:8px 12px;font-size:14px}.input:focus,.textarea:focus,.select:focus{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.textarea{resize:vertical;min-height:100px;line-height:20px}.inline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.switch{cursor:pointer;align-items:center;gap:12px;display:inline-flex}.switch input{appearance:none;cursor:pointer;background:#e1e3e1;border:2px solid #747775;border-radius:16px;flex-shrink:0;width:52px;height:32px;margin:0;transition:background .15s;position:relative}.switch input:after{content:"";background:#747775;border-radius:50%;width:16px;height:16px;transition:all .15s;position:absolute;top:6px;left:6px}.switch input:checked{background:var(--blue);border-color:var(--blue)}.switch input:checked:after{background:#fff;width:24px;height:24px;top:2px;left:22px}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;color:var(--text-2);border-bottom:1px solid var(--line);padding:8px;font-size:12px;font-weight:500}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 8px}.card{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.card-head{align-items:center;gap:12px;display:flex}.card-head .t{font-weight:700}.card-head .s{color:var(--text-3);font-size:12px}.muted{color:var(--text-3)}.small{font-size:12px}.error-text{color:var(--danger)}.ok-text{color:var(--green)}.notice{color:#3c2f00;background:#fef7e0;border-radius:8px;align-items:flex-start;gap:12px;padding:12px 16px;line-height:20px;display:flex}.notice.info{color:var(--blue-dark);background:#ffedd5}.color-swatches{gap:6px;display:flex}.color-swatches button{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px}.color-swatches button.on{border-color:#1f1f1f}.login{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100%;padding:24px;display:flex;overflow-y:auto}.login-card{background:#fff;border-radius:28px;flex-direction:column;align-items:flex-start;gap:16px;width:448px;max-width:100%;padding:36px 40px;display:flex}.login-card h1{font-family:var(--font);margin:8px 0 0;font-size:32px;font-weight:400}.login-card p{color:var(--text-2);margin:0;font-size:15px;line-height:22px}.login-card .actions{justify-content:flex-end;align-items:center;gap:8px;width:100%;margin-top:16px;display:flex}.release-backdrop{z-index:90;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog{width:520px;max-width:100%;max-height:calc(100vh - 32px);box-shadow:var(--shadow-3);background:#fff;border-radius:28px;padding:24px;overflow-y:auto}.dialog h2{font-family:var(--font);margin:8px 0 16px;font-size:24px;font-weight:400}.dialog .eyebrow{letter-spacing:.8px;color:var(--blue);font-size:12px;font-weight:500}.dialog .foot{justify-content:flex-end;align-items:center;gap:8px;margin-top:24px;display:flex}.dialog.release-dialog{flex-direction:column;padding:0;display:flex;overflow:hidden}.release-head{padding:24px 24px 0}.release-dialog .dialog-scroll{flex:auto;min-height:0;margin-right:8px;padding:0 16px 0 24px}.release-dialog .foot{border-top:1px solid var(--line);margin-top:0;padding:16px 24px 20px}.dialog,.dialog-scroll{overscroll-behavior:contain;overflow-y:auto}.dialog::-webkit-scrollbar{width:8px}.dialog-scroll::-webkit-scrollbar{width:8px}.dialog::-webkit-scrollbar-track{background:0 0;margin:4px 0}.dialog-scroll::-webkit-scrollbar-track{background:0 0;margin:4px 0}.dialog::-webkit-scrollbar-thumb{background:#3c404347;border-radius:8px}.dialog-scroll::-webkit-scrollbar-thumb{background:#3c404347;border-radius:8px}.dialog::-webkit-scrollbar-thumb:hover{background:#3c404380}.dialog-scroll::-webkit-scrollbar-thumb:hover{background:#3c404380}.dialog::-webkit-scrollbar-button{display:none}.dialog-scroll::-webkit-scrollbar-button{display:none}@supports not selector(::-webkit-scrollbar){.dialog,.dialog-scroll{scrollbar-width:thin;scrollbar-color:#3c404359 transparent}}.release-group{margin-bottom:12px}.release-area{margin:0 0 4px;font-weight:700}.release-group ul{color:var(--text-2);margin:0;padding-left:20px;line-height:20px}.release-list{max-width:820px;padding:16px 24px 48px}.release-item{border-bottom:1px solid var(--line);padding:16px 0}.release-item h3{font-family:var(--font);margin:0 0 8px;font-size:18px;font-weight:400}.mobile-only{display:none!important}@media (width<=1024px){.rail{display:none}.main{margin-right:8px}.tab{min-width:120px}.tab .tab-sub{display:none}}@media (width<=768px){.mobile-only{display:inline-flex!important}.nav-item.mobile-only{display:flex!important}.desktop-only{display:none!important}.topbar{gap:0;padding:8px}.brand{width:auto}.brand span{display:none}.topbar-right{padding-left:4px}.sidebar{z-index:70;width:280px;box-shadow:var(--shadow-3);background:#fff;padding-top:8px;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:none}.sidebar.collapsed{width:280px}.sidebar.collapsed .nav-item .label,.sidebar.collapsed .nav-item .count,.sidebar.collapsed .nav-section,.sidebar.collapsed .compose-btn span:not(.icon){display:revert}.sidebar-scrim{z-index:65;background:#00000052;position:fixed;inset:0}.main{border-radius:16px 16px 0 0;margin:0}.compose-btn.fab{z-index:30;box-shadow:var(--shadow-2);margin:0;position:fixed;bottom:16px;right:16px}.row{background:#fff;flex-wrap:wrap;align-items:flex-start;height:auto;padding:10px 16px 10px 8px}.row .check-wrap{display:none}.row .avatar-col{margin-right:12px;display:flex!important}.row .avatar-col .avatar{width:40px;height:40px;font-size:18px}.row.has-files{padding-top:10px}.row.has-files>.sender,.row.has-files>.date{height:auto;line-height:22px}.row.has-files>.content{height:auto;display:block}.row.has-files>.check-wrap,.row.has-files>.important-marker,.row.has-files>.attach{display:none}.row-files{flex-wrap:nowrap;order:5;padding:8px 28px 0 52px}.file-chip{max-width:160px}.viewer-stage{padding:0 0 16px}.viewer-doc{width:100%}.viewer-text{padding:16px}.viewer-nav{margin-top:0;top:auto;bottom:24px}.row .sender{flex:1;width:auto;padding-right:8px;font-size:16px}.row .date{order:2;width:auto}.row .sender,.row .date{line-height:22px}.row .content{white-space:normal;flex:none;order:3;width:calc(100% - 52px);margin-top:-14px;margin-left:52px;padding-right:28px;display:block}.row .content .chip,.row .content .ai-flag{vertical-align:middle;margin:0 4px 2px 0;display:inline-flex}.row .subject,.row .snippet{white-space:nowrap;width:100%;max-width:100%;display:block}.row .snippet .dash{display:none}.row .star-col{order:4;position:absolute;bottom:4px;right:8px}.row:hover .date{visibility:visible}.row:hover .hover-actions,.row .important-marker{display:none}.tabs .tab{flex:1;justify-content:center;min-width:0;padding:0 8px}.tabs .tab .tab-label{display:none}.thread-head,.insight-card{margin-left:16px;padding-left:16px}.thread-head{margin-left:0}.message-body,.attachments{padding-left:0}.details-pop{margin-left:0}.reply-actions{padding-left:16px}.reply-box .avatar{display:none}.compose,.compose.maximized{border-radius:0;width:100%;height:100%;max-height:none;position:fixed;inset:0}.compose.minimized{height:40px;inset:auto 0 0}.compose-dock{right:0}.toolbar .range{display:none}.setting-row{grid-template-columns:1fr;gap:8px}.settings-body,.prio-list,.page-head{padding-left:16px;padding-right:16px}.prio{flex-direction:column;gap:8px}.snackbar{bottom:8px;left:8px;right:8px}}.save-state{white-space:nowrap;margin-right:8px}.setup-steps{flex-direction:column;gap:4px;margin-top:8px;display:flex}.collaborator-list{border-top:1px solid var(--line)}.collaborator{border-bottom:1px solid var(--line);padding:14px 0}.collaborator-head,.domain-head{align-items:center;gap:12px;min-width:0;display:flex}.collaborator-head .grow,.domain-head .grow{flex:1}.collaborator-head .min-0,.domain-head .min-0,.mailbox-main .min-0{min-width:0}.mailbox-count{color:var(--text-3);background:var(--surface-read);white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:12px}.collaborator-mailboxes{border-left:2px solid var(--line);margin:10px 0 0 50px}.collaborator-mailbox{border-bottom:1px solid var(--line);grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:10px 16px;padding:10px 8px 10px 14px;transition:background .15s;display:grid}.collaborator-mailbox:last-child{border-bottom:0}.collaborator-mailbox:hover{background:var(--surface-read)}.mailbox-main,.mailbox-actions,.domain-actions,.setup-step,.domain-help,.domain-error{align-items:center;gap:8px;min-width:0;display:flex}.mailbox-main strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mailbox-main>.icon{color:var(--text-3)}.btn.compact{min-height:32px;padding:0 10px}.dns-state{white-space:nowrap;color:var(--text-3);background:#f1f3f4;border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:12px;font-weight:600;display:inline-flex}.dns-state .icon{font-size:17px}.dns-state.verified{color:#0d652d;background:#e6f4ea}.dns-state.pending{color:#7a4f01;background:#fef7e0}.dns-state.error{color:var(--danger);background:#fce8e6}.mailbox-details{color:var(--text-2);grid-column:1/-1;margin-left:28px}.mailbox-details summary{cursor:pointer;width:max-content;color:var(--blue);-webkit-user-select:none;user-select:none;font-size:12px}.mailbox-details .setup-steps{padding:8px 0 2px}.setup-step>.icon{font-size:17px}.domain-manager{border-top:1px solid var(--line)}.domain-help{padding:12px 0;line-height:18px}.domain-help .icon{color:var(--blue)}.domain-block{border-top:1px solid var(--line);padding:16px 0}.domain-mark{width:36px;height:36px;color:var(--blue-dark);background:var(--blue-soft);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.domain-error{color:var(--danger);margin:10px 0 0 48px}.dns-records{border:1px solid var(--line);border-radius:10px;margin:14px 0 0 48px;overflow:hidden}.dns-record{border-bottom:1px solid var(--line);grid-template-columns:42px 96px minmax(110px,.8fr) minmax(180px,1.8fr) 40px;align-items:center;gap:10px;min-height:48px;padding:7px 8px;display:grid}.dns-record:last-child{border-bottom:0}.dns-record:not(.dns-record-head):hover{background:var(--surface-read)}.dns-record-head{min-height:34px;color:var(--text-3);letter-spacing:.04em;text-transform:uppercase;background:#fffaf5;font-size:11px;font-weight:600}.dns-record>span:nth-child(2) small{color:var(--text-3);margin-top:2px;font-weight:400;display:block}.record-check{color:var(--text-4);justify-content:center;display:inline-flex}.record-check.ok{color:var(--green)}.dns-name,.dns-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-2);font-size:12px;display:block;overflow:hidden}.domain-manager>form{padding-top:14px}@media (width<=760px){.collaborator-mailboxes{margin-left:0}.collaborator-mailbox{grid-template-columns:1fr auto}.mailbox-actions{grid-column:1/-1;justify-content:flex-end}.domain-head{flex-wrap:wrap}.domain-head .grow{min-width:calc(100% - 48px)}.dns-records{margin-left:0}.dns-record-head{display:none}.dns-record{grid-template-columns:32px 1fr 40px;gap:6px 8px;padding:10px 8px}.dns-record>span:nth-child(2){grid-column:2}.dns-name,.dns-value{grid-column:2/-1}.dns-record .icon-btn{grid-area:1/3}}.select.dropdown{cursor:pointer;text-align:left;min-height:38px;color:var(--text);align-items:center;gap:4px;padding:0 4px 0 12px;display:inline-flex}.select.dropdown.open{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.dropdown-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.dropdown-arrow{color:var(--text-3);font-size:24px;transition:transform .15s}.select.dropdown.open .dropdown-arrow{transform:rotate(180deg)}.select.dropdown.bare{box-shadow:none;background:0 0;border:0;max-width:none;min-height:36px;padding:0 0 0 4px}.select.dropdown.bare:hover,.select.dropdown.bare.open{background:var(--hover);border-radius:4px}.dropdown-menu{z-index:95;max-width:calc(100vw - 16px);position:fixed;overflow-y:auto}.dropdown-option{cursor:pointer;min-height:36px;color:var(--text);white-space:nowrap;align-items:center;gap:12px;padding:6px 16px 6px 12px;font-size:14px;display:flex}.dropdown-option.active{background:var(--hover)}.dropdown-option.selected{background:var(--blue-soft);color:var(--blue-dark)}.dropdown-check{visibility:hidden;color:var(--blue);font-size:18px}.dropdown-option.selected .dropdown-check{visibility:visible}.ask-backdrop{z-index:96}.ask-dialog{flex-direction:column;gap:12px;width:440px;display:flex}.ask-dialog h2{overflow-wrap:anywhere;margin:0;font-size:20px;line-height:28px}.ask-message{color:var(--text-2);margin:0;font-size:14px;line-height:20px}.ask-dialog .input{max-width:none}.ask-error{color:var(--danger);margin:0;font-size:12px}.ask-dialog .foot{margin-top:8px}.editor-wrap{flex-direction:column;min-width:0;display:flex;position:relative}.editor img{cursor:default;max-width:100%;height:auto}.editor img.selected{outline:2px solid var(--blue);outline-offset:0}.image-tools{pointer-events:none;z-index:5;position:absolute}.image-tools .handle{border:2px solid var(--blue);pointer-events:auto;touch-action:none;background:#fff;border-radius:2px;width:10px;height:10px;position:absolute}.image-tools .handle.nw{cursor:nwse-resize;top:-5px;left:-5px}.image-tools .handle.ne{cursor:nesw-resize;top:-5px;right:-5px}.image-tools .handle.sw{cursor:nesw-resize;bottom:-5px;left:-5px}.image-tools .handle.se{cursor:nwse-resize;bottom:-5px;right:-5px}.image-bar{box-shadow:var(--shadow-2);pointer-events:auto;white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:2px;padding:4px;font-size:13px;display:flex;position:absolute;bottom:8px;left:0}.image-bar button{color:var(--blue);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px 8px;font-weight:500}.image-bar button:hover{background:var(--hover)}.image-bar button.on{background:var(--blue-soft);color:var(--blue-dark)}.image-bar .size{color:var(--text-3);font-variant-numeric:tabular-nums;padding:0 6px}.from-line{white-space:nowrap;flex:1;align-items:baseline;gap:6px;min-width:0;font-size:14px;display:inline-flex;overflow:hidden}.from-line .n{color:var(--text);font-weight:500}.from-line .e{color:var(--text-3);text-overflow:ellipsis;overflow:hidden}.reply-card .recipients.from{padding-bottom:0}.reply-card .recipients>.muted{min-width:20px}.menu.suggestions{z-index:1000;width:360px;max-width:calc(100vw - 16px)}.menu.suggestions button{height:52px}.menu.suggestions button.active{background:var(--hover)}.menu.suggestions .who{text-align:left;flex-direction:column;min-width:0;line-height:18px;display:flex}.menu.suggestions .n,.menu.suggestions .e{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.menu.suggestions .n{font-weight:500}.menu.suggestions .e{color:var(--text-3);font-size:12px}.mailbox-priority{color:#c2410c;align-items:center;gap:1px;margin-left:auto;margin-right:4px;font-size:12px;font-weight:600;display:inline-flex}.mailbox-priority+.count{margin-left:0}.list-where{color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;margin-right:8px;font-size:13px;display:inline-flex}.contact-link{color:var(--blue);white-space:nowrap;align-items:center;gap:4px;margin-left:8px;font-size:12px;text-decoration:none;display:inline-flex}.contact-link:hover{text-decoration:underline}.btn:focus{outline:none}.btn:focus-visible{outline:2px solid var(--blue-soft);outline-offset:2px}.mailbox-avatar{background:var(--blue-soft);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mailbox-avatar:not([style*=background]) .icon{color:var(--compose-text)}.mailbox-avatar.plain{background:0 0;width:32px;height:32px}.mailbox-avatar.plain .icon{color:var(--text-2)}.mailbox-switcher{margin:0 16px 12px 8px;position:relative}.mailbox-current{width:100%;color:var(--text);cursor:pointer;text-align:left;font-family:var(--font-text);background:0 0;border:1px solid #0000;border-radius:16px;align-items:center;gap:10px;padding:6px 8px;display:flex}.mailbox-current:hover,.mailbox-current.open{background:var(--nav-hover)}.mailbox-current:focus{outline:none}.mailbox-current:focus-visible{border-color:var(--blue)}.mailbox-current .chevron{color:var(--text-2)}.who{flex-direction:column;flex:1;min-width:0;line-height:18px;display:flex}.who .name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.who .addr{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sidebar.collapsed .mailbox-switcher{margin:0 8px 12px}.sidebar.collapsed .mailbox-current{justify-content:center;padding:6px 0}.sidebar.collapsed .mailbox-current .who,.sidebar.collapsed .mailbox-current .chevron{display:none}.mailbox-popover{width:340px;top:calc(100% + 4px);left:0;right:auto}.mailbox-list{background:#fff;border-radius:20px;max-height:min(60vh,520px);padding:6px 0;overflow-y:auto}.mailbox-row{width:100%;min-height:52px;color:var(--text);text-align:left;cursor:pointer;font-family:var(--font-text);background:0 0;border:0;align-items:center;gap:12px;padding:6px 16px;text-decoration:none;display:flex}.mailbox-row:hover{background:var(--hover)}.mailbox-row:focus{outline:none}.mailbox-row:focus-visible{background:var(--hover-strong)}.mailbox-row.active{background:var(--blue-soft)}.mailbox-row .count{color:var(--text-2);font-size:12px;font-weight:600}.mailbox-row .tick{color:var(--blue)}.mailbox-row.manage{border-top:1px solid #e3e3e3;margin-top:4px}.contact-picker{width:100%;position:relative}.contact-picker .input{width:100%}.contact-suggest{z-index:60;box-shadow:var(--shadow-3);background:#fff;border-radius:12px;max-height:320px;padding:6px 0;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.contact-suggest-row{width:100%;color:var(--text);text-align:left;cursor:pointer;font-family:var(--font-text);background:0 0;border:0;align-items:center;gap:12px;padding:6px 14px;display:flex}.contact-suggest-row.active{background:var(--hover)}.contact-suggest-row:focus{outline:none}.contact-suggest-empty{color:var(--text-2);padding:8px 14px;font-size:13px}.form-label{flex-shrink:0;width:140px}.form-field,.form-row>:not(.form-label){flex:1;min-width:0}.form-row{flex-wrap:nowrap}@media (width<=768px){.form-row{flex-wrap:wrap}}.form-indent{margin-left:148px}@media (width<=768px){.form-indent{margin-left:0}}.contact-icon{width:28px;height:28px;color:var(--blue);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.contact-icon:hover{background:var(--hover)}.contact-icon.off{color:#9aa0a6}.vip-table td{vertical-align:middle}.form-row>.segmented{flex:none}.editor table{table-layout:auto;max-width:100%}.editor td,.editor th{overflow-wrap:anywhere;min-width:36px}.format-bar{flex-wrap:wrap}.table-toolbar{border-top:1px solid #e5e7eb;flex-wrap:wrap;flex-basis:100%;align-items:center;gap:6px;padding:8px 0;display:flex}.table-toolbar label{align-items:center;gap:4px;font-size:12px;display:flex}.table-toolbar input{border:1px solid #dadce0;border-radius:4px;width:46px;padding:4px}.table-context{min-width:240px}.managed-signature{-webkit-user-select:none;user-select:none;padding:0 16px 16px;overflow-x:auto}.signature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;max-width:740px;display:grid}.signature-grid label{flex-direction:column;gap:5px;font-size:13px;display:flex}.signature-grid input[type=color]{width:72px;height:36px;padding:3px}.signature-preview{padding:12px 0 24px;overflow-x:auto}@media (width<=650px){.signature-grid{grid-template-columns:1fr}.table-toolbar{gap:3px}}.table-toolbar .select.dropdown{flex:none;width:auto;max-width:180px;min-height:28px;padding:0 4px 0 8px;font-size:12px}.table-toolbar .btn{height:28px;padding:0 8px;font-size:12px}.table-toolbar .icon-btn.small{width:28px;height:28px}.table-selection-tools{z-index:80;background:#fff;border:1px solid #dadce0;border-radius:7px;align-items:center;gap:4px;padding:3px;display:flex;position:fixed;box-shadow:0 2px 8px #0002}.table-selection-tools .btn{height:28px;padding:0 8px;font-size:12px}.ask-field{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.read-ticks{color:var(--text-4);vertical-align:middle;align-items:center;gap:2px;margin-left:6px;display:inline-flex}.read-ticks.read{color:var(--blue)}.read-ticks .n{font-size:12px;font-weight:500}
