@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/033400d475fad6b1-s.197tvtifbphtu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/26daee0352f50a5f-s.2e115y8-hourl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/017d9bea37084d9b-s.p.41rroleoq1br7.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Fallback;src:local(Arial);ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.0%;size-adjust:105.43%}._20uw4a_className{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}._20uw4a_variable{--font-bricolage:"Bricolage Grotesque", "Bricolage Grotesque Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.2f7nqdagzwx2-.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.176arc174-8zp.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.0bp8oijd_gu96.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.1fby2rem9ngyr.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.0vfdmo25voy_0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.3t6q91iet4nsy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}._9hS9bG_className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}._9hS9bG_variable{--font-jetbrains-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--ink:#12201c;--paper:#f4f3ed;--mint:#a7f3d0;--acid:#10b981;--panel:#101b18;--panel-text:#e7efe9;--line:#d9dbd0;--muted:#5b6b65;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-mode=light]){--ink:#e7efe9;--paper:#0d1714;--line:#294038;--muted:#9fb3ab;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html:not([data-mode=light]) .form-error{color:#ffb4ab}html:not([data-mode=light]) .login-page .brand-logo{filter:brightness(0)invert()}}:root[data-mode=dark]{--ink:#e7efe9;--paper:#0d1714;--line:#294038;--muted:#9fb3ab;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-mode=dark] .form-error{color:#ffb4ab}html[data-mode=dark] .login-page .brand-logo{filter:brightness(0)invert()}html[data-theme=emerald]{--acid:#10b981;--mint:#a7f3d0}html[data-theme=blue]{--acid:#0369a1;--mint:#bae6fd}html[data-theme=graphite]{--acid:#a1a1aa;--mint:#e4e4e7}html[data-theme=lime]{--acid:#d8ff48;--mint:#b9f6dd}*{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body{touch-action:manipulation}body{background:var(--paper);color:var(--ink);font:16px/1.45 var(--font-bricolage), system-ui, sans-serif;margin:0}button,input,textarea,select{font:inherit}@media (max-width:768px){html body input:not([type=checkbox]):not([type=radio]),html body textarea,html body select{font-size:16px!important}}button{cursor:pointer}a{color:inherit}code{font-family:var(--font-jetbrains-mono), ui-monospace, monospace;overflow-wrap:anywhere}:focus-visible{outline:3px solid var(--acid);outline-offset:3px}.brand{align-items:center;width:164px;max-width:100%;text-decoration:none;display:inline-flex}.brand-logo{width:100%;height:auto;display:block}.folder-pane .brand-logo{filter:brightness(0)invert()}.primary{background:var(--acid);color:#12201c;border:0;border-radius:999px;padding:12px 22px;font-weight:700}.text-button{color:inherit;text-align:left;background:0 0;border:0;padding:7px 0}.form-error{color:#9f1c14;margin:0;font-size:14px}.topbar{max-width:1180px;color:var(--muted);justify-content:space-between;margin:auto;padding:28px clamp(18px,4vw,48px);display:flex}.login-page{flex-direction:column;min-height:100dvh;display:flex;overflow-x:clip}.login-page .topbar{align-self:center;align-items:center;gap:16px;width:100%}.login-page .brand{flex:0 auto;width:202px;min-width:0}.login-page .topbar>span{white-space:nowrap;font-size:15px}.login-stage{flex:1 0 auto;justify-content:center;align-items:center;padding:8px clamp(20px,4vw,48px) 40px;display:flex}.login-column{width:min(440px,100%);min-width:0}.login-title{color:var(--ink);letter-spacing:-.015em;margin:0 0 14px;font-size:19px;font-weight:600;line-height:1.3}.login-form{gap:12px;width:100%;min-width:0;display:grid}.login-field{gap:6px;min-width:0;display:grid}.login-field span{color:var(--muted);font-size:14px;font-weight:650}.login-form input{border:1px solid var(--line);width:100%;height:48px;min-height:48px;color:inherit;letter-spacing:0;background:0 0;border-radius:10px;margin:0;padding:0 44px 0 14px;font-size:16px;font-weight:400;line-height:1.4}.login-form input::placeholder{color:var(--muted);opacity:.72}.login-form input:focus,.login-form input:focus-visible{border-color:var(--acid);outline:1px solid var(--acid);outline-offset:0}.login-resolved{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.4}.login-form .primary{width:100%;height:48px;min-height:48px;padding:0 16px;font-size:16px}.login-form .primary:disabled{cursor:progress;opacity:.72}.login-help{color:var(--muted);overflow-wrap:anywhere;margin:28px 0 0;font-size:14px;line-height:1.45}.login-help a{text-underline-offset:3px}.login-note{border-left:3px solid var(--acid);color:var(--muted);overflow-wrap:anywhere;background:0 0;margin:20px 0 0;padding:10px 12px;font-size:13px;line-height:1.45}.login-form label,.settings-form label,.compose-dialog label{gap:6px;display:grid}input,textarea{border:1px solid var(--line);width:100%;color:inherit;background:0 0;border-radius:7px;padding:11px}textarea{resize:vertical;min-height:120px}.mail-client{max-width:760px;padding:8px 0 12px}.mail-client h2{letter-spacing:-.03em;margin:0 0 8px;font-size:clamp(28px,4vw,36px)}.mail-client>p{max-width:62ch;color:var(--muted);margin:0 0 22px}.mail-client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.mail-client article{border-top:1px solid var(--line);padding-top:14px}.mail-client h3{margin:0 0 8px;font-size:16px}.mail-client dl{margin:0}.mail-client dl>div{border-bottom:1px solid var(--line);grid-template-columns:7.2em minmax(0,1fr);gap:10px;padding:8px 0;display:grid}.mail-client dt{color:var(--muted)}.mail-client dd{overflow-wrap:anywhere;margin:0}.mail-client article>p{color:var(--muted);margin:14px 0 0;font-size:14px}.mail-workspace{background:var(--paper);height:100dvh;min-height:0;color:var(--ink);grid-template-columns:236px minmax(300px,400px) minmax(0,1fr);display:grid;position:relative;overflow:hidden}.folder-pane{background:var(--panel);min-height:0;color:var(--panel-text);flex-direction:column;align-items:stretch;gap:10px;padding:12px 10px;display:flex;overflow:hidden auto}.pane-heading{gap:12px;display:grid}.pane-tools{align-items:center;gap:6px;display:flex}.pane-tools .brand{width:132px}.icon-button,.folder-pane .text-button{align-items:center;gap:8px;display:inline-flex}.icon-button{color:inherit;background:0 0;border:0;border-radius:6px;padding:7px}.folder-pane nav{gap:2px;display:grid}.folder-caption{color:inherit;letter-spacing:.04em;text-transform:uppercase;opacity:.62;margin:10px 8px 2px;font-size:11px;font-weight:700}.folder-row{-webkit-user-drag:element;-webkit-user-select:none;user-select:none;cursor:grab;border-radius:7px;align-items:center;display:flex}.folder-row-main{min-width:0;color:inherit;text-align:left;-webkit-user-drag:element;-webkit-user-select:none;user-select:none;cursor:grab;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:7px 8px;display:flex}.folder-row:active,.folder-row-main:active{cursor:grabbing}.folder-row button{color:inherit;text-align:left;background:0 0;border:0;padding:7px 8px}.folder-row.active{background:#294038}.folder-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.folder-count{margin-left:auto;font-size:12px;font-weight:700}.folder-row{align-items:center;display:flex;position:relative}.folder-row[draggable=true]{cursor:grab}.folder-row[draggable=true]:active{cursor:grabbing}.folder-row.folder-insert-before{box-shadow:inset 0 2px 0 0 var(--acid,#d8ff48)!important}.folder-row.folder-insert-after{box-shadow:inset 0 -2px 0 0 var(--acid,#d8ff48)!important}.folder-icon{flex:none;display:inline-flex}.folder-edit{background:var(--panel,#14221c);box-shadow:-4px 0 8px var(--panel,#14221c);z-index:25;-webkit-app-region:no-drag;-webkit-user-drag:none;border-radius:6px;align-items:center;gap:2px;padding:2px;display:none;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.folder-row.active .folder-edit{background:#294038;box-shadow:-4px 0 8px #294038}.folder-row:hover .folder-edit{display:flex}.folder-row:hover .folder-count,.folder-row.menu-open .folder-count{opacity:0;visibility:hidden;pointer-events:none}.folder-row.menu-open{z-index:100!important}.folder-row.menu-open .folder-edit{display:flex!important}.folder-edit button,.folder-action-btn{color:var(--panel-text,var(--muted));letter-spacing:1px;cursor:pointer;-webkit-app-region:no-drag;-webkit-user-drag:none;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:2px 6px;font-size:15px;font-weight:700;line-height:1;transition:all .12s;display:inline-flex}.folder-edit button:hover,.folder-action-btn:hover{color:var(--ink,#fff);background:#ffffff26}.folder-edit button.delete-btn:hover{color:#ef4444;background:#ef444433}.folder-menu{border-radius:8px;gap:3px;min-width:220px;padding:8px;display:grid;position:absolute;top:calc(100% + 4px);right:0;z-index:120!important;background:#14221c!important;border:1px solid #fff3!important;box-shadow:0 12px 32px #000000a6!important}.folder-menu-label{color:var(--muted);text-transform:uppercase;padding:3px 5px 1px;font-size:11px;font-weight:700}.folder-menu>button{cursor:pointer;border-radius:5px;width:100%;padding:6px 7px}.folder-menu>button:hover{background:#ffffff1a}.folder-menu>button.danger:hover{color:#f87171;background:#ef444424}.folder-color-palette{grid-template-columns:repeat(5,1fr);gap:5px;padding:2px 3px 6px;display:grid}.folder-color-palette button{width:20px;min-width:0;height:20px;color:var(--ink);cursor:pointer;border:2px solid #0000;border-radius:50%;padding:0}.folder-color-palette button:first-child{background:0 0;border-color:#ffffff59}.folder-color-palette button.selected{outline-offset:1px;outline:2px solid #fff}.folder-parent-note{color:var(--muted);margin:-4px 0 12px;font-size:13px}.account-links{gap:2px;margin-top:auto;padding-top:12px;display:grid}.account-links a,.account-links .text-button{color:inherit;font:inherit;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;margin:0;padding:8px 9px;line-height:1.3;text-decoration:none;display:flex}.account-links a:hover,.account-links .text-button:hover{background:#294038}.account-switcher-container{width:100%;margin-top:auto;padding-top:8px;position:relative}.account-profile-pill{width:100%;color:inherit;text-align:left;cursor:pointer;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;transition:all .15s ease-in-out;display:flex}.account-profile-pill:hover,.account-profile-pill.is-active{background:#ffffff14;border-color:#d8ff4840}.account-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;font-size:14px;font-weight:700;display:flex;box-shadow:0 2px 6px #00000040}.account-info{flex-direction:column;flex:1;min-width:0;display:flex}.account-email{color:#f1f5f3;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:1.25;overflow:hidden}.account-status{color:var(--muted,#fff9);font-size:11px;line-height:1.2}.account-chevron{color:var(--muted,#fff9);align-items:center;transition:transform .2s;display:flex}.account-profile-pill.is-active .account-chevron{transform:rotate(180deg)}.account-switcher-popup{box-sizing:border-box;z-index:1000;background:#14241f;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;gap:4px;width:auto;min-width:100%;padding:8px;animation:.15s ease-out popupFadeIn;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;right:0;box-shadow:0 12px 32px #0009,0 2px 6px #0006}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.popup-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:4px;padding:6px 8px 8px;display:flex}.popup-title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted,#ffffff80);font-size:11px;font-weight:700}.popup-count{color:#d8ff48;background:#d8ff4826;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:700}.accounts-list{flex-direction:column;gap:2px;max-height:200px;display:flex;overflow-y:auto}.account-item{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;transition:background .12s;display:flex}.account-item:hover{background:#ffffff0f}.account-item.is-current{background:#d8ff4814}.account-avatar-sm{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;min-width:26px;height:26px;font-size:11px;font-weight:700;display:flex}.account-details{flex-direction:column;flex:1;min-width:0;display:flex}.account-item-email{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.account-item-badge{color:var(--muted,#ffffff80);font-size:10px}.account-check{color:#d8ff48;align-items:center;display:flex}.account-remove-btn{width:20px;height:20px;color:var(--muted,#ffffff80);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:0;display:flex}.account-remove-btn:hover{color:#ff6b6b;background:#ffffff26}.add-account-btn{color:#d8ff48;cursor:pointer;background:0 0;border:1px dashed #ffffff26;border-radius:8px;align-items:center;gap:8px;margin-top:4px;padding:8px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.add-account-btn:hover{background:#d8ff4814;border-color:#d8ff48}.add-account-form{background:#00000040;border-radius:8px;flex-direction:column;gap:6px;margin-top:4px;padding:8px;display:flex}.add-account-form .form-title{color:#d8ff48;font-size:11px;font-weight:600}.add-account-form input{color:#fff;background:#0d1a16;border:1px solid #ffffff26;border-radius:6px;outline:none;padding:6px 8px;font-size:12px}.add-account-form input:focus{border-color:#d8ff48}.add-account-form .form-actions{justify-content:flex-end;gap:6px;margin-top:4px;display:flex}.add-account-form button{cursor:pointer;border:0;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.add-account-form .btn-cancel{color:#fff;background:#ffffff1a}.add-account-form .btn-submit{color:#0d1a16;background:#d8ff48}.form-error{color:#ff6b6b;font-size:11px;line-height:1.3}.popup-divider{background:#ffffff14;height:1px;margin:4px 0}.popup-links{flex-direction:column;gap:2px;display:flex}.popup-link{color:var(--muted,#ffffffb3);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;text-decoration:none;display:flex}.popup-link:hover{color:#fff;background:#ffffff0f}.popup-link.is-logout:hover{color:#ff6b6b}.nav-collapsed .account-info,.nav-collapsed .account-chevron{display:none}.nav-collapsed .account-profile-pill{background:0 0;border:0;justify-content:center;padding:4px}.nav-collapsed .account-switcher-popup{width:250px;left:4px;right:auto}.mail-connection-error{text-align:center;place-content:center;gap:8px;min-height:100vh;padding:24px;display:grid}.mail-connection-error h1,.mail-connection-error p{margin:0}.message-pane{border-right:1px solid var(--line);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.message-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:8px 10px;display:flex}.message-toolbar input{flex:1;width:auto;min-width:0;padding:6px 8px}.search-filters-toggle{border:1px solid var(--line);color:inherit;background:0 0;border-radius:5px;flex:none;padding:6px 8px;font-size:13px}.search-filters-toggle.is-open{border-color:var(--acid);background:color-mix(in srgb, var(--acid) 14%, transparent)}.search-filters{z-index:20;border:1px solid var(--line);background:var(--paper);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;display:grid;position:absolute;top:48px;left:10px;right:10px;box-shadow:0 12px 30px #0000003d}.search-filters-heading,.search-filters-actions{grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;display:flex}.search-filters-heading button{color:var(--muted);background:0 0;border:0;font-size:20px;line-height:1}.search-filters-actions{justify-content:flex-end;padding-top:2px}.search-filters label{min-width:0;color:var(--muted);gap:3px;font-size:12px;display:grid}.search-filters input,.search-filters select{border:1px solid var(--line);background:var(--paper);min-width:0;color:inherit;border-radius:5px;padding:5px 7px;font-size:13px}.search-filters .search-filter-check{color:var(--ink);align-items:center;gap:6px;padding-top:18px;display:flex}.search-filters .search-filter-check input{width:auto}.filter-bar button,.selection-bar button,.pagination button{border:1px solid var(--line);color:inherit;background:0 0;border-radius:5px;padding:4px 8px;font-size:13px}.filter-bar,.selection-bar{border:0;border-bottom:1px solid var(--line);border-radius:0;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:6px 10px;display:flex}.filter-bar button[aria-checked=true]{background:#0f6cbd24;border-color:#0f6cbd}.selection-bar{background:color-mix(in srgb, #0f6cbd 10%, var(--paper))}.selection-actions-desktop{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.selection-actions-mobile{display:none}.selection-bar select,.command-bar select{border:1px solid var(--line);background:var(--paper);max-width:160px;color:inherit;border-radius:5px;padding:4px 6px}.message-list{flex:1;min-height:0;overflow:auto}.message-list-header{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:7px;padding:7px 12px;font-size:12px;display:flex}.message-list-header input{width:auto;margin:0}.mail-group{z-index:1;border-bottom:1px solid var(--line);background:var(--paper);color:var(--muted);letter-spacing:.02em;margin:0;padding:6px 12px;font-size:12px;position:sticky;top:0}.empty-list{color:var(--muted);margin:0;padding:18px 12px}.message-row{border-bottom:1px solid var(--line);grid-template-columns:28px minmax(0,1fr);align-items:start;display:grid;position:relative}.message-row.unread:before{content:"";background:#0f6cbd;border-radius:2px;width:3px;position:absolute;top:8px;bottom:8px;left:0}.message-row.is-flagged{background:color-mix(in srgb, #ef4444 8%, var(--paper))}.message-row.is-flagged:before{content:"";background:#dc2626;width:4px;position:absolute;top:0;bottom:0;left:0}.message-row.is-flagged .subject-line svg:first-child,.message-row.is-flagged .row-actions button[aria-label=Flaga]{color:#dc2626}.message-row.active{background:#0f6cbd1f}.message-row.is-flagged.active{background:color-mix(in srgb, #ef4444 14%, var(--paper))}.message-row>input{width:auto;margin:14px 0 0 8px}.row-open{width:100%;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:32px minmax(0,1fr);gap:8px;padding:8px 10px 8px 4px;display:grid}.avatar{color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:grid}[data-density=compact] .row-open{gap:6px;padding:4px 8px 4px 4px}[data-density=compact] .message-row>input{margin:9px 0 0 8px}[data-density=compact] .avatar{width:26px;height:26px;font-size:10px}[data-density=compact] .preview-line{font-size:12px;line-height:1.25}[data-density=relaxed] .row-open{gap:12px;padding:13px 12px 13px 6px}[data-density=relaxed] .message-row>input{margin:18px 0 0 8px}[data-density=relaxed] .avatar{width:36px;height:36px;font-size:13px}[data-density=relaxed] .preview-line{font-size:13px;line-height:1.45}.message-main,.subject-line,.preview-line{min-width:0}.message-top{justify-content:space-between;gap:8px;display:flex}.sender{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.subject-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.unread-sender{font-weight:700}.subject-line{align-items:center;gap:4px;font-size:13px;display:flex}.subject-line svg{flex:none}.preview-line,.when{color:var(--muted);font-size:12px}.preview-line{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.when{flex:none}.row-actions{z-index:1;background:var(--paper);border-radius:6px;gap:2px;padding:2px;display:none;position:absolute;top:6px;right:6px}.row-actions button{color:inherit;background:0 0;border:0;border-radius:5px;place-items:center;padding:5px;display:grid}.row-actions button:hover{background:color-mix(in srgb, var(--ink) 8%, transparent)}.message-row:hover .row-actions,.message-row:focus-within .row-actions{display:flex}.message-row:hover .when,.message-row:focus-within .when{visibility:hidden}.pagination{border-top:1px solid var(--line);justify-content:space-between;padding:10px;font-size:13px;display:flex}.reader-pane{flex-direction:column;min-width:0;min-height:0;padding:0;display:flex;overflow:hidden;container:reader/inline-size}.reader-tabs{scrollbar-width:thin;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--paper) 84%, var(--ink) 4%);flex:none;align-items:end;gap:2px;min-height:38px;padding:5px 8px 0;display:flex;overflow-x:auto}.reader-tab{min-width:120px;max-width:240px;height:32px;color:var(--muted);cursor:pointer;border:1px solid #0000;border-bottom:0;border-radius:7px 7px 0 0;outline:none;flex:0 220px;align-items:center;gap:6px;padding:0 6px 0 10px;display:flex}.reader-tab:hover,.reader-tab:focus-visible{background:color-mix(in srgb, var(--paper) 90%, var(--ink) 7%);color:var(--ink)}.reader-tab:focus-visible{outline:2px solid var(--mint);outline-offset:-2px}.reader-tab.is-active{z-index:1;border-color:var(--line);background:var(--paper);color:var(--ink);margin-bottom:-1px;font-weight:600;position:relative}.reader-tab-label{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.reader-tab-close{width:20px;height:20px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;place-items:center;margin-left:auto;padding:0;font-size:17px;line-height:1;display:grid}.reader-tab-close:hover,.reader-tab-close:focus-visible{background:color-mix(in srgb, var(--ink) 12%, transparent)}@media (max-width:800px){.reader-tabs{display:none}}.reader-navigation{border-top:1px solid var(--line);background:var(--paper);justify-content:flex-end;gap:6px;padding:8px 12px;display:flex}.reader-navigation button{border:1px solid var(--line);color:inherit;background:0 0;border-radius:5px;align-items:center;gap:4px;padding:5px 8px;font-size:13px;display:inline-flex}.reader-navigation button:disabled{cursor:not-allowed;opacity:.45}.empty-reader{color:var(--muted);place-items:center;display:grid}.command-bar{scrollbar-width:none;border-bottom:1px solid var(--line);background:var(--paper);flex-wrap:nowrap;flex:none;align-items:center;gap:2px;padding:4px 8px;display:flex;overflow-x:auto}.command-bar::-webkit-scrollbar{display:none}.command-bar button,.editor-toolbar button{color:inherit;white-space:nowrap;background:0 0;border:0;border-radius:6px;flex:none;align-items:center;gap:6px;padding:6px 8px;font-size:13px;display:inline-flex}.command-bar button:hover,.editor-toolbar button:hover,.command-bar button[aria-pressed=true],.editor-toolbar button[aria-pressed=true]{background:color-mix(in srgb, var(--ink) 8%, transparent)}.command-bar .is-on{color:#ca5010}.command-sep{background:var(--line);flex:none;width:1px;height:20px;margin:0 4px}.command-bar .command-move{border-radius:6px;flex:none;align-items:center;gap:2px;padding:0 0 0 8px;display:inline-flex}.command-bar .command-move:hover{background:color-mix(in srgb, var(--ink) 8%, transparent)}.command-bar .command-move select{max-width:140px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 4px;font-size:13px}.command-bar .command-move select option{background:var(--paper);color:var(--ink)}@container reader (max-width:1060px){.command-bar .cmd-secondary .cmd-label{display:none}}@container reader (max-width:640px){.command-bar .cmd-label{display:none}.command-bar .back-button .cmd-label{display:inline}.command-bar .command-move select{max-width:104px}}.folders-toggle,.command-bar .back-button{display:none}.reading-body{flex:1;min-height:0;padding:8px 18px 28px;overflow:auto}.reading-subject{letter-spacing:-.02em;margin:8px 0 14px;font-size:22px;font-weight:650;line-height:1.25}.thread-message{padding:8px 0 16px}.reading-head{grid-template-columns:40px minmax(0,1fr) auto;align-items:start;gap:10px;display:grid}.reading-head .avatar{width:40px;height:40px;font-size:13px}.address-line,.thread-message p{margin:0}.address-line{font-size:14px}.address-line strong{font-weight:650}.reading-head time,.thread-collapsed time{color:var(--muted);white-space:nowrap;font-size:12px}.meta-toggle{color:#0f6cbd;background:0 0;border:0;padding:0;font-size:13px}.recipient-details{color:var(--muted);gap:2px;margin-top:6px;font-size:13px;display:grid}.recipient-details span{width:2.4em;color:var(--ink);display:inline-block}.attachment-cards{flex-wrap:wrap;gap:10px;margin:14px 0 8px;padding:0;list-style:none;display:flex}.attachment-card{border:1px solid var(--line);background:color-mix(in srgb, var(--ink) 3%, transparent);width:295px;max-width:100%;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative}.attachment-card:hover{background:color-mix(in srgb, var(--ink) 6%, transparent);border-color:#38bdf873;transform:translateY(-1px);box-shadow:0 4px 12px #00000040}.attachment-card:focus-visible{outline-offset:2px;outline:2px solid #0f6cbd}.attachment-card-left{flex-shrink:0;justify-content:center;align-items:center;display:flex}.attachment-card-badge{color:#fff;letter-spacing:.5px;text-shadow:0 1px 2px #0006;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 2px 5px #00000040}.attachment-card-thumb{background:#0003;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.attachment-card-thumb img{object-fit:cover;width:100%;height:100%;display:block}.attachment-card-center{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.attachment-card-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;line-height:1.3;overflow:hidden}.attachment-card-details{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.2;overflow:hidden}.attachment-card-right{flex-shrink:0;align-items:center;margin-left:auto;display:flex}.attachment-card-download-btn{color:var(--ink);background:color-mix(in srgb, var(--ink) 6%, transparent);border:1px solid color-mix(in srgb, var(--ink) 14%, transparent);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:5px 9px;font-size:11.5px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .12s;display:inline-flex}.attachment-card-download-btn:hover{color:#fff;background:#0f6cbd;border-color:#0f6cbd;transform:scale(1.02);box-shadow:0 2px 8px #0f6cbd73}.attachment-card-download-btn:active{transform:scale(.98)}.attachment-dl-label{line-height:1;display:inline-block}.attachment-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(10px);background:#0a0e17e0;flex-direction:column;animation:.18s ease-out attachmentFadeIn;display:flex;position:fixed;inset:0}@keyframes attachmentFadeIn{0%{opacity:0}to{opacity:1}}.attachment-modal-container{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.attachment-modal-header{z-index:10;background:#141a26f2;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:16px;height:56px;min-height:56px;padding:0 20px;display:flex;box-shadow:0 2px 10px #0000004d}.attachment-modal-meta{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.attachment-badge-pill{color:#fff;letter-spacing:.5px;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 2px 4px #00000040}.attachment-modal-title-box{flex-direction:column;min-width:0;display:flex}.attachment-modal-filename{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;max-width:480px;font-size:14px;font-weight:600;overflow:hidden}.attachment-modal-filesize{color:#94a3b8;font-size:11px}.attachment-modal-pagination{border-left:1px solid #ffffff1f;align-items:center;gap:6px;margin-left:16px;padding-left:16px;display:flex}.attachment-nav-btn{color:#e2e8f0;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:inline-flex}.attachment-nav-btn:hover:not(:disabled){color:#fff;background:#ffffff2e}.attachment-nav-btn:disabled{opacity:.35;cursor:not-allowed}.attachment-counter-text{color:#cbd5e1;padding:0 4px;font-size:12px}.attachment-modal-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.attachment-action-download{color:#fff;background:#0f6cbd;border:1px solid #ffffff26;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,box-shadow .15s,transform .15s;display:inline-flex;box-shadow:0 2px 6px #0f6cbd66}.attachment-action-download:hover{background:#117adc;transform:translateY(-1px);box-shadow:0 4px 12px #0f6cbd8c}.attachment-action-external,.attachment-action-close{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;text-decoration:none;transition:all .15s;display:inline-flex}.attachment-action-external:hover,.attachment-action-close:hover{color:#fff;background:#ffffff2e}.attachment-modal-body{flex:1;justify-content:center;align-items:center;padding:16px;display:flex;position:relative;overflow:auto}.attachment-preview-pdf-container{background:#1e2430;border-radius:8px;width:100%;max-width:1200px;height:100%;overflow:hidden;box-shadow:0 10px 40px #0009}.attachment-preview-iframe{border:none;width:100%;height:100%;display:block}.attachment-preview-image-container{justify-content:center;align-items:center;max-width:100%;max-height:100%;display:flex}.attachment-preview-image{object-fit:contain;border-radius:6px;max-width:90vw;max-height:calc(100vh - 100px);box-shadow:0 12px 48px #000000b3}.attachment-preview-media-container{background:#1e2430;border-radius:12px;padding:24px;box-shadow:0 12px 40px #00000080}.attachment-audio-player,.attachment-video-player{max-width:90vw;max-height:calc(100vh - 160px)}.attachment-preview-text-container{background:#131822;border:1px solid #ffffff1a;border-radius:8px;width:100%;max-width:1100px;height:100%;padding:20px;overflow:auto;box-shadow:0 10px 40px #00000080}.attachment-preview-code{color:#e2e8f0;white-space:pre-wrap;word-break:break-all;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.5}.attachment-preview-loading{color:#94a3b8;text-align:center;padding:40px;font-size:14px}.attachment-preview-fallback{text-align:center;background:#18202f;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:480px;padding:40px 32px;display:flex;box-shadow:0 12px 40px #00000080}.attachment-fallback-icon{color:#fff;letter-spacing:.5px;border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;font-size:18px;font-weight:700;display:flex;box-shadow:0 4px 16px #00000059}.attachment-fallback-name{color:#f8fafc;word-break:break-all;margin:0 0 8px;font-size:16px;font-weight:600}.attachment-fallback-meta{color:#94a3b8;margin:0 0 16px;font-size:13px}.attachment-fallback-desc{color:#cbd5e1;margin:0 0 24px;font-size:13px;line-height:1.5}.attachment-fallback-download-btn{color:#fff;background:#0f6cbd;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,box-shadow .15s,transform .15s;display:inline-flex;box-shadow:0 4px 14px #0f6cbd73}.attachment-fallback-download-btn:hover{background:#117adc;transform:translateY(-1px);box-shadow:0 6px 20px #0f6cbd99}.image-banner{color:#3b3a39;background:#fff4ce;border:1px solid #fde7a2;border-radius:4px;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:12px 0;padding:8px 12px;font-size:13px;display:flex}.image-banner button{color:#0f6cbd;background:0 0;border:0;padding:0;font-weight:650}.mail-frame{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:0;width:100%;margin-top:8px;display:block;overflow:hidden}.thread-collapsed{border:1px solid var(--line);width:100%;color:inherit;text-align:left;background:0 0;border-radius:8px;justify-content:space-between;gap:12px;margin:8px 0;padding:8px 10px;display:flex}.thread-collapsed span{align-items:center;gap:8px;min-width:0;display:flex}.thread-collapsed small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compose-pane{background:var(--paper);min-width:0;height:100%;min-height:0;color:var(--ink);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.compose-pane.is-dragging{outline-offset:-8px;outline:2px dashed #0f6cbd}.compose-sticky-bar{z-index:10;border-bottom:1px solid var(--line);background:var(--paper);flex:none;justify-content:space-between;align-items:center;gap:8px;padding:9px clamp(14px,2vw,32px);display:flex;position:sticky;top:0}.compose-bar-left,.compose-bar-right{align-items:center;gap:8px;display:flex}.compose-btn-send{background:var(--acid);color:#12201c;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;padding:7px 18px;font-size:13px;font-weight:700;transition:transform .12s,opacity .12s;display:inline-flex}.compose-btn-send:hover:not(:disabled){filter:brightness(.96)}.compose-btn-send:disabled{opacity:.6;cursor:not-allowed}.compose-bar-btn{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:inline-flex}.compose-bar-btn:hover{background:color-mix(in srgb, var(--ink) 8%, transparent)}.compose-draft-status{color:var(--muted);font-size:12px}.compose-scrollable-area{background:color-mix(in srgb, var(--ink) 2%, var(--paper));flex-direction:column;flex:1;gap:14px;min-height:0;padding:clamp(16px,2vw,28px) clamp(16px,4vw,72px) 64px;display:flex;overflow:hidden auto}.compose-alert-error{color:#d32f2f;background:#ff4d4f24;border:1px solid #ff4d4f66;border-radius:6px;justify-content:space-between;align-items:center;width:min(100%,1040px);margin-inline:auto;padding:8px 12px;font-size:13px;display:flex}@media (prefers-color-scheme:dark){html:not([data-mode=light]) .compose-alert-error{color:#ff7875}}html[data-mode=dark] .compose-alert-error{color:#ff7875}.alert-dismiss{color:inherit;cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:16px;line-height:1}.compose-fields-card{border:1px solid var(--line);background:var(--paper);border-radius:10px;flex-direction:column;flex-shrink:0;width:min(100%,1040px);margin-inline:auto;display:flex;overflow:hidden;box-shadow:0 1px 2px #00000012}.compose-fields-card .field-with-addon{border-bottom:1px solid color-mix(in srgb, var(--line) 45%, transparent);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding-right:12px;display:grid}.compose-fields-card .field-with-addon .recipient-row{border-bottom:0}.compose-fields-card .recipient-row:last-child,.compose-fields-card .compose-subject-row{border-bottom:0!important}.copies-toggle-btn{color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px 8px;font-size:12px}.copies-toggle-btn:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 6%, transparent)}.recipient-row{border-bottom:1px solid color-mix(in srgb, var(--line) 45%, transparent);grid-template-columns:56px minmax(0,1fr);align-items:center;gap:8px;min-height:46px;padding:4px 14px;display:grid}.compose-subject-row{min-height:46px;padding:4px 14px}.recipient-label{color:var(--muted);cursor:pointer;font-size:13px;font-weight:600}.recipient-chips-container{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.recipient-chip{background:color-mix(in srgb, var(--ink) 6%, transparent);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:2px 8px 2px 4px;font-size:12px;display:inline-flex}.recipient-chip.is-invalid{color:#d32f2f;background:#ff4d4f1f;border-color:#ff4d4f}@media (prefers-color-scheme:dark){html:not([data-mode=light]) .recipient-chip.is-invalid{color:#ff7875}}html[data-mode=dark] .recipient-chip.is-invalid{color:#ff7875}.chip-avatar{color:#fff;background:#0f6cbd;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:grid}.chip-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chip-remove{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:14px;line-height:1}.chip-remove:hover{color:var(--ink)}.recipient-input,.subject-input{min-width:140px;color:inherit;background:0 0;border:0;outline:none;flex:1;padding:6px 0;font-size:14px}.compose-attachments-bar{border:1px solid var(--line);background:var(--paper);border-radius:10px;flex-wrap:wrap;gap:8px;width:min(100%,1040px);margin-inline:auto;padding:10px 12px;display:flex;box-shadow:0 1px 2px #0000000d}.attachment-chip{border:1px solid var(--line);background:color-mix(in srgb, var(--ink) 4%, transparent);border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.attachment-chip-badge{color:#fff;letter-spacing:.3px;border-radius:3px;justify-content:center;align-items:center;padding:1px 5px;font-size:9.5px;font-weight:700;line-height:1.2;display:inline-flex}.attachment-name{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.attachment-size{color:var(--muted)}.attachment-remove{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:14px}.attachment-remove:hover{color:var(--ink)}.compose-writing-card{border:1px solid var(--line);background:var(--paper);border-radius:10px;flex-direction:column;flex-shrink:0;width:min(100%,1040px);min-height:280px;margin-inline:auto;display:flex;overflow:visible;box-shadow:0 2px 8px #00000012}.compose-editor-toolbar{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--ink) 3%, var(--paper));min-height:48px;color:var(--ink);border-top-left-radius:9px;border-top-right-radius:9px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:4px;padding:8px 12px;display:flex;overflow:visible}.compose-editor-toolbar::-webkit-scrollbar{display:none}.compose-editor-toolbar .format-btn{border:1px solid color-mix(in srgb, var(--line) 80%, transparent);background:color-mix(in srgb, var(--ink) 4%, transparent);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:all .12s;display:inline-flex;color:var(--ink)!important}.compose-editor-toolbar .format-btn svg{width:16px;height:16px;stroke:var(--ink)!important}.compose-editor-toolbar .format-btn:hover{background:color-mix(in srgb, var(--ink) 10%, transparent);border-color:var(--ink)}.compose-editor-toolbar .format-btn.is-active{background:color-mix(in srgb, var(--acid) 20%, transparent);border-color:var(--acid);color:var(--acid)!important}.compose-editor-toolbar .format-btn.is-active svg{stroke:var(--acid)!important}.format-color-picker-wrap{flex-shrink:0;align-items:center;display:inline-flex;position:relative}.format-color-btn{justify-content:center;align-items:center;gap:3px;min-width:40px;display:inline-flex;width:auto!important;padding:0 6px!important}.format-color-glyph{flex-direction:column;justify-content:center;align-items:center;line-height:1;display:inline-flex}.format-color-letter{color:var(--ink);font-family:inherit;font-size:14px;font-weight:800}.format-color-indicator{border-radius:2px;width:14px;height:3px;margin-top:1px;display:block;box-shadow:0 0 1px #0006}.format-color-chevron{opacity:.6;margin-left:1px;stroke:var(--ink)!important}.format-color-popover{z-index:100;background:var(--paper);border:1px solid var(--line);border-radius:10px;width:220px;padding:10px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 24px #0000003d}.format-color-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.format-color-title{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-size:11px;font-weight:700}.format-color-reset-btn{color:var(--accent,#0f6cbd);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:600}.format-color-reset-btn:hover{background:color-mix(in srgb, var(--ink) 6%, transparent)}.format-color-palette{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px;display:grid}.format-color-swatch{aspect-ratio:1;cursor:pointer;border:1px solid #00000026;border-radius:6px;place-items:center;width:100%;padding:0;transition:transform .1s,box-shadow .1s;display:grid}.format-color-swatch:hover{z-index:1;transform:scale(1.12);box-shadow:0 2px 6px #00000040}.format-color-swatch.is-selected{outline:2px solid var(--accent,#0f6cbd);outline-offset:1px}.format-color-check{font-size:11px;font-weight:800;line-height:1}.format-color-custom-row{border-top:1px solid color-mix(in srgb, var(--line) 60%, transparent);justify-content:space-between;align-items:center;padding-top:8px;display:flex}.format-color-custom-label{color:var(--muted);cursor:pointer;font-size:12px}.format-color-custom-input-wrap{border:1px solid var(--line);cursor:pointer;border-radius:50%;width:24px;height:24px;position:relative;overflow:hidden}.format-color-native-input{opacity:0;cursor:pointer;width:44px;height:44px;position:absolute;inset:-10px}.format-color-native-preview{pointer-events:none;width:100%;height:100%;display:block}.compose-editor-wrapper{cursor:text;background:var(--paper);border-bottom-right-radius:9px;border-bottom-left-radius:9px;flex:1 0 auto;min-height:clamp(260px,34vh,480px);padding:22px clamp(18px,3vw,30px);position:relative}.compose-editor-placeholder{color:var(--muted);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:15px;line-height:1.55;position:absolute;top:22px;left:clamp(18px,3vw,30px)}.compose-editor-wrapper:focus-within .compose-editor-placeholder{display:none}.compose-editor-content .ProseMirror{min-height:clamp(216px,29vh,432px);color:var(--ink);outline:none;font-size:15px;line-height:1.55}.compose-editor-content .ProseMirror p{margin:0 0 .6em}.compose-editor-content .ProseMirror strong{font-weight:700}.compose-editor-content .ProseMirror em{font-style:italic}.compose-editor-content .ProseMirror u{text-decoration:underline}.compose-editor-content .ProseMirror ul,.compose-editor-content .ProseMirror ol{margin:0 0 .6em;padding-left:1.5em}.compose-editor-content .ProseMirror ul{list-style:outside}.compose-editor-content .ProseMirror ol{list-style:decimal}.compose-editor-content .ProseMirror li+li{margin-top:.2em}.compose-editor-content .ProseMirror blockquote{border-left:3px solid var(--line);color:var(--muted);margin:8px 0;padding-left:12px}.compose-signature-section{border:1px solid var(--line);background:color-mix(in srgb, var(--ink) 2%, var(--paper));border-radius:10px;flex-shrink:0;width:min(100%,1040px);margin:4px auto 0;padding:12px}.compose-signature-bar{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.signature-actions{align-items:center;gap:8px;display:flex}.signature-expand-btn{background:color-mix(in srgb, var(--ink) 7%, transparent);color:var(--ink);cursor:pointer;border:0;border-radius:6px;padding:4px 7px;font-size:12px;font-weight:600;display:none}.signature-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:11px;font-weight:600}.signature-remove-btn{color:#ef4444;cursor:pointer;background:#ef44440f;border:1px solid #ef44444d;border-radius:6px;padding:3px 9px;font-size:12px;font-weight:500;transition:all .15s}.signature-remove-btn:hover{color:#ef4444;background:#ef444429;border-color:#ef4444}.compose-signature-add-bar{border:1px dashed var(--line);background:var(--paper);border-radius:10px;flex-shrink:0;width:min(100%,1040px);margin:4px auto 0;padding:10px 12px}.signature-add-btn{border:1px dashed var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:500;transition:all .15s}.signature-add-btn:hover{color:var(--ink);border-color:var(--ink);background:color-mix(in srgb, var(--ink) 6%, transparent)}.compose-signature-rendered{background:color-mix(in srgb, var(--ink) 3%, transparent);border:1px solid color-mix(in srgb, var(--line) 70%, transparent);color:var(--ink);-webkit-overflow-scrolling:touch;border-radius:8px;max-width:100%;padding:12px 14px;overflow-x:auto}.compose-signature-rendered table{max-width:100%!important}@media (max-width:600px){.search-filters{left:6px;right:6px}.compose-scrollable-area{gap:12px;padding:10px 12px 32px}.compose-editor-wrapper{min-height:min(36vh,300px);padding:16px}.compose-editor-placeholder{top:16px;left:16px}.compose-editor-content .ProseMirror{min-height:min(30vh,250px)}.compose-signature-section{margin-top:0;padding:10px}.signature-expand-btn{display:inline-flex}.compose-signature-rendered{max-height:148px;padding:10px 12px;overflow:hidden}.compose-signature-section.is-expanded .compose-signature-rendered{max-height:none;overflow-x:auto}}.compose-signature-rendered [style*="color:#18181b"],.compose-signature-rendered [style*="color:#27272a"],.compose-signature-rendered [style*="color:#3f3f46"]{color:var(--ink)!important}.compose-signature-rendered [style*="color:#71717a"],.compose-signature-rendered [style*="color:#52525b"]{color:var(--muted)!important}.compose-signature-rendered [style*="border-top:1px solid #e4e4e7"]{border-top-color:var(--line)!important}.compose-signature-rendered [style*="border-left:2px solid #d4d4d8"]{border-left-color:var(--line)!important}.quoted-section{border-top:1px solid var(--line);flex-shrink:0;width:min(100%,1040px);margin:4px auto 0;padding-top:12px}.quote-controls-bar{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.quote-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:11px;font-weight:600}.quote-actions{gap:8px;display:flex}.quote-action-btn{color:#0f6cbd;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500}.quote-action-btn:hover{background:#0f6cbd1a}.quote-action-btn.text-muted{color:var(--muted)}.quote-action-btn.text-muted:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 8%, transparent)}.quote-collapsible-box{position:relative}.quote-collapsible-box.is-collapsed{max-height:220px;overflow:hidden}.quote-collapsible-box.is-expanded{max-height:none;overflow:visible}.quote-fade-overlay{background:linear-gradient(to bottom, transparent, var(--paper));cursor:pointer;justify-content:center;align-items:flex-end;height:80px;padding-bottom:6px;display:flex;position:absolute;bottom:0;left:0;right:0}.quote-expand-overlay-btn{border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:999px;padding:5px 16px;font-size:12px;font-weight:500;box-shadow:0 2px 10px #0002}.quote-expand-overlay-btn:hover{background:color-mix(in srgb, var(--ink) 6%, var(--paper))}.outlook-quote-container{border-left:2px solid var(--line);background:color-mix(in srgb, var(--ink) 2%, transparent);border-radius:0 8px 8px 0;padding:10px 14px;font-size:13px}.outlook-quote-header{color:var(--muted);margin-bottom:12px;font-size:12px;line-height:1.45}.outlook-quote-header b{color:var(--ink)}.outlook-quote-content{overflow-x:auto}.mail-toast{z-index:999;color:#d8ff48;background:#12201c;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;animation:.18s toastSlideIn;display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #0004}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (hover:hover) and (pointer:fine){.message-row{cursor:grab;-webkit-user-select:none;user-select:none}.message-row:active{cursor:grabbing}.message-row.is-dragging{opacity:.45;background:#ffffff0a}.message-row.is-dragging .row-actions{display:none!important}.folder-pane.is-dragging-active .folder-row *{pointer-events:none}.folder-pane.is-dragging-active .folder-row{pointer-events:auto;transition:background .15s,outline .15s,transform .12s}.folder-row.drop-target{outline-offset:-2px;border-radius:7px;transform:translate(4px);outline:2px dashed var(--acid,#d8ff48)!important;background:#d8ff4829!important}.folder-row.drop-target-trash{outline-offset:-2px;border-radius:7px;transform:translate(4px);background:#ef444438!important;outline:2px dashed #ef4444!important}}.mail-drag-ghost{color:#f0f0f0;pointer-events:none;z-index:9999;white-space:nowrap;background:#18221f;border:1px solid #2d3f38;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;position:absolute;top:-1000px;left:-1000px;box-shadow:0 4px 16px #0006}.nav-collapsed .brand,.nav-collapsed .new-mail-label,.nav-collapsed .folder-label,.nav-collapsed .folder-caption,.nav-collapsed .folder-edit,.nav-collapsed .account-text,.nav-collapsed .account-chevron,.nav-collapsed .account-links small{display:none!important}.mail-workspace.nav-collapsed{grid-template-columns:58px minmax(300px,400px) minmax(0,1fr)}.mail-workspace.desktop-app.is-mac.nav-collapsed{grid-template-columns:68px minmax(300px,400px) minmax(0,1fr)}.nav-collapsed .folder-pane{align-items:center;padding:12px 6px}.desktop-app.is-mac.nav-collapsed .folder-pane{padding-top:42px!important}.nav-collapsed .pane-heading{justify-items:center;width:100%}.nav-collapsed .pane-tools{flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%}.nav-collapsed .pane-tools .icon-button{border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;margin:0 auto;display:flex}.nav-collapsed .new-mail{box-shadow:0 4px 12px #00000040;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:40px!important;min-width:40px!important;height:40px!important;margin:4px auto!important;padding:0!important;display:flex!important}.nav-collapsed .folder-pane nav{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.nav-collapsed .folder-row{border-radius:8px;justify-content:center;width:100%;padding-left:0!important}.nav-collapsed .folder-row-main{justify-content:center;gap:0;width:100%;margin:0 auto;padding:9px 0;position:relative}.nav-collapsed .folder-icon{justify-content:center;align-items:center;margin:0 auto;font-size:18px;display:flex}.nav-collapsed .folder-count{background:var(--acid,#d8ff48);color:#0000;width:7px;min-width:7px;height:7px;box-shadow:0 0 0 2px var(--panel);border-radius:50%;padding:0;font-size:0;line-height:0;position:absolute;top:4px;right:calc(50% - 16px);display:block!important}.nav-collapsed .folder-row>button,.nav-collapsed .account-links a,.nav-collapsed .text-button{justify-content:center}.nav-collapsed .account-switcher{justify-content:center;width:100%;display:flex}.nav-collapsed .account-profile-pill{border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;margin:0 auto;padding:0;display:flex}.settings-page{max-width:1040px;margin:38px auto;padding:0 20px 48px}.settings-page h1{letter-spacing:-.04em;font-size:clamp(36px,5vw,60px)}.settings-form{border-bottom:1px solid var(--line);gap:14px;max-width:620px;padding:22px 0;display:grid}.settings-form h2{margin:0}@media (prefers-reduced-motion:no-preference){.primary{transition:transform .12s}.primary:active{transform:scale(.97)}}.folder-pane-backdrop,.mobile-compose-btn{display:none}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;margin:10px 0;overflow-x:auto}.table-responsive>.fluent-table{min-width:520px}.form-row-3{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (hover:none){.row-actions{display:none!important}}@media (max-width:800px){.folder-pane-backdrop{z-index:15;-webkit-backdrop-filter:blur(2px);background:#0009;display:block;position:fixed;inset:0}.mobile-compose-btn{background:var(--acid);color:#12201c;border-radius:6px;margin-left:auto;padding:6px 10px;font-weight:600;display:inline-flex}.mobile-compose-btn:hover{background:var(--mint)}.mail-workspace,.mail-workspace.nav-collapsed,.mail-client-grid{grid-template-columns:1fr}.folder-pane{z-index:20;width:min(280px,86vw);height:100dvh;display:none;position:fixed;top:0;bottom:0;left:0;box-shadow:4px 0 24px #00000080}.mail-workspace.show-folders .folder-pane{display:flex}.mail-workspace.reading .message-pane,.mail-workspace:not(.reading) .reader-pane,.mail-workspace:not(.reading) .compose-pane{display:none}.compose-pane{z-index:50;height:100dvh;max-height:100dvh;position:fixed;inset:0}.compose-scrollable-area{padding:10px 12px 36px}.compose-sticky-bar{padding:8px 12px}.compose-editor-toolbar{-webkit-overflow-scrolling:touch;scrollbar-width:none;white-space:nowrap;gap:6px;padding:8px 4px;overflow-x:auto}.compose-editor-toolbar::-webkit-scrollbar{display:none}.compose-editor-toolbar .format-btn{border-radius:8px;flex-shrink:0;width:38px;height:38px;font-size:14px}.compose-editor-toolbar .format-btn svg{width:18px;height:18px}.field-with-addon{flex-wrap:wrap;gap:6px;display:flex}.copies-toggle-btn{margin-left:auto;padding:2px 8px;font-size:11px}.selection-bar{min-height:56px;padding:7px 12px;position:relative;overflow:visible}.selection-actions-desktop{display:none}.selection-actions-mobile{align-items:center;gap:8px;width:100%;display:flex}.selection-count{background:color-mix(in srgb, #0f6cbd 22%, var(--paper));min-width:32px;height:32px;color:var(--ink);border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:inline-grid}.selection-icon-action{border-radius:9px;place-items:center;width:38px;height:38px;padding:0;display:inline-grid}.selection-icon-action svg{width:19px;height:19px}.selection-icon-action.danger{color:#f87171;border-color:color-mix(in srgb, #ef4444 48%, var(--line))}.selection-more-menu{margin-left:auto;position:relative}.selection-more-menu summary{border:1px solid var(--line);min-height:38px;color:var(--ink);cursor:pointer;border-radius:9px;align-items:center;padding:0 10px;font-size:13px;font-weight:600;list-style:none;display:inline-flex}.selection-more-menu summary::-webkit-details-marker{display:none}.selection-more-menu summary:after{content:"⋯";margin-left:4px;font-size:18px;line-height:1}.selection-more-menu[open] summary{background:#0f6cbd24;border-color:#0f6cbd}.selection-more-menu-content{z-index:12;border:1px solid var(--line);background:var(--paper);border-radius:10px;min-width:min(284px,100vw - 24px);padding:6px;display:grid;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 12px 28px #00000047}.selection-more-menu-content button,.selection-more-menu-content select{width:100%;min-height:40px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:7px;padding:8px 10px;font-size:14px}.selection-more-menu-content button:hover,.selection-more-menu-content button:focus-visible{background:#0f6cbd1f}.selection-more-menu-content select{border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0}.selection-more-menu-content button:last-child{color:var(--muted)}.folders-toggle,.command-bar .back-button{display:inline-flex}.message-pane{border:0}.login-page .topbar,.login-stage{padding-left:20px;padding-right:20px}}@media (max-width:600px){.form-row,.form-row-3{grid-template-columns:1fr!important}}@media (max-width:500px){.compose-bar-btn .btn-label{display:none}.compose-draft-status{font-size:11px}}@media print{.folder-pane,.message-pane,.command-bar,.image-banner,.thread-collapsed{display:none!important}.mail-workspace,.mail-workspace.nav-collapsed,.mail-workspace.reading,.reader-pane,.reading-body{height:auto;display:block;overflow:visible}}.outlook-settings-viewport{background:var(--paper);min-height:100vh;color:var(--ink);flex-direction:column;display:flex}.outlook-settings-header{background:var(--panel);border-bottom:1px solid var(--line);z-index:20;justify-content:space-between;align-items:center;height:52px;padding:0 18px;display:flex;position:sticky;top:0}.outlook-settings-viewport.desktop-app.is-mac .outlook-settings-header{padding-left:84px}.outlook-settings-viewport.desktop-app.is-windows .outlook-settings-header{padding-right:142px}.outlook-settings-viewport.desktop-app .outlook-settings-header{-webkit-app-region:drag}.outlook-settings-viewport.desktop-app .outlook-settings-header button,.outlook-settings-viewport.desktop-app .outlook-settings-header a,.outlook-settings-viewport.desktop-app .outlook-settings-header input{-webkit-app-region:no-drag}.header-left{align-items:center;gap:14px;display:flex}.outlook-close-btn{width:32px;height:32px;color:var(--panel-text);border-radius:6px;justify-content:center;align-items:center;font-size:16px;text-decoration:none;transition:all .12s;display:inline-flex}.outlook-close-btn:hover{background:#ffffff1a}.header-title-box{align-items:center;gap:10px;display:flex}.header-title-box h1{color:var(--panel-text);letter-spacing:-.01em;margin:0;font-size:17px;font-weight:600}.outlook-badge{color:var(--acid);background:#d8ff4826;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.header-search-box{flex:1;max-width:360px;margin:0 20px}.header-search-box input{width:100%;color:var(--panel-text);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;padding:6px 14px;font-size:13px}.header-search-box input::placeholder{color:var(--muted)}.header-account{align-items:center;gap:12px;display:flex}.account-tag{color:var(--muted);font-size:12px}.back-to-mail-btn{color:var(--panel-text);background:#ffffff14;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .12s}.back-to-mail-btn:hover{color:var(--acid);background:#ffffff29}.outlook-settings-container{flex:1;grid-template-columns:280px 1fr;width:100%;max-width:100%;min-height:calc(100vh - 52px);margin:0;display:grid}@media (max-width:900px){.outlook-settings-container{grid-template-columns:1fr}.header-search-box{display:none}}.outlook-settings-sidebar{border-right:1px solid var(--line);background:var(--paper);flex-direction:column;gap:20px;width:280px;padding:24px 14px;display:flex}@media (max-width:640px){.outlook-settings-header{padding:0 12px}.header-account .account-tag{display:none}.back-to-mail-btn{padding:5px 10px;font-size:12px}}.nav-group{flex-direction:column;gap:2px;display:flex}.group-heading{color:var(--muted);letter-spacing:.06em;padding:4px 12px 6px;font-size:11px;font-weight:700}.nav-item{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;padding:9px 12px;font-size:13.5px;font-weight:500;transition:all .1s;display:flex;position:relative}.nav-item:hover{background:#ffffff0d}.nav-item.active{color:var(--acid);background:#ffffff17;font-weight:600}.nav-item.active:before{content:"";background:var(--acid);border-radius:2px;width:3px;position:absolute;top:6px;bottom:6px;left:0}.nav-svg-icon{opacity:.75;flex-shrink:0;width:16px;height:16px;transition:all .12s}.nav-item:hover .nav-svg-icon,.nav-item.active .nav-svg-icon{opacity:1;color:var(--acid)}@media (max-width:900px){.outlook-settings-sidebar{border-right:0;border-bottom:1px solid var(--line);-webkit-overflow-scrolling:touch;white-space:nowrap;scrollbar-width:none;z-index:15;background:var(--paper);flex-direction:row;align-items:center;gap:8px;width:100%;padding:8px 12px;display:flex;position:sticky;top:52px;overflow:auto hidden}.outlook-settings-sidebar::-webkit-scrollbar{display:none}.outlook-settings-sidebar .nav-group{display:contents}.outlook-settings-sidebar .group-heading{display:none}.outlook-settings-sidebar .nav-item{cursor:pointer;white-space:nowrap!important;border:1px solid var(--line)!important;width:auto!important;min-width:max-content!important;color:var(--ink)!important;background:#ffffff0a!important;border-radius:9999px!important;flex:none!important;justify-content:center!important;align-items:center!important;gap:6px!important;padding:7px 14px!important;font-size:12.5px!important;font-weight:500!important;line-height:1.2!important;display:inline-flex!important}.outlook-settings-sidebar .nav-item.active{background:color-mix(in srgb, var(--acid) 18%, transparent)!important;border-color:var(--acid)!important;color:var(--acid)!important;font-weight:600!important}.outlook-settings-sidebar .nav-item.active:before{display:none!important}.outlook-settings-sidebar .nav-svg-icon{flex-shrink:0!important;width:15px!important;height:15px!important}}.outlook-settings-content{width:100%;max-width:1500px;padding:32px 56px 80px}@media (max-width:900px){.outlook-settings-content{padding:16px 14px max(100px, calc(60px + env(safe-area-inset-bottom,24px)));max-width:100%;overflow-x:hidden}}@media (max-width:600px){.fluent-card{border-radius:8px;margin-bottom:16px;padding:16px 14px}.preset-bar{gap:6px}.preset-bar span{width:100%;margin-bottom:2px}.preset-bar button{text-align:center;flex:auto}}.preview-theme-card{margin-top:24px}.theme-demo-row{border:1px solid var(--line);background:#ffffff05;border-radius:8px;flex-wrap:wrap;align-items:center;gap:16px;margin-top:14px;padding:16px;display:flex}.demo-badge{color:var(--acid);border:1px solid var(--acid);background:#d8ff481f;border-radius:6px;padding:4px 12px;font-size:13px;font-weight:600}.demo-link{color:var(--acid);cursor:pointer;font-weight:600;text-decoration:underline}.outlook-toast{background:var(--line);color:var(--ink);border-left:4px solid var(--acid);border-radius:6px;margin-bottom:20px;padding:10px 16px;font-size:13.5px;animation:.15s fadeIn}.pane-header{margin-bottom:24px}.pane-header h2{letter-spacing:-.02em;margin:0 0 6px;font-size:22px;font-weight:600}.pane-header p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.5}.fluent-card{border:1px solid var(--line);background:#ffffff06;border-radius:8px;margin-bottom:20px;padding:22px}.fluent-card h3{margin:0 0 14px;font-size:15px;font-weight:600}.fluent-input-row{flex-direction:column;gap:6px;display:flex}.fluent-input-row label{color:var(--muted);font-size:13px}.fluent-input-row input{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:6px;max-width:440px;padding:8px 12px;font-size:14px}.fluent-inline-form{gap:10px;display:flex}.fluent-inline-form input{background:var(--paper);border:1px solid var(--line);min-width:0;color:var(--ink);border-radius:6px;flex:1;padding:8px 12px;font-size:14px}@media (max-width:600px){.fluent-inline-form{flex-direction:column;gap:8px}.fluent-inline-form input{box-sizing:border-box;width:100%}.fluent-inline-form button{text-align:center;box-sizing:border-box;justify-content:center;width:100%}}.outlook-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .12s}.outlook-btn.primary{background:var(--acid);color:#101b18}.outlook-btn.primary:hover{filter:brightness(1.08)}.outlook-btn.secondary{background:var(--paper);border:1px solid var(--line);color:var(--ink)}.outlook-btn.secondary:hover{background:#ffffff14}.system-folders-desktop{display:block}.system-folders-mobile{display:none}.system-role-tag{border:1px solid var(--line);color:var(--muted);text-transform:capitalize;background:#ffffff0d;border-radius:4px;margin-left:6px;padding:2px 8px;font-size:11px;display:inline-block}.system-folder-meta-mobile{justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:4px;display:flex}.empty-trash-btn-mobile{color:#ef4444;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ef444466;border-radius:4px;padding:4px 10px;font-size:11.5px;font-weight:500}.outlook-folders-table{flex-direction:column;gap:8px;display:flex}.outlook-folder-row{border:1px solid var(--line);box-sizing:border-box;background:#ffffff05;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.folder-cell-name{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.folder-cell-name svg{flex-shrink:0}.folder-cell-name .name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.folder-cell-name .badge{color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:11px}.folder-cell-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.folder-cell-actions button{background:var(--paper);border:1px solid var(--line);color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:4px;padding:5px 11px;font-size:12px;font-weight:500;transition:all .12s}.folder-cell-actions button:hover:not(:disabled){border-color:var(--acid);color:var(--acid)}.folder-cell-actions button:disabled{opacity:.3;cursor:not-allowed}.folder-cell-actions button.delete-btn:hover{color:#ef4444;border-color:#ef4444}@media (max-width:640px){.system-folders-desktop{display:none}.system-folders-mobile{flex-direction:column;gap:8px;display:flex}.system-folder-mobile-row{flex-direction:column;align-items:flex-start;gap:6px;padding:12px}.system-folder-mobile-row .folder-cell-name{justify-content:flex-start;width:100%}.outlook-folder-row{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.folder-cell-name{justify-content:space-between;width:100%}.folder-cell-name .name{flex:1;min-width:0}.folder-cell-actions{gap:6px;width:100%;display:flex}.folder-cell-actions button{text-align:center;flex:1;padding:7px 4px;font-size:12px}}.fluent-rule-builder{flex-direction:column;gap:12px;display:flex}.rule-step{flex-wrap:wrap;align-items:center;gap:10px;font-size:13.5px;display:flex}.step-label{width:50px;color:var(--muted);font-weight:600}.rule-step select,.rule-step input{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:6px;padding:6px 10px;font-size:13px}.outlook-rules-list{flex-direction:column;gap:8px;display:flex}.outlook-rule-item{border:1px solid var(--line);background:#ffffff05;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.rule-content{align-items:center;gap:8px;font-size:13.5px;display:flex}.rule-arrow{color:var(--muted)}.outlook-rule-del{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:4px 8px;font-size:14px}.outlook-rule-del:hover{color:#ef4444}.fluent-toggle-label{cursor:pointer;align-items:center;gap:10px;margin-bottom:16px;font-size:14px;font-weight:500;display:flex}.fluent-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.fluent-field label{color:var(--muted);font-size:13px}.fluent-field input,.fluent-field textarea{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:6px;padding:8px 12px;font-size:13.5px}.fluent-divider{background:var(--line);height:1px;margin:20px 0}.fluent-theme-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.fluent-theme-card{border:1px solid var(--line);cursor:pointer;background:#ffffff05;border-radius:8px;align-items:center;gap:14px;padding:14px;transition:all .12s;display:flex;position:relative}.fluent-theme-card:hover{background:#ffffff0d}.fluent-theme-card.selected{border-color:var(--acid);background:#ffffff12}.color-swatch{border-radius:6px;flex-shrink:0;width:36px;height:36px}.fluent-theme-card .details strong{margin-bottom:2px;font-size:13.5px;display:block}.fluent-theme-card .details span{color:var(--muted);font-size:11.5px}.fluent-theme-card .check{color:var(--acid);margin-left:auto;font-weight:700}.highlight-card{background:linear-gradient(135deg,#d8ff480f,#ffffff05);border-color:#d8ff4840}.apple-icon{margin-bottom:8px;font-size:28px}.download-action{margin-top:10px;text-decoration:none;display:inline-block}.fluent-steps-list{color:var(--muted);flex-direction:column;gap:8px;margin:0;padding-left:20px;font-size:13.5px;line-height:1.5;display:flex}.fluent-steps-list strong{color:var(--ink)}.raw-signature-details summary{cursor:pointer;color:var(--muted);font-size:13px}.raw-signature-details textarea{background:var(--paper);border:1px solid var(--line);width:100%;color:var(--ink);border-radius:6px;margin:10px 0;padding:8px;font-family:monospace;font-size:12px}.signature-creator-wrapper{flex-direction:column;gap:16px;display:flex}.preset-bar{border-bottom:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:12px;font-size:12.5px;display:flex}.preset-bar button{background:var(--paper);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:6px;padding:4px 12px;font-size:12.5px;transition:all .1s}@media (max-width:960px){.creator-grid{grid-template-columns:1fr}}.creator-form-panel input,.creator-form-panel select{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:6px;padding:7px 10px;font-size:13.5px}.checkbox-label input{margin:0}.color-dots button{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px}.apply-sig-btn{margin-top:6px;padding:10px 18px}.fluent-two-col{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}@media (max-width:900px){.fluent-two-col{grid-template-columns:1fr}}.fluent-grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:900px){.fluent-grid-3{grid-template-columns:1fr}}.fluent-table{border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:8px;width:100%;font-size:13.5px;overflow:hidden}.fluent-table th{color:var(--muted);text-align:left;border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.04em;background:#ffffff0a;padding:10px 14px;font-size:12px;font-weight:600}.fluent-table td{border-bottom:1px solid var(--line);color:var(--ink);vertical-align:middle;padding:11px 14px}.fluent-table tr:last-child td{border-bottom:none}.fluent-table tr:hover td{background:#ffffff05}.fluent-switch-row{justify-content:space-between;align-items:center;padding:10px 0;display:flex}.fluent-switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.fluent-switch input{opacity:0;width:0;height:0}.fluent-slider{cursor:pointer;border:1px solid var(--line);background-color:#ffffff26;border-radius:24px;transition:all .2s;position:absolute;inset:0}.fluent-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;bottom:2px;left:2px}.fluent-switch input:checked+.fluent-slider{background-color:var(--acid)}.fluent-switch input:checked+.fluent-slider:before{background-color:#101b18;transform:translate(20px)}.rule-chip{border:1px solid var(--line);background:#ffffff0d;border-radius:4px;align-items:center;gap:6px;padding:3px 8px;font-size:12px;display:inline-flex}.rule-chip.condition{color:#60a5fa;border-color:#0078d466}.rule-chip.action{color:#34d399;border-color:#10b98166}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.12s fadeIn;display:flex;position:fixed;inset:0}.modal-dialog{background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:12px;flex-direction:column;gap:16px;width:100%;max-width:440px;padding:24px;display:flex;box-shadow:0 10px 30px #00000080}.modal-dialog h3{color:var(--panel-text);margin:0;font-size:18px}.modal-dialog input{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:8px;width:100%;padding:10px 14px;font-size:15px}.modal-footer{justify-content:flex-end;gap:10px;display:flex}.settings-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;margin-bottom:28px;padding-bottom:12px;display:flex}.settings-tabs button{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .15s}.settings-tabs button:hover{color:var(--ink);background:#ffffff0a}.settings-tabs button.tab-active{background:var(--line);color:var(--acid);border-color:#d8ff4833;font-weight:600}.settings-tab-content{animation:.18s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.section-intro{margin-bottom:24px}.section-intro h2{letter-spacing:-.02em;margin:0 0 6px;font-size:24px}.section-intro p{color:var(--muted);max-width:720px;margin:0;font-size:14px}.sender-name-bar{border:1px solid var(--line);background:#ffffff05;border-radius:10px;margin-bottom:20px;padding:16px 20px}.sender-name-bar label{flex-direction:column;gap:6px;font-size:14px;display:flex}.sender-name-bar input{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:6px;max-width:400px;padding:8px 12px}.signature-creator-wrapper{border:1px solid var(--line);background:#ffffff05;border-radius:12px;margin-bottom:24px;padding:24px}.preset-bar{border-bottom:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:16px;font-size:13px;display:flex}.preset-bar button{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:6px;padding:6px 14px;font-size:13px;transition:all .12s}.preset-bar button.active,.preset-bar button:hover{border-color:var(--acid);color:var(--acid)}.creator-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}@media (max-width:900px){.creator-grid{grid-template-columns:1fr}}.creator-form-panel{flex-direction:column;gap:14px;display:flex}.creator-form-panel h3{margin:0 0 6px;font-size:18px}.creator-form-panel label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.creator-form-panel input,.creator-form-panel select,.creator-form-panel textarea{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:6px;padding:8px 12px;font-size:14px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.company-toggle-row{padding:8px 0}.checkbox-label{cursor:pointer;align-items:center;color:var(--ink)!important;flex-direction:row!important;gap:8px!important}.checkbox-label input{cursor:pointer;margin:0}.company-subfields{border:1px dashed var(--line);background:#ffffff05;border-radius:8px;flex-direction:column;gap:12px;padding:14px;display:flex}.logo-controls{border:1px solid var(--line);background:#ffffff05;border-radius:8px;flex-direction:column;gap:10px;padding:14px;display:flex}.logo-controls h4{margin:0;font-size:14px}.color-and-notices{flex-direction:column;gap:14px;padding:10px 0;display:flex}.color-picker-row{color:var(--muted);justify-content:space-between;align-items:center;font-size:13px;display:flex}.color-dots{gap:8px;display:flex}.color-dots button{border:2px solid #0000;border-radius:50%;width:24px;height:24px;padding:0}.color-dots button.active-color{border-color:#fff;transform:scale(1.15)}.apply-sig-btn{margin-top:10px;padding:12px 20px;font-size:15px;font-weight:600}.creator-preview-panel{flex-direction:column;display:flex}.preview-header{margin-bottom:12px}.preview-header h4{margin:0 0 2px;font-size:16px}.preview-header small{color:var(--muted);font-size:12px}.preview-box{color:#18181b;background:#fff;border:1px solid #d4d4d8;border-radius:10px;min-height:280px;padding:24px;overflow-x:auto;box-shadow:0 4px 20px #00000040}.raw-signature-box details{border:1px solid var(--line);background:#ffffff05;border-radius:8px;padding:12px 16px}.raw-signature-box summary{cursor:pointer;color:var(--muted);font-size:13px}.raw-signature-box textarea{background:var(--paper);border:1px solid var(--line);width:100%;color:var(--ink);border-radius:6px;margin-top:10px;padding:10px;font-family:monospace;font-size:12px}.new-folder-card{border:1px solid var(--line);background:#ffffff05;border-radius:10px;margin-bottom:24px;padding:20px}.new-folder-card h3{margin:0 0 12px;font-size:16px}.inline-add-row{gap:12px;display:flex}.inline-add-row input{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:8px;flex:1;padding:10px 14px}.folders-manager-list h3{margin:0 0 14px;font-size:16px}.folder-cards-grid{flex-direction:column;gap:10px;display:flex}.folder-item-card{border:1px solid var(--line);background:#ffffff05;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.folder-item-info{align-items:center;gap:10px;display:flex}.folder-item-info .folder-name{font-size:15px}.folder-item-info .folder-count{color:var(--muted)}.folder-item-actions{gap:6px;display:flex}.folder-item-actions button{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;display:flex}.folder-item-actions button:hover:not(:disabled){border-color:var(--acid);color:var(--acid)}.folder-item-actions button:disabled{opacity:.3;cursor:not-allowed}.folder-item-actions button.danger-btn:hover{color:#ef4444;border-color:#ef4444}.mobileconfig-download-box{background:linear-gradient(135deg,#d8ff4814,#ffffff05);border:1px solid #d8ff4840;border-radius:12px;margin-bottom:24px;padding:28px}.apple-badge{color:var(--acid);background:#d8ff481f;border-radius:6px;margin-bottom:12px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.mobileconfig-download-box h3{margin:0 0 8px;font-size:20px}.mobileconfig-download-box p{color:var(--muted);max-width:600px;margin:0 0 20px;font-size:14px}.download-profile-btn{padding:12px 24px;font-size:15px;font-weight:600;text-decoration:none;display:inline-block}.install-steps-card{border:1px solid var(--line);background:#ffffff05;border-radius:10px;padding:20px 24px}.install-steps-card h4{margin:0 0 12px;font-size:16px}.install-steps-card ol{color:var(--muted);flex-direction:column;gap:8px;margin:0;padding-left:20px;font-size:14px;display:flex}.install-steps-card ol strong{color:var(--ink)}.theme-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.theme-card{border:1px solid var(--line);cursor:pointer;background:#ffffff05;border-radius:10px;padding:18px;transition:all .15s;position:relative}.theme-card:hover{border-color:#fff3;transform:translateY(-2px)}.theme-card.selected-theme{border-color:var(--acid);background:#ffffff0d}.theme-color-preview{border-radius:8px;width:48px;height:48px;margin-bottom:12px}.theme-info strong{margin-bottom:4px;font-size:15px;display:block}.theme-info p{color:var(--muted);margin:0;font-size:12px}.active-mark{color:var(--acid);font-size:12px;font-weight:600;position:absolute;top:14px;right:14px}.add-rule-card{border:1px solid var(--line);background:#ffffff05;border-radius:10px;margin-bottom:24px;padding:20px}.add-rule-card h3{margin:0 0 14px;font-size:16px}.rule-form-flex{flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;display:flex}.rule-form-flex select,.rule-form-flex input{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:6px;padding:8px 12px;font-size:14px}.rules-cards{flex-direction:column;gap:10px;display:flex}.rule-item-card{border:1px solid var(--line);background:#ffffff05;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.rule-desc{flex-direction:column;gap:4px;font-size:14px;display:flex}.settings-form-block{flex-direction:column;gap:16px;max-width:600px;display:flex}.settings-form-block label{flex-direction:column;gap:6px;font-size:14px;display:flex}.settings-form-block input,.settings-form-block textarea{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:6px;padding:10px 14px}.modal-dialog .modal-description{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.modal-dialog .modal-description strong{color:var(--ink)}.modal-dialog .modal-warning-box{color:#fca5a5;background:#ef44441a;border:1px solid #ef444447;border-radius:8px;padding:12px 14px;font-size:13px;line-height:1.45}.modal-dialog .danger-button{color:#fff;cursor:pointer;background:#dc2626;border:0;border-radius:999px;padding:10px 22px;font-size:14px;font-weight:700;transition:background .15s,opacity .15s}.modal-dialog .danger-button:hover:not(:disabled){background:#b91c1c}.modal-dialog .danger-button:disabled{opacity:.6;cursor:not-allowed}.highlighted-setting{animation:2s ease-in-out infinite alternate pulseHighlight;outline:2px solid #4ade80!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important;box-shadow:0 0 0 4px #4ade8040,0 8px 24px #4ade8026!important}@keyframes pulseHighlight{0%{box-shadow:0 0 0 3px #4ade8033,0 4px 16px #4ade801a}to{box-shadow:0 0 0 6px #4ade8066,0 8px 30px #4ade8040}}.nav-match-pill{color:#4ade80;background:#4ade802e;border:1px solid #4ade8059;border-radius:999px;margin-left:auto;padding:1px 7px;font-size:10.5px;font-weight:700;line-height:1.3}.outlook-kbd{color:#f8fafc;background:#ffffff14;border:1px solid #ffffff2e;border-bottom:2px solid #ffffff4d;border-radius:5px;justify-content:center;align-items:center;min-width:24px;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11.5px;font-weight:600;line-height:1;display:inline-flex;box-shadow:0 1px 2px #00000040}.shortcuts-table{border-collapse:collapse;width:100%}.shortcuts-table tr{border-bottom:1px solid #ffffff0f}.shortcuts-table tr:last-child{border-bottom:none}.shortcuts-table td{vertical-align:middle;padding:10px 12px;font-size:13.5px}.shortcuts-table td.key-col{white-space:nowrap;width:190px}.desktop-app{--desktop-titlebar-height:38px}.desktop-app .desktop-top-drag-strip{-webkit-app-region:drag;-webkit-user-select:none;user-select:none;z-index:10;cursor:grab;height:38px;position:absolute;top:0;left:0;right:142px}.desktop-app.is-mac .desktop-top-drag-strip{left:80px;right:0}.desktop-app .empty-reader{-webkit-app-region:drag;-webkit-user-select:none;user-select:none;cursor:grab}.desktop-app .empty-reader-drag-header{-webkit-app-region:drag;flex:none;width:100%;height:38px}.desktop-app .empty-reader p{-webkit-user-select:none;user-select:none;pointer-events:none}.desktop-app .pane-heading,.desktop-app .reader-tabs{-webkit-app-region:drag;-webkit-user-select:none;user-select:none}.desktop-app button,.desktop-app input,.desktop-app a,.desktop-app select,.desktop-app textarea,.desktop-app [role=button],.desktop-app [role=tab],.desktop-app .reader-tab,.desktop-app .folder-pane nav,.desktop-app .message-list{-webkit-app-region:no-drag;z-index:15;position:relative}.desktop-app .message-toolbar{z-index:14;position:relative}.desktop-app.is-mac .folder-pane{padding-top:36px}.desktop-app.is-windows .reader-tabs,.desktop-app.is-windows .empty-reader,.desktop-app.is-windows:not(.reading) .message-pane .message-toolbar{padding-right:142px}.demo-banner{z-index:60;color:#f9fafb;pointer-events:none;background:#111827eb;border-radius:10px;max-width:min(360px,100vw - 32px);padding:8px 14px;font-size:12.5px;line-height:1.4;position:fixed;bottom:64px;right:16px;box-shadow:0 6px 20px #00000040}@media (max-width:700px){.demo-banner{font-size:12px}}.popup-mode{justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.popup-mode-label{align-items:center;gap:8px;font-size:13px;display:flex}.popup-mode-buttons{border:1px solid #ffffff2e;border-radius:8px;display:inline-flex;overflow:hidden}.popup-mode-buttons button{cursor:pointer;width:34px;height:30px;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.popup-mode-buttons button+button{border-left:1px solid #ffffff2e}.popup-mode-buttons button.is-active{background:var(--acid);color:#12201c;font-weight:700}.creator-form-panel input[type=checkbox],.creator-form-panel input[type=range]{background:0 0;border:none;padding:0}.creator-form-panel input[type=checkbox]{width:18px;height:18px;accent-color:var(--acid);cursor:pointer;flex:none;margin:2px 0 0}.creator-form-panel input[type=range]{width:100%;accent-color:var(--acid)}.notice-toggle{border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:10px;padding:14px;display:flex}.creator-form-panel label.notice-toggle-row{cursor:pointer;color:var(--ink);flex-direction:row;align-items:flex-start;gap:12px;display:flex}.notice-toggle-text{flex-direction:column;gap:2px;min-width:0;font-size:14px;line-height:1.4;display:flex}.notice-toggle-text small{color:var(--muted);font-size:12.5px}.notice-privacy-email small{color:var(--muted);font-size:12px}.accent-swatches{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.accent-swatch{border:1px solid var(--line);color:var(--ink);text-align:left;cursor:pointer;font:inherit;background:0 0;border-radius:8px;flex-direction:column;align-items:flex-start;gap:6px;padding:10px;display:flex;position:relative}@media (prefers-reduced-motion:no-preference){.accent-swatch{transition:border-color .15s,box-shadow .15s}}.accent-swatch:hover{border-color:var(--muted)}.accent-swatch.is-active{border-color:var(--acid);box-shadow:0 0 0 1px var(--acid) inset}.accent-swatch:focus-visible{outline:2px solid var(--acid);outline-offset:2px}.accent-swatch-dot{border-radius:50%;width:22px;height:22px;box-shadow:inset 0 0 0 1px #ffffff47}.accent-swatch-name{font-size:12.5px;font-weight:600}.accent-swatch-hex{color:var(--muted);text-transform:uppercase;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px}.accent-swatch-badge{background:var(--acid);color:#06281d;letter-spacing:.02em;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:700}.accent-hint{color:var(--muted);margin:0;font-size:12.5px}.color-picker-block{flex-direction:column;gap:10px;display:flex}.color-picker-block>span{color:var(--muted);font-size:13px}@media (max-width:640px){.accent-swatches{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}}@media (max-width:720px){.signature-creator-wrapper{min-width:0;max-width:100%;padding:12px}.signature-creator-wrapper .creator-grid,.signature-creator-wrapper .form-row,.signature-creator-wrapper .form-row-3{grid-template-columns:minmax(0,1fr)}.signature-creator-wrapper .creator-grid{gap:20px}.signature-creator-wrapper :is(.creator-form-panel,.creator-preview-panel,.form-row,label,.company-subfields,.logo-controls,.color-and-notices,.color-picker-block,.notice-toggle){min-width:0;max-width:100%}.signature-creator-wrapper .creator-form-panel :is(input:not([type=checkbox]),select,textarea){box-sizing:border-box;width:100%;min-width:0;max-width:100%}.signature-creator-wrapper .preset-bar{flex-wrap:wrap;gap:8px}.signature-creator-wrapper .preset-bar>span{flex-basis:100%}.signature-creator-wrapper .preset-bar button,.signature-creator-wrapper .apply-sig-btn,.raw-signature-details button{white-space:normal;overflow-wrap:anywhere;max-width:100%;min-height:44px}.signature-creator-wrapper .apply-sig-btn{width:100%;padding:12px}.signature-creator-wrapper .preview-box{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:12px;overflow-x:auto}.signature-creator-wrapper :is(.company-subfields,.logo-controls,.notice-toggle){padding:10px}.signature-creator-wrapper .accent-swatches{grid-template-columns:repeat(auto-fit,minmax(min(100%,100px),1fr))}.signature-creator-wrapper :is(.accent-swatch,.notice-toggle,.preview-header){overflow-wrap:anywhere}.signature-creator-wrapper .notice-toggle-row{gap:8px}.raw-signature-details{overflow-wrap:anywhere;min-width:0;max-width:100%}.raw-signature-details textarea{box-sizing:border-box;min-width:0;max-width:100%}}