@charset "UTF-8";
:root{--ink:#20332f;--muted:#87918c;--green:#23664f;--green-dark:#174734;--mint:#dcebc8;--paper:#fafbf8;--line:#e9ece5;--sidebar:#172c28;--font:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:14px/1.6 var(--font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8da88b;outline-offset:3px}input:focus,select:focus{outline:0;border-color:#7c9e89!important;box-shadow:0 0 0 3px #23664f12}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.icon{display:inline-flex;width:19px;height:19px;flex:0 0 19px;align-items:center;justify-content:center}.icon svg,.brand-mark svg,.empty-icon svg{width:100%;height:100%}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;border:1px solid transparent;border-radius:8px;padding:9px 17px;font-size:12px;font-weight:600;letter-spacing:.2px;transition:background .16s,border-color .16s}.button-primary{background:var(--green);color:white}.button-primary:hover{background:var(--green-dark)}.button-outline{border-color:#dbe1d5;background:transparent}.button-outline:hover{background:#edf1e8}.button-quiet{background:transparent;color:var(--muted);padding:5px 0}.button-quiet:hover{color:var(--green)}.icon-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;padding:7px;border:0;border-radius:7px;background:transparent;color:#7e8983}.icon-button:hover{background:#eaf0e4;color:var(--green)}.eyebrow{font-size:9px;line-height:1.5;letter-spacing:1.5px;font-weight:600;margin:0;color:#9aa397}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a7c880;flex-shrink:0}.status-dot.syncing{animation:pulse 1.2s infinite}.status-dot.error{background:#e2ad83}.workspace{display:flex;height:100dvh;min-height:480px;overflow:hidden}.sidebar{flex:0 0 222px;background:var(--sidebar);color:#a9b9af;display:flex;flex-direction:column;padding:34px 20px 20px}.brand{display:flex;align-items:center;gap:10px;color:#f4f8ee;font-size:24px;font-weight:650;line-height:1.2;margin:0 9px 48px;letter-spacing:2px}.brand-mark{width:37px;height:37px;border-radius:11px;background:var(--mint);color:#244537;padding:7px;display:inline-block;flex:0 0 37px}.brand-caption{display:block;font-size:8px;letter-spacing:2.2px;font-weight:500;color:#92a99b;margin-top:6px}.sidebar-heading{font-size:10px;letter-spacing:1.4px;color:#718c7d;font-weight:500;margin:0 13px 12px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;text-align:left;border:0;border-radius:7px;padding:12px 13px;min-height:43px;background:transparent;color:#a4b9aa;font-size:12px}.nav-item.active{background:#2a4438;color:#e0edce}.nav-item:hover{background:#284137;color:#e0edce}.nav-count{margin-left:auto;background:#b3cd91;color:#26432e;min-width:22px;border-radius:4px;padding:0 5px;line-height:20px;text-align:center;font-size:10px;font-weight:600}.sidebar-section-head{display:flex;align-items:center;justify-content:space-between;margin:33px 2px 7px 0}.sidebar-section-head .sidebar-heading{margin-bottom:0}.sidebar-add{width:26px;height:26px;flex-basis:26px;color:#759481;padding:5px}.sidebar-add:hover{background:#2a4438;color:#d8e8cf}.account-nav{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3a5548 transparent}.account-nav-item{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:#95aa9c;border-radius:7px;padding:11px 12px;text-align:left;font-size:12px}.account-nav-item:hover,.account-nav-item.active{background:#223b31;color:#e0edce}.account-nav-item.active{box-shadow:inset 2px 0 #accb8b}.account-nav-name{flex:1;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.account-nav-count{font-size:10px;color:#728e7a}.account-nav-dot{display:inline-block;width:7px;height:7px;background:#9eb18d;border-radius:50%;flex:0 0 7px}.account-nav-dot.microsoft{background:#a6bacc}.account-nav-dot.custom{background:#d3b58c}.connect-first{background:transparent;border:1px dashed #365343;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:7px;color:#8ca592;font-size:10px;padding:13px 4px;margin-top:8px}.connect-first:hover{color:#dceacb;border-color:#839b75}.sidebar-bottom{margin-top:auto;padding-top:25px}.sync-indicator{display:flex;align-items:flex-start;gap:9px;margin:0 12px 22px}.sync-indicator .status-dot{margin-top:6px}.sync-indicator span:not(.status-dot){display:block;font-size:10px;color:#a6bba9}.sync-indicator small{display:block;color:#637f6d;font-size:9px;margin-top:4px;overflow-wrap:anywhere}.settings-link{border-top:1px solid #2e4539;border-radius:0;padding-top:18px}.settings-arrow{margin-left:auto;font-size:17px;color:#6f8979}.logout-button{display:block;border:0;background:transparent;color:#708b79;font-size:10px;margin:13px 0 0 42px;padding:2px 0}.logout-button:hover{color:#dceacb}.main-workspace{min-width:0;flex:1;display:flex;flex-direction:column}.workspace-header{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 38px 24px;border-bottom:1px solid var(--line);background:var(--paper)}.workspace-title{display:flex;align-items:center;gap:10px}.workspace-header h1{font-size:23px;font-weight:600;letter-spacing:.4px;margin:6px 0 0;line-height:1.5}.workspace-header .eyebrow{font-size:8px;letter-spacing:1.25px;color:#a2a99c}.header-actions{display:flex;align-items:center;gap:24px}.read-only-label{display:flex;align-items:center;gap:7px;font-size:10px;color:#889680;white-space:nowrap}.header-actions .button{font-size:11px;padding:9px 14px;min-height:37px}.header-actions .icon{width:15px;height:15px;flex-basis:15px}.demo-badge{font-size:9px;font-weight:500;letter-spacing:0;padding:3px 7px;margin-left:7px;border:1px solid #d8d8b4;background:#f5f2dd;color:#8d854b;border-radius:4px;vertical-align:middle}.global-notice{padding:10px 27px;background:#f4f0de;color:#857447;border-bottom:1px solid #e8e1c7;font-size:11px;flex-shrink:0}.mail-layout{display:flex;flex:1;min-height:0}.message-list-panel{flex:0 0 344px;border-right:1px solid var(--line);background:#fff;display:flex;flex-direction:column;min-width:0}.list-heading{display:flex;align-items:center;justify-content:space-between;padding:27px 25px 19px}.list-heading h2{font-size:16px;line-height:1.4;font-weight:600;margin:0;max-width:255px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-heading p{font-size:10px;color:#a0a79b;margin:7px 0 0}.list-heading-symbol{font-size:28px;color:#c2cbbb;align-self:flex-start;line-height:1}.search-box{margin:0 23px 16px;display:flex;align-items:center;gap:7px;padding:8px 10px;background:#f6f7f3;border:1px solid #eef0e9;border-radius:6px;height:35px}.search-box .icon{color:#95a18f;width:15px;height:15px;flex-basis:15px}.search-box input{background:transparent;border:0;padding:0;outline:0!important;box-shadow:none!important;min-width:0;flex:1;font-size:10px;color:var(--ink)}.search-box input::placeholder{color:#a8aea1}.search-box kbd{font:9px var(--font);color:#b4b9ae;border:1px solid #e4e8dc;border-radius:3px;line-height:16px;padding:0 4px}.list-toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 24px 12px;color:#8f9a88;font-size:9px}.filter-toggle{display:flex;align-items:center;gap:5px;border:0;background:transparent;padding:2px 0;color:#8f9a88;font-size:9px}.filter-switch{width:18px;height:10px;background:#e5e9df;border-radius:10px;padding:2px;display:inline-flex;transition:background .2s}.filter-switch:before{content:"";height:6px;width:6px;background:white;border-radius:50%;box-shadow:0 1px 2px #0001;transition:transform .2s}.filter-toggle[aria-pressed=true]{color:var(--green)}.filter-toggle[aria-pressed=true] .filter-switch{background:#7c9b66}.filter-toggle[aria-pressed=true] .filter-switch:before{transform:translateX(8px)}.message-list{overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#dbe1d4 transparent}.message-item{border:0;border-top:1px solid #edf0e8;display:block;width:100%;background:white;padding:20px 24px 18px;text-align:left;position:relative;transition:background .15s}.message-item:hover{background:#f7f9f3}.message-item.selected{background:#eef3e7}.message-item.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#738f51}.message-item-meta{display:flex;align-items:center;gap:7px;margin-bottom:8px}.message-item-sender{font-size:11px;font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6b7a69}.message-item-date{font-size:9px;color:#a0aa98;flex-shrink:0}.message-item.unread .message-item-sender{color:#30452f;font-weight:650}.unread-dot{width:5px;height:5px;border-radius:50%;background:#7f995e;display:inline-block;flex:0 0 5px}.message-item-subject{font-size:12px;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#4e6048;margin:0 0 6px;font-weight:500}.message-item.unread .message-item-subject{color:#253d24;font-weight:650}.message-item-snippet{font-size:10px;color:#a3aa9c;line-height:1.8;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;min-height:18px}.message-item-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:11px;gap:8px}.account-pill{display:inline-block;border-radius:3px;font-size:8px;padding:1px 5px;color:#8c9d7e;background:#f0f3eb;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-item.selected .account-pill{background:#e4eadb;color:#78905f}.attachment-indicator{color:#9da992;display:flex;align-items:center}.attachment-indicator .icon{width:12px;height:12px;flex-basis:12px}.load-more{background:#fff;border:0;border-top:1px solid var(--line);padding:13px;font-size:10px;color:#7f9371;flex-shrink:0}.load-more span{margin-left:8px}.load-more:hover{background:#f5f8ef}.list-empty{padding:55px 23px;text-align:center;margin:auto 0;color:#a6afa0}.empty-icon{width:38px;height:38px;display:block;margin:0 auto 14px;color:#b7c2ae}.list-empty h3{font-size:13px;font-weight:500;margin:0 0 7px;color:#74836a}.list-empty p{font-size:11px;margin:0;line-height:1.9}.list-empty .button{font-size:10px;min-height:33px;padding:7px 12px;margin-top:18px}.reader-panel{flex:1;min-width:0;position:relative;background:var(--paper);display:flex;flex-direction:column}.reader-placeholder{margin:auto;text-align:center;padding:25px;max-width:440px}.reader-placeholder .eyebrow{font-size:8px;color:#a6ad9e;margin-top:34px;letter-spacing:1.6px}.reader-placeholder h2{font-size:21px;letter-spacing:1px;font-weight:500;margin:12px 0 15px;color:#5d7054}.reader-placeholder>p:not(.eyebrow){font-size:11px;color:#a0aa95;line-height:2}.letter-illustration{width:124px;height:105px;position:relative;margin:0 auto}.letter-sheet{position:absolute;left:22px;top:5px;width:78px;height:83px;background:#fbfcf6;transform:rotate(-8deg);border:1px solid #dce4cf;border-radius:4px;box-shadow:0 4px 10px #6e81550a;padding-top:22px;z-index:1}.letter-sheet span{display:block;margin:0 15px 8px;height:2px;background:#d6dfc8;border-radius:2px}.letter-sheet span:nth-child(2){width:28px}.letter-envelope{position:absolute;bottom:0;left:11px;width:102px;height:66px;background:#e9efde;border:1px solid #d5dfc7;border-radius:5px;overflow:hidden;z-index:2}.letter-envelope:before,.letter-envelope:after{content:"";position:absolute;width:80px;height:80px;transform:rotate(45deg);background:#eff3e5;top:19px;border:1px solid #d9e3ca}.letter-envelope:before{left:-36px}.letter-envelope:after{right:-36px}.letter-spark{color:#a6bb8d;font-size:20px;position:absolute;right:-8px;top:6px}.placeholder-footer{display:flex;align-items:center;justify-content:center;gap:12px;font-size:9px;color:#a5af9b;margin-top:45px;letter-spacing:2px}.placeholder-footer span{display:inline-block;width:25px;height:1px;background:#d9e1cf}.message-view{height:100%;display:flex;flex-direction:column}.reader-toolbar{height:57px;min-height:57px;display:flex;align-items:center;padding:0 32px;gap:12px;border-bottom:1px solid #edf0e7}.reader-toolbar #back-to-list{display:none}.reader-account-tag{font-size:9px;color:#9ba68f;letter-spacing:.4px;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.reader-toolbar .icon-button{height:29px;width:29px;flex-basis:29px;padding:6px;color:#96a28b}.message-scroll{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#dbe1d4 transparent;padding:34px 39px 26px}.message-header{border-bottom:1px solid #e6ebdd;padding-bottom:25px}.message-header .eyebrow{font-size:8px;letter-spacing:1.3px;color:#93a17f}.message-header h2{font-size:24px;font-weight:550;line-height:1.55;letter-spacing:.1px;overflow-wrap:anywhere;margin:12px 0 24px}.sender-row{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.sender-avatar{height:33px;width:33px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 33px;background:#e4ecd9;color:#8ca171;font-size:12px;font-weight:600}.sender-details{flex:1;min-width:120px}.sender-details>div{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;line-height:1.5}.sender-details strong{font-size:11px;font-weight:600;overflow-wrap:anywhere}.sender-details span{font-size:9px;color:#a0aa96;overflow-wrap:anywhere}.sender-details p{font-size:9px;color:#a5ad9b;margin:4px 0 0;overflow-wrap:anywhere}.sender-row time{color:#9aa68e;font-size:9px;align-self:flex-start;margin-top:3px}.privacy-notice{display:flex;align-items:center;gap:7px;padding:10px 0;margin-top:12px;font-size:9px;color:#9aaa8b}.privacy-notice .icon{width:13px;height:13px;flex-basis:13px}.message-body{padding:27px 0 24px;line-height:1.95;color:#586650;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.message-body iframe{display:block;border:0;width:100%;min-height:400px;background:white;border-radius:5px;white-space:normal}.attachments-section{padding:18px 0 22px;border-top:1px solid #e7ecdf}.attachments-section h3{font-size:10px;color:#89977b;font-weight:500;margin:0 0 13px}.attachments-list{display:flex;flex-wrap:wrap;gap:10px}.attachment-link{display:flex;align-items:center;gap:10px;border:1px solid #e0e6d6;border-radius:6px;background:#fff;padding:9px 12px;color:#859771;min-width:155px;max-width:100%}.attachment-link:hover{border-color:#b3c29d;background:#f7faef}.attachment-link>.icon{width:21px;height:21px;flex-basis:21px}.attachment-link>div{min-width:0;flex:1}.attachment-link strong{font-size:10px;font-weight:500;display:block;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#60764d}.attachment-link small{font-size:8px;color:#a3ad96;display:block;margin-top:1px}.attachment-link .download-icon{margin-left:5px;width:13px;height:13px;flex-basis:13px}.message-footer{border-top:1px solid #e7ecdf;padding-top:24px;font-size:8px;letter-spacing:.7px;text-align:center;color:#bac2b0}.settings-dialog{padding:0;border:0;background:#fbfcf9;color:var(--ink);position:fixed;inset:0 0 0 auto;height:100dvh;max-height:100dvh;width:min(590px,100vw);max-width:100vw;margin:0;border-left:1px solid #e1e7d8;box-shadow:-15px 0 60px #12291d18}.settings-dialog::backdrop{background:#15291e55;backdrop-filter:blur(2px)}.settings-shell{display:flex;flex-direction:column;height:100%}.settings-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:29px 32px 24px;flex-shrink:0}.settings-header .eyebrow{font-size:8px;letter-spacing:1.2px}.settings-header h2{font-size:22px;font-weight:550;margin:7px 0 0}.settings-content{padding:29px 32px 35px;overflow-y:auto;scrollbar-width:thin}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-title h3{font-size:13px;font-weight:600;margin:0}.section-title>span{color:#9ba58f;font-size:10px}.account-settings-list{display:grid;gap:12px}.account-settings-card{border:1px solid #e2e7da;background:white;border-radius:9px;padding:16px}.account-settings-head{display:flex;align-items:center;gap:10px}.provider-badge{display:flex;align-items:center;justify-content:center;height:33px;width:33px;background:#f2f5eb;color:#889b73;border-radius:8px;font-size:16px;font-weight:650;flex:0 0 33px}.account-settings-info{flex:1;min-width:0}.account-settings-info strong{display:block;font-size:12px;font-weight:600;overflow-wrap:anywhere}.account-settings-info span{display:block;font-size:10px;color:#9ca791;overflow-wrap:anywhere}.account-settings-head .icon-button{flex-basis:26px;width:26px;height:26px;padding:6px;color:#adb4a4}.account-settings-head .icon-button:hover{color:#b37b68;background:#fbf0e9}.account-settings-status{font-size:10px;color:#97a388;margin:13px 0 9px;line-height:1.8;overflow-wrap:anywhere}.account-settings-status.error{color:#ae826b}.account-settings-actions{display:flex;gap:7px;flex-wrap:wrap}.account-settings-actions .button{font-size:10px;padding:5px 11px;min-height:30px;border-radius:5px}.muted{font-size:11px;color:#9da793;line-height:1.8;margin:20px 0 28px}.add-account-section{border-top:1px solid #e3e9da;margin-top:28px;padding-top:25px}.provider-picker{border:0;padding:0;display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:8px;margin:0 0 21px}.provider-picker label{cursor:pointer}.provider-picker input{position:absolute;opacity:0;width:1px;height:1px}.provider-picker label>span{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #e1e6d8;border-radius:7px;padding:12px 5px;font-size:11px;color:#94a086;background:white;white-space:nowrap}.provider-picker input:checked+span{border-color:#87a86d;background:#f0f5e8;color:#4b7040;box-shadow:0 0 0 1px #87a86d22}.provider-picker input:focus-visible+span{outline:3px solid #8da88b;outline-offset:2px}.provider-symbol{font-size:15px;line-height:1;font-weight:650}.gmail-symbol{font-family:Arial,sans-serif;color:#a2876c}.microsoft-symbol{font-size:19px;color:#869aaf}.provider-picker .icon{width:15px;height:15px;flex-basis:15px}.form-row{display:flex;gap:13px}.form-row>.form-field{flex:1;min-width:0}.form-field{margin:0 0 16px}.form-field label,.login-card label{display:block;font-size:10px;font-weight:500;color:#7e9070;margin-bottom:7px}.form-field input,.form-field select,.login-card input{width:100%;border:1px solid #dfe5d6;background:white;border-radius:6px;min-height:39px;padding:9px 11px;color:#4c6540;font-size:11px}.form-field input::placeholder,.login-card input::placeholder{color:#b3bcaa}.field-guidance{font-size:10px;line-height:1.9;color:#9aa78e;margin:-6px 0 17px;overflow-wrap:anywhere}.form-field .field-guidance{margin:7px 0 0}.field-guidance.warning{color:#b18967}.server-details{border:1px solid #e1e7d8;border-radius:7px;padding:0 13px;margin:18px 0 20px;background:#f6f8f1}.server-details summary{font-size:10px;padding:12px 0;cursor:pointer;color:#859675}.server-details summary span{float:right;font-size:9px;color:#a2ad96}.server-details[open] summary{margin-bottom:7px}.server-details .form-field{margin-bottom:13px}.form-error{font-size:11px;color:#aa6b55;background:#faf0ea;border:1px solid #f0dfd1;border-radius:6px;padding:10px 12px;line-height:1.8;overflow-wrap:anywhere}.add-account-submit{width:100%;font-size:11px}.settings-info{display:flex;gap:9px;padding:17px 0 0;margin-top:22px;border-top:1px solid var(--line);color:#a2ad96}.settings-info .icon{width:16px;height:16px;flex-basis:16px;margin-top:1px}.settings-info p{font-size:9px;line-height:2;margin:0}.toast-container{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);z-index:50;display:flex;flex-direction:column;gap:9px;max-width:calc(100vw - 32px);pointer-events:none}.toast{padding:11px 19px;font-size:11px;line-height:1.8;border:1px solid #d7e1cb;background:#f5f9ee;color:#587146;border-radius:8px;box-shadow:0 5px 24px #172c2814;animation:toast-in .2s ease;pointer-events:auto;overflow-wrap:anywhere}.toast.error{background:#fcf2eb;border-color:#ebd3bf;color:#a67359}.mobile-menu{display:none}.sidebar-scrim{display:none}.skeleton-row{height:143px;border-top:1px solid var(--line);padding:23px 25px}.skeleton-line{height:8px;background:linear-gradient(90deg,#f1f4ed,#e7ecdf,#f1f4ed);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;width:76%;margin-bottom:13px}.skeleton-line:first-child{width:43%}.skeleton-line:last-child{width:88%;margin-top:18px;height:6px}.login-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#f4f6ee;padding:35px}.login-screen:before{content:"";position:absolute;width:550px;height:550px;border:1px solid #dce5cf;border-radius:50%;left:-260px;top:-200px}.login-screen:after{content:"";position:absolute;width:600px;height:600px;border:1px solid #dce5cf;border-radius:50%;right:-280px;bottom:-320px}.login-decoration{position:absolute;inset:0;background:linear-gradient(120deg,transparent 60%,#edf2e3);pointer-events:none}.login-decoration>span{position:absolute;bottom:35px;left:40px;letter-spacing:2px;font-size:9px;color:#a4b195}.login-card{position:relative;z-index:1;width:365px;max-width:100%;background:#fff;border:1px solid #e1e7d6;border-radius:15px;box-shadow:0 12px 55px #172c2807;padding:38px 35px 26px}.brand-mark-large{height:43px;width:43px;margin-bottom:22px}.login-card .eyebrow{font-size:8px;color:#a2ad95;letter-spacing:1.3px}.login-card h1{font-size:25px;font-weight:550;margin:11px 0 8px;letter-spacing:.5px}.login-subtitle{font-size:10px;color:#a1ad94;margin:0 0 27px;line-height:1.9}.login-card input{min-height:42px;font-size:12px}.login-card .button{margin-top:19px;width:100%;justify-content:space-between;font-size:11px}.login-card .form-error{margin-bottom:0}.login-footnote{font-size:9px;text-align:center;color:#a0ac93;margin-top:28px}.login-footnote .status-dot{margin-right:5px;width:5px;height:5px}.spinning .icon svg{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.3}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes toast-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.sidebar{flex-basis:242px;padding-left:25px;padding-right:25px}.message-list-panel{flex-basis:390px}.workspace-header{padding-left:44px;padding-right:44px}.message-scroll{padding:43px 60px 30px}.reader-toolbar{padding:0 52px}.message-header h2{font-size:28px}.message-body{font-size:13px}.list-heading{padding-top:30px}.message-item{padding-top:23px;padding-bottom:22px}.message-item-subject{font-size:13px}.message-item-snippet{font-size:11px}.message-item-sender{font-size:12px}}
@media(max-width:1150px){.sidebar{flex-basis:196px;padding-left:12px;padding-right:12px}.brand{margin-left:12px}.message-list-panel{flex-basis:305px}.workspace-header{padding-left:25px;padding-right:25px}.header-actions{gap:15px}.read-only-label{display:none}.message-scroll{padding:28px 27px}.message-header h2{font-size:21px}.message-item{padding-left:20px;padding-right:20px}.list-heading{padding-left:20px;padding-right:20px}.search-box{margin-left:19px;margin-right:19px}.list-toolbar{margin-left:20px;margin-right:20px}.message-item-snippet{font-size:10px}.reader-toolbar{padding:0 22px}.sender-row time{width:100%;margin:0 0 0 44px}.brand{font-size:22px}}
@media(max-width:900px){.sidebar{flex-basis:180px;padding-left:10px;padding-right:10px}.message-list-panel{flex-basis:285px}.workspace-header{min-height:96px;padding:20px}.workspace-header h1{font-size:20px}.workspace-header .eyebrow{font-size:7px;letter-spacing:.6px}.header-actions .button{padding:8px 10px;font-size:10px}.message-scroll{padding:25px 22px}.message-header h2{font-size:19px}.sender-details>div{gap:3px}.sender-details span{width:100%}.message-body{font-size:11px}.sidebar-heading{font-size:9px}.nav-item,.account-nav-item{font-size:11px;gap:8px}.brand{margin-left:10px;gap:8px}.brand-caption{font-size:7px}.brand-mark{width:33px;height:33px;flex-basis:33px}}
@media(max-width:760px){.workspace{min-height:360px}.sidebar{position:fixed;inset:0 auto 0 0;width:228px;z-index:30;transform:translateX(-100%);transition:transform .22s ease;padding:30px 20px 20px;box-shadow:10px 0 30px #172c2820}.sidebar.open{transform:translateX(0)}.sidebar-scrim:not([hidden]){display:block;position:fixed;inset:0;background:#172c2844;z-index:29;border:0}.mobile-menu{display:inline-flex;margin-left:-7px}.workspace-header{padding:18px 20px;min-height:90px;gap:10px}.workspace-header h1{font-size:19px;margin-top:3px}.workspace-header .eyebrow{font-size:6px;letter-spacing:.7px}.header-actions .button{font-size:10px;gap:6px;padding:8px 10px;min-height:34px}.header-actions .icon{width:13px;height:13px;flex-basis:13px}.workspace-title{gap:8px}.message-list-panel{flex-basis:310px}.message-item{padding-top:20px;padding-bottom:19px}.reader-placeholder{padding:20px 14px}.reader-placeholder h2{font-size:17px}.reader-placeholder>p:not(.eyebrow){font-size:10px}.reader-placeholder .eyebrow{font-size:6px;letter-spacing:1px}.letter-illustration{transform:scale(.85)}.placeholder-footer{font-size:8px;gap:5px}.placeholder-footer span{width:14px}.message-scroll{padding:23px 20px}.reader-toolbar{padding:0 15px}.message-header h2{font-size:18px}.brand{margin-left:9px;font-size:24px}.brand-mark{width:37px;height:37px;flex-basis:37px}.brand-caption{font-size:8px}.nav-item,.account-nav-item{font-size:12px}.sidebar-heading{font-size:10px}}
@media(max-width:630px){.workspace-header{padding:17px 18px;min-height:86px}.workspace-header .eyebrow{max-width:190px;white-space:nowrap;overflow:hidden;letter-spacing:.5px}.workspace-header h1{font-size:18px}.header-actions .button{padding:8px;min-height:33px}.header-actions .button span:not(.icon){font-size:9px}.message-list-panel{flex:1;border-right:0}.reader-panel{display:none}.workspace.reading .message-list-panel{display:none}.workspace.reading .reader-panel{display:flex}.workspace.reading .workspace-header{display:none}.reader-toolbar{min-height:61px;height:61px;padding:0 20px;gap:15px;background:#fff}.reader-toolbar #back-to-list{display:flex;font-size:11px}.reader-account-tag{text-align:right}.reader-toolbar .icon-button{margin-right:-3px}.message-scroll{padding:30px 25px}.message-header h2{font-size:23px;margin:12px 0 23px}.sender-details>div{gap:6px}.sender-details span{width:auto}.sender-row time{margin:7px 0 0 44px;font-size:9px}.message-header{padding-bottom:24px}.message-body{font-size:13px;padding-top:27px;line-height:2}.list-heading{padding:25px 25px 20px}.list-heading h2{font-size:18px}.list-heading p{font-size:11px}.search-box{margin-left:25px;margin-right:25px;height:39px}.search-box input{font-size:12px}.search-box .icon{width:17px;height:17px;flex-basis:17px}.list-toolbar{margin-left:25px;margin-right:25px;font-size:10px;margin-bottom:14px}.filter-toggle{font-size:10px}.message-item{padding:21px 26px}.message-item-sender{font-size:12px}.message-item-date{font-size:10px}.message-item-subject{font-size:13px}.message-item-snippet{font-size:11px;line-height:1.9}.account-pill{font-size:9px}.account-settings-card{padding:14px}.settings-header{padding:24px 23px 20px}.settings-content{padding:25px 23px 30px}.provider-picker{gap:7px}.provider-picker label>span{font-size:10px;padding:11px 3px;gap:5px}.form-row{gap:10px}.form-field input,.form-field select{font-size:12px;min-height:42px}.global-notice{font-size:10px;padding:10px 20px}.message-item-meta{margin-bottom:8px}.demo-badge{font-size:8px;padding:2px 5px}.login-card{padding:32px 25px 24px}.login-screen{padding:24px}.login-decoration>span{left:25px;bottom:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep working text comfortable at laptop and phone sizes. Tiny capitals are decorative only. */
.nav-item,.account-nav-item{font-size:13px}.account-nav-count{font-size:11px}.sidebar-heading{font-size:10px}.connect-first{font-size:11px}.sync-indicator span:not(.status-dot){font-size:11px}.sync-indicator small,.logout-button{font-size:10px}.read-only-label{font-size:11px}.header-actions .button{font-size:12px}.list-heading p{font-size:11px}.search-box input{font-size:12px}.list-toolbar,.filter-toggle{font-size:11px}.message-item-sender{font-size:13px}.message-item-date{font-size:11px}.message-item-subject{font-size:14px}.message-item-snippet{font-size:12px}.account-pill{font-size:10px}.load-more{font-size:12px}.reader-placeholder>p:not(.eyebrow){font-size:12px}.list-empty h3{font-size:14px}.list-empty p{font-size:12px}.list-empty .button{font-size:12px}.reader-account-tag{font-size:11px}.sender-details strong{font-size:13px}.sender-details span,.sender-details p,.sender-row time{font-size:11px}.message-body{font-size:14px;line-height:1.95}.privacy-notice{font-size:11px}.attachments-section h3{font-size:12px}.attachment-link strong{font-size:12px}.attachment-link small{font-size:10px}.message-footer{font-size:10px}.section-title h3{font-size:14px}.section-title>span{font-size:11px}.account-settings-info strong{font-size:13px}.account-settings-info span,.account-settings-status{font-size:12px}.account-settings-actions .button{font-size:12px;min-height:33px}.muted{font-size:12px}.provider-picker label>span{font-size:12px}.form-field label,.login-card label{font-size:12px}.form-field input,.form-field select,.login-card input{font-size:13px}.field-guidance{font-size:12px}.server-details summary{font-size:12px}.server-details summary span{font-size:10px}.form-error{font-size:12px}.add-account-submit{font-size:12px}.settings-info p{font-size:11px}.toast{font-size:12px}.login-subtitle{font-size:12px}.login-card .button{font-size:12px}.login-footnote{font-size:11px}.global-notice{font-size:12px}
.truncation-notice{padding:11px 13px;border:1px solid #e9e0c4;border-radius:6px;background:#f9f5e7;color:#96845f;font-size:12px;line-height:1.9;margin:18px 0 0}
@media(max-width:630px){.header-actions .button span:not(.icon){font-size:11px}.message-item{padding-top:20px;padding-bottom:20px}.message-item-sender{font-size:13px}.message-item-subject{font-size:14px}.message-item-snippet{font-size:12px}.provider-picker label>span{font-size:11px}.reader-toolbar #back-to-list{font-size:12px}.sender-row time{font-size:11px}.message-scroll{padding-left:23px;padding-right:23px}.global-notice{font-size:11px}.message-header h2{font-size:23px}.message-body{font-size:14px}}
.connect-strip{display:flex;align-items:center;gap:24px;padding:17px 38px;background:#f2f5ec;border-bottom:1px solid #e5eadb;flex-shrink:0}.connect-strip-copy{display:flex;align-items:center;gap:12px;flex-shrink:0}.connect-strip-icon{width:34px;height:34px;flex-basis:34px;padding:8px;border:1px solid #dce5cd;background:#e9efdf;border-radius:9px;color:#8ca36f}.connect-strip h2{font-size:13px;font-weight:600;line-height:1.5;margin:0 0 3px;color:#5c754d}.connect-strip p{font-size:11px;line-height:1.6;color:#9ba98c;margin:0}.quick-connect-form{display:flex;align-items:center;gap:8px;flex:1;max-width:470px;min-width:0;margin-left:auto}.quick-connect-form input{flex:1;min-width:0;width:100%;border:1px solid #dce4cf;background:#fff;border-radius:7px;min-height:39px;padding:9px 12px;color:#4c6540;font-size:12px}.quick-connect-form input::placeholder{color:#a9b59a}.quick-connect-form .button{font-size:12px;padding:8px 13px;min-height:39px;white-space:nowrap}.quick-connect-form .button span{font-size:16px;margin-left:6px;line-height:1}.quick-connect-form input:disabled{background:#edf0e7;color:#a6ae9c;cursor:default}.quick-connect-form button:disabled{cursor:default}.settings-connect{width:100%;margin-top:24px;font-size:12px}.connect-dialog{position:fixed;inset:0;width:min(500px,calc(100vw - 36px));max-width:100vw;max-height:min(90dvh,790px);margin:auto;padding:0;border:1px solid #dfe7d5;border-radius:13px;background:#fbfcf8;color:var(--ink);box-shadow:0 20px 80px #10271926;overflow:hidden}.connect-dialog[open]{display:flex;flex-direction:column}.connect-dialog::backdrop{background:#15291e55;backdrop-filter:blur(2px)}.connect-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:26px 29px 22px;border-bottom:1px solid var(--line);flex-shrink:0;background:#fafbf7}.connect-dialog-header .eyebrow{font-size:8px;color:#a0ad92;letter-spacing:1.3px}.connect-dialog-header h2{font-size:22px;font-weight:550;margin:8px 0 0}.connect-dialog-content{padding:22px 29px 26px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#dce4d1 transparent}.connect-intro{font-size:12px;color:#9aa78d;line-height:1.9;margin:0 0 22px}.connect-detected{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 13px;border:1px solid #dde7cf;border-radius:6px;background:#f1f6e9;margin:0 0 18px;font-size:12px;color:#7d9663}.connect-detected button{border:0;background:transparent;font-size:11px;color:#8d9e7b;padding:1px 0;text-decoration:underline;text-underline-offset:3px}.connect-existing{font-size:11px;color:#91a17f;margin:-2px 0 17px;line-height:1.9}.connect-guidance{font-size:12px;line-height:1.9;color:#95a487;margin:0 0 19px}.connect-guidance.warning{color:#aa8661;background:#faf4e7;border:1px solid #eadcc5;border-radius:6px;padding:11px 13px}.connect-submit{width:100%;font-size:12px;min-height:43px}.connect-progress{font-size:12px;color:#72935c;padding:9px 0 2px;line-height:1.9;margin:0 0 13px}.connect-footnote{display:flex;align-items:flex-start;gap:7px;font-size:10px;color:#a7b19c;line-height:1.9;margin:21px 0 0}.connect-footnote .icon{width:14px;height:14px;flex-basis:14px;margin-top:2px}.connect-dialog .form-field input:disabled,.connect-dialog .form-field select:disabled{background:#f1f4eb;color:#a0ac92;cursor:default}.connect-dialog .server-details{margin-top:0}.connect-dialog .form-error{margin-top:0;margin-bottom:16px}.connect-dialog .form-field input,.connect-dialog .form-field select{min-height:42px}.connect-dialog button:disabled{cursor:default}
@media(max-width:1150px){.connect-strip{padding-left:25px;padding-right:25px;gap:18px}.connect-strip-copy{gap:9px}.connect-strip-icon{display:none}.connect-strip p{max-width:224px}.quick-connect-form{max-width:370px}.quick-connect-form .button{padding-left:11px;padding-right:11px}}
@media(max-width:900px){.connect-strip{padding-left:20px;padding-right:20px;gap:16px}.connect-strip p{max-width:200px;font-size:10px}.quick-connect-form .button{font-size:11px}.quick-connect-form{gap:6px}}
@media(max-width:630px){.connect-strip{display:block;padding:15px 24px 17px}.connect-strip-copy{margin-bottom:11px}.connect-strip h2{font-size:13px;margin-bottom:1px}.connect-strip p{font-size:11px;max-width:none}.quick-connect-form{max-width:none;width:100%;margin:0;gap:8px}.quick-connect-form input{min-height:41px;font-size:16px;padding:8px 11px}.quick-connect-form .button{min-height:41px;font-size:12px;padding:8px 14px}.quick-connect-form .button span{font-size:16px;margin-left:2px}.workspace.reading .connect-strip{display:none}.connect-dialog{width:calc(100vw - 28px);max-height:93dvh;border-radius:11px}.connect-dialog-header{padding:23px 23px 20px}.connect-dialog-header h2{font-size:21px}.connect-dialog-content{padding:20px 23px 24px}.connect-dialog .form-field input,.connect-dialog .form-field select{font-size:16px;min-height:44px}.connect-footnote{font-size:11px}.connect-intro{margin-bottom:20px}.connect-existing{font-size:12px}}
.login-password-label{margin-top:16px}.current-user{display:flex;align-items:center;gap:9px;margin:19px 10px 0;padding-top:17px;border-top:1px solid #2e4539}.current-user-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 29px;width:29px;height:29px;border-radius:7px;background:#2a4438;color:#c1d1af;font-size:12px}.current-user>div{flex:1;min-width:0}.current-user strong{display:block;color:#b8c9b5;font-size:11px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.current-user>div>span{display:block;color:#708b79;font-size:9px;margin-top:2px}.current-user .icon-button{padding:6px;width:25px;height:25px;flex-basis:25px;color:#789580}.current-user .icon-button:hover{background:#2a4438;color:#dceacb}.account-quota{font-size:10px;color:#789580;margin:11px 0 0 48px}.sidebar .logout-button{margin-top:9px}.sidebar-bottom{flex-shrink:0;padding-top:18px}.sidebar .sync-indicator{margin-bottom:15px}.sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3a5548 transparent}.sidebar .account-nav{flex-shrink:1;min-height:35px}.sidebar .brand,.sidebar>.sidebar-heading,.sidebar>.nav-item,.sidebar-section-head,.sidebar>.connect-first{flex-shrink:0}.agents-dialog{position:fixed;inset:0;max-width:calc(100vw - 40px);width:780px;max-height:90dvh;margin:auto;padding:0;border:1px solid #dfe7d5;border-radius:13px;background:#fbfcf8;color:var(--ink);box-shadow:0 20px 80px #10271926;overflow:hidden}.agents-dialog[open]{display:flex;flex-direction:column}.agents-dialog::backdrop{background:#15291e55;backdrop-filter:blur(2px)}.agents-content{padding:23px 29px 28px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#dce4d1 transparent}.agents-intro{color:#97a58b;font-size:12px;line-height:1.9;margin:0 0 20px;overflow-wrap:anywhere}.agents-section-heading{display:flex;gap:12px;align-items:center;margin:0 0 16px}.agents-section-heading h3{font-size:14px;font-weight:600;margin:0}.agents-section-heading>span{font-size:11px;color:#9eaa92;flex:1}.agents-section-heading .button{font-size:11px;padding:5px 10px;min-height:31px}.agents-section-heading .icon{width:13px;height:13px;flex-basis:13px}.agents-list{display:grid;gap:12px}.agent-card{padding:16px 18px;border:1px solid #e0e7d6;background:white;border-radius:8px}.agent-card-head{display:flex;align-items:center;gap:11px}.agent-avatar{display:flex;align-items:center;justify-content:center;width:35px;height:35px;flex:0 0 35px;background:#eef3e6;color:#86a16d;font-size:13px;font-weight:600;border-radius:8px}.agent-identity{flex:1;min-width:0}.agent-identity strong{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere}.agent-identity small{display:block;font-size:11px;color:#a0ad93;margin-top:1px;overflow-wrap:anywhere}.agent-state{font-size:10px;line-height:1.6;border-radius:4px;padding:3px 7px;background:#f0f6e7;color:#83a062;white-space:nowrap}.agent-state.disabled{background:#f5ede7;color:#b08b70}.agent-state.expired{background:#f7f0de;color:#ae9657}.agent-card-info{display:flex;gap:18px;flex-wrap:wrap;margin:14px 0 12px;padding-top:12px;border-top:1px solid #f0f3e9;font-size:11px;color:#a1ad95;line-height:1.9}.agent-card-info strong{font-weight:500;color:#72885f}.agent-card-actions{display:flex;align-items:center;gap:8px}.agent-card-actions .button{font-size:11px;min-height:31px;padding:5px 11px;border-radius:5px}.agent-card-actions .button.danger{color:#b0856b;border-color:#ead9cc}.agents-empty{font-size:12px;text-align:center;color:#9ca98e;line-height:1.9;padding:30px 12px;border:1px dashed #dfe7d4;border-radius:8px}.agent-create-details{margin-top:24px;border-top:1px solid #dfe7d3;padding-top:20px}.agent-create-details>summary{display:flex;align-items:center;gap:8px;list-style:none;color:#668450;font-size:13px;font-weight:500;cursor:pointer}.agent-create-details>summary::-webkit-details-marker{display:none}.agent-create-details>summary:after{content:"＋";margin-left:auto;font-size:17px;color:#9caf88}.agent-create-details[open]>summary:after{content:"−"}.agent-create-details form{margin-top:21px}.agent-create-details .form-field input{min-height:42px}.agent-create-details .button{font-size:12px;width:100%}.agent-create-details .field-guidance{font-size:10px;line-height:1.8}.agents-dialog .form-error{font-size:12px}.agent-create-details input:disabled{background:#f0f3eb}.password-reset-note{color:#aa8661;font-size:11px;margin-top:10px}.agent-edit-username{font-size:12px;color:#95a388}
@media(max-height:740px){.sidebar{padding-top:24px;padding-bottom:16px}.sidebar .brand{margin-bottom:28px}.sidebar-section-head{margin-top:22px}.sidebar .sync-indicator{margin-bottom:10px}.current-user{margin-top:12px;padding-top:12px}.sidebar .settings-link{padding-top:12px}.sidebar .sidebar-bottom{padding-top:10px}}
@media(max-width:630px){.agents-dialog{max-width:calc(100vw - 26px);max-height:94dvh;border-radius:11px}.agents-content{padding:20px 23px 24px}.agent-card{padding:15px}.agent-card-info{gap:7px 14px;font-size:12px}.agent-identity strong{font-size:13px}.agent-card-actions .button{font-size:12px}.agents-dialog .form-field input,.agents-dialog .form-field select{font-size:16px;min-height:44px}.agent-create-details .form-row{display:block}.agent-create-details .field-guidance{font-size:11px}.agent-state{font-size:10px}.agent-card-head{gap:9px}.agent-avatar{width:31px;height:31px;flex-basis:31px}}