/* Apple × Namaka, connected to the established SAV workflows. */
body.connected-design{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#f5f6f1;color:#314936;margin:0;padding-left:226px}
.connected-design #connectedSidebar{position:fixed;inset:0 auto 0 0;width:226px;box-sizing:border-box;background:#eef2e8;border-right:1px solid #dde4d7;padding:28px 16px;overflow-y:auto;z-index:5;scrollbar-width:thin}
.connected-logo{font:27px Georgia,serif;letter-spacing:4px;text-decoration:none;color:#354c32;display:block;margin:0 8px 28px}.connected-logo small{font:10px -apple-system,sans-serif;display:block;letter-spacing:1px;margin-top:6px;color:#75816b}
#connectedSidebar button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:9px 12px;border-radius:8px;color:#506447;font:12px -apple-system,sans-serif;min-height:34px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#connectedSidebar button:hover,#connectedSidebar button[aria-pressed=true]{background:#dce8d4;color:#294832}#connectedSidebar button:disabled{opacity:.5}
.nav-heading{font-size:9px;letter-spacing:1.2px;color:#77816f;margin:24px 10px 10px}#folderSearch{width:100%;box-sizing:border-box;padding:9px;font:11px -apple-system,sans-serif;border-radius:7px;border:1px solid #d9e1d3;background:#fff}#connectedFolders{max-height:36vh;overflow:auto;margin:8px 0 18px}.demo-link{display:block;font-size:11px;color:#6b7e62;padding:12px}
.connected-design header{background:#fff;color:#334b36;padding:12px 24px;border-bottom:1px solid #e0e6da;min-height:58px}.connected-design header .brand{display:none}.connected-design header label{color:#53654a}.connected-design header select{background:#f3f6ef;border:1px solid #d8e1d1;color:#334b36}#connectionBadge{font-size:11px;color:#536b47}.connected-design .notice{background:#f0f4eb;color:#5e7056;font-size:10px;padding:6px 24px}
.connected-design main{max-width:none;padding:18px 24px;margin:0}.connected-design .toolbar h1{font-size:22px}.connected-design .columns{grid-template-columns:310px minmax(0,1fr);border:1px solid #e0e6db;border-radius:15px;overflow:hidden}.connected-design .list{background:#fafbf8;max-height:calc(100vh - 220px);position:sticky;top:0}.connected-design #detail{padding:24px 32px;background:#fff;min-width:0}.connected-design .message{font-size:12px;border-radius:9px;padding:13px;background:transparent}.connected-design .message[aria-pressed=true]{background:#e8efe2;border-color:#cbd8c2}.connected-design .message small{font-size:10px}.connected-design .message strong{font-size:13px}
.connected-design #workOverview,.connected-design .workflow-hint,.connected-design #spamControls,.connected-design .folder-navigation{display:none}.connected-design #workspaceSettings{background:#fff;border-radius:10px}.connected-design .reply-composer{border:1px solid #dce6d5;border-radius:12px;padding:20px;background:#fff}.connected-design .reply-composer h2{font:18px -apple-system,sans-serif}.connected-design .reply-actions{position:sticky;bottom:0;background:#fff;padding:12px 0;border-top:1px solid #e4e9df;z-index:2}.connected-design button.primary-send{background:#365e4f;border-color:#365e4f}.connected-design #messageOrderSummary{background:#f0f5e9;border-color:#d8e3cb;border-radius:12px;font-size:12px}.connected-design #messageOrderSummary h3{font:17px Georgia,serif}.connected-design .ai-composer{background:#f3f7ef;border-color:#dce6d5}.connected-design .mail-html{height:360px}.connected-design #status{font-size:12px;padding:12px;color:#425c39}.connected-design #status.error{color:#883c2b}
#connectedDashboard{display:none}.home-view #connectedDashboard{display:block;padding:10px 4px 28px}.home-view #mail>.toolbar,.home-view #mail>.controls,.home-view #mail>.columns{display:none}.dashboard-eyebrow{text-transform:uppercase;letter-spacing:1.4px;font-size:10px;color:#738168}.dashboard-scope{font-size:12px;color:#718068}.dashboard-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:24px 0}.dashboard-cards button{display:flex;flex-direction:column;align-items:start;background:white;border:1px solid #e1e6dc;border-radius:14px;padding:22px;gap:10px;box-shadow:0 3px 12px #30452405}.dashboard-cards strong{font-size:32px;color:#39583d}.dashboard-cards span{font-size:12px;color:#67775c}.dashboard-requests{border:1px solid #e1e6dc;background:white;border-radius:15px;padding:24px}.dashboard-requests h2{font:23px Georgia,serif;margin-top:0}.dashboard-request{display:flex;align-items:center;gap:18px;width:100%;text-align:left;border:0;border-bottom:1px solid #e9ede5;border-radius:0;padding:15px 4px;background:#fff}.dashboard-request strong{min-width:120px;font-size:12px}.dashboard-request span{flex:1;font-size:13px}.dashboard-request small{color:#617b4f;font-size:11px}.connected-design #login{max-width:520px;margin:45px auto;background:white;padding:30px;border:1px solid #e0e6da;border-radius:16px}
@media(max-width:1100px){body.connected-design{padding-left:186px}.connected-design #connectedSidebar{width:186px;padding:24px 10px}.connected-design .columns{grid-template-columns:260px minmax(0,1fr)}.connected-design #detail{padding:20px}.dashboard-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){body.connected-design{padding-left:0}.connected-design #connectedSidebar{position:relative;width:100%;padding:12px;max-height:240px;display:flex;flex-wrap:wrap;gap:6px}.connected-logo{font-size:20px;margin:5px 12px}#connectedSidebar>button{width:auto}#connectedSidebar .nav-heading,#connectedFilters{display:none}#folderSearch{width:180px}#connectedFolders{width:100%;max-height:85px}body.connected-design main{padding:12px}.connected-design .columns{grid-template-columns:1fr}.connected-design .list{position:static;max-height:360px}.dashboard-cards{grid-template-columns:repeat(2,1fr)}.dashboard-request{flex-wrap:wrap}.dashboard-request span{flex-basis:100%}.connected-design header{padding:10px}.connected-design #detail{padding:15px}}
#connectedSidebar .live-folder-row{display:flex;align-items:center;min-width:0}#connectedSidebar .live-folder-row>button{flex:1;min-width:0}#connectedSidebar button.live-folder-toggle{flex:0 0 22px;width:22px;padding:4px;font-size:17px}.connected-design header #connectionBadge{display:block!important}.connected-design #bulkActions:has(#bulkMove:disabled){padding:6px;border:0}.connected-design #bulkActions:has(#bulkMove:disabled)>:is(select,button,p,label[for=bulkFolder]){display:none}

/* Mail workspace: familiar three-pane reading, Namaka accents. */
body.connected-design{--ink:#253b38;--line:#dde4e2;--accent:#246653;--muted:#62746f;background:#f3f5f4;color:var(--ink);padding-left:210px;font-family:'Segoe UI','Avenir Next',sans-serif;font-size:13px;line-height:1.5}
.connected-design #connectedSidebar{width:210px;background:#f1f4f2;padding:20px 12px;border-color:var(--line)}
.connected-logo{font-size:23px;letter-spacing:3px;margin:0 10px 24px;color:#234f42}.connected-logo small{font-size:10px;letter-spacing:1px}
#connectedSidebar button{font-family:inherit;font-size:12px;border-radius:4px;min-height:32px;padding:7px 10px;color:#425b53}
#connectedSidebar button[aria-pressed=true]{background:#dceae3;box-shadow:inset 3px 0 #246653;font-weight:600}#connectedSidebar button:hover{background:#e5ece8}
.nav-heading{margin:18px 10px 7px;font-size:9px;color:#71817b}#connectedFolders{max-height:36vh}#folderSearch{font-family:inherit;font-size:11px;border-radius:4px}
.connected-design header{height:54px;min-height:54px;background:#234e43;color:#fff;padding:8px 22px;border:0;gap:16px}.connected-design header>span{font-size:12px}.connected-design header label{color:#e3ede7}.connected-design header select{background:#376356;color:#fff;border:1px solid #658477;border-radius:4px}.connected-design header #connectionBadge{color:#d7e8de;font-size:10px}.connected-design .notice{padding:5px 20px;background:#e9efeb;font-size:10px;color:#5e7269}
.connected-design main{padding:0}.connected-design #mail>.toolbar{padding:12px 18px 6px;min-height:46px}.connected-design .toolbar h1{font:600 18px 'Segoe UI','Avenir Next',sans-serif;margin:0;color:#2b443a}.connected-design #logout{font-size:11px;padding:5px 10px;border:0;background:transparent;color:#63766b}
.connected-design #mail>.controls{margin:0;padding:7px 18px 10px;border-bottom:1px solid var(--line);background:#f3f5f4;gap:8px}.connected-design .controls button{font-size:12px;padding:6px 13px;border-radius:4px;background:#fff;border-color:#d7dfda}.connected-design .controls button[aria-pressed=true]{background:#e0ebe5;color:#245b48;border-color:#c6dbce}.connected-design #pageInfo{font-size:10px;margin-left:auto;color:#728077}
.connected-design #workspaceSettings{margin:0;border-radius:0;border:0;border-bottom:1px solid var(--line);font-size:11px;background:#f9faf9}.connected-design #workspaceSettings>summary{padding:5px}
.connected-design .columns{grid-template-columns:330px minmax(0,1fr);border:0;border-radius:0;align-items:stretch;height:calc(100dvh - 205px);min-height:360px;overflow:hidden}
.connected-design .list{position:static;height:100%;max-height:none;overflow-y:auto;padding:10px 12px;border-right:1px solid var(--line);background:#fff;scrollbar-width:thin}
.connected-design #search{border-radius:4px;border-color:#cedad4;font-size:12px;padding:8px 10px}.connected-design .list>label{margin:0 0 5px;font-size:10px}
.connected-design .message-row{gap:4px;border-bottom:1px solid #e6ece8}.connected-design .message-row>input{width:15px;height:15px;accent-color:#246653;margin-top:20px}.connected-design .message{border-radius:0;border-bottom:0;padding:12px 10px;margin:0;min-height:102px}.connected-design .message:hover{background:#f1f6f3}.connected-design .message[aria-pressed=true]{background:#e5f0eb;box-shadow:inset 3px 0 #246653}.connected-design .message strong{font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.connected-design .message span{font-size:11px}.connected-design .message small{font-size:10px;color:#78867e}.connected-design .triage-badge{font-size:9px!important;margin-bottom:5px;padding:1px 6px;border-radius:3px}.connected-design .pager button{font-size:11px;padding:6px 9px}
.connected-design #detail{height:100%;overflow-y:auto;padding:20px 26px 40px;background:#fff;scrollbar-width:thin}.connected-design #detail h2{font:600 22px/1.3 'Segoe UI','Avenir Next',sans-serif;margin:12px 0}.connected-design .meta{font-size:11px}.connected-design .message-navigation{margin:0 0 8px}
.outlook-actions{display:flex;gap:8px;align-items:center;padding:0 0 12px;border-bottom:1px solid var(--line);margin-bottom:14px}.outlook-actions button{font:600 12px 'Segoe UI',sans-serif;border-radius:4px;padding:7px 12px;background:#edf5f0;color:#245e49;border:1px solid #c8ded0}.outlook-actions small{margin-left:auto;font-size:10px;color:#7b887f}
.connected-design #messageOrderSummary{font-size:12px;background:#f6f8f5;border:1px solid #dce5dc;border-left:3px solid #a78c54;border-radius:5px;margin:12px 0;padding:12px 15px}.connected-design #messageOrderSummary h3{font:600 13px 'Segoe UI',sans-serif;margin:0 0 6px}.connected-design #messageOrderSummary h4{font-size:14px;margin:8px 0}.connected-design #messageOrderSummary p{margin:5px 0}.connected-design #messageOrderSummary button{font-size:12px;padding:7px 12px;border-radius:4px}.connected-design #messageOrderSummary ul{margin:8px 0;padding-left:20px}
.connected-design .mail-content{margin-top:18px;padding-top:12px}.connected-design .mail-display-controls button{padding:5px 9px;font-size:10px;border-radius:4px}.connected-design .mail-html{height:300px;border-radius:4px}.connected-design .mail-content>.hint{font-size:10px}.connected-design .reply-composer{margin-top:20px;border:1px solid #c7dcd1;border-top:3px solid #2e785e;border-radius:6px;padding:18px;background:#fcfefd}.connected-design .reply-composer h2{font-size:17px!important;margin:0 0 8px!important}.connected-design .reply-composer>p{font-size:11px}.connected-design .reply-composer textarea{font:13px/1.6 'Segoe UI','Avenir Next',sans-serif;border-radius:5px;background:white}.connected-design .reply-composer label{font-size:11px}.connected-design .ai-composer{border-radius:5px;background:#f0f6f3;padding:12px}.connected-design .reply-actions{bottom:-40px;gap:8px;padding:12px 0;background:#fcfefd}.connected-design .reply-actions button{font-size:12px;padding:9px 14px;border-radius:4px}.connected-design .ai-composer button{font-size:12px;border-radius:4px;padding:7px 10px}
.connected-design #mail>.hint{display:none}.connected-design #status{margin:0;border-radius:0;background:#edf2ee;font-size:10px;padding:5px 18px!important}.connected-design .ai-activity{border-radius:8px}.connected-design .home-view{overflow:auto}.home-view #connectedDashboard{padding:25px 30px}.home-view #connectedDashboard h1{font-size:28px}.dashboard-cards button,.dashboard-requests{border-radius:8px;box-shadow:none}
@media(min-width:1500px){.connected-design .columns{grid-template-columns:380px minmax(0,1fr)}.connected-design #detail{padding-left:40px;padding-right:40px}}
@media(max-width:1050px) and (min-width:761px){body.connected-design{padding-left:175px}.connected-design #connectedSidebar{width:175px}.connected-design .columns{grid-template-columns:265px minmax(0,1fr)}.connected-design #detail{padding:16px}.connected-design header #connectionBadge{display:none!important}}
@media(max-width:760px){body.connected-design{padding-left:0}.connected-design #connectedSidebar{width:100%;position:relative;padding:10px;max-height:180px}.connected-design header{height:auto;flex-wrap:wrap;padding:10px}.connected-design .columns{height:auto;display:block;min-height:0}.connected-design .list{max-height:320px;height:auto}.connected-design #detail{height:auto;overflow:visible;padding:16px}.connected-design #pageInfo{width:100%}.outlook-actions{flex-wrap:wrap}.connected-design .reply-actions{bottom:0}.home-view #connectedDashboard{padding:16px}}
/* Today: real mailbox overview, quiet editorial hierarchy. */
.home-view #connectedDashboard{max-width:1340px;margin:auto;padding:36px 38px 28px}.today-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.today-top h1{font:34px/1.2 Georgia,serif!important;color:#284c3e;margin:8px 0}.today-date{color:#77847c;font-size:13px;margin:8px 0;text-transform:capitalize}.today-refresh{border:1px solid #d5dfd7;border-radius:7px;background:white;padding:9px 14px;font-size:12px}.today-lead{padding:26px 30px;border-radius:12px;background:#e5eee7;border:1px solid #d5e3d7;position:relative;margin-bottom:20px}.today-lead h2{font:25px Georgia,serif;color:#2e5141;margin:7px 0 10px}.today-lead p{font-size:13px;color:#627569;margin:0 0 18px}.today-lead button{background:#2c6450;color:white;border:0;border-radius:6px;padding:10px 16px;font-size:12px}.today-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 26px}.today-metric{display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:white;border:1px solid #e0e6df;border-radius:9px;padding:20px;gap:4px}.today-metric:hover{background:#f8faf7;border-color:#98b4a4}.today-metric strong{font-size:32px;line-height:1.3;font-weight:500;color:#2c5b46}.today-metric span{font-size:13px;font-weight:600}.today-metric small{font-size:10px;color:#7a867d}.today-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}.today-panel{background:white;padding:24px;border:1px solid #e0e6df;border-radius:10px;min-width:0}.today-panel h2{font:21px Georgia,serif;color:#354d3d;margin:0 0 12px}.today-panel .dashboard-scope{font-size:11px;line-height:1.6;margin-bottom:16px}.today-mail{display:flex;align-items:center;justify-content:space-between;gap:18px;border:0;border-bottom:1px solid #edf0eb;background:white;border-radius:0;width:100%;padding:13px 0;text-align:left;font-size:12px}.today-mail:hover{background:#f6f9f5}.today-mail-text{display:flex;flex-direction:column;min-width:0;gap:4px}.today-mail-text>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#718073}.today-mail small{flex-shrink:0;color:#859085;font-size:10px}.today-distribution{display:grid;grid-template-columns:1fr auto;gap:9px;font-size:12px;margin:18px 0}.today-distribution strong{font-weight:500}.today-track{grid-column:1/-1;height:5px;border-radius:6px;background:#f0f3ef;overflow:hidden}.today-track i{display:block;height:100%;border-radius:6px}.today-sent{grid-column:1/-1}.today-empty{padding:22px;background:#f6f8f4;border-radius:8px;font-size:13px;color:#7b877a}.today-footer{font-size:10px;color:#818c81;margin-top:20px}.today-error{padding:12px;background:#fff0df;color:#855c2b;border-radius:6px}.home-view #workspaceSettings{display:none}@media(max-width:1000px){.home-view #connectedDashboard{padding:24px}.today-metrics{grid-template-columns:repeat(2,1fr)}.today-grid{grid-template-columns:1fr}}@media(max-width:600px){.today-top{align-items:flex-start;flex-direction:column}.today-top h1{font-size:28px!important}.today-lead{padding:20px}.today-metric{padding:14px}.today-panel{padding:18px}.home-view #connectedDashboard{padding:18px}}
/* Simple mode: read, adjust, then confirm sending. */
.connected-design #mail>.controls>#inbox,.connected-design #mail>.controls>#sent,.connected-design #mail>.toolbar #logout,.connected-design .demo-link{display:none}
.connected-design .notice{display:none}.connected-design #workspaceSettings:not([open]){display:none}.connected-design .simple-workspace-help{margin:0;padding:8px 18px 12px;font-size:12px;color:#6b7d71;background:#f3f5f4}.home-view .simple-workspace-help{display:none}
.simple-disclosure{margin:12px 0;border:1px solid #e0e7df;border-radius:7px;background:#fbfcfa;padding:10px 12px;font-size:12px}.simple-disclosure>summary{cursor:pointer;color:#4e6a59;font-weight:500;min-height:24px;line-height:24px}.simple-disclosure>summary:focus-visible{outline:2px solid #668d76;outline-offset:3px}.simple-disclosure[open]>summary{margin-bottom:10px}.simple-disclosure>.spam-decision{margin:0}.simple-disclosure>.mail-display-controls{margin:0}.simple-order{background:#f2f6ef;border-color:#d8e2d2;margin:20px 0}.simple-order #messageOrderSummary{border:0!important;margin:0!important;padding:8px 0!important;background:transparent!important}
.simple-step{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#768a7a;margin:12px 0 6px}.connected-design #detail>h2{margin-top:6px}.connected-design .reply-composer{padding:20px;border:1px solid #d2e1d5;border-top:3px solid #347458}.connected-design #replyBody{min-height:240px;font-size:14px;line-height:1.7}.connected-design .ai-composer{background:#f3f7f3;border:0;padding:16px;margin-top:18px}.connected-design .ai-tool-actions{align-items:center}.connected-design .ai-tool-actions>.simple-disclosure{margin:0;border:0;padding:0 8px;background:transparent}.connected-design .ai-tool-actions>.simple-disclosure[open]{flex-basis:100%;padding:10px}.connected-design .reply-actions{border-top:0;margin-top:10px}.connected-design .reply-actions>.primary-send{font-size:14px;padding:12px 22px}.connected-design .simple-reply-options{border:0;background:none;padding:0}.connected-design .simple-reply-options .full-preview{margin:8px 0}.connected-design .mail-content>.hint{font-size:10px;color:#819184}.simple-nav-more{margin:8px 0 20px;color:#637b6b;font-size:12px}.simple-nav-more>summary{padding:10px;cursor:pointer}.simple-folder-group{padding:8px;background:transparent;border-color:#dce5dc;margin:14px 0}.simple-folder-group #connectedFolders{max-height:40vh}.simple-folder-group #folderSearch{margin:8px 0}.connected-design .columns{height:calc(100dvh - 180px)}.connected-design #connectionBadge{font-size:10px}.home-view #workspaceSettings[open]{display:block}
@media(max-width:760px){.connected-design .columns{height:auto}.simple-folder-group{width:100%}.connected-design #replyBody{min-height:220px}.connected-design .simple-workspace-help{padding:10px 14px}}
/* Apple Mail direction: neutral chrome, strong sender hierarchy, quiet AI. */
body.connected-design{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#f6f6f7;color:#292e2c;padding-left:220px}
.connected-design #connectedSidebar{width:220px;background:#e9eaea;border-right:1px solid #d4d7d5;padding:24px 12px}.connected-logo{font-size:22px;letter-spacing:3px;margin-bottom:26px}.connected-logo small{letter-spacing:.4px;color:#8a918e}
#connectedSidebar button{font-family:inherit;font-size:13px;color:#4e5551;padding:8px 10px;border-radius:6px;min-height:35px}#connectedSidebar button[aria-pressed=true]{background:#d1d8d3;box-shadow:none;color:#264e3d;font-weight:600}#connectedSidebar button:hover{background:#dce0dd}.simple-nav-more summary,.simple-folder-group summary{font-size:12px;color:#79847c}.simple-folder-group{border:0;padding:0}.simple-folder-group>summary{padding:6px 10px}.simple-folder-group #folderSearch{background:#f6f7f6;border:0;font-size:11px}.simple-folder-group #connectedFolders{max-height:46vh}.simple-nav-more{margin-bottom:8px}
.connected-design header{height:52px;min-height:52px;background:#f2f3f2;border-bottom:1px solid #d9ddda;color:#5d6860;padding:8px 20px}.connected-design header label{color:#6d766f;font-size:11px}.connected-design header select{background:#fff;color:#3b4e41;border:1px solid #d4dbd5;padding:5px 9px}.connected-design header #connectionBadge{color:#76847b;font-size:10px}
.connected-design #mail>.toolbar{padding:14px 18px 6px;min-height:42px;background:#f5f5f6}.connected-design .toolbar h1{font-size:17px;font-weight:650;color:#404742}.connected-design #mail>.controls{padding:6px 18px 12px;background:#f5f5f6;display:flex;gap:10px;border-bottom:1px solid #dadeda}.connected-design #search{width:min(320px,50%);margin:0;background:#fff;border:1px solid #dbe0db;border-radius:7px;padding:7px 11px;font-size:12px}.connected-design #refresh{font-size:12px;border:0;background:transparent;color:#58675c;padding:7px}.connected-design #pageInfo{font-size:10px;color:#929b93}.connected-design .simple-workspace-help{display:none}
.connected-design .columns{height:calc(100dvh - 146px);grid-template-columns:320px minmax(0,1fr);min-height:320px;background:#f5f6f7}.connected-design .list{background:#fff;padding:8px;border-color:#d8ddd8}.connected-design #detail{background:#f6f7f8;padding:22px 26px 34px}.connected-design #detail>h2{font-size:19px;font-weight:600;margin:12px 0 8px}.connected-design #detail>.meta{font-size:11px;color:#858e87;margin:0 0 16px}.connected-design .message-navigation{margin-bottom:8px}.connected-design .message-navigation button{background:transparent;border:0;color:#647c6e;font-size:11px}
.connected-design .message-row{border:0;align-items:center;gap:3px;margin:1px 0}.connected-design .message-row>input{width:14px;height:14px;margin:0 2px;opacity:.45}.connected-design .message-row:hover>input,.connected-design .message-row>input:checked,.connected-design .message-row>input:focus-visible{opacity:1}.connected-design .message{border-radius:7px;padding:12px 11px;min-height:106px;border-bottom:1px solid #eceeec;background:white;box-shadow:none}.connected-design .message[aria-pressed=true]{background:#2f6955;color:white;box-shadow:none;border-color:transparent}.connected-design .message:hover{background:#eef3ef}.connected-design .message[aria-pressed=true]:hover{background:#2f6955}.mail-list-heading{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:4px}.connected-design .message .mail-list-sender{font-size:14px;font-weight:650;color:#303b33;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connected-design .message .mail-list-time{font-size:10px;white-space:nowrap;margin:0;color:#8c958d}.connected-design .message strong{font-size:12px;font-weight:450;line-height:1.5;-webkit-line-clamp:2;color:#525e54}.connected-design .message .mail-list-meta{font-size:10px;color:#90998f;margin-top:5px}.connected-design .message .triage-badge{font-size:9px!important;font-weight:500;border-radius:4px;margin:6px 0 0;background:#edf3ee;color:#66776a!important}.connected-design .message[aria-pressed=true] :is(strong,.mail-list-sender,.mail-list-time,.mail-list-meta){color:#fff}.connected-design .message[aria-pressed=true] .triage-badge{background:#ffffff20;color:#fff!important}.connected-design #bulkActions{background:transparent;margin:0 0 5px;padding:4px;border:0}.connected-design #bulkCount{font-size:10px;color:#8b958d}.connected-design #bulkActions label{font-size:10px!important}
.connected-design #messageOrderSummary{background:#edf2ec;border:1px solid #dde5da;border-left:3px solid #a68e5e;border-radius:8px;padding:13px 17px;font-size:11px}.connected-design #messageOrderSummary h3{font-size:12px}.connected-design #messageOrderSummary h4{font-size:13px}.connected-design #messageOrderSummary button{padding:7px 10px;background:#fff;font-size:11px}.connected-design .mail-content{background:white;border:1px solid #e0e4e0;border-radius:10px;padding:0;margin:18px 0;box-shadow:0 2px 8px #23392805}.connected-design .mail-html{height:360px;border:0;border-radius:10px}.connected-design .mail-content>.hint{padding:0 18px 8px;font-size:9px;color:#929d93}.connected-design .mail-content>.body{border:0;border-radius:10px}.connected-design .mail-content .attached-photos{padding:14px}.connected-design .reply-composer{background:#fff;border:1px solid #dce4dd;border-radius:10px;padding:20px;box-shadow:0 2px 8px #23392804}.connected-design .reply-composer h2{font-size:17px!important}.connected-design #replyBody{border:1px solid #dce5de;font-size:14px;line-height:1.7;min-height:210px}.connected-design .reply-signature{font-size:12px;color:#7d897f}.connected-design .ai-composer{background:#f4f7f3;border-radius:8px;padding:14px}.connected-design .ai-tools-title{font-size:12px}.connected-design .ai-composer>#replyInstructions{font-size:12px;min-height:64px}.connected-design .ai-tool-actions button{font-size:12px;padding:8px 12px}.connected-design .reply-actions{background:#fff;padding:12px 0 0}.connected-design .reply-actions>.primary-send{font-size:13px;padding:10px 18px;border-radius:7px}.connected-design #detail>.simple-disclosure{background:transparent;border:0;padding:0;font-size:10px;margin:0 0 10px}.connected-design #detail>.simple-disclosure>summary{font-size:10px;color:#88958b}.connected-design #status{background:#f2f4f2;font-size:10px}.connected-design .home-view{background:#f6f7f5}
@media(min-width:1600px){.connected-design .columns{grid-template-columns:350px minmax(0,1fr)}.connected-design #detail{padding-left:34px;padding-right:34px}}
@media(max-width:1050px) and (min-width:761px){body.connected-design{padding-left:175px}.connected-design #connectedSidebar{width:175px}.connected-design .columns{grid-template-columns:260px minmax(0,1fr)}.connected-design #detail{padding:18px}}
@media(max-width:760px){body.connected-design{padding-left:0}.connected-design #connectedSidebar{position:relative;width:100%;max-height:180px}.connected-design .columns{height:auto;display:block}.connected-design #detail{padding:14px}.connected-design .list{max-height:320px}.connected-design #pageInfo{display:none}.connected-design #search{width:75%}.connected-design .mail-html{height:300px}}
/* Refined navigation: one icon family, clear groups, restrained selection. */
.connected-design #connectedSidebar{background:#f2f4f1;padding:24px 14px;border-right:1px solid #e1e5df}.connected-logo{font-size:21px;letter-spacing:3.5px;margin:0 12px 27px;color:#285443}.connected-logo small{font-size:10px;letter-spacing:.4px;margin-top:6px;color:#8a958b;font-weight:400}
#connectedSidebar>button,#connectedSidebar #connectedFilters button{display:flex;align-items:center;gap:10px;font:400 12px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;min-height:36px;padding:8px 11px;margin:3px 0;color:#58665b;border-radius:7px;box-shadow:none}
#connectedSidebar .nav-line-icon{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;opacity:.75}
#connectedSidebar button[aria-pressed=true]{background:#e1ece3;color:#24593f;font-weight:600;box-shadow:none}#connectedSidebar button[aria-pressed=true] .nav-line-icon{opacity:1}#connectedSidebar button:hover{background:#e8ede6}
#connectedFilters{margin-top:20px;padding-top:15px;border-top:1px solid #dfe5dc}#connectedFilters::before{content:'TRI DES MAILS';display:block;font-size:9px;letter-spacing:1.2px;color:#8a9588;margin:0 11px 9px}.simple-nav-more{margin:7px 0 0;padding:0}.simple-nav-more>summary,.simple-folder-group>summary{font-size:11px;font-weight:500;color:#7c887c;padding:9px 11px;cursor:pointer}.simple-nav-more[open]{padding-bottom:4px}.simple-folder-group{border-top:1px solid #dfe5dc;padding-top:13px;margin-top:18px}.simple-folder-group #folderSearch{border:1px solid #e2e7df;background:#fafbf9;padding:7px 9px;border-radius:6px;font-size:10px;margin:5px 0}.simple-folder-group #connectedFolders{margin-top:5px}#connectedSidebar .live-folder-row>button{font-size:11px;min-height:30px;padding-top:5px;padding-bottom:5px}#connectedSidebar #connectionsNav{margin-top:20px;color:#829080;font-size:11px}
/* Soft elevation for the main cards, matching the desktop mail reference. */
body.connected-design{--card-shadow:0 2px 4px rgba(29,45,36,.035),0 7px 22px rgba(29,45,36,.085)}
.connected-design .mail-content,.connected-design .reply-composer,.connected-design #messageOrderSummary,.connected-design .today-panel,.connected-design .today-metric,.connected-design .today-lead{box-shadow:var(--card-shadow);border-radius:12px}
.connected-design .ai-composer{box-shadow:0 1px 3px rgba(29,45,36,.045);border:1px solid #e5ebe3}
/* Namaka storefront palette — verified 24 September 2026. */
body.connected-design{--nm-cream:#fff8f2;--nm-gold:#c4a46d;--nm-brown:#785f4d;--nm-olive:#403e22;--ink:#403e22;--accent:#403e22;--muted:#785f4d;--line:#e5dbd0;--green:#403e22;--card-shadow:0 2px 4px rgba(64,62,34,.035),0 7px 22px rgba(120,95,77,.09);background:var(--nm-cream);color:#403e22}
.connected-design #connectedSidebar{background:#f5eee6;border-color:#e5dbd0}.connected-logo{color:#403e22}.connected-logo small{color:#785f4d}#connectedSidebar>button,#connectedSidebar #connectedFilters button,#connectedSidebar .live-folder-row>button{color:#785f4d}#connectedSidebar button:hover{background:#eee3d4}#connectedSidebar button[aria-pressed=true]{background:#e9ddc9;color:#403e22}#connectedFilters,.simple-folder-group{border-color:#e4d8c8}#connectedFilters::before,.simple-nav-more>summary,.simple-folder-group>summary,#connectedSidebar #connectionsNav{color:#785f4d}.simple-folder-group #folderSearch{background:#fff8f2;border-color:#e5dbd0;color:#403e22}
.connected-design header,.connected-design #mail>.toolbar,.connected-design #mail>.controls{background:#fff8f2;border-color:#e5dbd0;color:#403e22}.connected-design header label,.connected-design header #connectionBadge{color:#785f4d}.connected-design header select{background:#fffdfb;color:#403e22;border-color:#ded2c3}.connected-design .toolbar h1{color:#403e22}.connected-design #search{border-color:#e5dbd0;color:#403e22;background:#fffdfb}.connected-design #refresh,.connected-design #pageInfo{color:#785f4d}.connected-design .columns,.connected-design #detail{background:#fff8f2}.connected-design .list{background:#fffdfb;border-color:#e5dbd0}
.connected-design .message{background:#fffdfb;border-color:#eee5da}.connected-design .message:hover{background:#f6eee3}.connected-design .message[aria-pressed=true],.connected-design .message[aria-pressed=true]:hover{background:#403e22;color:#fff8f2}.connected-design .message .mail-list-sender{color:#403e22}.connected-design .message strong,.connected-design .message .mail-list-time,.connected-design .message .mail-list-meta{color:#785f4d}.connected-design .message[aria-pressed=true] :is(strong,.mail-list-sender,.mail-list-time,.mail-list-meta){color:#fff8f2}.connected-design .message .triage-badge{background:#eee3cf;color:#6f573d!important}.connected-design .message[aria-pressed=true] .triage-badge{background:#ffffff20;color:#fff8f2!important}.connected-design input[type=checkbox]{accent-color:#403e22}
.connected-design #detail>h2,.connected-design .reply-composer h2,.connected-design .ai-tools-title{color:#403e22}.connected-design #detail>.meta,.connected-design .reply-signature,.connected-design .hint,.connected-design .message-navigation button{color:#785f4d}.connected-design #messageOrderSummary{background:#faf3e8;border-color:#e5d7c0;border-left-color:#c4a46d;color:#403e22}.connected-design #messageOrderSummary :is(h3,h4,a){color:#403e22}.connected-design .mail-content,.connected-design .reply-composer{background:#fff;border-color:#e5dbd0}.connected-design #replyBody,.connected-design #replyInstructions{color:#403e22;border-color:#dfd3c4;background:#fff}.connected-design .ai-composer{background:#faf4eb;border-color:#eadfce}.connected-design .ai-facts{border-color:#e5d7c0}.connected-design .ai-facts summary,.connected-design .simple-disclosure>summary,.connected-design .ai-composer>[role=status]{color:#785f4d}.connected-design .simple-disclosure{background:#fffaf5;border-color:#e5dbd0}.connected-design .ai-tool-actions>.simple-disclosure{background:transparent}
.connected-design .reply-actions>.primary-send,.connected-design .ai-tool-actions [data-ai-action=rewrite],.connected-design .ai-proposal .primary-ai,.connected-design .today-lead button{background:#403e22;border-color:#403e22;color:#fff8f2}.connected-design .reply-actions>.primary-send:hover,.connected-design .ai-tool-actions [data-ai-action=rewrite]:hover{background:#575332}.connected-design .ai-tool-actions [data-ai-action=generate]{background:#fff;color:#785f4d;border-color:#dfd3c4}.connected-design .ai-proposal{border-color:#dfd3c4}.connected-design #status:not(.error){background:#f5eee4;color:#785f4d}
.connected-design .today-lead{background:#f4e9d8;border-color:#e8d9bd}.connected-design .today-top h1,.connected-design .today-lead h2,.connected-design .today-panel h2,.connected-design .today-metric strong{color:#403e22}.connected-design .today-metric,.connected-design .today-panel{border-color:#e5dbd0}.connected-design .today-metric:hover,.connected-design .today-mail:hover,.connected-design .today-empty{background:#faf4eb}.connected-design .today-date,.connected-design .today-lead p,.connected-design .today-metric small,.connected-design .today-footer,.connected-design .dashboard-scope{color:#785f4d}.connected-design .today-track{background:#f0e8dc}.connected-design :is(button,input,textarea,select,summary):focus-visible{outline:2px solid #c4a46d;outline-offset:3px}

/* Official Namaka logo: original proportions, compact sidebar branding. */
.connected-logo{letter-spacing:normal;margin:0 12px 24px}
.connected-logo img{display:block;width:152px;max-width:100%;height:auto}
.connected-logo small{margin-top:8px}
@media(max-width:760px){.connected-logo{margin:4px 12px}.connected-logo img{width:112px}}

/* Keep the send entry point beside the response title. */
.connected-design .reply-heading-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.connected-design .reply-heading-actions h2{margin:0!important}
.connected-design .reply-heading-actions .reply-actions{position:static;margin:0;padding:0;border:0;background:transparent;z-index:auto}

/* Override the engine's more specific blue generation button. */
.connected-design .ai-composer button[data-ai-action=generate]{background:#fff8f2;border:1px solid #c4a46d;color:#403e22}
.connected-design .ai-composer button[data-ai-action=generate]:hover:not(:disabled){background:#eee3d4;border-color:#785f4d;color:#403e22}
.connected-design .ai-composer button[data-ai-action=generate]:focus-visible{outline:2px solid #785f4d;outline-offset:3px}

/* Same visual treatment for both steps of sending. */
.connected-design .reply-composer button.primary-send{background:#403e22;border:1px solid #403e22;color:#fff8f2;font-size:13px;font-weight:600;padding:10px 18px;border-radius:7px}
.connected-design .reply-composer button.primary-send:hover:not(:disabled){background:#575332;border-color:#575332;color:#fff8f2}
.connected-design .followup-options{border:1px solid #dfd3c4;border-radius:8px;padding:14px;margin:14px 0;background:#fff8f2}
.connected-design .followup-options input,.connected-design .followup-options select{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:9px;border:1px solid #dfd3c4;border-radius:6px;background:white;color:#403e22}
.connected-design .followup-card{padding:18px;margin-top:16px;border:1px solid #dfd3c4;border-radius:12px;background:white;box-shadow:var(--card-shadow)}
.connected-design .followup-card h3{margin-top:0}.followup-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.followup-due{color:#9a4b24;font-weight:600}
.connected-design .reply-attachments{margin:14px 0;padding:12px 14px;border:1px solid #dfd3c4;border-radius:8px;background:#fff8f2}
.connected-design .reply-attachments input[type=file]{display:block;margin:8px 0;max-width:100%;font-size:12px}
.connected-design .reply-attachments p{font-size:12px;margin:8px 0}.connected-design .reply-attachments p:empty{display:none}.connected-design .reply-attachments button{padding:4px 8px;font-size:11px}

.connected-design details.reply-attachments{padding:0;border:0;background:transparent;margin:10px 0;box-shadow:none}
.connected-design details.reply-attachments>summary{cursor:pointer;color:#785f4d;font-size:12px;padding:6px 0}
.connected-design details.reply-attachments[open]{padding:10px 14px;border:1px solid #dfd3c4;background:#fff8f2}
.connected-design details.reply-attachments[open]>summary{margin-bottom:8px}

/* Signed-out view: branding and login only; follows the existing session visibility. */
body:has(#login:not([hidden])){padding-left:0}
body:has(#login:not([hidden])) header,
body:has(#login:not([hidden])) .notice,
body:has(#login:not([hidden])) #connectedSidebar > :not(.connected-logo){display:none!important}
body:has(#login:not([hidden])) #connectedSidebar{position:relative;inset:auto;width:100%;max-height:none;overflow:visible;box-sizing:border-box;padding:24px;border:0;border-bottom:1px solid #e5dbd0;display:block}
body:has(#login:not([hidden])) .connected-logo{width:fit-content;margin:0 auto;text-align:center}
body:has(#login:not([hidden])) .connected-logo img{width:152px}
body:has(#login:not([hidden])) .connected-logo small{font-size:13px;margin-top:10px}
body:has(#login:not([hidden])) main{box-sizing:border-box;width:100%;max-width:540px;margin:0 auto;padding:24px 20px}
body:has(#login:not([hidden])) #login{margin:0;width:auto;min-width:0}