:root{color:#242424;font-synthesis:none;text-rendering:optimizelegibility;--brand:#0f6cbd;--brand-hover:#115ea3;--brand-pressed:#0c3b5e;--brand-soft:#e8f2fb;--teal:#007f7b;--text:#242424;--text-secondary:#616161;--text-muted:#8a8886;--surface:#fff;--surface-subtle:#f5f5f5;--surface-raised:#fafafa;--surface-hover:#f0f0f0;--surface-selected:#e8f2fb;--border:#e0e0e0;--border-strong:#c7c7c7;--danger:#c50f1f;--success:#107c10;--warning:#f7630c;--topbar:#0b1f3a;--topbar-text:#fff;--focus:#0f6cbd;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-flyout:0 8px 24px #00000024, 0 2px 6px #00000014;--row-height:72px;--transition:.16s cubic-bezier(.33, 0, .67, 1);background:#f5f5f5;font-family:Segoe UI Variable,Segoe UI,Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#f5f5f5;--text-secondary:#c7c7c7;--text-muted:#929292;--surface:#1b1a19;--surface-subtle:#242424;--surface-raised:#292827;--surface-hover:#333231;--surface-selected:#14395a;--border:#3b3a39;--border-strong:#565452;--brand-soft:#14395a;--topbar:#07172c;background:#11100f}@media (prefers-color-scheme:dark){:root[data-theme=system]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#f5f5f5;--text-secondary:#c7c7c7;--text-muted:#929292;--surface:#1b1a19;--surface-subtle:#242424;--surface-raised:#292827;--surface-hover:#333231;--surface-selected:#14395a;--border:#3b3a39;--border-strong:#565452;--brand-soft:#14395a;--topbar:#07172c}}:root[data-density=compact]{--row-height:58px}:root[data-density=spacious]{--row-height:84px}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--text);background:var(--surface-subtle)}button,input,select,textarea{font:inherit}button:disabled{cursor:not-allowed;opacity:.48}button{color:inherit}button,a,input,select,[contenteditable]{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[contenteditable]:focus-visible{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--focus)}button{cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}input,select{color:var(--text)}.muted{color:var(--text-secondary)}.eyebrow{color:var(--brand);text-transform:uppercase;letter-spacing:.13em;margin:0 0 10px;font-size:12px;font-weight:700}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.icon-button{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-secondary);transition:background var(--transition), color var(--transition);flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--surface-hover);color:var(--text)}.icon-button--quiet{width:30px;height:30px}.icon-button--on-dark{color:#ffffffd1}.icon-button--on-dark:hover{color:#fff;background:#ffffff1f}.primary-button,.secondary-button{border-radius:var(--radius-sm);white-space:nowrap;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:0 15px;font-weight:600;display:inline-flex}.primary-button{color:#fff;background:var(--brand)}.primary-button:hover{background:var(--brand-hover)}.primary-button:disabled{opacity:.55;cursor:default}.primary-button--large{justify-content:space-between;height:48px;padding:0 18px}.secondary-button{border:1px solid var(--border-strong);background:var(--surface)}.secondary-button:hover{background:var(--surface-hover)}.toolbar-button{border-radius:var(--radius-sm);min-height:34px;color:var(--text-secondary);align-items:center;gap:7px;padding:0 9px;display:inline-flex}.toolbar-button:hover{background:var(--surface-hover);color:var(--text)}.avatar{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:inline-flex}.avatar--small{width:32px;height:32px;font-size:10px}.avatar--large{width:42px;height:42px}.avatar--hero{background:var(--brand);width:92px;height:92px;font-size:26px}.inline-error,.form-error{border-left:3px solid var(--danger);color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, var(--surface));border-radius:4px;padding:11px 13px;font-size:13px}.brand{color:#fff;align-items:center;gap:10px;min-width:0;display:inline-flex}.brand__mark{color:#4fc3ff;flex:none;width:36px;height:36px}.brand__mark--original{object-fit:cover;border-radius:8px;display:block}.topbar .brand__mark--original,.login-visual .brand__mark--original{mix-blend-mode:screen}.brand__copy{line-height:1.05;display:grid}.brand__copy strong{letter-spacing:-.02em;font-size:18px}.brand__copy small{text-transform:uppercase;letter-spacing:.11em;color:#ffffffb8;margin-top:4px;font-size:8px;font-weight:700}.login-page{background:var(--surface);grid-template-columns:minmax(620px,1.55fr) minmax(480px,.75fr);height:100%;display:grid}.login-visual{color:#fff;background:linear-gradient(145deg,#07172c 0%,#0b315a 52%,#0f6cbd 100%) 0 0/140% 140%;grid-template-rows:auto minmax(0,1fr) auto;padding:clamp(30px,3vw,50px) clamp(38px,4.6vw,90px);animation:18s ease-in-out infinite alternate login-gradient;display:grid;position:relative;overflow:hidden}.login-visual:before,.login-visual:after{content:"";border:1px solid #ffffff21;border-radius:50%;width:520px;height:520px;position:absolute;top:-120px;right:-230px}.login-visual:after{width:360px;height:360px;top:auto;bottom:-170px;left:-190px}.login-visual__glow{filter:blur(64px);background:#29b7ff2e;border-radius:50%;width:480px;height:480px;animation:11s ease-in-out infinite alternate login-glow;position:absolute;top:23%;right:6%}.login-visual>:not(.login-visual__glow){z-index:1;position:relative}.login-visual__stage{grid-template-columns:minmax(390px,1fr) minmax(290px,390px);align-items:center;gap:clamp(40px,6vw,110px);width:100%;max-width:1280px;margin:auto;display:grid}.login-visual__content{max-width:690px}.login-visual .eyebrow{color:#77d4ff}.login-visual h1{letter-spacing:-.052em;margin:0 0 22px;font-size:clamp(44px,4.15vw,76px);line-height:1.02}.login-visual__content>p:not(.eyebrow){color:#ffffffc2;max-width:610px;font-size:clamp(16px,1.35vw,21px);line-height:1.55}.login-benefits{color:#ffffffe6;flex-wrap:wrap;gap:10px 22px;margin-top:30px;font-size:13px;display:flex}.login-benefits span,.login-visual__footer{align-items:center;gap:7px;display:flex}.login-visual__footer{color:#ffffff9e;font-size:12px}.login-preview{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#04182f7a;border:1px solid #ffffff2b;border-radius:22px;width:100%;padding:16px;animation:7s ease-in-out infinite login-float;box-shadow:0 30px 80px #0000003d}.login-preview__header{color:#ffffffb8;text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;padding:4px 5px 15px;font-size:11px;font-weight:700;display:flex}.login-preview__live{color:#9ee9c6;letter-spacing:0;text-transform:none;align-items:center;gap:6px;font-weight:600;display:flex}.login-preview__live i{background:#5ee0a0;border-radius:50%;width:7px;height:7px;animation:2s infinite login-pulse;box-shadow:0 0 #5ee0a080}.login-preview__item{color:#ffffffd9;border-radius:12px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:69px;padding:10px 12px;display:grid}.login-preview__item+.login-preview__item{margin-top:5px}.login-preview__item.is-current{color:#fff;background:#ffffff1c;box-shadow:inset 3px 0 #55c7ff}.login-preview__icon{color:#80d9ff;background:#36b5f121;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.login-preview__item>span:nth-child(2){gap:4px;min-width:0;display:grid}.login-preview__item strong{font-size:13px}.login-preview__item small{color:#ffffff94;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.login-preview__item b{color:#082441;text-align:center;background:#82d9ff;border-radius:10px;min-width:27px;padding:4px 7px;font-size:10px}.login-form-panel{background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--brand) 9%, transparent), transparent 36%), var(--surface);place-items:center;padding:50px clamp(34px,4.3vw,86px);display:grid;position:relative;overflow:auto}.login-form{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);border-radius:22px;gap:20px;width:min(100%,480px);padding:clamp(30px,3vw,46px);animation:.55s cubic-bezier(.22,.78,.24,1) both login-enter;display:grid;box-shadow:0 24px 70px #0000001c}.login-form h2{letter-spacing:-.035em;margin:0;font-size:31px}.login-form p{line-height:1.5}.login-form__security{color:var(--success);align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.login-mobile-brand{display:none}.field{gap:7px;font-size:13px;font-weight:600;display:grid}.field__control{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);height:48px;transition:border var(--transition), box-shadow var(--transition);align-items:center;gap:10px;padding:0 12px;display:flex}.field__control:focus-within{border-color:var(--focus);box-shadow:inset 0 -1px var(--focus)}.field__control>svg{color:var(--text-muted)}.field__control input{background:0 0;border:0;flex:1;min-width:0;height:100%}.field>input,.field>select{border:1px solid var(--border-strong);background:var(--surface);border-radius:5px;height:42px;padding:0 11px}.server-config-toggle{border:1px solid var(--border);width:100%;color:var(--text-primary);background:color-mix(in srgb, var(--surface-secondary) 72%, transparent);text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.server-config-toggle>span{align-items:center;gap:10px;min-width:0;display:flex}.server-config-toggle>span>span{gap:2px;min-width:0;display:grid}.server-config-toggle strong{font-size:12px}.server-config-toggle small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.server-config-toggle>svg{transition:transform var(--transition);flex:none}.server-config-toggle>svg.is-open{transform:rotate(180deg)}.server-config{border:1px solid var(--border);background:var(--surface-secondary);border-radius:10px;gap:12px;padding:15px;display:grid}.server-config__heading{gap:2px;display:grid}.server-config__heading strong{font-size:12px}.server-config__heading span{color:var(--text-muted);font-size:10px}.server-config__row{grid-template-columns:minmax(0,1fr) 88px;gap:10px;display:grid}.server-config .field{font-size:11px}.server-config .field>input{background:var(--surface);width:100%}.check-row--compact{font-size:11px}.check-row{color:var(--text-secondary);cursor:pointer;align-items:center;gap:9px;font-size:13px;display:flex}.check-row input{width:17px;height:17px;accent-color:var(--brand)}.login-help{text-align:center;color:var(--text-muted);margin:0;font-size:12px}.login-legal{color:var(--text-muted);font-size:11px;position:absolute;bottom:22px}@keyframes login-gradient{to{background-position:80% 100%}}@keyframes login-glow{to{opacity:.72;transform:translate(-80px,70px)scale(1.15)}}@keyframes login-float{50%{transform:translateY(-9px)}}@keyframes login-pulse{70%{box-shadow:0 0 0 7px #5ee0a000}to{box-shadow:0 0 #5ee0a000}}@keyframes login-enter{0%{opacity:0;transform:translateY(18px)}}@media (width<=1380px) and (width>=701px){.login-page{grid-template-columns:minmax(460px,1.1fr) minmax(440px,.9fr)}.login-visual__stage{display:block}.login-preview{display:none}.login-visual h1{font-size:clamp(42px,5vw,64px)}}.app-shell{background:var(--surface-subtle);grid-template:52px minmax(0,1fr)/64px minmax(0,1fr);height:100%;display:grid}.topbar{z-index:50;height:52px;color:var(--topbar-text);background:var(--topbar);grid-column:1/-1;grid-template-columns:260px minmax(280px,680px) 1fr;align-items:center;gap:18px;padding:0 14px 0 8px;display:grid}.topbar__brand{min-width:0;transition:width var(--transition);align-items:center;gap:10px;display:flex}.topbar__menu{color:#ffffffe0;background:#ffffff0f}.topbar__menu:hover{color:#fff;background:#ffffff24}.topbar__mobile-title{display:none}.topbar__actions{justify-self:end;align-items:center;gap:2px;display:flex}.topbar__actions .icon-button{color:#fffc}.topbar__actions .icon-button:hover{color:#fff;background:#ffffff1f}.profile-button{color:#fff;background:#7a3e9d;border:1px solid #ffffff61;border-radius:50%;width:34px;height:34px;margin-left:5px;font-size:11px;font-weight:700}.global-search-wrap{width:100%;position:relative}.global-search{color:#fffc;height:38px;transition:background var(--transition), box-shadow var(--transition);background:#ffffff1f;border:1px solid #ffffff38;border-radius:6px;align-items:center;gap:10px;padding:0 8px 0 13px;display:flex}.global-search:focus-within{color:#242424;background:#fff;box-shadow:0 2px 10px #00000029}.global-search input{min-width:0;height:100%;color:inherit;background:0 0;border:0;flex:1}.global-search input::placeholder{color:currentColor;opacity:.8}.global-search kbd{color:currentColor;background:#ffffff1a;border-radius:3px;padding:2px 5px;font-size:9px}.global-search .icon-button{color:currentColor}.search-popover{z-index:100;border:1px solid var(--border);width:min(540px,90vw);color:var(--text);background:var(--surface);box-shadow:var(--shadow-flyout);border-radius:8px;gap:13px;padding:17px;display:grid;position:absolute;top:44px;left:0}.search-popover__header,.search-popover__actions{justify-content:space-between;align-items:center;display:flex}.search-popover label{gap:5px;font-size:12px;font-weight:600;display:grid}.search-popover input,.search-popover select,.select-control{border:1px solid var(--border-strong);background:var(--surface);border-radius:5px;height:36px}.search-popover input,.search-popover select{width:100%;padding:0 10px}.select-control{position:relative}.select-control select{appearance:none;border:0}.select-control svg{pointer-events:none;position:absolute;top:9px;right:9px}.search-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.search-options{gap:22px;display:flex}.search-popover__actions{justify-content:flex-end;gap:8px}.app-rail{z-index:30;border-right:1px solid var(--border);background:var(--surface-raised);flex-direction:column;grid-area:2/1;justify-content:space-between;padding:6px 5px 8px;display:flex}.app-rail nav{gap:3px;display:grid}.rail-link{min-height:50px;color:var(--text-secondary);border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:9px;display:flex;position:relative}.rail-link:hover{background:var(--surface-hover);color:var(--text)}.rail-link.is-active{color:var(--brand);background:var(--brand-soft)}.rail-link.is-active:before{content:"";background:var(--brand);border-radius:0 2px 2px 0;width:3px;position:absolute;top:12px;bottom:12px;left:-5px}.rail-link--danger:hover{color:var(--danger)}.app-content{background:var(--surface);grid-area:2/2;min-width:0;min-height:0;overflow:hidden}.mobile-nav{display:none}.mail-workspace{--folder-width:264px;--list-width:390px;grid-template-columns:var(--folder-width) 3px var(--list-width) 3px minmax(360px, 1fr);background:var(--surface);min-width:0;height:100%;display:grid}.mail-workspace--no-reader{grid-template-columns:var(--folder-width) 3px minmax(360px, 1fr)}.mail-workspace--bottom-reader{grid-template-columns:var(--folder-width) 3px minmax(360px, 1fr);grid-template-rows:minmax(260px,48%) 3px minmax(260px,1fr)}.mail-workspace--bottom-reader .folder-pane{grid-area:1/1/4}.mail-workspace--bottom-reader>.pane-resizer:not(.pane-resizer--reader){grid-area:1/2/4}.mail-workspace--bottom-reader .message-list-pane{grid-area:1/3}.mail-workspace--bottom-reader .pane-resizer--reader{cursor:row-resize;grid-area:2/3}.mail-workspace--bottom-reader .reading-pane{grid-area:3/3}.folder-pane,.message-list-pane,.reading-pane{min-width:0;min-height:0;overflow:hidden}.folder-pane{border-right:1px solid var(--border);background:var(--surface-raised);transition:opacity var(--transition);flex-direction:column;display:flex}.folder-pane.is-hidden{opacity:0;pointer-events:none}.folder-pane__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:66px;padding:10px 10px 10px 13px;display:flex}.folder-pane__header>div{align-items:center;gap:9px;min-width:0;display:flex}.folder-pane__header>div>div{min-width:0;display:grid}.folder-pane__header strong,.folder-pane__header small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.folder-pane__header strong{font-size:13px}.folder-pane__header small{color:var(--text-secondary);margin-top:3px;font-size:10px}.new-mail-button{color:#fff;background:var(--brand);border-radius:5px;align-items:center;gap:10px;height:40px;margin:12px 12px 10px;padding:0 14px;font-weight:600;display:flex}.new-mail-button:hover{background:var(--brand-hover)}.account-select{color:var(--text-secondary);gap:4px;margin:0 12px 9px;font-size:10px;display:grid;position:relative}.account-select select{appearance:none;border:1px solid var(--border);background:var(--surface);border-radius:5px;height:34px;padding:0 30px 0 9px}.account-select svg{position:absolute;bottom:9px;right:9px}.folder-list{flex:1;padding:0 6px 12px;overflow:auto}.folder-list__label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:11px 9px 7px;font-size:11px;font-weight:700}.folder-list button{text-align:left;width:100%;min-height:34px;color:var(--text-secondary);border-radius:5px;align-items:center;gap:10px;padding:0 10px;font-size:12px;display:flex}.folder-list button:hover{background:var(--surface-hover);color:var(--text)}.folder-list button.is-active{color:var(--brand);background:var(--surface-selected);font-weight:600}.folder-list button span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.folder-list button b{color:#fff;background:var(--brand);border-radius:9px;place-items:center;min-width:20px;height:18px;font-size:9px;display:grid}.inline-loading{color:var(--text-muted);align-items:center;gap:8px;padding:14px;font-size:11px;display:flex}.folder-pane__footer{border-top:1px solid var(--border);height:36px;color:var(--text-muted);justify-content:space-between;align-items:center;padding:0 8px 0 13px;font-size:9px;display:flex}.pane-resizer{z-index:10;cursor:col-resize;background:var(--border);transition:background var(--transition);touch-action:none}.pane-resizer:hover,.pane-resizer:active{background:var(--brand)}.folder-peek,.calendar-sidebar-peek{z-index:20;border:1px solid var(--border);width:27px;height:42px;color:var(--brand);background:var(--surface);border-left:0;border-radius:0 7px 7px 0;place-items:center;display:grid;position:absolute;top:72px;box-shadow:2px 2px 8px #00000014}.message-list-pane{border-right:1px solid var(--border);flex-direction:column;display:flex}.module-toolbar{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:8px;min-height:66px;padding:8px 8px 8px 14px;display:flex}.module-toolbar__title{align-items:center;min-width:0;display:flex}.module-toolbar h1{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em;margin:0;font-size:17px;font-weight:600;overflow:hidden}.module-toolbar__title span{color:var(--text-muted);font-size:10px}.toolbar-actions{align-items:center;gap:1px;display:flex}.selection-bar{min-height:38px;color:var(--brand);background:var(--brand-soft);justify-content:space-between;align-items:center;padding:0 13px;font-size:11px;display:flex}.selection-bar button{color:var(--brand);text-decoration:underline}.message-scroll{overscroll-behavior:contain;flex:1;overflow:auto}.message-row{min-height:var(--row-height);border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--transition);grid-template-columns:20px 36px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 12px 9px 9px;display:grid;position:relative}.message-row:hover{background:var(--surface-hover)}.message-row.is-active{background:var(--surface-selected)}.message-row.is-active:before{content:"";background:var(--brand);width:3px;position:absolute;inset:0 auto 0 0}.message-row.is-unread .message-row__from strong,.message-row.is-unread .message-row__subject{color:var(--text);font-weight:700}.message-check{place-items:center;display:grid}.message-check input{width:16px;height:16px;accent-color:var(--brand)}.message-row__content{gap:3px;min-width:0;display:grid}.message-row__from{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.message-row__from strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.message-row__from time{color:var(--brand);white-space:nowrap;font-size:9px}.message-row__subject{text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:11px;overflow:hidden}.message-row__preview{text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:10px;overflow:hidden}.message-row__meta{color:var(--text-muted);gap:5px;display:grid}.loading-state,.empty-state{text-align:center;min-height:250px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:38px 24px;display:flex}.loading-state svg,.empty-state>svg{color:var(--brand)}.loading-state strong,.empty-state strong{color:var(--text)}.loading-state span,.empty-state span{max-width:360px;font-size:12px;line-height:1.5}.empty-state--error>svg{color:var(--danger)}.reading-pane{background:var(--surface);flex-direction:column;display:flex}.reader-welcome{height:100%;color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:30px;display:flex}.reader-welcome__icon{width:72px;height:72px;color:var(--brand);background:var(--brand-soft);border-radius:50%;place-items:center;margin-bottom:6px;display:grid}.reader-welcome>span{max-width:330px;font-size:12px;line-height:1.5}.reader-welcome>div:last-child{color:var(--brand);align-items:center;gap:6px;margin-top:10px;font-size:10px;display:flex}.reader-toolbar{border-bottom:1px solid var(--border);justify-content:flex-end;align-items:center;min-height:50px;padding:6px 12px;display:flex}.reader-toolbar__actions{align-items:center;gap:2px;display:flex}.message-view{overscroll-behavior:contain;flex:1;overflow:auto}.message-view__header{padding:22px clamp(20px,4vw,52px) 16px}.message-view__header h2{letter-spacing:-.03em;max-width:900px;margin:0 0 23px;font-size:clamp(20px,2vw,28px);line-height:1.25}.message-view__sender{grid-template-columns:42px minmax(0,1fr) auto;align-items:start;gap:11px;display:grid}.message-view__sender>div{gap:2px;min-width:0;display:grid}.message-view__sender strong{font-size:13px}.message-view__sender span{color:var(--text-secondary);text-overflow:ellipsis;font-size:10px;overflow:hidden}.message-view__sender button{color:var(--text-secondary);justify-self:start;align-items:center;gap:2px;font-size:10px;display:inline-flex}.message-view__sender time{color:var(--text-muted);white-space:nowrap;font-size:9px}.attachment-strip{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.attachment-strip button{border:1px solid var(--border);background:var(--surface-raised);border-radius:5px;align-items:center;gap:7px;max-width:240px;height:36px;padding:0 11px;display:flex}.attachment-strip button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.privacy-banner{color:#744210;background:#fff4ce;border-radius:4px;align-items:center;gap:8px;min-height:38px;margin:0 clamp(20px,4vw,52px);padding:7px 10px;font-size:10px;display:flex}.privacy-banner span{flex:1}.privacy-banner button{color:var(--brand);font-weight:600}:root[data-theme=dark] .privacy-banner{color:#ffd98b;background:#493b17}.message-body{width:min(100%,980px);color:var(--text);overflow-wrap:anywhere;margin:0 auto;padding:28px clamp(20px,5vw,62px) 60px;font-family:Arial,sans-serif;font-size:14px;line-height:1.58}.message-body img{max-width:100%;height:auto}.message-body table{border-collapse:collapse;max-width:100%}.message-body table[border="0"],.message-body table[border="0"] td,.message-body table[border="0"] th{border:0!important}.message-body img:not([src]){min-width:1px;min-height:1px}.message-body a{color:var(--brand);text-decoration:underline}.message-view__footer{border-top:1px solid var(--border);gap:8px;padding:16px clamp(20px,4vw,52px) 34px;display:flex}.mobile-compose{display:none}.composer{z-index:200;border:1px solid var(--border-strong);background:var(--surface);width:min(720px,100vw - 110px);height:min(620px,100vh - 90px);box-shadow:var(--shadow-flyout);border-radius:9px;grid-template-rows:46px auto auto auto auto 40px minmax(150px,1fr) auto 54px;display:grid;position:fixed;bottom:18px;right:24px;overflow:hidden}.composer--maximized{width:auto;height:auto;inset:58px 12px 12px 76px}.composer__header{color:#fff;background:var(--topbar);justify-content:space-between;align-items:center;padding:0 8px 0 14px;display:flex}.composer__header>div{display:flex}.composer__identity,.composer__line{border-bottom:1px solid var(--border);align-items:center;gap:10px;min-height:38px;padding:0 12px;font-size:11px;display:flex}.composer__identity>span,.composer__line>span{width:48px;color:var(--text-muted);flex:none}.composer__identity button{color:var(--text-secondary);align-items:center;gap:4px;display:flex}.composer__line input{background:0 0;border:0;flex:1;min-width:0;height:100%}.composer__line button{color:var(--brand)}.composer__toolbar{border-bottom:1px solid var(--border);align-items:center;gap:2px;height:40px;padding:0 10px;display:flex}.composer__toolbar button{border-radius:4px;place-items:center;width:32px;height:30px;display:grid}.composer__toolbar button:hover{background:var(--surface-hover)}.composer__toolbar>span{background:var(--border);width:1px;height:20px;margin:0 5px}.composer__editor{padding:18px;line-height:1.55;overflow:auto}.composer__editor:empty:before{content:attr(data-placeholder);color:var(--text-muted)}.composer__error{color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, var(--surface));padding:7px 12px;font-size:11px}.composer__footer{border-top:1px solid var(--border);align-items:center;gap:7px;padding:0 10px;display:flex}.composer__status{color:var(--text-muted);margin-left:auto;font-size:9px}.calendar-workspace{grid-template-columns:250px minmax(0,1fr);height:100%;min-height:0;display:grid}.calendar-workspace--expanded{grid-template-columns:0 minmax(0,1fr)}.calendar-sidebar{border-right:1px solid var(--border);background:var(--surface-raised);min-width:0;overflow:auto}.calendar-workspace--expanded .calendar-sidebar{opacity:0;overflow:hidden}.calendar-sidebar__heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:66px;padding:10px 11px 10px 15px;display:flex}.calendar-sidebar__heading>div,.tasks-sidebar header,.people-sidebar header{gap:3px;display:grid}.calendar-sidebar__heading strong,.tasks-sidebar header strong,.people-sidebar header strong{font-size:14px}.calendar-sidebar__heading span,.tasks-sidebar header span,.people-sidebar header span{color:var(--text-muted);font-size:9px}.calendar-new{width:calc(100% - 24px);margin:12px}.mini-calendar-heading{text-transform:capitalize;justify-content:space-between;align-items:center;height:36px;padding:0 8px;font-size:11px;display:flex}.mini-calendar{border-bottom:1px solid var(--border);padding:0 12px 15px}.mini-calendar__week,.mini-calendar__days{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.mini-calendar__week span{text-align:center;color:var(--text-muted);padding:5px 0;font-size:8px;font-weight:700}.mini-calendar__days button{aspect-ratio:1;border-radius:50%;font-size:9px}.mini-calendar__days button:hover{background:var(--surface-hover)}.mini-calendar__days button.is-muted{color:var(--text-muted);opacity:.55}.mini-calendar__days button.is-selected{color:#fff;background:var(--brand)}.mini-calendar__days button.is-today:not(.is-selected){color:var(--brand);border:1px solid var(--brand)}.calendar-list{padding:12px 7px}.calendar-list__heading{justify-content:space-between;align-items:center;height:34px;padding:0 5px 0 8px;font-size:11px;display:flex}.calendar-list label{cursor:pointer;border-radius:5px;align-items:center;gap:8px;min-height:36px;padding:0 5px 0 8px;font-size:11px;display:flex}.calendar-list label:hover{background:var(--surface-hover)}.calendar-list input{opacity:0;position:absolute}.calendar-color{color:#fff;border-radius:3px;place-items:center;width:16px;height:16px;display:grid}.calendar-list label>span:nth-of-type(2){flex:1}.calendar-main{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.calendar-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:66px;padding:8px 14px;display:flex}.calendar-toolbar__nav{align-items:center;gap:4px;min-width:0;display:flex}.calendar-toolbar h1{text-transform:capitalize;letter-spacing:-.03em;white-space:nowrap;margin:0 0 0 8px;font-size:19px}.view-switcher{position:relative}.view-switcher select{appearance:none;border:1px solid var(--border-strong);background:var(--surface);border-radius:5px;min-width:130px;height:36px;padding:0 32px 0 11px}.view-switcher svg{pointer-events:none;position:absolute;top:10px;right:9px}.month-view{flex:1;grid-template-rows:28px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.month-view__weekdays,.month-view__grid{grid-template-columns:repeat(7,minmax(90px,1fr));display:grid}.month-view__weekdays{border-bottom:1px solid var(--border);color:var(--text-secondary);background:var(--surface-raised)}.month-view__weekdays span{border-right:1px solid var(--border);text-align:right;padding:6px 8px;font-size:9px;font-weight:600}.month-view__grid{grid-auto-rows:minmax(98px,1fr);overflow:auto}.month-view__grid>section{border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);min-width:0;padding:3px 4px 5px}.month-view__grid>section.is-other-month{background:var(--surface-subtle);color:var(--text-muted)}.month-view__grid>section>header{justify-content:flex-end;height:23px;display:flex}.month-view__grid>section>header span{border-radius:50%;place-items:center;width:22px;height:22px;font-size:9px;display:grid}.month-view__grid>section.is-today>header span{color:#fff;background:var(--brand)}.calendar-event{border-left:3px solid var(--event-color);width:100%;min-width:0;height:23px;color:var(--text);background:color-mix(in srgb, var(--event-color) 13%, var(--surface));text-align:left;border-radius:3px;align-items:center;gap:5px;margin:1px 0;padding:0 5px;font-size:8px;display:flex}.calendar-event time{color:var(--text-secondary)}.calendar-event span{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.more-events{color:var(--brand);padding:3px 5px;font-size:8px}.agenda-view{flex:1;padding:15px clamp(16px,5vw,60px);overflow:auto}.agenda-view article{border-bottom:1px solid var(--border);grid-template-columns:46px 3px 1fr;align-items:center;gap:13px;min-height:68px;display:grid}.agenda-view time{text-align:center;display:grid}.agenda-view time strong{font-size:18px}.agenda-view time span{color:var(--text-muted);text-transform:uppercase;font-size:9px}.event-line{border-radius:2px;height:40px}.agenda-view article>div{gap:3px;display:grid}.agenda-view article>div>span,.agenda-view article small{color:var(--text-secondary);font-size:10px}.agenda-view article small{align-items:center;gap:4px;display:flex}.tasks-workspace{grid-template-columns:248px minmax(0,1fr);height:100%;display:grid}.tasks-sidebar,.people-sidebar{border-right:1px solid var(--border);background:var(--surface-raised);flex-direction:column;min-height:0;display:flex}.tasks-sidebar header,.people-sidebar header{padding:18px 16px 12px}.tasks-sidebar nav,.tasks-sidebar__lists{padding:5px 7px}.tasks-sidebar nav button,.tasks-sidebar__lists>button,.people-sidebar nav button{width:100%;height:39px;color:var(--text-secondary);text-align:left;border-radius:5px;align-items:center;gap:10px;padding:0 10px;display:flex}.tasks-sidebar nav button:hover,.tasks-sidebar__lists>button:hover,.people-sidebar nav button:hover{background:var(--surface-hover)}.tasks-sidebar nav button.is-active,.people-sidebar nav button.is-active{color:var(--brand);background:var(--surface-selected)}.tasks-sidebar nav button span,.tasks-sidebar__lists>button span,.people-sidebar nav button span{flex:1}.tasks-sidebar nav button b{font-size:10px}.tasks-sidebar__lists{border-top:1px solid var(--border);margin-top:8px}.tasks-sidebar__lists>div{justify-content:space-between;align-items:center;height:38px;padding:0 5px 0 9px;font-size:11px;display:flex}.tasks-main{background:linear-gradient(180deg, color-mix(in srgb, var(--brand) 7%, var(--surface)) 0, var(--surface) 230px);min-width:0;min-height:0;padding:clamp(20px,4vw,46px);overflow:auto}.tasks-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.tasks-header h1{letter-spacing:-.04em;margin:0;font-size:29px}.tasks-header>div>span{color:var(--text-secondary);text-transform:capitalize;font-size:11px}.inline-search{border:1px solid var(--border-strong);background:var(--surface);border-radius:5px;align-items:center;gap:8px;min-width:220px;height:38px;padding:0 10px;display:flex}.inline-search input{background:0 0;border:0;flex:1;min-width:0;height:100%}.add-task{width:min(100%,820px);height:48px;color:var(--brand);background:var(--surface);text-align:left;border-radius:6px;align-items:center;gap:11px;margin:24px 0 12px;padding:0 15px;display:flex;box-shadow:0 1px 3px #0000001a}.task-list{background:var(--surface);border-radius:6px;width:min(100%,820px);overflow:hidden;box-shadow:0 1px 3px #00000014}.task-list article{border-bottom:1px solid var(--border);grid-template-columns:28px 1fr 36px;align-items:center;min-height:62px;padding:8px 8px 8px 14px;display:grid}.task-check{color:var(--brand)}.task-list article>div{gap:3px;display:grid}.task-list article strong{font-size:12px}.task-list article span,.task-list article small{color:var(--text-secondary);font-size:9px}.task-list article small{color:var(--brand);align-items:center;gap:4px;display:flex}.people-workspace{grid-template-columns:220px minmax(260px,340px) minmax(320px,1fr);min-width:0;height:100%;display:grid}.people-sidebar>.primary-button{margin:5px 12px 12px}.people-sidebar nav{padding:0 7px 8px}.people-books{border-top:1px solid var(--border);flex:1;padding:10px 12px;overflow:auto}.people-books>strong{margin-bottom:7px;font-size:10px;display:block}.people-books button{text-align:left;width:100%;color:var(--text-secondary);border-radius:4px;padding:7px;font-size:10px}.people-books button.is-active,.people-books button:hover{background:var(--surface-hover);color:var(--text)}.people-sidebar footer{border-top:1px solid var(--border);gap:4px;padding:9px;display:flex}.people-sidebar footer button{height:31px;color:var(--text-secondary);flex:1;justify-content:center;align-items:center;gap:4px;font-size:9px;display:flex}.contact-list-pane{border-right:1px solid var(--border);flex-direction:column;min-width:0;min-height:0;display:flex}.contact-list-pane>header{border-bottom:1px solid var(--border);min-height:94px;padding:12px}.contact-list-pane h1{margin:0 0 9px;font-size:18px}.contact-list-pane .inline-search{width:100%;min-width:0}.contact-list{flex:1;overflow:auto}.contact-list>button{border-bottom:1px solid var(--border);text-align:left;align-items:center;gap:10px;width:100%;min-height:61px;padding:8px 12px;display:flex}.contact-list>button:hover{background:var(--surface-hover)}.contact-list>button.is-active{background:var(--surface-selected)}.contact-list .avatar{background:var(--brand)}.contact-list>button>span:last-child{gap:3px;min-width:0;display:grid}.contact-list strong,.contact-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.contact-list strong{font-size:11px}.contact-list small{color:var(--text-secondary);font-size:9px}.contact-detail{min-width:0;padding:clamp(28px,5vw,62px);overflow:auto}.contact-detail>header{border-bottom:1px solid var(--border);align-items:center;gap:18px;padding-bottom:26px;display:flex}.contact-detail>header>div{flex:1;min-width:0}.contact-detail h2{letter-spacing:-.04em;margin:0 0 5px;font-size:27px}.contact-detail header span{color:var(--text-secondary);font-size:11px}.contact-actions{gap:8px;padding:18px 0;display:flex}.contact-detail dl{margin:0}.contact-detail dl>div{border-top:1px solid var(--border);padding:16px 0}.contact-detail dt{color:var(--text-secondary);align-items:center;gap:7px;font-size:10px;display:flex}.contact-detail dd{gap:5px;margin:8px 0 0 23px;font-size:12px;display:grid}.contact-detail dd a{color:var(--brand)}.settings-workspace{grid-template-columns:276px minmax(0,1fr);min-width:0;height:100%;display:grid}.settings-nav{border-right:1px solid var(--border);background:var(--surface-raised);min-height:0}.settings-nav header{padding:18px 14px 12px}.settings-nav h1{margin:0 0 14px;font-size:20px}.settings-nav .inline-search{width:100%;min-width:0}.settings-nav nav{padding:4px 7px}.settings-nav nav button{width:100%;height:42px;color:var(--text-secondary);text-align:left;border-radius:5px;align-items:center;gap:10px;padding:0 10px;display:flex}.settings-nav nav button span{flex:1}.settings-nav nav button:hover{background:var(--surface-hover)}.settings-nav nav button.is-active{color:var(--brand);background:var(--surface-selected)}.settings-content{overscroll-behavior:contain;scroll-behavior:smooth;min-height:0;padding:38px clamp(24px,7vw,92px) 80px;overflow-y:auto}.settings-content>header{align-items:center;gap:15px;max-width:880px;margin-bottom:28px;display:flex}.settings-icon{width:44px;height:44px;color:var(--brand);background:var(--brand-soft);border-radius:9px;justify-content:center;align-items:center;display:inline-flex}.settings-content h2{letter-spacing:-.04em;margin:0 0 5px;font-size:27px}.settings-content header p{color:var(--text-secondary);margin:0;font-size:12px}.settings-group{max-width:880px;margin:0 0 28px}.settings-group>h3{margin:0 0 10px;font-size:12px}.setting-row,.settings-link{border-top:1px solid var(--border);text-align:left;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:66px;padding:12px 14px;display:flex}.setting-row:last-child,.settings-link:last-child{border-bottom:1px solid var(--border)}.setting-row>div:first-child,.settings-link>span{gap:4px;display:grid}.setting-row strong,.settings-link strong{font-size:12px}.setting-row span,.settings-link small{color:var(--text-secondary);font-size:10px;line-height:1.4}.setting-row__control select{border:1px solid var(--border-strong);background:var(--surface);border-radius:5px;min-width:160px;height:36px;padding:0 9px}.settings-link:hover{background:var(--surface-hover)}.theme-options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.theme-options>button{border:1px solid var(--border);background:var(--surface);border-radius:7px;padding:8px}.theme-options>button.is-active{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.theme-preview{border:1px solid var(--border);background:#fff;border-radius:4px;grid-template:18px 1fr/25% 1fr;height:92px;display:grid;overflow:hidden}.theme-preview i{background:#0b1f3a;grid-column:1/-1}.theme-preview b{background:#f3f3f3}.theme-preview em{border:1px solid #e0e0e0;margin:8px}.theme-preview--dark{background:#242424}.theme-preview--dark b{background:#1b1a19}.theme-preview--dark em{border-color:#4a4a4a}.theme-options>button>span:last-child{justify-content:center;align-items:center;gap:6px;min-height:34px;font-size:10px;display:flex}.segmented{border:1px solid var(--border);background:var(--surface-subtle);border-radius:5px;padding:2px;display:flex}.segmented button{border-radius:3px;height:30px;padding:0 10px;font-size:9px}.segmented button.is-active{color:var(--brand);background:var(--surface);box-shadow:0 1px 2px #00000014}.switch{width:40px;height:22px;position:relative}.switch input{opacity:0;position:absolute}.switch span{background:var(--border-strong);transition:background var(--transition);border-radius:11px;position:absolute;inset:0}.switch span:after{content:"";width:16px;height:16px;transition:transform var(--transition);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.switch input:checked+span{background:var(--brand)}.switch input:checked+span:after{transform:translate(18px)}.shortcut-list>div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:48px;padding:0 12px;font-size:11px;display:flex}.shortcut-list kbd{border:1px solid var(--border-strong);color:var(--text-secondary);background:var(--surface-raised);border-radius:4px;padding:4px 8px;font-size:9px}.users-workspace{height:100%;padding:28px clamp(20px,5vw,64px) 60px;overflow:auto}.users-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.users-header>div{align-items:center;gap:13px;display:flex}.users-header h1{margin:0;font-size:26px}.users-header p{color:var(--text-secondary);margin:3px 0 0;font-size:11px}.users-toolbar{justify-content:space-between;align-items:center;gap:15px;margin-top:22px;padding:10px 0;display:flex}.users-toolbar>span{color:var(--text-secondary);align-items:center;gap:6px;font-size:9px;display:flex}.users-table{border:1px solid var(--border);border-radius:7px;overflow:hidden}.users-table__head,.users-table__row{grid-template-columns:minmax(240px,2fr) 100px minmax(180px,1.2fr) 120px 42px;align-items:center;gap:12px;display:grid}.users-table__head{min-height:38px;color:var(--text-secondary);background:var(--surface-raised);padding:0 12px;font-size:9px;font-weight:600}.users-table__row{border-top:1px solid var(--border);text-align:left;width:100%;min-height:62px;padding:7px 12px}.users-table__row:hover{background:var(--surface-hover)}.user-cell{align-items:center;gap:10px;min-width:0;display:flex}.user-cell>i{width:34px;height:34px;color:var(--brand);background:var(--brand-soft);border-radius:50%;place-items:center;display:grid}.user-cell>span{gap:2px;min-width:0;display:grid}.user-cell strong,.user-cell small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-cell strong{font-size:11px}.user-cell small{color:var(--text-secondary);font-size:9px}.users-table__row>span:nth-child(3){align-items:center;gap:5px;font-size:9px;display:flex}.status-pill,.admin-pill{color:var(--text-secondary);background:var(--surface-hover);border-radius:10px;padding:3px 7px;font-size:8px}.status-pill.is-active{color:var(--success);background:color-mix(in srgb, var(--success) 10%, var(--surface))}.admin-pill{color:var(--brand);background:var(--brand-soft)}.modal-backdrop{z-index:180;background:#00000061;place-items:center;padding:20px;display:grid;position:fixed;inset:52px 0 0 64px}.user-modal{background:var(--surface);width:min(520px,100%);max-height:90%;box-shadow:var(--shadow-flyout);border-radius:9px;gap:16px;padding:20px;display:grid;overflow:auto}.user-modal>header{justify-content:space-between;align-items:flex-start;display:flex}.user-modal h2{margin:0;font-size:20px}.user-modal header p{color:var(--text-secondary);margin:4px 0 0;font-size:10px}.form-grid{grid-template-columns:1fr 100px;gap:10px;display:grid}.user-modal footer{justify-content:flex-end;gap:8px;padding-top:8px;display:flex}.boot-screen{height:100%;color:var(--text-secondary);background:var(--surface);flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.boot-mark{border:4px solid var(--brand-soft);border-top-color:var(--brand);border-radius:50%;width:42px;height:42px;animation:.8s linear infinite spin}.boot-screen strong{color:var(--text);font-size:18px}.boot-screen small{font-size:10px}.mobile-only{display:none}@media (width<=1120px){.topbar{grid-template-columns:220px minmax(260px,560px) 1fr}.topbar__actions>.icon-button:nth-child(2){display:none}.mail-workspace{--folder-width:230px!important;--list-width:350px!important}.message-view__sender time,.toolbar-button span{display:none}.calendar-workspace{grid-template-columns:220px minmax(0,1fr)}.people-workspace{grid-template-columns:190px 300px minmax(300px,1fr)}}@media (width<=900px){.topbar{grid-template-columns:190px minmax(240px,1fr) auto}.topbar__actions>.icon-button{display:none}.mail-workspace{grid-template-columns:220px 3px minmax(320px,1fr)}.mail-workspace .reading-pane,.mail-workspace .pane-resizer--reader{z-index:20;background:var(--surface);position:absolute;inset:0}.mail-workspace--list .reading-pane,.mail-workspace--folders .reading-pane{display:none}.reader-toolbar{justify-content:space-between}.reader-toolbar .mobile-only{display:inline-flex}.calendar-sidebar{z-index:20;width:250px;box-shadow:var(--shadow-flyout);position:absolute;inset:0 auto 0 0}.calendar-workspace{grid-template-columns:0 minmax(0,1fr);position:relative}.calendar-workspace--expanded .calendar-sidebar{opacity:0;pointer-events:none}.people-workspace{grid-template-columns:220px minmax(280px,1fr)}.contact-detail{z-index:20;background:var(--surface);margin-left:284px;position:absolute;inset:0}.settings-workspace{grid-template-columns:230px minmax(0,1fr)}.theme-options{grid-template-columns:1fr}.theme-preview{height:56px}}@media (width<=700px){html,body,#root{overflow:hidden}.login-page{background:var(--surface);display:block;overflow:auto}.login-visual{display:none}.login-form-panel{min-height:100%;padding:calc(28px + env(safe-area-inset-top)) 22px calc(32px + env(safe-area-inset-bottom));flex-direction:column;justify-content:center;display:flex;overflow:visible}.login-mobile-brand{margin:0 auto 34px;display:block}.login-mobile-brand .brand{color:var(--brand)}.login-mobile-brand .brand__copy small{color:var(--text-secondary)}.login-mobile-brand .brand__mark{width:43px;height:43px}.login-form{width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;gap:17px;padding:0}.login-form h2{font-size:27px}.login-form-panel .field__control{height:50px}.login-legal{text-align:center;margin-top:34px;position:static}.app-shell{grid-template:104px minmax(0,1fr) 62px/minmax(0,1fr)}.topbar{grid-template:50px 46px/auto 1fr auto;grid-area:1/1;gap:0 8px;height:104px;padding:2px 10px 6px}.topbar__brand{grid-column:1}.topbar__brand .brand__copy{display:none}.topbar__menu{order:2;width:34px;height:34px}.topbar__brand .brand{order:1}.topbar__brand .brand__mark{width:31px;height:31px}.topbar__mobile-title{grid-column:2;align-items:center;gap:6px;font-size:13px;display:flex}.topbar__actions{grid-column:3}.topbar__actions .profile-button{width:32px;height:32px;margin:0}.global-search-wrap{grid-area:2/1/auto/-1}.global-search{background:#ffffff21;height:40px}.global-search kbd{display:none}.search-popover{width:auto;max-height:calc(100vh - 170px);position:fixed;top:98px;left:8px;right:8px;overflow:auto}.search-grid{grid-template-columns:1fr}.app-rail{display:none}.app-content{grid-area:2/1}.mobile-nav{padding:5px max(5px, env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(5px, env(safe-area-inset-left));border-top:1px solid var(--border);background:var(--surface);z-index:100;grid-row:3;grid-template-columns:repeat(5,1fr);display:grid}.mobile-nav a{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:8px;display:flex;position:relative}.mobile-nav a.is-active{color:var(--brand)}.mail-workspace,.mail-workspace--no-reader{height:100%;display:block;position:relative}.folder-pane,.message-list-pane,.reading-pane{width:100%;height:100%;margin:0!important;position:absolute!important;inset:0!important}.folder-pane{z-index:30;background:var(--surface)}.message-list-pane{z-index:20;background:var(--surface)}.reading-pane{z-index:40}.mail-workspace--list .folder-pane,.mail-workspace--message .folder-pane,.mail-workspace--folders .message-list-pane,.mail-workspace--message .message-list-pane,.mail-workspace--folders .reading-pane,.mail-workspace--list .reading-pane{visibility:hidden;opacity:0;pointer-events:none;transform:translate(-12px)}.mail-workspace--folders .folder-pane,.mail-workspace--list .message-list-pane,.mail-workspace--message .reading-pane{visibility:visible;opacity:1;pointer-events:auto;transform:none}.pane-resizer,.folder-peek{display:none}.folder-pane__header{min-height:61px}.folder-pane__header .icon-button{display:none}.new-mail-button{height:44px}.module-toolbar{min-height:58px}.module-toolbar .mobile-only,.reader-toolbar .mobile-only{display:inline-flex}.module-toolbar__title{gap:4px}.message-row{grid-template-columns:18px 38px minmax(0,1fr) auto;min-height:74px;padding-right:10px}.message-row__subject{font-size:12px}.reader-toolbar{min-height:50px}.message-view__header{padding:18px 16px 13px}.message-view__header h2{font-size:20px}.message-view__sender{grid-template-columns:42px minmax(0,1fr)}.privacy-banner{margin:0 12px}.message-body{padding:22px 16px 48px;font-size:14px}.message-view__footer{flex-wrap:wrap;padding:14px 16px 28px}.reader-toolbar__actions .toolbar-button:nth-child(2){display:none}.mobile-compose{z-index:55;color:#fff;background:var(--brand);border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:absolute;bottom:18px;right:18px;box-shadow:0 4px 15px #0f6cbd59}.composer,.composer--maximized{border:0;border-radius:0;grid-template-rows:48px auto auto auto auto 40px minmax(120px,1fr) auto 56px;width:100%!important;height:100%!important;inset:0!important}.composer__identity,.composer__status{display:none}.calendar-workspace,.calendar-workspace--expanded{display:block;position:relative}.calendar-sidebar{width:min(86vw,320px);transition:transform var(--transition);transform:translate(0)}.calendar-workspace--expanded .calendar-sidebar{transform:translate(-100%)}.calendar-sidebar-peek{display:grid;top:72px}.calendar-toolbar{min-height:60px;padding:7px 8px}.calendar-toolbar h1{font-size:15px}.calendar-toolbar__nav .icon-button{width:30px}.calendar-toolbar__nav .secondary-button{padding:0 9px}.view-switcher select{width:90px;min-width:90px}.month-view__weekdays,.month-view__grid{min-width:700px}.month-view{overflow-x:auto}.month-view__grid{overflow:visible}.tasks-workspace{display:block;position:relative}.tasks-sidebar{display:none}.tasks-main{height:100%;padding:20px 14px 90px}.tasks-header{gap:14px;display:grid}.tasks-header .inline-search{width:100%}.add-task{margin-top:18px}.people-workspace{display:block;position:relative}.people-sidebar{display:none}.contact-list-pane{border:0;height:100%}.contact-detail{display:none}.settings-workspace{display:block;position:relative;overflow:auto}.settings-nav{border:0;min-height:auto}.settings-nav nav{padding-bottom:10px;display:flex;overflow-x:auto}.settings-nav nav button{width:auto;min-width:max-content}.settings-nav nav button svg:last-child{display:none}.settings-content{height:auto;padding:24px 16px 90px;overflow:visible}.settings-content>header,.setting-row{align-items:flex-start}.setting-row__control{max-width:55%}.setting-row__control .segmented{flex-direction:column}.users-workspace{padding:20px 12px 90px}.users-header{align-items:flex-start}.users-header .primary-button span{display:none}.users-toolbar{flex-direction:column;align-items:stretch}.users-toolbar .inline-search{width:100%}.users-table{border:0}.users-table__head{display:none}.users-table__row{border:1px solid var(--border);border-radius:6px;grid-template-columns:minmax(0,1fr) auto;margin-bottom:8px}.users-table__row>span:nth-child(3),.users-table__row>span:nth-child(4),.users-table__row>span:nth-child(5){display:none}.modal-backdrop{padding:8px;inset:0}.user-modal{max-height:calc(100% - 16px)}}@media (width<=390px){.topbar__mobile-title strong,.message-check{display:none}.message-row{grid-template-columns:38px minmax(0,1fr) auto}.search-options{gap:8px;display:grid}.settings-icon{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}