:root{color-scheme:light;--ink:#29352f;--muted:#636863;--muted-2:#899089;--canvas:#f6f7f4;--sidebar:#f6f7f3;--paper:#fff;--reading:#fdfffb;--primary:#365f4c;--primary-hover:#294d3c;--border:#e6e9e2;--soft:#eef2e9;--selected:#e8edde;--selected-row:#f1f4ec;--marker:#799362;--error:#a63d35;--warning:#a46c28;--shadow:0 22px 60px rgba(38,53,45,.16),0 3px 12px rgba(38,53,45,.05);--radius-sm:7px;--radius-md:10px;--radius-lg:14px;--sidebar-width:248px;--list-width:426px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--canvas);color:var(--ink);font-size:14px;line-height:1.45;overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[contenteditable="true"]:focus-visible{outline:2px solid #799362;outline-offset:2px}.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-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;cursor:pointer;color:var(--muted);transition:background .16s ease,border-color .16s ease,color .16s ease}.icon-button:hover{background:var(--soft);border-color:var(--border);color:var(--ink)}.icon-button:disabled{opacity:.4;cursor:not-allowed}.icon-button.small{width:28px;height:28px}.icon-button.tiny{width:26px;height:26px}.icon-button.tiny .icon{width:15px;height:15px}kbd{min-width:22px;padding:2px 6px;border:1px solid #dce1d9;border-bottom-color:#cbd2c8;border-radius:5px;color:var(--muted-2);background:rgba(255,255,255,.65);font-size:10px;line-height:1.4;text-align:center}.mobile-only{display:none}[hidden]{display:none!important}
.app-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);height:100vh;min-height:560px}.sidebar{display:flex;flex-direction:column;min-width:0;padding:25px 14px 17px;background:var(--sidebar);border-right:1px solid var(--border)}.brand-row{display:flex;align-items:center;gap:10px;min-height:28px;padding:0 10px 23px}.brand-mark{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:var(--primary);color:#fff}.brand-mark .icon{width:16px;height:16px}.brand-name{font-size:17px;font-weight:750;letter-spacing:-.04em}.demo-badge{margin-left:auto;padding:3px 5px;border-radius:4px;background:#e8eee4;color:#69805e;font-size:8px;font-weight:800;letter-spacing:.1em}.compose-button{display:flex;align-items:center;gap:10px;width:100%;height:43px;padding:0 13px;border:0;border-radius:var(--radius-sm);background:var(--primary);color:#fff;cursor:pointer;box-shadow:0 4px 10px rgba(54,95,76,.12);font-weight:650;transition:background .16s ease,transform .16s ease}.compose-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.compose-button .icon{width:17px;height:17px}.compose-button kbd{margin-left:auto;color:rgba(255,255,255,.72);border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.09)}.sidebar-nav{margin-top:28px}.eyebrow{color:#858d84;font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.nav-section-label{padding:0 12px 9px}.nav-item,.utility-item{display:flex;align-items:center;width:100%;border:0;background:transparent;cursor:pointer}.nav-item{justify-content:space-between;min-height:37px;padding:0 11px;border-radius:var(--radius-sm);color:#5a625c;font-size:13px;transition:background .14s ease,color .14s ease}.nav-item:hover{background:#edf0ea;color:var(--ink)}.nav-item.is-active{background:var(--selected);color:var(--ink);font-weight:650}.nav-item-leading{display:flex;align-items:center;gap:12px}.nav-item .icon{width:17px;height:17px}.nav-count{min-width:18px;color:var(--primary);font-size:11px;font-weight:750;text-align:right}.nav-count.is-muted{color:var(--muted-2);font-weight:600}.sidebar-divider{height:1px;margin:26px 8px 19px;background:var(--border)}.section-heading-row{display:flex;align-items:center;justify-content:space-between;padding:0 8px 8px 12px}.address-item{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:4px 10px;border:0;border-radius:var(--radius-sm);background:transparent;text-align:left;cursor:pointer}.address-item:hover{background:#edf0ea}.address-item.is-active{background:var(--selected)}.address-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.all-dot{border:1.5px solid #819080;background:transparent}.sage-dot{background:#7f9970}.lilac-dot{background:#958aaa}.sand-dot{background:#c29b6a}.address-copy{min-width:0;display:flex;flex-direction:column;gap:1px}.address-copy strong{overflow:hidden;color:#4b554e;font-size:11.5px;font-weight:620;text-overflow:ellipsis;white-space:nowrap}.address-copy small{overflow:hidden;color:#929991;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.add-address-link{display:inline-flex;align-items:center;gap:7px;margin:8px 10px 0;padding:3px 0;border:0;background:transparent;color:var(--primary);cursor:pointer;font-size:11px;font-weight:650}.add-address-link .icon{width:14px;height:14px}.sidebar-bottom{margin-top:auto}.utility-item{gap:12px;min-height:36px;padding:0 11px;border-radius:var(--radius-sm);color:#636b63;text-align:left;font-size:12px}.utility-item:hover{background:#edf0ea;color:var(--ink)}.utility-item .icon{width:16px;height:16px}.utility-item kbd{margin-left:auto;font-size:9px}.owner-card{display:flex;align-items:center;gap:9px;margin:14px 5px 0;padding-top:14px;border-top:1px solid var(--border)}.avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;flex:0 0 auto;font-size:10px;font-weight:750;letter-spacing:.03em}.avatar-owner{background:#dfe8d7;color:#476247}.owner-copy{display:flex;flex-direction:column;min-width:0;flex:1}.owner-copy strong{font-size:11.5px;font-weight:700}.owner-copy span{color:var(--muted-2);font-size:10px}
.workspace-shell{display:grid;grid-template-columns:minmax(330px,var(--list-width)) minmax(0,1fr);grid-template-rows:70px minmax(0,1fr);min-width:0;min-height:0}.topbar{display:flex;align-items:center;justify-content:space-between;grid-column:1/-1;min-width:0;padding:0 25px 0 28px;background:var(--paper);border-bottom:1px solid var(--border)}.topbar-leading,.topbar-actions,.breadcrumb,.search-wrap{display:flex;align-items:center}.breadcrumb{gap:8px;font-size:12px}.breadcrumb .icon{width:13px;height:13px;color:#9ba29c}.breadcrumb-muted{color:#a3aaa2}.breadcrumb strong{font-weight:650}.topbar-actions{gap:17px;min-width:0}.search-wrap{position:relative;width:min(330px,32vw);height:36px}.search-wrap>.search-icon{position:absolute;left:12px;width:16px;height:16px;color:#8d958d;pointer-events:none}.search-wrap input{width:100%;height:100%;padding:0 65px 0 36px;border:1px solid var(--border);border-radius:7px;outline:0;background:#fbfcfa;color:var(--ink);font-size:12px;transition:border .15s ease,background .15s ease}.search-wrap input::placeholder{color:#9ba39b}.search-wrap input:focus{border-color:#a8b7a4;background:#fff}.search-wrap>kbd{position:absolute;right:10px;pointer-events:none}.search-clear{position:absolute;right:5px}.search-wrap:has(input:not(:placeholder-shown))>kbd{display:none}.help-button{display:inline-flex;align-items:center;gap:7px;padding:7px 0;border:0;background:transparent;color:#707870;cursor:pointer;font-size:11px}.help-button:hover{color:var(--ink)}.help-button .icon{width:16px;height:16px}.help-button kbd{margin-left:3px}
.list-pane{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--paper);border-right:1px solid var(--border)}.list-header{padding:24px 21px 0;border-bottom:1px solid var(--border)}.list-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.list-title-row h1{margin:0;font-size:22px;letter-spacing:-.04em;line-height:1.2}.list-title-row p{margin:5px 0 0;color:#8a918a;font-size:11px}.list-header-actions{display:flex;gap:3px;margin-top:-2px}.mail-tabs{display:flex;gap:19px;margin-top:24px}.mail-tab{position:relative;padding:0 0 12px;border:0;background:transparent;color:#929991;cursor:pointer;font-size:11px;font-weight:650}.mail-tab:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;border-radius:2px 2px 0 0;background:transparent;content:""}.mail-tab.is-active{color:var(--ink)}.mail-tab.is-active:after{background:var(--primary)}.tab-count{display:inline-block;min-width:16px;margin-left:3px;padding:1px 4px;border-radius:8px;background:var(--soft);color:var(--primary);font-size:9px;text-align:center}.filter-summary{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding-top:13px}.filter-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid #dfe6d9;border-radius:999px;background:var(--soft);color:#52684e;font-size:10px}.filter-chip button{display:grid;place-items:center;width:13px;height:13px;padding:0;border:0;background:transparent;color:currentColor;cursor:pointer}.filter-chip .icon{width:11px;height:11px}.filter-popover{position:absolute;z-index:5;top:76px;right:18px;width:236px;padding:13px;border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow)}.filter-popover-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:12px}.filter-select-label{display:block;margin-bottom:5px;color:var(--muted);font-size:10px;font-weight:650}.filter-popover select{width:100%;height:34px;padding:0 8px;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--ink);font-size:11px}.clear-filters{margin-top:12px;padding:0;border:0;background:transparent;color:var(--primary);cursor:pointer;font-size:10.5px;font-weight:650}.conversation-list{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#d4dbd1 transparent}.date-group-label{padding:15px 21px 7px;color:#9aa19a;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.conversation-row{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 21px;gap:11px;padding:13px 17px 13px 21px;border-bottom:1px solid #f0f2ee;cursor:pointer;transition:background .14s ease}.conversation-row:hover{background:#fafcf8}.conversation-row.is-selected{background:var(--selected-row)}.conversation-row.is-selected:before{position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--marker);content:""}.conversation-row.is-unread .conversation-sender,.conversation-row.is-unread .conversation-subject{color:var(--ink);font-weight:750}.conversation-avatar{position:relative}.conversation-dot{display:none;position:absolute;top:1px;right:-1px;width:7px;height:7px;border:1px solid var(--paper);border-radius:50%;background:#789a61}.conversation-row.is-unread .conversation-dot{display:block}.avatar-sage{background:#dfe9db;color:#507253}.avatar-sand{background:#f0e5d5;color:#896c4a}.avatar-slate{background:#dde5e7;color:#5b7076}.avatar-lilac{background:#e7e1ee;color:#736482}.avatar-seafoam{background:#dcece5;color:#4b7668}.conversation-main{min-width:0}.conversation-meta,.conversation-subject-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.conversation-sender{overflow:hidden;color:#47534b;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.conversation-time{flex:0 0 auto;color:#98a098;font-size:10px}.conversation-subject{overflow:hidden;margin-top:3px;color:#4d564f;font-size:12px;font-weight:590;text-overflow:ellipsis;white-space:nowrap}.conversation-snippet{display:block;overflow:hidden;margin-top:4px;color:#8c948d;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.conversation-extra{display:flex;align-items:center;gap:5px;margin-top:6px;color:#a0a79f;font-size:9.5px}.conversation-extra .icon{width:12px;height:12px}.draft-label{color:#a56a47;font-weight:700}.row-star{align-self:start;width:23px;height:23px;margin-top:-2px;border:0;background:transparent;color:#bac2b9;cursor:pointer}.row-star:hover,.row-star.is-starred{color:#8a9c69}.row-star.is-starred .icon{fill:#dbe7c3}.row-star .icon{width:16px;height:16px}.list-footer{padding:13px 21px 18px;text-align:center}.load-more{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:var(--primary);cursor:pointer;font-size:10.5px;font-weight:700}.load-more:hover{color:var(--primary-hover)}.load-more .icon{width:13px;height:13px}.empty-list{display:grid;place-items:center;min-height:300px;padding:32px;color:var(--muted);text-align:center}.empty-list-illustration{display:grid;place-items:center;width:50px;height:50px;margin:0 auto 13px;border-radius:16px;background:var(--soft);color:#7f9876}.empty-list-illustration .icon{width:25px;height:25px}.empty-list h3{margin:0;color:var(--ink);font-size:14px}.empty-list p{max-width:230px;margin:5px 0 0;color:#8a9289;font-size:11px}
.reader-pane{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--reading)}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:0 27px;border-bottom:1px solid var(--border);background:rgba(253,254,251,.94)}.reader-toolbar-actions,.reader-toolbar-group{display:flex;align-items:center;gap:4px}.reader-toolbar-group{gap:10px}.reader-back{display:none}.reader-position{color:#9aa29b;font-size:10px}.toolbar-divider{width:1px;height:20px;margin:0 6px;background:var(--border)}.reader-scroll{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#d4dbd1 transparent}.reader-inner{max-width:790px;margin:0 auto;padding:34px 42px 46px}.reader-subject-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.reader-subject{margin:0;color:var(--ink);font-size:25px;letter-spacing:-.045em;line-height:1.2}.reader-subject-meta{display:flex;align-items:center;gap:8px;margin-top:10px;color:#8a9289;font-size:10.5px}.subject-status{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border-radius:999px;background:var(--soft);color:#66805f;font-size:9.5px;font-weight:650}.subject-status .icon{width:11px;height:11px}.message-stack{display:flex;flex-direction:column;gap:11px;margin-top:29px}.message-card{border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;overflow:hidden}.message-card.is-latest{border-color:#dfe6dc;box-shadow:0 2px 6px rgba(40,60,48,.025)}.message-header{display:flex;align-items:center;gap:11px;width:100%;padding:15px 17px;border:0;background:#fff;text-align:left;cursor:pointer}.message-header:hover{background:#fbfcfa}.message-card:not(.is-expanded) .message-header{padding-block:12px}.message-summary{display:flex;flex-direction:column;min-width:0;flex:1}.message-sender-line{display:flex;align-items:baseline;gap:6px;min-width:0}.message-sender-name{color:var(--ink);font-size:12px;font-weight:700}.message-sender-email{overflow:hidden;color:#9aa29a;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.message-time{align-self:flex-start;padding-top:2px;color:#9aa29b;font-size:10px;white-space:nowrap}.message-toggle{width:18px;height:18px;color:#9ba49b}.message-card.is-expanded .message-toggle{transform:rotate(180deg)}.message-body-wrap{padding:0 17px 19px 61px}.message-details{display:flex;flex-wrap:wrap;gap:5px 18px;padding:0 0 14px;color:#929a92;font-size:10px}.message-details strong{color:#707a71;font-weight:650}.message-body{color:#4b554e;font-size:13px;line-height:1.72}.message-body p{margin:0 0 12px}.message-body p:last-child{margin-bottom:0}.message-body a{color:var(--primary);text-decoration:underline;text-underline-offset:2px}.remote-block{display:flex;align-items:flex-start;gap:9px;margin:16px 0 15px;padding:10px 12px;border:1px solid #e4eadf;border-radius:7px;background:#f8faf6;color:#778176;font-size:10.5px;line-height:1.45}.remote-block .icon{width:15px;height:15px;margin-top:1px;color:#879b78}.remote-block strong{display:block;color:#5b6f59;font-size:10.5px}.attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.attachment-card{display:flex;align-items:center;gap:8px;min-width:160px;padding:8px 9px;border:1px solid var(--border);border-radius:7px;background:#fbfcfa}.attachment-type{display:grid;place-items:center;width:25px;height:25px;border-radius:6px;background:#e9efe6;color:#65805f;font-size:8px;font-weight:800}.attachment-copy{min-width:0;flex:1}.attachment-copy strong{display:block;overflow:hidden;color:#58635a;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.attachment-copy span{display:block;margin-top:1px;color:#9ba29b;font-size:9px}.attachment-download{width:24px;height:24px}.attachment-download .icon{width:14px;height:14px}.reply-block{margin-top:22px;padding:17px;border:1px dashed #cfd9ca;border-radius:10px;background:rgba(238,242,233,.5)}.reply-block-label{display:flex;align-items:center;gap:6px;color:#778375;font-size:10.5px;font-weight:650}.reply-block-label .icon{width:14px;height:14px}.reply-buttons{display:flex;gap:8px;margin-top:12px}.button-primary,.button-secondary,.button-danger{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:35px;padding:0 13px;border:1px solid transparent;border-radius:6px;cursor:pointer;font-size:11px;font-weight:700;transition:background .15s ease,border .15s ease,transform .15s ease}.button-primary{background:var(--primary);color:#fff}.button-primary:hover{background:var(--primary-hover)}.button-secondary{border-color:var(--border);background:#fff;color:#5c665e}.button-secondary:hover{border-color:#cdd8c9;background:var(--soft)}.button-danger{background:#fff4f2;color:var(--error);border-color:#f0d8d3}.button-primary:disabled,.button-secondary:disabled{opacity:.5;cursor:not-allowed}.empty-reader{display:grid;place-items:center;min-height:calc(100vh - 129px);padding:40px;text-align:center}.empty-reader-art{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 17px;border:1px solid #e4eade;border-radius:23px;background:#f0f4ec;color:#7c9671}.empty-reader-art .icon{width:32px;height:32px}.empty-reader h2{margin:0;font-size:17px;letter-spacing:-.02em}.empty-reader p{max-width:260px;margin:6px auto 16px;color:#8f978f;font-size:11px}
.modal-backdrop,.sidebar-backdrop{position:fixed;z-index:20;inset:0;background:rgba(39,51,44,.22);backdrop-filter:blur(2px)}.sidebar-backdrop{z-index:8}.modal-layer{position:fixed;z-index:21;inset:0;display:grid;place-items:center;padding:20px;pointer-events:none}.modal-layer>*{pointer-events:auto}.modal-card{width:min(100%,750px);max-height:min(760px,calc(100vh - 40px));overflow:hidden;border:1px solid rgba(214,222,211,.95);border-radius:12px;background:#fff;box-shadow:var(--shadow)}.modal-card.modal-narrow{width:min(100%,470px)}.modal-card.modal-small{width:min(100%,410px)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:20px 22px 17px;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:17px;letter-spacing:-.03em}.modal-header p{margin:4px 0 0;color:#8b948b;font-size:10.5px}.modal-header .icon-button{margin:-4px -6px 0 0}.modal-body{max-height:calc(100vh - 160px);overflow:auto}.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 22px;border-top:1px solid var(--border);background:#fcfdfb}.modal-footer-actions{display:flex;align-items:center;gap:8px}.form-label{display:block;margin-bottom:6px;color:#697269;font-size:10px;font-weight:750}.field-input,.field-select,.field-textarea{width:100%;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--ink);font-size:12px}.field-input,.field-select{height:37px;padding:0 10px}.field-textarea{min-height:76px;padding:9px 10px;resize:vertical;line-height:1.5}.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:#a3b69f;outline:2px solid rgba(121,147,98,.18)}.compose-modal{width:min(680px,100%)}.compose-body{overflow:auto;max-height:calc(100vh - 186px);padding:11px 22px 0}.compose-mode-label{display:inline-flex;align-items:center;gap:6px;margin:0 0 12px;color:#7c877c;font-size:10.5px;font-weight:650}.compose-mode-label .icon{width:14px;height:14px;color:#829977}.compose-field-row{display:flex;align-items:baseline;gap:10px;min-height:38px;border-bottom:1px solid #edf0eb}.compose-field-row label{width:47px;flex:0 0 auto;color:#8b938b;font-size:11px}.compose-field-row input{width:100%;min-width:0;height:35px;padding:0;border:0;background:transparent;color:var(--ink);font-size:12px;outline:0}.compose-field-row select{flex:1;margin:0 -4px 0 -2px;border:0;outline:0;background:transparent;color:var(--ink);font-size:11px}.compose-field-row input::placeholder{color:#abb2aa}.compose-toggle-row{display:flex;justify-content:flex-end;gap:12px;margin-top:5px}.text-button{padding:3px 0;border:0;background:transparent;color:var(--primary);cursor:pointer;font-size:10px;font-weight:650}.compose-editor{min-height:205px;padding:19px 0 12px;color:#455148;font-size:13px;line-height:1.7;outline:0}.compose-editor:empty:before{color:#b0b7af;content:attr(data-placeholder);pointer-events:none}.compose-editor p{margin:0 0 10px}.compose-tools{display:flex;align-items:center;gap:2px;padding:7px 0;border-top:1px solid #edf0eb}.compose-tools .icon-button{width:28px;height:28px}.compose-tools .icon{width:15px;height:15px}.compose-tool-divider{width:1px;height:17px;margin:0 6px;background:var(--border)}.attachment-list{display:flex;flex-wrap:wrap;gap:7px;padding:0 0 9px}.draft-attachment{display:inline-flex;align-items:center;gap:6px;padding:5px 7px;border:1px solid #e0e7dc;border-radius:6px;background:#f8faf6;color:#60705f;font-size:10px}.draft-attachment .icon{width:12px;height:12px}.draft-attachment button{display:grid;place-items:center;width:14px;height:14px;padding:0;border:0;background:transparent;color:#9aa498;cursor:pointer}.draft-attachment button .icon{width:10px;height:10px}.compose-status{display:inline-flex;align-items:center;gap:6px;color:#879087;font-size:10px}.compose-status .status-dot{width:6px;height:6px;border-radius:50%;background:#b0b8ae}.compose-status.is-saving .status-dot{background:#c59142}.compose-status.is-error{color:var(--error)}.compose-status.is-error .status-dot{background:var(--error)}.compose-error{display:none;margin:8px 0 0;padding:8px 10px;border:1px solid #efd8d4;border-radius:6px;background:#fff6f4;color:var(--error);font-size:10.5px}.compose-error.is-visible{display:block}.send-button .icon{width:14px;height:14px}
.settings-modal{width:min(750px,100%)}.settings-tabs{display:flex;gap:18px;padding:0 22px;border-bottom:1px solid var(--border)}.settings-tab{position:relative;padding:13px 0 11px;border:0;background:transparent;color:#929a92;cursor:pointer;font-size:11px;font-weight:700}.settings-tab:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:transparent;content:""}.settings-tab.is-active{color:var(--ink)}.settings-tab.is-active:after{background:var(--primary)}.settings-content{padding:21px 22px 24px}.settings-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:15px}.settings-section-heading h3{margin:0;font-size:13px}.settings-section-heading p{margin:3px 0 0;color:#8d958d;font-size:10.5px}.domain-card{margin-bottom:12px;border:1px solid var(--border);border-radius:8px;overflow:hidden}.domain-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;background:#fbfcfa}.domain-name-wrap{display:flex;align-items:center;gap:9px}.domain-badge{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#e6eee2;color:#65805f;font-size:9px;font-weight:800}.domain-name strong{display:block;font-size:11.5px}.domain-name span{display:block;margin-top:1px;color:#929a91;font-size:9.5px}.domain-status{display:inline-flex;align-items:center;gap:5px;color:#66805f;font-size:9.5px;font-weight:650}.domain-status .status-dot{width:6px;height:6px;border-radius:50%;background:#7a9b67}.identity-row{display:flex;align-items:center;gap:10px;padding:10px 13px;border-top:1px solid #eef1ec}.identity-marker{width:7px;height:7px;border-radius:50%}.identity-copy{min-width:0;flex:1}.identity-copy strong{display:block;font-size:11px;font-weight:650}.identity-copy span{display:block;margin-top:1px;color:#939b93;font-size:9.5px}.identity-tags{display:flex;align-items:center;gap:5px}.identity-tag{padding:3px 6px;border-radius:4px;background:#f0f3ed;color:#73806f;font-size:8.5px;font-weight:650}.settings-inline-form{display:none;margin-top:13px;padding:13px;border:1px solid #dce6d7;border-radius:8px;background:#f8faf6}.settings-inline-form.is-visible{display:block}.inline-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inline-form-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:12px}.agent-intro{margin:-3px 0 17px;padding:10px 12px;border:1px solid #e0e9dc;border-radius:7px;background:#f8faf6;color:#758074;font-size:10.5px}.credential-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #eef1ec}.credential-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#ede9df;color:#8d7956}.credential-icon .icon{width:15px;height:15px}.credential-copy{min-width:0;flex:1}.credential-copy strong{display:block;font-size:11px}.credential-copy span{display:block;margin-top:2px;overflow:hidden;color:#969e96;font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}.scope-list{display:flex;gap:4px;margin-top:5px}.scope-pill{padding:2px 5px;border-radius:4px;background:#f0f3ed;color:#6e7c6b;font-size:8px}.credential-meta{color:#98a097;font-size:9px;text-align:right;white-space:nowrap}.credential-meta strong{display:block;color:#71806d;font-size:9px}.credential-secret{margin:15px 0 1px;padding:12px;border:1px solid #e0e9dc;border-radius:8px;background:#f8faf6}.credential-secret-label{color:#61725e;font-size:10px;font-weight:750}.secret-row{display:flex;align-items:center;gap:7px;margin-top:8px}.secret-row code{min-width:0;flex:1;overflow:hidden;padding:8px;border:1px solid #dce5d8;border-radius:5px;background:#fff;color:#4f654e;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.acknowledge-row{display:flex;align-items:flex-start;gap:7px;margin-top:10px;color:#778276;font-size:10px}.acknowledge-row input{margin-top:2px;accent-color:var(--primary)}
.palette-card{width:min(470px,100%);overflow:hidden;border:1px solid #dce4d9;border-radius:12px;background:#fff;box-shadow:var(--shadow)}.palette-search{display:flex;align-items:center;gap:9px;padding:15px 16px;border-bottom:1px solid var(--border)}.palette-search .icon{width:16px;height:16px;color:#89938a}.palette-search input{width:100%;height:27px;padding:0;border:0;outline:0;color:var(--ink);font-size:12px}.palette-search input::placeholder{color:#9ca49d}.palette-list{padding:7px}.palette-item{display:flex;align-items:center;gap:11px;width:100%;padding:9px;border:0;border-radius:7px;background:transparent;cursor:pointer;text-align:left}.palette-item:hover,.palette-item.is-highlighted{background:var(--soft)}.palette-item .palette-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#f1f4ee;color:#688061}.palette-item .palette-icon .icon{width:15px;height:15px}.palette-item-copy{min-width:0;flex:1}.palette-item-copy strong{display:block;font-size:11px}.palette-item-copy span{display:block;margin-top:1px;color:#949c94;font-size:9.5px}.palette-item kbd{margin-left:auto}.shortcut-card{width:min(445px,100%)}.shortcut-list{display:grid;grid-template-columns:1fr 1fr;gap:1px 24px;padding:14px 22px 22px}.shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:35px;border-bottom:1px solid #f0f2ee;color:#667168;font-size:10.5px}.shortcut-row kbd{color:#6c786c;background:#f8faf6}
.toast-region{position:fixed;z-index:50;right:22px;bottom:20px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;min-width:230px;max-width:360px;padding:10px 11px 10px 13px;border:1px solid #dce6d8;border-radius:8px;background:#fff;box-shadow:0 8px 23px rgba(39,55,45,.12);color:#5e6b61;font-size:10.5px;pointer-events:auto;animation:toast-in .2s ease-out}.toast.is-error{border-color:#eed7d2}.toast-icon{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#e6f0e2;color:#63815c}.toast.is-error .toast-icon{background:#fff0ed;color:var(--error)}.toast-icon .icon{width:12px;height:12px}.toast-message{flex:1}.toast-action{padding:0;border:0;background:transparent;color:var(--primary);cursor:pointer;font-size:10px;font-weight:750}.toast-close{display:grid;place-items:center;width:21px;height:21px;padding:0;border:0;background:transparent;color:#a0a8a0;cursor:pointer}.toast-close .icon{width:13px;height:13px}@keyframes toast-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.action-list{padding:7px}.action-list-item{display:flex;align-items:center;gap:11px;width:100%;min-height:58px;padding:9px;border:0;border-radius:8px;background:transparent;cursor:pointer;text-align:left}.action-list-item:hover{background:var(--soft)}.action-list-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#f0f3ed;color:#698064;flex:0 0 auto}.action-list-icon .icon{width:16px;height:16px}.action-list-item>span:nth-child(2){min-width:0;flex:1}.action-list-item strong,.action-list-item small{display:block}.action-list-item strong{font-size:11.5px}.action-list-item small{margin-top:2px;color:#929a92;font-size:9.5px}.action-list-item>.icon{width:14px;height:14px;color:#a0a8a0}.account-summary{display:flex;align-items:center;gap:12px;margin:16px 16px 7px;padding:13px;border:1px solid var(--border);border-radius:9px;background:#f8faf6}.account-avatar{width:42px;height:42px}.account-summary strong{font-size:11.5px}.account-summary p{margin:3px 0 0;color:#8c958c;font-size:9.5px}.identity-editor{padding:20px 22px}.identity-editor>.field-input{margin-bottom:15px}.read-only-field{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0 14px;border-bottom:1px solid var(--border);color:#8c948c;font-size:10px}.read-only-field strong{color:#5a665c;font-size:10.5px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #eef1ec;cursor:pointer}.switch-row span{min-width:0}.switch-row strong,.switch-row small{display:block}.switch-row strong{font-size:11px}.switch-row small{margin-top:2px;color:#919991;font-size:9.5px}.switch-row input{width:17px;height:17px;accent-color:var(--primary)}
@keyframes spin{to{transform:rotate(360deg)}}.is-spinning .icon{animation:spin .5s ease-in-out}
@media(max-width:1250px){:root{--sidebar-width:224px;--list-width:380px}.sidebar{padding-inline:11px}.reader-inner{padding-inline:32px}}@media(max-width:1050px){:root{--sidebar-width:205px;--list-width:340px}.brand-name{font-size:16px}.topbar{padding-inline:18px}.help-button span,.help-button kbd{display:none}.reader-inner{padding-inline:25px}.reader-toolbar{padding-inline:17px}}@media(max-width:900px){body{overflow:hidden}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:9;top:0;bottom:0;left:0;width:min(290px,82vw);transform:translateX(-105%);transition:transform .22s ease;box-shadow:10px 0 30px rgba(32,47,38,.1)}.sidebar.is-open{transform:translateX(0)}.mobile-only{display:inline-flex}.topbar-leading{gap:8px}.workspace-shell{grid-template-columns:1fr;grid-template-rows:61px minmax(0,1fr)}.topbar{padding-inline:13px 16px}.search-wrap{width:min(330px,45vw)}.list-pane{border-right:0}.reader-pane{display:none}.app-shell.reader-open .list-pane{display:none}.app-shell.reader-open .reader-pane{display:flex}.reader-back{display:inline-flex}.reader-inner{max-width:760px}.empty-reader{min-height:calc(100vh - 120px)}}@media(max-width:640px){:root{--radius-md:9px}.topbar{min-height:56px}.workspace-shell{grid-template-rows:56px minmax(0,1fr)}.breadcrumb-muted,.breadcrumb>.icon{display:none}.breadcrumb{font-size:13px}.topbar-actions{flex:1;margin-left:10px}.search-wrap{width:100%}.list-header{padding:19px 16px 0}.list-title-row h1{font-size:21px}.conversation-row{padding-inline:16px}.date-group-label{padding-inline:16px}.list-footer{padding-inline:16px}.reader-toolbar{min-height:52px;padding-inline:10px}.reader-toolbar .reader-toolbar-group .toolbar-divider,.reader-toolbar .reader-toolbar-group .icon-button:nth-last-child(-n+2){display:none}.reader-inner{padding:24px 15px 36px}.reader-subject{font-size:21px}.message-body-wrap{padding-left:17px}.message-sender-email{display:none}.modal-layer{align-items:stretch;padding:0}.modal-card,.compose-modal,.settings-modal,.modal-narrow,.modal-small{width:100%;max-height:100%;height:100%;border:0;border-radius:0}.modal-body,.compose-body{max-height:none;flex:1}.compose-modal,.settings-modal{display:flex;flex-direction:column}.compose-body,.settings-content{flex:1}.modal-header{padding:17px 16px 14px}.modal-footer{padding:12px 16px}.settings-tabs,.settings-content{padding-left:16px;padding-right:16px}.shortcut-list{grid-template-columns:1fr;padding-inline:16px}.toast-region{right:12px;bottom:12px;left:12px;align-items:stretch}.toast{max-width:none}.inline-form-grid{grid-template-columns:1fr}}
.workspace-shell{height:100vh;overflow:hidden}.list-pane,.reader-pane{overflow:hidden}.conversation-list,.reader-scroll{flex:1 1 auto;min-height:0}.reader-scroll{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.conversation-list{overflow-x:hidden;overflow-y:auto}.reader-inner{padding-bottom:max(46px,calc(env(safe-area-inset-bottom) + 24px))}.reply-block{scroll-margin-bottom:24px}@media(max-width:640px){.reader-scroll{height:100%}.reader-inner{padding-bottom:max(40px,calc(env(safe-area-inset-bottom) + 28px))}.reply-buttons{position:relative;z-index:1}}