:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18302d;background:#f4f7f6;font-synthesis:none;text-rendering:optimizeLegibility;--deep: #073b38;--teal: #006b67;--teal-soft: #e9f5f2;--yellow: #ffd600;--border: #dce7e4;--muted: #6b7f7b;--panel: #ffffff;--sidebar: #f4f8f7}*{box-sizing:border-box}html,body,#root{width:100%;min-width:0;min-height:100%;margin:0}body{overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(420px,.75fr);background:#f5f8f7}.login-brand{display:flex;min-height:100vh;flex-direction:column;padding:48px 58px;color:#fff;background:radial-gradient(circle at 12% 90%,rgba(255,214,0,.13),transparent 27%),radial-gradient(circle at 90% 12%,rgba(45,189,174,.17),transparent 29%),linear-gradient(145deg,#073b38,#07504b 52%,#063431)}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-symbol{display:grid;width:44px;height:44px;place-items:center;border-radius:13px;background:var(--yellow);color:var(--deep);font-size:14px;font-weight:950;letter-spacing:-.04em;box-shadow:0 10px 24px #00000024}.brand-symbol.small{width:37px;height:37px;border-radius:11px;box-shadow:none}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup strong{font-size:15px}.brand-lockup span{margin-top:2px;color:#ffffff9e;font-size:11px}.login-brand-copy{width:min(710px,95%);margin:auto 0}.eyebrow{color:var(--yellow);font-size:11px;font-weight:900;letter-spacing:.16em}.login-brand-copy h1{margin:18px 0;font-size:clamp(44px,5vw,72px);line-height:.99;letter-spacing:-.055em}.login-brand-copy p{max-width:580px;margin:0;color:#ffffffb8;font-size:16px;line-height:1.7}.security-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.security-row>div{display:flex;align-items:center;gap:10px;min-height:66px;padding:13px 14px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:#ffffff0e}.security-row b,.security-row small{display:block}.security-row b{font-size:11px}.security-row small{margin-top:3px;color:#ffffff8c;font-size:9.5px}.login-form-side{display:grid;place-items:center;padding:48px}.login-card{width:min(430px,100%);padding:34px;border:1px solid #dce7e4;border-radius:24px;background:#fff;box-shadow:0 24px 70px #073b3817}.login-heading{display:flex;align-items:center;gap:13px;margin-bottom:28px}.login-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:15px;background:var(--teal-soft);color:var(--teal)}.login-heading h2{margin:0;color:var(--deep);font-size:25px;letter-spacing:-.04em}.login-heading p{margin:4px 0 0;color:var(--muted);font-size:12px}.login-card label{display:grid;gap:7px;margin-top:16px;color:#365a56;font-size:11px;font-weight:750}.login-card input{min-height:49px;padding:0 14px;border:1px solid #d7e3e0;border-radius:13px;outline:none;color:#18302d;background:#fff}.login-card input:focus{border-color:#62a9a2;box-shadow:0 0 0 3px #006b6714}.auth-error,.compose-error,.error-banner{display:flex;align-items:center;gap:8px;color:#a33d35;background:#fff2f0;border:1px solid #f2cac5}.auth-error{margin-top:16px;padding:11px 12px;border-radius:12px;font-size:11px}.login-button{display:flex;width:100%;min-height:49px;align-items:center;justify-content:center;gap:8px;margin-top:20px;border:1px solid #dfbd00;border-radius:13px;color:var(--deep);background:var(--yellow);font-weight:850}.login-button:hover:not(:disabled){background:#f1cb00}.login-footnote{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:18px;color:#738783;font-size:10px}.mail-app{min-width:0;height:100vh;overflow:hidden;background:#eef3f2}.topbar{display:grid;height:62px;grid-template-columns:270px minmax(280px,700px) 1fr;align-items:center;gap:24px;padding:0 18px;border-bottom:1px solid #dbe5e2;background:#fff}.topbar-brand{display:flex;align-items:center;gap:10px}.topbar-brand-copy strong,.topbar-brand-copy span{display:block}.topbar-brand-copy strong{color:var(--deep);font-size:13px}.topbar-brand-copy span{color:#71847f;font-size:10px}.global-search{display:flex;min-height:39px;align-items:center;gap:8px;padding:0 12px;border:1px solid #dbe6e3;border-radius:11px;color:#607670;background:#f5f8f7}.global-search:focus-within{border-color:#91bdb8;background:#fff}.global-search input{width:100%;border:0;outline:0;background:transparent;color:#203b37;font-size:12px}.global-search button{display:grid;padding:4px;border:0;place-items:center;color:#70847f;background:transparent}.topbar-account{display:flex;justify-self:end;align-items:center;gap:9px}.admin-avatar,.message-avatar,.sender-avatar,.mailbox-dot{display:grid;place-items:center;border-radius:50%;font-weight:850}.admin-avatar{width:34px;height:34px;color:#fff;background:var(--teal);font-size:10px}.admin-copy strong,.admin-copy span{display:block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-copy strong{color:#294944;font-size:10.5px}.admin-copy span{margin-top:2px;color:#81918e;font-size:9px}.icon-button,.reading-actions button,.mobile-back{display:grid;width:34px;height:34px;padding:0;border:1px solid #dce6e3;border-radius:10px;place-items:center;color:#55706a;background:#fff}.icon-button:hover,.reading-actions button:hover,.mobile-back:hover{background:#f3f7f6}.workspace{display:grid;height:calc(100vh - 62px);grid-template-columns:240px 150px minmax(330px,390px) minmax(440px,1fr);min-width:0}.sidebar{position:relative;display:flex;min-width:0;flex-direction:column;padding:16px 12px 12px;border-right:1px solid #dbe5e2;background:#f5f8f7}.compose-button{display:flex;min-height:43px;align-items:center;justify-content:center;gap:9px;border:1px solid #dfbd00;border-radius:12px;color:var(--deep);background:var(--yellow);font-size:11.5px;font-weight:850}.compose-button:hover{background:#f1cb00}.primary-nav{margin-top:15px}.primary-nav button,.folderbar nav button{display:flex;width:100%;align-items:center;gap:9px;border:0;border-radius:9px;color:#4d6964;background:transparent}.primary-nav button{min-height:38px;padding:0 10px;font-size:11px;font-weight:720}.primary-nav button b{margin-left:auto;color:#fff;background:var(--teal);min-width:20px;padding:3px 6px;border-radius:999px;font-size:9px}.primary-nav button.active,.primary-nav button:hover,.folderbar nav button.active,.folderbar nav button:hover{color:var(--teal);background:#e5f2ef}.sidebar-section{min-height:0;margin-top:18px;flex:1}.sidebar-label{display:flex;align-items:center;justify-content:space-between;padding:0 9px 7px;color:#8a9a96;font-size:8.5px;font-weight:900;letter-spacing:.1em}.mailbox-list{display:grid;gap:2px;max-height:calc(100vh - 255px);overflow-y:auto}.mailbox-list button{display:grid;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:47px;padding:6px 8px;border:0;border-radius:10px;text-align:left;color:#365650;background:transparent}.mailbox-list button:hover,.mailbox-list button.active{background:#e7f1ef}.mailbox-list button.active{box-shadow:inset 3px 0 0 var(--teal)}.mailbox-dot{width:28px;height:28px;color:var(--teal);background:#d9ece8;font-size:8.5px}.mailbox-list strong,.mailbox-list small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailbox-list strong{font-size:10.5px}.mailbox-list small{margin-top:2px;color:#82928e;font-size:8px}.mailbox-list button>b{min-width:19px;padding:3px 5px;border-radius:999px;color:#fff;background:var(--teal);text-align:center;font-size:8px}.sidebar-security{display:flex;gap:8px;padding:10px;border:1px solid #dbe8e4;border-radius:11px;color:#54716b;background:#fff}.sidebar-security strong,.sidebar-security span{display:block}.sidebar-security strong{font-size:9px}.sidebar-security span{margin-top:3px;color:#869692;font-size:7.5px}.folderbar{border-right:1px solid #dce6e3;background:#fbfcfc}.folderbar-title{display:flex;min-height:56px;align-items:center;padding:0 15px;border-bottom:1px solid #e6ecea}.folderbar-title span{max-width:120px;overflow:hidden;text-overflow:ellipsis;color:#6f827d;font-size:9px;white-space:nowrap}.folderbar nav{display:grid;gap:2px;padding:11px 8px}.folderbar nav button{min-height:36px;padding:0 9px;font-size:10.5px}.message-column{display:flex;min-width:0;flex-direction:column;border-right:1px solid #dce5e3;background:#fff}.message-toolbar{display:flex;min-height:56px;align-items:center;justify-content:space-between;padding:0 14px 0 17px;border-bottom:1px solid #e4ebe9}.message-toolbar h1{margin:0;color:#213f3a;font-size:16px;letter-spacing:-.025em}.message-toolbar span{display:block;margin-top:2px;color:#8a9995;font-size:8.5px}.error-banner{margin:8px;padding:8px 10px;border-radius:9px;font-size:9px}.error-banner span{flex:1}.error-banner button{display:grid;padding:2px;border:0;place-items:center;color:inherit;background:transparent}.message-list{min-height:0;flex:1;overflow-y:auto}.center-state,.empty-reading{display:grid;place-items:center;align-content:center;color:#899a96;text-align:center}.center-state{height:100%;min-height:260px;gap:7px}.center-state strong{color:#58706b;font-size:11px}.center-state span{font-size:9px}.message-card{position:relative;display:grid;width:100%;grid-template-columns:34px minmax(0,1fr) 25px;gap:9px;padding:11px 9px 11px 12px;border:0;border-bottom:1px solid #eef2f1;text-align:left;background:#fff}.message-card:hover{background:#f8faf9}.message-card.selected{background:#eef7f5;box-shadow:inset 3px 0 0 var(--teal)}.message-card.unread{background:#fbfefd}.message-card.unread:after{position:absolute;top:17px;left:4px;width:4px;height:4px;border-radius:50%;content:"";background:var(--teal)}.message-avatar{width:32px;height:32px;color:#35645c;background:#e5efed;font-size:9px}.message-card.unread .message-avatar{color:#fff;background:var(--teal)}.message-summary{min-width:0}.message-line-one{display:flex;min-width:0;align-items:center;gap:8px}.message-line-one strong{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;color:#36544f;font-size:10px;white-space:nowrap}.message-card.unread .message-line-one strong,.message-card.unread .message-subject{color:#173e38;font-weight:850}.message-line-one time{flex:none;color:#8b9a97;font-size:8px}.message-subject{margin-top:4px;overflow:hidden;text-overflow:ellipsis;color:#536c67;font-size:9.5px;white-space:nowrap}.message-meta{display:flex;align-items:center;gap:6px;margin-top:7px;color:#8a9996;font-size:7.5px}.message-meta span{display:inline-flex;align-items:center;gap:3px}.mailbox-tag{max-width:95px;padding:2px 5px;overflow:hidden;border-radius:5px;color:#47706a;background:#edf5f3;text-overflow:ellipsis;white-space:nowrap}.star-button{display:grid;width:24px;height:24px;padding:0;border:0;place-items:center;color:#a0aca9;background:transparent}.star-button.starred{color:#d2ae00}.reading-pane{position:relative;min-width:0;overflow:hidden;background:#fff}.empty-reading{height:100%}.empty-reading-icon{display:grid;width:72px;height:72px;place-items:center;border-radius:22px;color:#71918a;background:#eef5f3}.empty-reading h2{margin:16px 0 5px;color:#536e68;font-size:16px}.empty-reading p{margin:0;color:#98a5a2;font-size:10px}.reading-toolbar{display:flex;min-height:56px;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #e5ecea}.reading-actions{display:flex;gap:6px;margin-left:auto}.mobile-back{display:none}.message-content{height:calc(100% - 56px);overflow-y:auto;padding:27px 32px 40px}.message-content>header{padding-bottom:22px;border-bottom:1px solid #edf1f0}.message-mailbox-context span{display:inline-block;padding:4px 7px;border-radius:6px;color:#47726b;background:#eaf4f2;font-size:8px;font-weight:750}.message-content h2{margin:12px 0 20px;color:#1d3935;font-size:clamp(20px,2vw,27px);line-height:1.25;letter-spacing:-.035em}.sender-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px}.sender-avatar{width:38px;height:38px;color:#fff;background:var(--teal);font-size:10px}.sender-details{min-width:0}.sender-details strong,.sender-details span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sender-details strong{color:#294a44;font-size:10.5px}.sender-details span{margin-top:3px;color:#84938f;font-size:8.5px}.sender-row time{color:#8b9996;font-size:8.5px}.mail-body{padding:26px 0;color:#263d39}.mail-body pre{margin:0;overflow-wrap:anywhere;color:#334b47;font-family:inherit;font-size:11.5px;line-height:1.75;white-space:pre-wrap}.mail-body iframe{width:100%;min-height:430px;border:0;background:#fff}.attachments-section{padding-top:18px;border-top:1px solid #edf1f0}.attachments-section>strong{display:flex;align-items:center;gap:6px;color:#42635d;font-size:10px}.attachment-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.attachment-list a{display:flex;min-width:180px;align-items:center;gap:8px;padding:9px 10px;border:1px solid #dfe8e6;border-radius:9px;color:#4c6a65;text-decoration:none;background:#fafcfc}.attachment-list b,.attachment-list small{display:block}.attachment-list b{max-width:180px;overflow:hidden;text-overflow:ellipsis;font-size:9px;white-space:nowrap}.attachment-list small{margin-top:2px;color:#8b9a97;font-size:7.5px}.modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:end;padding:0 30px 25px 0;background:#051f1d2e}.compose-window{display:flex;width:min(590px,calc(100vw - 40px));height:min(650px,calc(100vh - 90px));flex-direction:column;overflow:hidden;border:1px solid #cfdedb;border-radius:16px;background:#fff;box-shadow:0 28px 90px #052b2847}.compose-header{display:flex;min-height:50px;align-items:center;justify-content:space-between;padding:0 13px 0 16px;color:#fff;background:var(--deep)}.compose-header>div{display:flex;align-items:center;gap:8px}.compose-header strong{font-size:11px}.dark-hover{color:#fff;border-color:#ffffff26;background:#ffffff12}.dark-hover:hover{background:#ffffff24}.compose-fields{border-bottom:1px solid #e4ebe9}.compose-row{display:grid;min-height:45px;grid-template-columns:63px minmax(0,1fr);align-items:center;padding:0 15px;border-bottom:1px solid #eef2f1}.compose-row:last-child{border-bottom:0}.compose-row>span{color:#768a85;font-size:9px}.compose-row input,.compose-row select{width:100%;border:0;outline:0;color:#29443f;background:transparent;font-size:10.5px}.compose-body{width:100%;min-height:0;flex:1;resize:none;padding:20px;border:0;outline:0;color:#2b413d;font-size:11.5px;line-height:1.7}.compose-error{margin:0 15px;padding:8px 10px;border-radius:8px;font-size:9px}.compose-footer{display:flex;min-height:56px;align-items:center;gap:8px;padding:0 15px;border-top:1px solid #e6ecea}.send-button{display:flex;min-height:36px;align-items:center;gap:7px;padding:0 17px;border:0;border-radius:9px;color:#fff;background:var(--teal);font-size:10px;font-weight:800}.compose-attachment{display:grid;width:36px;height:36px;padding:0;border:0;border-radius:8px;place-items:center;color:#627974;background:transparent}.mobile-menu{display:none}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1180px){.workspace{grid-template-columns:210px 135px minmax(310px,360px) minmax(400px,1fr)}.topbar{grid-template-columns:235px minmax(260px,1fr) auto}.admin-copy{display:none}}@media(max-width:960px){.workspace{grid-template-columns:205px 130px minmax(300px,1fr)}.reading-pane{position:absolute;z-index:20;inset:62px 0 0 335px}.reading-pane:has(.empty-reading){display:none}.mobile-back{display:grid}}@media(max-width:760px){body{overflow:auto}.login-page{display:block;background:#f4f8f7}.login-brand{min-height:280px;padding:28px 24px}.login-brand-copy{margin:38px 0}.login-brand-copy h1{font-size:36px}.security-row{display:none}.login-form-side{padding:24px 18px 40px}.login-card{padding:25px 20px}.topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:0 10px}.topbar-brand-copy,.topbar-account .admin-avatar{display:none}.mobile-menu{display:grid;width:34px;height:34px;padding:0;border:0;place-items:center;color:#496661;background:transparent}.workspace{display:grid;grid-template-columns:92px minmax(0,1fr)}.sidebar{position:fixed;z-index:50;top:62px;bottom:0;left:0;width:235px;transform:translate(-100%);box-shadow:14px 0 35px #04221f29;transition:transform .18s ease}.sidebar.sidebar-open{transform:translate(0)}.folderbar{grid-column:1}.folderbar-title{display:none}.folderbar nav{padding-top:8px}.folderbar nav button{min-height:48px;justify-content:center;padding:0}.folderbar nav button span{display:none}.message-column{grid-column:2}.reading-pane{position:fixed;z-index:40;inset:62px 0 0}.message-content{padding:22px 18px 35px}.sender-row{grid-template-columns:38px minmax(0,1fr)}.sender-row time{grid-column:2}.modal-backdrop{padding:0;place-items:end center}.compose-window{width:100%;height:calc(100vh - 62px);border-radius:16px 16px 0 0}}.compose-window-pro{width:min(820px,calc(100vw - 40px));height:min(760px,calc(100vh - 55px))}.recipient-row{grid-template-columns:63px minmax(0,1fr) auto}.cc-bcc-button{border:0;padding:5px 8px;border-radius:6px;color:var(--teal);background:transparent;font-size:9px;font-weight:700;cursor:pointer}.cc-bcc-button:hover{background:#edf7f5}.compose-editor-tabs{display:flex;align-items:center;gap:4px;min-height:39px;padding:0 14px;border-bottom:1px solid #e8eeec;background:#fbfdfc}.compose-editor-tabs button{min-height:28px;padding:0 11px;border:0;border-radius:7px;color:#70837f;background:transparent;font-size:9px;font-weight:750;cursor:pointer}.compose-editor-tabs button.active{color:#fff;background:var(--teal)}.compose-toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:7px 12px;border-bottom:1px solid #e8eeec;background:#fff}.compose-toolbar button{min-width:31px;min-height:29px;padding:0 8px;border:1px solid #dce7e4;border-radius:6px;color:#405b56;background:#fff;font-size:9px;cursor:pointer}.compose-toolbar button:hover{border-color:#a9cbc4;background:#f0f8f6}.compose-rich-editor{flex:1;min-height:0;overflow:auto;padding:20px;outline:0;color:#243d38;background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.65}.compose-rich-editor:empty:before{content:attr(data-placeholder);color:#a6b3b0;pointer-events:none}.compose-rich-editor img{max-width:100%;height:auto}.compose-code-editor{flex:1;min-height:0;resize:none;padding:18px;border:0;outline:0;color:#d8efe9;background:#102522;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.65}.compose-preview{flex:1;min-height:0;padding:12px;overflow:hidden;background:#f3f7f6}.compose-preview iframe{width:100%;height:100%;border:1px solid #dce7e4;border-radius:9px;background:#fff}.compose-preview-empty{display:grid;height:100%;place-items:center;color:#93a39f;font-size:11px}.compose-files{display:flex;flex-wrap:wrap;gap:6px;max-height:88px;overflow:auto;padding:8px 14px;border-top:1px solid #edf1f0;background:#fbfdfc}.compose-file-chip{display:flex;max-width:260px;min-height:30px;align-items:center;gap:6px;padding:4px 6px 4px 9px;border:1px solid #dce7e4;border-radius:8px;color:#435e59;background:#fff;font-size:8.5px}.compose-file-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-file-chip small{flex:none;color:#8a9b97;font-size:7.5px}.compose-file-chip button{display:grid;width:22px;height:22px;flex:none;padding:0;border:0;border-radius:5px;place-items:center;color:#738682;background:transparent;cursor:pointer}.compose-file-chip button:hover{color:#a32d2d;background:#fff0f0}.compose-footer-pro{justify-content:space-between}.compose-footer-left,.compose-footer-right{display:flex;align-items:center;gap:7px}.compose-action{display:flex;min-height:34px;align-items:center;gap:6px;padding:0 9px;border:1px solid transparent;border-radius:7px;color:#536d67;background:transparent;font-size:9px;font-weight:700;cursor:pointer}.compose-action:hover{border-color:#d9e7e3;background:#f3f8f7}.signature-toggle{display:flex;align-items:center;gap:5px;color:#647b76;font-size:8.5px;cursor:pointer}.signature-toggle input{accent-color:var(--teal)}.compose-discard{display:flex;min-height:34px;align-items:center;gap:6px;padding:0 9px;border:0;border-radius:7px;color:#9a4545;background:transparent;font-size:9px;font-weight:700;cursor:pointer}.compose-discard:hover{background:#fff1f1}@media(max-width:720px){.compose-window-pro{width:100vw;height:100vh;max-height:none;border-radius:0}.modal-backdrop{padding:0}.compose-footer-pro{align-items:flex-start;flex-direction:column;padding-top:8px;padding-bottom:8px}.compose-footer-left,.compose-footer-right{width:100%}.compose-footer-right{justify-content:space-between}}.message-toolbar-meta{display:flex;align-items:center;gap:9px;margin-top:3px}.realtime-status{display:inline-flex;min-height:20px;align-items:center;gap:5px;padding:0 7px;border:1px solid #d9e5e2;border-radius:999px;color:#71837f;background:#f8fbfa;font-size:8px;font-weight:800;letter-spacing:.2px}.realtime-status i{width:6px;height:6px;border-radius:50%;background:#a6b4b1}.realtime-status.live{border-color:#cde5df;color:#006b67;background:#eef8f6}.realtime-status.live i{background:#0b9b72;box-shadow:0 0 0 3px #0b9b721f}.realtime-status.connecting i,.realtime-status.reconnecting i{animation:realtimePulse 1s ease-in-out infinite}@keyframes realtimePulse{0%,to{opacity:.35}50%{opacity:1}}.sidebar-settings-wrap{padding:12px 14px 0}.sidebar-settings-button{width:100%;min-height:42px;display:flex;align-items:center;gap:10px;border:1px solid rgba(0,107,103,.12);border-radius:12px;background:#006b670b;color:#23433f;font:inherit;font-weight:700;cursor:pointer;padding:10px 12px;transition:.16s ease}.sidebar-settings-button:hover{background:#006b6717;border-color:#006b6738}.mail-settings-overlay{position:fixed;inset:0;z-index:1200;background:#0e1e1c57;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:22px}.mail-settings-panel{width:min(620px,100%);max-height:min(760px,calc(100vh - 44px));overflow:auto;background:#fff;border:1px solid #e5ecea;border-radius:20px;box-shadow:0 28px 80px #122d2938}.mail-settings-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 26px 20px;border-bottom:1px solid #edf2f1}.mail-settings-header>div:first-child>span{display:block;margin-bottom:5px;color:#006b67;font-size:11px;line-height:1.2;font-weight:800;letter-spacing:.11em}.mail-settings-header h2{margin:0;color:#173c38;font-size:23px;line-height:1.25}.mail-settings-header p{margin:5px 0 0;color:#70827f;font-size:13px}.mail-settings-list{display:grid;gap:10px;padding:18px}.mail-settings-list>button{width:100%;min-height:72px;border:1px solid #e6eeec;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 17px;text-align:left;font:inherit;cursor:pointer;transition:.16s ease}.mail-settings-list>button:hover{border-color:#006b674d;background:#f8fbfa;transform:translateY(-1px)}.mail-settings-list>button div{min-width:0;display:grid;gap:4px}.mail-settings-list>button strong{color:#1f403c;font-size:14px}.mail-settings-list>button div span{color:#788986;font-size:12px;line-height:1.45}.mail-settings-list>button>span{color:#006b67;font-size:12px;font-weight:800;white-space:nowrap}.mail-settings-footer{border-top:1px solid #edf2f1;padding:14px 22px 17px;color:#7d8d8a;font-size:12px}@media(max-width:680px){.mail-settings-overlay{padding:10px}.mail-settings-panel{max-height:calc(100vh - 20px);border-radius:16px}.mail-settings-header{padding:20px}.mail-settings-list{padding:12px}}.signature-settings{padding:18px}.settings-subheader{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}.settings-subheader>button{border:0;background:transparent;color:#006b67;display:inline-flex;align-items:center;gap:5px;padding:4px 0;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.settings-subheader>div{display:grid;gap:3px}.settings-subheader strong{color:#1d3f3b;font-size:16px}.settings-subheader span{color:#788986;font-size:12px;line-height:1.45}.settings-toggle-row{border:1px solid #e5eeec;border-radius:13px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:13px 15px;margin-bottom:14px}.settings-toggle-row>div{display:grid;gap:3px}.settings-toggle-row strong{color:#24433f;font-size:13px}.settings-toggle-row span{color:#7a8b88;font-size:11px}.settings-toggle-row input{width:18px;height:18px;accent-color:#006b67}.signature-editor-card{border:1px solid #e3ecea;border-radius:14px;overflow:hidden;background:#fff}.signature-mode-tabs{display:flex;gap:4px;padding:8px;border-bottom:1px solid #e8efed;background:#f8fbfa}.signature-mode-tabs button{border:0;border-radius:8px;background:transparent;color:#687c78;padding:7px 11px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.signature-mode-tabs button.active{background:#fff;color:#006b67;box-shadow:0 1px 4px #14302c1a}.signature-toolbar{min-height:42px;display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:7px 10px;border-bottom:1px solid #edf2f1}.signature-toolbar button{min-width:31px;height:29px;border:1px solid #e0e9e7;border-radius:7px;background:#fff;color:#344f4b;padding:0 8px;font:inherit;font-size:11px;cursor:pointer}.signature-toolbar button:hover{background:#f3f8f7;border-color:#cbdcd8}.signature-rich-editor{min-height:190px;max-height:330px;overflow:auto;outline:none;padding:17px;color:#243d39;font-size:14px;line-height:1.55}.signature-html-editor{display:block;width:100%;min-height:260px;resize:vertical;border:0;outline:none;padding:16px;box-sizing:border-box;background:#17211f;color:#e7f0ee;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.55}.signature-preview{display:block;width:100%;min-height:260px;border:0;background:#fff}.signature-settings-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}.settings-secondary,.settings-primary{min-height:38px;border-radius:10px;padding:0 15px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}.settings-secondary{border:1px solid #dce7e4;background:#fff;color:#526864}.settings-primary{border:1px solid #006b67;background:#006b67;color:#fff}.settings-primary:disabled,.settings-secondary:disabled{opacity:.6;cursor:default}.settings-loading{min-height:220px;display:flex;align-items:center;justify-content:center;gap:9px;color:#687d79;font-size:13px}.settings-error{display:flex;align-items:center;gap:8px;margin-bottom:12px;border:1px solid #f0d8d5;border-radius:10px;background:#fff7f6;color:#9c4037;padding:10px 12px;font-size:12px}@media(max-width:680px){.signature-settings{padding:13px}.settings-toggle-row{align-items:flex-start}.signature-rich-editor{min-height:220px}.signature-settings-actions{position:sticky;bottom:0;background:#fff;padding-top:10px}}.auto-reply-settings{display:grid;gap:14px}.auto-reply-field{display:grid;gap:7px}.auto-reply-field>label{color:#294843;font-size:12px;font-weight:800}.auto-reply-field>input,.auto-reply-cooldown input{width:100%;min-height:40px;box-sizing:border-box;border:1px solid #dfe9e7;border-radius:10px;outline:none;background:#fff;color:#233f3b;padding:9px 11px;font:inherit;font-size:13px}.auto-reply-field>input:focus,.auto-reply-cooldown input:focus{border-color:#006b678c;box-shadow:0 0 0 3px #006b6714}.auto-reply-field small{color:#83938f;font-size:11px;line-height:1.45}.auto-reply-editor{min-height:220px}.auto-reply-schedule{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auto-reply-cooldown{display:flex;align-items:center;gap:9px}.auto-reply-cooldown input{width:110px}.auto-reply-cooldown span{color:#657a76;font-size:12px;font-weight:700}.auto-reply-safety-note{display:flex;align-items:flex-start;gap:10px;border:1px solid rgba(0,107,103,.16);border-radius:12px;background:#006b670b;padding:12px 13px;color:#006b67}.auto-reply-safety-note>div{display:grid;gap:3px}.auto-reply-safety-note strong{color:#244943;font-size:12px}.auto-reply-safety-note span{color:#6f827e;font-size:11px;line-height:1.45}@media(max-width:680px){.auto-reply-schedule{grid-template-columns:1fr}.auto-reply-cooldown{align-items:flex-start;flex-direction:column}.auto-reply-cooldown input{width:100%}}.mail-feature-settings{padding:18px}.template-layout{display:grid;grid-template-columns:220px 1fr;gap:14px}.template-list-card,.template-editor-card,.announcement-creator{border:1px solid #e4ecea;border-radius:14px;background:#fff;overflow:hidden}.template-list-header{min-height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #edf2f1}.template-list-header strong{color:#294843;font-size:12px}.template-list-header button{border:0;background:transparent;color:#006b67;font:inherit;font-size:11px;font-weight:800;display:inline-flex;align-items:center;gap:5px;cursor:pointer}.template-items{display:grid;max-height:430px;overflow:auto}.template-items>button{border:0;border-bottom:1px solid #eef3f2;background:#fff;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;cursor:pointer}.template-items>button.active,.template-items>button:hover{background:#f3f9f7}.template-items>button>div{min-width:0;display:grid;gap:3px}.template-items strong{font-size:12px;color:#284642}.template-items span{color:#81908d;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-items svg{color:#a25c55;flex:0 0 auto}.template-editor-card{padding:14px;display:grid;gap:12px}.template-html-editor{width:100%;min-height:230px;box-sizing:border-box;resize:vertical;border:0;outline:none;background:#17211f;color:#e7f0ee;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.55}.template-favorite{display:inline-flex;align-items:center;gap:7px;color:#5f7470;font-size:11px;font-weight:700}.template-favorite input{accent-color:#006b67}.template-empty{min-height:100px;display:flex;align-items:center;justify-content:center;color:#8a9996;font-size:12px;text-align:center;padding:20px}.settings-loading.compact{min-height:100px}.compose-template-picker{display:inline-flex;align-items:center;gap:6px;color:#647a76}.compose-template-picker select{max-width:150px;height:32px;border:1px solid #dce7e4;border-radius:8px;background:#fff;color:#405954;padding:0 7px;font-size:11px}.whats-new-heading{align-items:center}.announcement-create-button{margin-left:auto}.announcement-creator{padding:14px;display:grid;gap:12px;margin-bottom:15px}.announcement-two-column{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auto-reply-field select{width:100%;min-height:40px;border:1px solid #dfe9e7;border-radius:10px;background:#fff;color:#233f3b;padding:8px 10px}.announcement-body-input{width:100%;min-height:100px;box-sizing:border-box;resize:vertical;border:1px solid #dfe9e7;border-radius:10px;padding:10px;font:inherit;font-size:12px}.announcement-feed{display:grid;gap:14px}.announcement-card{border:1px solid #e4ecea;border-radius:16px;overflow:hidden;background:#fff}.announcement-card>img,.announcement-card>video{width:100%;max-height:320px;object-fit:cover;display:block;background:#111}.announcement-card-body{padding:17px}.announcement-meta{display:flex;gap:7px;margin-bottom:8px}.announcement-meta span{border-radius:999px;background:#edf7f5;color:#006b67;padding:4px 8px;font-size:9px;text-transform:uppercase;font-weight:800;letter-spacing:.06em}.announcement-card h3{margin:0 0 5px;color:#173d38;font-size:18px}.announcement-card-body>strong{display:block;color:#55706b;font-size:12px;margin-bottom:8px}.announcement-card p{color:#667d78;font-size:12px;line-height:1.6;margin:8px 0 0}.announcement-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.announcement-actions a,.announcement-actions button{min-height:31px;border-radius:8px;border:1px solid #dce7e4;background:#fff;color:#006b67;padding:0 10px;display:inline-flex;align-items:center;text-decoration:none;font:inherit;font-size:10px;font-weight:800;cursor:pointer}@media(max-width:760px){.template-layout,.announcement-two-column{grid-template-columns:1fr}.whats-new-heading{align-items:flex-start}.announcement-create-button{margin-left:0}.compose-template-picker select{max-width:115px}}