@charset "UTF-8";
:root{--ink:#213c38;--green:#193c38;--accent:#b6d6b9;--paper:#f5f6f3;--line:#e4e8e2;--muted:#7b8581;--gold:#cba96b;--white:#fff;font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;color:#233c37;background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button{color:inherit}svg{width:20px;height:20px;flex:none}a{color:inherit}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7bac9b;outline-offset:3px}input,select,textarea{border:1px solid #d9dfd8;border-radius:8px;background:white;color:var(--ink);padding:11px 12px;min-width:0}input,textarea{width:100%}label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600}textarea{resize:vertical;line-height:1.7}button svg{vertical-align:middle}.primary,.secondary,.text-btn,.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;font-weight:600;font-size:13px;padding:11px 16px;border:1px solid transparent;text-decoration:none}.primary{background:var(--green);color:white}.primary:hover{background:#2c514a}.secondary{background:white;border-color:#dce2db}.secondary:hover{background:#f3f6f1}.text-btn{background:none;color:#507467;padding:8px 0}.icon-btn{padding:8px;background:transparent}.icon-btn:hover{background:#e5ebe3}.wide{width:100%}.compact{padding:8px 10px}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.6}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#7a8b7f;margin-bottom:12px}.pill{display:inline-block;font-size:10px;letter-spacing:1.4px;font-weight:700;background:#edf2e9;padding:7px 10px;border-radius:4px}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{background:#fafbf8;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:34px 18px 16px;position:sticky;top:0;height:100vh}.app-logo{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:Georgia,serif;font-size:29px;letter-spacing:-1px;padding:0 12px 36px}.logo-tile{font-size:30px;background:var(--green);color:#d6e2c9;width:42px;height:46px;display:grid;place-items:center;border-radius:9px}.logo-sub{display:block;font:8px "Segoe UI",sans-serif;letter-spacing:2.2px;margin-top:5px;color:#7a8c80}.sidebar-label{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#89958b;padding:0 12px;margin:8px 0 14px}.label-row{margin-top:36px;display:flex;justify-content:space-between}.nav-item{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;border-radius:8px;padding:13px 12px;text-align:left;font-size:12px;color:#62736b;margin-bottom:5px}.nav-item.selected{background:var(--green);color:#f4f8ef}.nav-item b{margin-left:auto;font-size:10px;background:#ffffff20;padding:3px 6px;border-radius:5px}.mailbox-nav{display:flex;flex-direction:column;gap:5px;overflow:auto}.mailbox-link{display:flex;align-items:center;gap:10px;border:0;background:none;text-align:left;font-size:12px;padding:11px 12px;border-radius:7px;color:#66746a}.mailbox-link.selected{background:#eaf0e5;color:var(--green);font-weight:600}.mailbox-link small{margin-left:auto}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#83a291;flex:none}.dot.all{border:1px solid #537867;background:none}.brand-0{background:#d8d2ef!important;color:#5e5485!important}.brand-1{background:#e8d7bb!important;color:#90703c!important}.brand-2{background:#cbded1!important;color:#41674e!important}.brand-3{background:#d4e2e9!important;color:#486b7e!important}.sidebar-bottom{margin-top:auto;padding-top:24px}.install-btn{display:flex;align-items:center;gap:9px;width:100%;padding:13px 10px;border:1px solid #e1e7dc;background:#f1f5ec;border-radius:8px;font-size:11px;color:#577360}.user-card{display:flex;align-items:center;gap:9px;padding-top:22px}.avatar{width:36px;height:36px;border-radius:50%;background:#d8e4d5;color:#456450;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:none}.user-name{display:flex;flex-direction:column;gap:4px;align-items:flex-start;border:0;background:none;padding:0}.user-name b{font-size:12px}.user-name small{font-size:10px;color:var(--muted)}.user-card .icon-btn{margin-left:auto;color:#7a8a7e}.workspace{min-width:0}.topbar{height:72px;display:flex;align-items:center;gap:8px;padding:0 40px;border-bottom:1px solid var(--line);background:#fbfcf9}.breadcrumb{font-size:11px;font-weight:500}.breadcrumb span{padding:0 12px;color:#b3beb2}.top-status{font-size:10px;color:#7b887c}.secure-dot{width:5px;height:5px;background:#84a88a;border-radius:50%;margin-left:auto}.demo-banner{background:#e9efe2;font-size:10px;letter-spacing:.2px;color:#68805c;padding:7px 40px}#main{padding:37px 40px 28px;max-width:1700px;margin:auto}.page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-title h1{font-size:29px;letter-spacing:-1px;line-height:1.2;font-weight:600;margin-bottom:10px}.page-title p:not(.eyebrow){font-size:12px;color:var(--muted)}.page-title .secondary{font-size:11px;padding:9px 12px}.page-title .secondary svg{width:15px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:29px}.stat{border:1px solid var(--line);background:#fff;border-radius:11px;text-align:left;padding:18px 20px;display:flex;flex-direction:column;gap:13px;min-height:130px;box-shadow:0 2px 3px #273c1e02}.stat.chosen{background:var(--green);color:#f5f8ee;border-color:var(--green)}.stat>span{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600}.stat svg{width:16px;color:#859783}.stat.chosen svg{color:#bdd0b5}.stat strong{font-size:33px;font-weight:500;line-height:1;letter-spacing:-1px}.stat small{font-size:9px;color:#8a9487}.stat.chosen small{color:#b4c8b2}.inbox-panel{border:1px solid var(--line);background:#fff;border-radius:11px;overflow:hidden;box-shadow:0 3px 8px #243a1c02}.inbox-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 24px 18px}.inbox-toolbar h2{font-size:15px;font-weight:600;margin-bottom:4px}.inbox-toolbar .small{font-size:10px}.search{display:flex;flex-direction:row;align-items:center;gap:8px;background:#f7f8f4;border:1px solid #e8ece4;border-radius:7px;padding:0 10px;width:290px}.search svg{width:16px;color:#8c9b87}.search input{font-size:11px;border:0;background:none;padding:10px 0;outline-offset:0}.tabs{display:flex;gap:25px;padding:0 24px;border-bottom:1px solid var(--line);overflow:auto}.tabs button{padding:13px 0;border:0;border-bottom:2px solid transparent;white-space:nowrap;background:none;color:#8d968b;font-size:11px;font-weight:600}.tabs button.active{color:var(--green);border-bottom-color:var(--green)}.list-heading{display:grid;grid-template-columns:minmax(0,1fr) 180px 94px;gap:20px;background:#fafbf8;padding:12px 24px;font-size:8px;font-weight:700;letter-spacing:1px;color:#939d8e;border-bottom:1px solid var(--line)}.conversation-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 180px 94px;gap:20px;align-items:center;border:0;border-bottom:1px solid #edf0e9;background:white;padding:22px 24px;text-align:left}.conversation-row:last-child{border-bottom:0}.conversation-row:hover{background:#f9fbf6}.row-main{display:flex;gap:13px;min-width:0;align-items:flex-start}.row-main .avatar{width:35px;height:35px;font-size:10px}.message-summary{min-width:0}.sender-line{display:flex;align-items:center;gap:9px;margin-bottom:7px;flex-wrap:wrap}.sender-line b{font-size:11px}.brand-tag{font-size:8px;border:1px solid #e9ece4;border-radius:4px;color:#88917f;padding:3px 6px}.message-summary h3{font-size:12px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px}.message-summary p{font-size:10px;color:#929a8d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.row-status{display:flex;align-items:flex-start;flex-direction:column;gap:8px}.status{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:600;padding:5px 8px;border-radius:5px;background:#f0f2ef;color:#7e897c;white-space:nowrap}.status::before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.status.new,.status.open{color:#8d7546;background:#faf2e2}.status.waiting{color:#7a6e9e;background:#f0edf8}.status.handled{color:#557c54;background:#edf5e8}.status.archived{color:#85927c;background:#f0f3ed}.status.failed{color:#a84a3d;background:#faeae6}.row-status small{font-size:9px;color:#8c9686}.conversation-row time{font-size:9px;color:#8c9686;white-space:nowrap}.bottom-hint{display:flex;align-items:center;gap:8px;justify-content:center;font-size:10px;color:#939e8c;margin-top:19px}.bottom-hint svg{width:15px}.workspace-footer{font-size:9px;color:#9aa492;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:18px 40px}.empty{text-align:center;padding:60px 20px;color:#7f927c}.empty svg{background:#edf3e9;box-sizing:content-box;padding:13px;border-radius:50%;margin-bottom:15px}.empty h3{font-size:15px;margin-bottom:8px}.empty p{font-size:12px}.mobile-menu{display:none}.notice{font-size:12px;line-height:1.7;padding:14px 18px;background:#eef3e9;border:1px solid #e2e9da;border-radius:8px;margin-bottom:20px}.notice.warning{background:#fff6e7;color:#8c6d39;border-color:#efdfbe}.box-grid,.user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;margin-bottom:25px}.mailbox-card,.operator-card{padding:22px;background:#fff;border:1px solid var(--line);border-radius:12px}.box-card-head,.operator-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.mail-icon{padding:11px;display:inline-flex;border-radius:10px}.mailbox-card h2,.operator-card h2{font-size:17px;margin-bottom:7px}.mailbox-card>p:not(.eyebrow),.operator-card>p{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.mailbox-sync{font-size:10px;color:var(--muted);margin:23px 0}.permission-tags{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 25px;min-height:48px}.permission-tags span{font-size:10px;background:#f0f4eb;padding:6px 8px;border-radius:4px;align-self:flex-start}.role-label{display:block;font-size:10px;color:#75856d;margin-top:13px}dialog{border:1px solid #dee5d9;padding:0;border-radius:14px;max-width:860px;width:calc(100% - 32px);max-height:92dvh;color:var(--ink);box-shadow:0 25px 100px #0f271e35}dialog::backdrop{background:#132b2666;backdrop-filter:blur(3px)}.modal-head{padding:25px 28px 20px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);background:white;position:sticky;top:0;z-index:3}.modal-head h2{font-size:19px;line-height:1.5}.modal-head p{font-size:11px;color:var(--muted);margin-top:5px}.modal-head .icon-btn{align-self:flex-start}.conversation-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 28px;background:#f7f9f3;border-bottom:1px solid var(--line)}.conversation-controls label{font-size:9px;flex-direction:row;align-items:center}.conversation-controls select{padding:7px;font-size:10px}.conversation-controls .compact{font-size:10px}.conversation-controls .compact svg{width:14px}.thread{background:#f7f8f5;padding:22px 28px}.message{padding:20px;background:#fff;border:1px solid var(--line);border-radius:9px;margin-bottom:16px}.message.outbound{border-left:3px solid #7d9a75}.message header{display:flex;align-items:center;gap:10px;margin-bottom:18px}.message header b{font-size:12px}.message header small{display:block;font-size:10px;color:#97a08d;margin-top:4px}.message time{font-size:9px;color:#8c9784;margin-left:auto}.small-avatar{width:29px;height:29px;font-size:9px}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.85;color:#52624d;max-height:500px;overflow:auto}.attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.attachments a{display:flex;align-items:center;gap:7px;font-size:11px;background:#f0f4eb;border-radius:6px;padding:8px;text-decoration:none}.attachments svg{width:13px}.attachments small{color:#8a977f}.composer{padding:0 28px 22px;border-bottom:1px solid var(--line)}.composer-tabs{display:flex;gap:20px;margin-bottom:15px}.composer-tabs button{background:none;border:0;border-bottom:2px solid transparent;font-size:11px;font-weight:600;padding:14px 0;color:#8c9784;display:flex;gap:7px;align-items:center}.composer-tabs button.active{border-color:var(--green);color:var(--green)}.composer-tabs svg{width:15px}.composer textarea{font-size:12px}.composer-footer{display:flex;align-items:center;gap:12px;margin-top:12px}.composer-footer .primary{margin-left:auto;font-size:11px}.composer-footer .primary svg{width:14px}.attach-button{position:relative;font-size:10px;flex-direction:row;align-items:center;cursor:pointer}.attach-button input{position:absolute;opacity:0;inset:0;cursor:pointer}.attach-button svg{width:15px}.after-send{font-size:9px;flex-direction:row;align-items:center;margin-left:10px}.after-send select{font-size:10px;padding:7px}.file-pill{font-size:10px;display:inline-block;background:#eaf0e4;padding:6px 9px;margin:5px;border-radius:5px}.activity{padding:22px 28px;background:#fff}.activity summary{font-size:12px;font-weight:600;cursor:pointer}.activity summary span{color:#8c9784;margin-left:7px}.activity ol{list-style:none;margin:20px 0 0;padding:0}.activity li{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #f2f4ef;font-size:10px;line-height:1.6}.activity li p{white-space:pre-wrap;color:#7d8b72;margin-top:4px}.activity li time{font-size:9px;color:#91a084;margin-left:auto;white-space:nowrap}.timeline-dot{background:#b7c9aa;width:5px;height:5px;border-radius:50%;margin-top:5px;flex:none}.settings-form{padding:26px 28px;display:flex;flex-direction:column;gap:18px}.settings-form p{line-height:1.7;font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-form input,.settings-form select{font-size:12px}.settings-form fieldset{border:1px solid var(--line);border-radius:8px;padding:13px 18px}.settings-form legend{font-size:12px;font-weight:600;padding:0 6px}.check-row{display:flex;flex-direction:row;align-items:center;gap:12px;padding:9px 0;font-size:12px}.check-row input{width:16px;height:16px;accent-color:var(--green)}.check-row b{font-size:12px;font-weight:500}.check-row small{display:block;font-size:10px;color:#8f9a85;margin-top:4px}.form-error{font-size:12px!important;color:#b75141!important;line-height:1.6;margin-top:8px}.install-steps{font-size:13px;line-height:2;padding-left:20px}.install-steps li{margin-bottom:15px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);padding:14px 22px;background:#193c38;color:#fff;border-radius:9px;box-shadow:0 8px 30px #193c3833;font-size:12px;z-index:20;opacity:0;pointer-events:none;transition:.2s;max-width:90vw}#toast.visible{opacity:1;transform:translate(-50%,0)}.loading{padding:100px 30px;text-align:center}.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}.login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-story{background:var(--green);color:#edf4e7;display:flex;flex-direction:column;justify-content:space-between;padding:55px 65px;min-height:100vh}.wordmark{font:48px Georgia,serif;display:flex;align-items:center;gap:20px}.wordmark span{font:10px "Segoe UI",sans-serif;letter-spacing:3px}.login-story .eyebrow{color:#a4bea1}.login-story h1{font:normal 48px/1.16 Georgia,serif;letter-spacing:-1px;margin:20px 0 25px}.login-story>div>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#aec2a8;max-width:340px}.brand-line{font-size:9px;letter-spacing:1px;margin-top:50px;color:#aac3a0;line-height:2}.brand-line span{padding:0 10px}.login-story small{font-size:10px;color:#8da785}.login-panel{display:flex;align-items:center;justify-content:center;padding:40px}.login-form{max-width:340px;width:100%}.login-form h2{font-size:28px;margin:25px 0 12px;letter-spacing:-.7px}.login-form>p{font-size:13px;color:#89967f}.login-form form{display:flex;flex-direction:column;gap:20px;margin-top:33px}.login-form input{font-size:13px;padding:13px}.login-form .primary{justify-content:space-between;padding:13px 17px}.demo-login{margin:22px 0;background:#eef2e8;border:1px dashed #c9d7bb;border-radius:10px;padding:16px;font-size:12px}.demo-login p{font-size:11px;line-height:1.6;color:#7c9071;margin:8px 0 14px}.demo-login button{font-size:10px;width:100%}.demo-login .text-btn{margin-top:8px}
@media(min-width:1550px){.conversation-row{padding-top:25px;padding-bottom:25px}.list-heading,.conversation-row{grid-template-columns:minmax(0,1fr) 215px 110px}.row-status small{font-size:10px}.conversation-row time{font-size:10px}.message-summary h3{font-size:13px}.message-summary p{font-size:11px}}
@media(max-width:1150px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding:28px 12px 14px}#main{padding:28px 24px}.topbar{padding:0 24px}.demo-banner{padding-left:24px}.stats{gap:10px}.stat{padding:16px}.stat small{font-size:8px}.conversation-row,.list-heading{grid-template-columns:minmax(0,1fr) 140px;gap:12px;padding-left:18px;padding-right:18px}.conversation-row>time,.list-heading>span:last-child{display:none}.tabs{gap:20px;padding:0 18px}.inbox-toolbar{padding:18px}.search{width:240px}.brand-tag{display:none}}
@media(max-width:800px){.app-shell{display:block}.sidebar{position:fixed;left:-260px;top:0;width:248px;z-index:10;transition:left .2s;box-shadow:6px 0 30px #17312222}.sidebar.mobile-open{left:0}.mobile-menu{display:flex}.topbar{height:60px;padding:0 16px;gap:12px}.breadcrumb{font-size:10px}.top-status{font-size:9px}.demo-banner{font-size:9px;padding:7px 18px}#main{padding:24px 18px}.page-title{align-items:flex-start}.page-title h1{font-size:25px}.page-title p:not(.eyebrow){font-size:11px;line-height:1.6}.page-title>.secondary{padding:9px;font-size:0}.page-title>.secondary svg{width:16px}.eyebrow{font-size:8px;letter-spacing:1.7px}.stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.stat{min-height:115px;gap:10px}.stat small{font-size:9px}.stat strong{font-size:28px}.inbox-toolbar{display:block}.search{width:100%;margin-top:16px}.tabs{gap:22px}.conversation-row{grid-template-columns:minmax(0,1fr);gap:12px;padding:19px 16px}.row-status{flex-direction:row;align-items:center;margin-left:47px}.list-heading{grid-template-columns:1fr}.list-heading span:nth-child(2){display:none}.message-summary h3{font-size:12px}.sender-line b{font-size:11px}.row-status small{font-size:9px}.bottom-hint{font-size:9px;line-height:1.6;align-items:flex-start}.workspace-footer{padding:18px;font-size:8px}.workspace-footer span{max-width:160px;text-align:right}.box-grid,.user-grid{grid-template-columns:1fr 1fr;gap:10px}.mailbox-card,.operator-card{padding:16px}.mailbox-card h2,.operator-card h2{font-size:15px}.mailbox-card>p:not(.eyebrow),.operator-card>p{font-size:11px}.page-title>.primary{padding:10px;font-size:10px;max-width:120px}.login-page{display:block}.login-story{display:none}.login-panel{min-height:100dvh;padding:30px}dialog{width:calc(100% - 16px);max-height:96dvh}.modal-head{padding:18px}.modal-head h2{font-size:16px}.conversation-controls{padding:13px;gap:8px}.thread{padding:14px}.message{padding:15px}.message time{font-size:8px}.message-body{font-size:12px}.composer{padding:0 14px 18px}.composer-tabs{gap:18px}.composer-tabs button{font-size:10px}.composer-footer{flex-wrap:wrap}.after-send{margin-left:auto}.composer-footer .primary{width:100%;justify-content:center}.activity{padding:18px}.activity li time{font-size:8px}.settings-form{padding:18px}.form-grid{grid-template-columns:1fr}.settings-form input,.settings-form select,textarea{font-size:16px}.message-summary p{max-width:calc(100vw - 150px)}.notice{font-size:11px}}
@media(max-width:430px){.box-grid,.user-grid{grid-template-columns:1fr}.top-status{display:none}.breadcrumb{font-size:9px}.breadcrumb span{padding:0 6px}.message header small{max-width:175px;overflow-wrap:anywhere}.message time{max-width:60px;text-align:right}.conversation-controls label{font-size:8px}}
@media(max-width:800px){.sidebar{visibility:hidden}.sidebar.mobile-open{visibility:visible}.brand-tag{display:inline-block}}

/* Original Gesuele Group artwork, displayed without altering the supplied PNGs. */
.app-logo{flex-direction:column;align-items:flex-start;gap:8px;padding:3px 6px;margin-bottom:36px}
.app-logo>img{display:block;width:100%;max-width:210px;height:auto}
.app-logo>.logo-sub{font:8px "Segoe UI",sans-serif;letter-spacing:2px;color:#7c7a70;margin:0 0 0 2px}
.wordmark{display:block;background:#fff;padding:17px 20px;border-radius:10px;max-width:340px}
.wordmark img{display:block;width:100%;height:auto}
.login-brand{display:none;width:100%;max-width:290px;height:auto;margin:0 0 38px}
.reply-signature{border-left:2px solid #c5a254;padding:10px 14px;margin:15px 0 5px;background:#fbfaf5;border-radius:0 6px 6px 0}
.reply-signature>span{display:block;font-size:10px;color:#7f7765;margin-bottom:8px}
.reply-signature pre{font:12px/1.7 "Segoe UI",sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;color:#4b554b}
.signature-settings{border-top:1px solid var(--line);padding-top:22px}
.signature-settings textarea{margin-top:9px;font:12px/1.65 "Segoe UI",sans-serif}
.signature-settings p{margin:10px 0}
.signature-settings code{font-size:11px;background:#f0f2eb;border-radius:3px;padding:2px 4px}
@media(max-width:800px){.login-brand{display:block}.signature-settings textarea{font-size:16px}.wordmark{max-width:290px}}

.page-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.page-actions .primary{font-size:12px;padding:11px 15px;white-space:nowrap}
.new-message-form fieldset{border:0;padding:0;display:flex;flex-direction:column;gap:16px;min-width:0}
.new-message-form fieldset:disabled{opacity:.65}
.new-message-form textarea{font-family:inherit;font-size:13px;line-height:1.7}
.new-message-form .reply-signature{margin:0}
.new-attachments{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.new-message-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.new-message-footer select{font-size:12px}
.recipient-line{font-size:10px;line-height:1.7;overflow-wrap:anywhere;color:#7a8771;margin-bottom:14px}
.pending-message{border-style:dashed;background:#fffdf6}
.brand-group{border-top:1px solid var(--line);padding:9px 0}
.brand-group summary{cursor:pointer;font-size:12px;font-weight:700;padding:10px 8px;overflow-wrap:anywhere}
.brand-group summary small{float:right;color:var(--muted);font-size:11px}
.brand-group .mailbox-link{width:100%;padding:9px 8px}
.mailbox-link>span:not(.dot){min-width:0;overflow-wrap:anywhere}
.mailbox-link b{display:block;font-weight:500;font-size:12px}
.mailbox-link span small{display:block;font-size:10px;line-height:1.6;color:#6f7e70}
.mailbox-link em{font-style:normal;margin-left:auto;font-size:11px}
.brand-overview{font-size:11px;color:#355b4b}
.sidebar{overflow-y:auto;height:100dvh;padding-top:24px;overscroll-behavior:contain}
.sidebar>*{flex-shrink:0}.sidebar .mailbox-nav{flex:1;min-height:150px}.sidebar-bottom{padding-top:12px}
.app-logo{margin-bottom:20px}.label-row{margin-top:20px}.sidebar-close,.sidebar-backdrop{display:none}
.danger{background:#a13f35;color:white;border:1px solid #a13f35;border-radius:8px;padding:12px 16px;font-weight:600;font-size:13px;cursor:pointer}
.danger-text{color:#a13f35}.confirm-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.purge-samples{padding-left:20px;font-size:13px;line-height:1.7}.purge-samples small{display:block;color:var(--muted);overflow-wrap:anywhere}
.storage-stats,.storage-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}
.storage-stats article,.storage-panel{border:1px solid var(--line);border-radius:12px;background:white;padding:24px;min-width:0}
.storage-stats strong{display:block;font-size:28px;margin-top:12px}.storage-stats small{color:var(--muted)}
.storage-panel h2{font-size:19px;margin-bottom:12px}.storage-panel>p{font-size:13px;line-height:1.7;color:#6b796b;margin-bottom:16px}
.storage-panel form{display:flex;flex-direction:column;gap:16px}.retention-list>div{display:flex;align-items:center;gap:12px;justify-content:space-between;border-top:1px solid var(--line);padding:14px 0}
.retention-list span{min-width:0}.retention-list b,.retention-list small,.retention-list em{display:block;overflow-wrap:anywhere;font-size:12px;line-height:1.7}
.retention-list em{font-style:normal;color:#647c5e}.maintenance-history{list-style:none;padding:0;margin:0}
.maintenance-history li{padding:15px 0;border-top:1px solid var(--line);font-size:13px;line-height:1.7}.maintenance-history span{display:block;color:var(--muted)}
body:has(dialog[open]),body:has(.sidebar.mobile-open){overflow:hidden}
dialog[open]{display:flex;flex-direction:column;overflow:hidden}
#modal-content{overflow:auto;overscroll-behavior:contain;min-height:0;width:100%;max-height:inherit}
.modal-head>div{min-width:0;overflow-wrap:anywhere}.modal-head .icon-btn{flex-shrink:0}
.email-frame{display:block;width:100%;height:360px;border:1px solid var(--line);border-radius:6px;background:white;margin-top:10px}
.email-frame.expanded{height:75dvh;min-height:400px}.plain-alternative{margin-top:8px;font-size:12px}.plain-alternative summary{cursor:pointer;padding:10px 0}
.message header>div{min-width:0}.message header b,.message header small{overflow-wrap:anywhere}
.activity li>div{min-width:0;overflow-wrap:anywhere}.file-pill,.attachments a{max-width:100%;overflow-wrap:anywhere}
.settings-form select{width:100%}.new-message-form input,.new-message-form textarea,.new-message-form select{font-size:14px}
@media(max-width:800px){
 .sidebar{height:100dvh;max-width:calc(100vw - 48px);width:290px;left:-310px;z-index:12;padding-top:14px}
 .sidebar-close{display:flex;align-self:flex-end;margin-bottom:6px;min-height:44px;min-width:44px}
 .sidebar.mobile-open~.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:11;background:#162f2780;border:0}
 .topbar{position:sticky;top:0;z-index:5;padding-top:env(safe-area-inset-top);height:calc(60px + env(safe-area-inset-top))}
 .topbar .breadcrumb{min-width:0;overflow-wrap:anywhere;font-size:11px}.mobile-menu{min-width:44px;min-height:44px}
 #main{padding:22px 14px}.page-title h1{font-size:25px}.page-title p:not(.eyebrow){font-size:13px}
 .page-actions{justify-content:stretch;gap:8px}.page-actions button{min-height:44px}.page-actions .primary{flex:1;font-size:14px}
 .stats{gap:9px}.stat{padding:14px;min-height:110px}.stat>span{font-size:13px}.stat small{font-size:11px;line-height:1.5}
 .search input{font-size:16px}.tabs{gap:20px}.tabs button{font-size:13px;min-height:46px}
 .message-summary h3{white-space:normal;font-size:14px;line-height:1.45;overflow-wrap:anywhere}.sender-line b{font-size:13px;overflow-wrap:anywhere}
 .message-summary p{font-size:12px}.brand-tag{font-size:10px}.row-status{margin-left:0;flex-wrap:wrap}.row-status small{font-size:12px}.status{font-size:11px}
 .conversation-row>time{display:block;font-size:11px}.list-heading{display:none}
 dialog{position:fixed;inset:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}
 #modal-content{height:100%;max-height:100dvh}.modal-head{padding:calc(14px + env(safe-area-inset-top)) 14px 14px;gap:10px}
 .modal-head h2{font-size:18px;line-height:1.4}.modal-head p{font-size:12px}.modal-head .icon-btn{min-width:44px;min-height:44px}
 .settings-form{padding:20px 16px calc(24px + env(safe-area-inset-bottom));gap:18px}
 .settings-form input,.settings-form select,.settings-form textarea,.composer textarea,.conversation-controls select{font-size:16px}
 .form-grid{grid-template-columns:1fr}.settings-form label{font-size:14px}.check-row input{width:20px;height:20px}
 .conversation-controls{display:flex;flex-wrap:wrap;padding:14px;gap:12px}
 .conversation-controls>.status{align-self:center}
 .conversation-controls [data-action="reload-detail"]{order:0;margin-left:auto}
 .conversation-controls label{width:100%;order:1;flex-direction:column;align-items:stretch;font-size:12px}
 .conversation-controls>select,.conversation-controls>.compact{order:2;flex:1;min-width:130px}
 .conversation-controls select{width:100%;min-height:44px;max-width:100%}.conversation-controls button{min-height:44px;font-size:12px}
 .thread{padding:12px}.message{padding:14px}.message header{flex-wrap:wrap;gap:8px}.message header>div{flex:1;min-width:140px}
 .message time{margin-left:37px;max-width:none;text-align:left;font-size:11px}.message header b{font-size:14px}.message header small{font-size:12px;max-width:none}
 .message-body{font-size:15px;line-height:1.75;max-height:65dvh}.recipient-line{font-size:12px}
 .email-frame{height:400px}.email-frame.expanded{height:80dvh}.email-view>p{font-size:11px}
 .composer-tabs button{font-size:13px;min-height:44px}.composer-footer{align-items:stretch}.after-send{margin:0;width:100%;justify-content:space-between;font-size:13px}
 .after-send select{font-size:16px}.attach-button{min-height:44px;font-size:14px}.composer-footer .primary{font-size:14px;min-height:46px}
 .reply-signature pre{font-size:13px}.activity{padding:18px 16px}.activity li{flex-wrap:wrap;font-size:12px}.activity li time{margin-left:15px;font-size:11px}
 .storage-stats,.storage-grid{grid-template-columns:1fr;gap:12px}.storage-panel,.storage-stats article{padding:18px}
 .storage-panel input,.storage-panel select{font-size:16px;width:100%}.retention-list .secondary{min-height:44px}
 .confirm-actions{flex-direction:column}.confirm-actions button{min-height:46px}.storage-panel{margin-bottom:16px}
 .new-message-footer{gap:16px}.new-message-footer button{min-height:48px;font-size:15px}
 .workspace-footer{padding-bottom:calc(18px + env(safe-area-inset-bottom))}#toast{font-size:13px;width:calc(100% - 28px);max-width:500px;bottom:calc(16px + env(safe-area-inset-bottom))}
}
@media(max-width:800px){.page-title{flex-wrap:wrap}.page-actions{width:100%;justify-content:flex-end}.page-actions .primary{font-size:12px}.new-message-form textarea{font-size:16px}.new-message-footer{align-items:stretch;flex-direction:column}.new-message-footer button{justify-content:center}.recipient-line{font-size:11px}}
