@font-face{font-family:DashboardSystem;src:local("Inter"),local("Segoe UI")} :root{color-scheme:light;--canvas:#f6f5ef;--surface:#fffefa;--ink:#233e32;--muted:#697268;--rule:#dddeda;--forest:#234a36;--accent:#dbe5cf;--soft:#eef1e8;--gold:#86672f}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:DashboardSystem,system-ui,sans-serif;font-size:14px;line-height:1.5}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #5c783c;outline-offset:3px}button{color:inherit}h1,h2,p{margin:0}h2{font-size:18px;font-weight:600}button[hidden],[hidden]{display:none!important}.app-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;padding:32px 22px 22px;border-right:1px solid var(--rule);background:#eeeee5;position:sticky;top:0;height:100vh}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;font-size:20px;font-weight:650;letter-spacing:-.8px}.brand-mark{width:37px;height:39px;background:var(--forest);color:#f1f0df;display:flex;align-items:center;justify-content:center;border-radius:8px;font-family:Georgia,serif;font-size:27px;font-weight:normal;letter-spacing:-4px;padding-right:4px}.brand-mark span{transform:translateY(3px)}.brand small{display:block;font-size:8px;letter-spacing:1.7px;margin-top:2px;font-weight:550}.workspace-label{font-size:10px;letter-spacing:1.5px;color:var(--muted);margin:52px 10px 13px}.nav-button{width:100%;border:0;background:transparent;display:flex;gap:12px;align-items:center;text-align:left;padding:12px;border-radius:7px;margin:3px 0;color:#536154}.nav-button>span:first-child{font-size:19px;width:22px;text-align:center}.nav-button.selected{color:var(--forest);background:#dce4d3;font-weight:650}.nav-button:hover{background:#e1e6d9}.nav-count{margin-left:auto;font-size:11px;min-width:20px;text-align:center}.sidebar-note{margin-top:auto;padding:50px 9px 30px}.eyebrow{font-size:10px;line-height:1.8;font-weight:650;letter-spacing:1.6px}.sidebar-note p{font-size:12px;color:var(--muted);margin:10px 0 13px;line-height:1.7}.sidebar-note a{font-size:12px}.sidebar-account{border-top:1px solid var(--rule);display:flex;gap:10px;align-items:center;padding-top:22px;font-size:12px;font-weight:600}.sidebar-account small{display:block;color:var(--muted);font-size:10px;font-weight:400}.avatar{display:grid;place-items:center;background:#d9dfce;border-radius:50%;width:32px;height:32px}main{min-width:0}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule);padding:0 40px;font-size:12px}.breadcrumb{color:var(--muted);display:flex;gap:14px;align-items:center}.breadcrumb strong{color:var(--ink);font-weight:500}.top-actions{display:flex;align-items:center;gap:28px}.top-actions a{text-decoration:none}.connection{color:var(--muted);font-size:11px}.connection:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:7px}.workspace-panel{padding:35px 40px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.page-heading .eyebrow{color:var(--muted)}h1{font-family:Georgia,serif;font-size:45px;font-weight:400;letter-spacing:-1.4px;line-height:1.3;margin:3px 0 7px}.title-dot{color:#89a377}.page-description{font-size:13px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--rule);border-radius:6px;padding:9px 14px;background:var(--surface);font-size:12px;line-height:1.5;font-weight:550;text-decoration:none;min-height:38px}.button:hover:not(:disabled){background:var(--soft)}.button.primary{background:var(--forest);border-color:var(--forest);color:#fff}.button.primary:hover{background:#316047}.status-strip{background:#edf0e5;border:1px solid #dce2d2;border-radius:8px;padding:15px 18px;display:flex;align-items:center;gap:14px;margin-bottom:22px}.status-icon{font-size:24px;display:grid;place-items:center;border:1px solid #cfd9c3;width:40px;height:40px;border-radius:8px;flex-shrink:0}.status-strip strong{font-size:12px}.status-strip p{font-size:12px;color:#59634f;margin-top:2px}.status-actions{margin-left:auto;display:flex;gap:8px;flex-shrink:0}.status-actions button:disabled{display:none}.sample-banner{background:#f3ecdc;border:1px solid #e3d6b7;border-radius:6px;display:flex;gap:12px;align-items:center;padding:10px 14px;font-size:11px;margin-bottom:12px;color:#685326}.sample-banner button{margin-left:auto;border:0;background:transparent;text-decoration:underline;white-space:nowrap}.mail-workspace{display:grid;grid-template-columns:minmax(275px,34%) minmax(0,1fr);min-height:520px;border:1px solid var(--rule);border-radius:9px;background:var(--surface);overflow:hidden;box-shadow:0 3px 14px #243d3010}.message-list-pane{border-right:1px solid var(--rule);min-width:0;display:flex;flex-direction:column}.list-toolbar{padding:19px 19px 13px;border-bottom:1px solid var(--rule)}.search-label{display:block;font-size:10px;color:var(--muted);margin-bottom:6px}.search-field{display:flex;gap:9px;align-items:center;background:#f6f6f0;border:1px solid #e4e5dc;border-radius:6px;padding:8px 10px}.search-field input{width:100%;border:0;background:transparent;color:var(--ink);min-width:0;font-size:12px;outline-offset:5px}.list-summary{display:flex;justify-content:space-between;font-size:10px;margin-top:19px;color:var(--muted)}.list-summary>span:first-child{font-weight:600;color:var(--ink)}.mail-list{max-height:600px;overflow:auto}.message-row{display:block;width:100%;border:0;border-bottom:1px solid #e8e8e1;padding:19px 20px;text-align:left;background:transparent;border-left:3px solid transparent}.message-row:hover{background:#f3f5ed}.message-row[aria-current=true]{background:#edf2e4;border-left-color:#577b48}.message-row .row-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.row-sender{font-size:12px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-time{font-size:10px;color:var(--muted);white-space:nowrap}.row-subject{display:block;font-size:12px;margin:6px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-preview{display:block;font-size:11px;color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.row-tag{display:inline-block;font-size:9px;border:1px solid #d7ddcc;color:#5e6c50;border-radius:3px;padding:1px 5px;margin-top:10px}.list-empty{text-align:center;padding:52px 28px;color:var(--muted)}.empty-envelope{font-size:28px;display:block;margin-bottom:12px;color:#809274}.list-empty h2{font-size:14px;color:var(--ink);margin-bottom:8px}.list-empty p{font-size:12px;line-height:1.8}.reader{min-width:0}.reader-placeholder{display:flex;min-height:510px;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:40px 20px}.reader-placeholder h2{font-family:Georgia,serif;font-size:27px;font-weight:400;margin:7px 0 9px}.reader-placeholder p:not(.eyebrow){color:var(--muted);font-size:12px;line-height:1.8}.reader-placeholder .eyebrow{color:#8a937c;font-size:8px;letter-spacing:1.4px}.paper-illustration{width:98px;height:114px;border:1px solid #d7ddcd;border-radius:7px;background:linear-gradient(145deg,#f7f8f0,#e9eedf);transform:rotate(-7deg);margin:0 0 35px;box-shadow:9px 8px 0 #f1f2e9;display:flex;flex-direction:column;align-items:center}.paper-illustration span{font-size:37px;color:#9eaf8d;margin:12px 0 2px}.paper-illustration i{height:3px;width:45px;background:#cdd6c0;margin-top:7px;border-radius:4px}.paper-illustration i:last-child{width:30px}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule);padding:14px 26px}.text-button{border:0;background:transparent;padding:5px 0;color:var(--muted);font-size:11px}.pill{display:inline-block;border:1px solid #d8dfcf;background:#f0f4e9;border-radius:4px;padding:3px 7px;font-size:10px;color:#536446}.reader-heading{padding:30px 30px 21px}.reader-heading .eyebrow{font-size:9px;color:var(--muted)}.reader-heading h2{font-family:Georgia,serif;font-size:27px;font-weight:400;letter-spacing:-.4px;line-height:1.3;margin:7px 0 24px;overflow-wrap:anywhere}.sender-line{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.sender-avatar{display:grid;place-items:center;background:#e7ecdf;border-radius:50%;width:33px;height:33px;font-size:12px;flex-shrink:0}.sender-line>div{min-width:0;max-width:100%}.sender-line strong{font-size:11px;overflow-wrap:anywhere}.sender-line p{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.sender-line time{margin-left:auto;font-size:10px;color:var(--muted)}.message-body{margin:0 30px;padding:26px 0;border-top:1px solid #e9ebe3;white-space:pre-wrap;overflow-wrap:anywhere;color:#374439;font-size:13px;line-height:1.85;min-height:190px}.reader-note{margin:10px 30px 20px;padding:10px 12px;background:#f4f4ed;font-size:10px;color:var(--muted);border-radius:4px}.message-details{margin:20px 30px 30px;border-top:1px solid var(--rule);padding-top:14px;font-size:11px}.message-details dl,.dash-dl{display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px;font-size:11px}.message-details dd,.dash-dl dd{margin:0;overflow-wrap:anywhere}summary{cursor:pointer;color:var(--muted)}.load-more{margin:12px 18px}.mail-feedback{font-size:11px;color:var(--muted);padding:0 18px 12px}.mail-feedback:empty{display:none}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.info-card{padding:28px;border:1px solid var(--rule);background:var(--surface);border-radius:8px}.info-card p{font-size:12px;color:var(--muted);line-height:1.85;margin:13px 0 18px}.info-card a{font-size:12px}.step-label{font-size:9px;letter-spacing:1.4px;display:block;color:var(--muted);margin-bottom:17px}.forest-card{background:var(--forest);color:#f3f3e6;border-color:var(--forest)}.forest-card p,.forest-card .step-label{color:#c5d1bd}.forest-card h2{font-family:Georgia,serif;font-weight:400;font-size:28px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.info-card details{margin-top:24px}.api-examples{margin:35px 0}.api-examples>p{font-size:12px;color:var(--muted);margin:10px 0 20px}.terminal-card{margin:15px 0;border:1px solid var(--rule);background:var(--surface);border-radius:7px;overflow:hidden}.terminal-card figcaption{display:flex;align-items:center;gap:15px;padding:13px 18px;border-bottom:1px solid var(--rule);font-size:12px}.language{margin-left:auto;color:var(--muted);font-size:10px}.copy-button{background:transparent;border:1px solid var(--rule);padding:4px 9px;border-radius:4px;font-size:10px}.terminal-card pre{padding:22px;margin:0;overflow:auto;font-size:11px;line-height:1.9;color:#39503d}.manual-copy{font-size:10px;color:var(--muted);padding:0 18px 12px}.workspace-footer{display:flex;justify-content:space-between;padding:24px 40px;font-size:10px;color:#818778;gap:16px}.workspace-footer span span{padding:0 7px}.skip-link{position:absolute;left:10px;top:-70px;padding:12px;background:var(--surface);z-index:10}.skip-link:focus{top:10px}@media(min-width:1700px){.workspace-panel{max-width:1450px;margin:auto}.topbar{padding-inline:50px}.workspace-panel{padding:42px 50px 0}.mail-workspace{min-height:600px}.reader-placeholder{min-height:600px}}@media(max-width:1100px){.app-shell{grid-template-columns:185px minmax(0,1fr)}.sidebar{padding:28px 14px}.brand{font-size:17px}.brand small{font-size:6px}.topbar{padding:0 24px}.workspace-panel{padding:28px 24px 0}.status-strip{flex-wrap:wrap}.status-actions{margin-left:54px}.mail-workspace{grid-template-columns:minmax(250px,40%) minmax(0,1fr)}.reader-heading,.reader-toolbar{padding-inline:20px}.message-body{margin-inline:20px}.sender-line time{width:100%;margin-left:43px}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;height:auto;padding:16px 18px 10px;border-right:0;border-bottom:1px solid var(--rule)}.brand small,.workspace-label,.sidebar-note,.sidebar-account{display:none}.sidebar nav{display:flex;gap:6px;margin-top:15px}.nav-button{width:auto;padding:8px 12px;font-size:12px}.brand{font-size:20px}.brand-mark{width:30px;height:32px;font-size:23px}.topbar{height:50px;padding:0 18px}.top-actions a{display:none}.workspace-panel{padding:23px 16px 0}.page-heading{gap:12px;margin-bottom:18px}h1{font-size:36px}.page-description{font-size:12px;max-width:220px}.page-heading .eyebrow{font-size:8px}.status-strip{padding:13px;gap:10px}.status-icon{width:32px;height:32px;font-size:21px}.status-strip>div:nth-child(2){flex:1;min-width:180px}.status-actions{margin-left:0;width:100%}.status-actions .button{flex:1}.mail-workspace{display:block;min-height:460px}.message-list-pane{border-right:0;min-height:460px}.reader{display:none}.mail-workspace.reading .message-list-pane{display:none}.mail-workspace.reading .reader{display:block}.reader-heading h2{font-size:24px}.reader-placeholder{min-height:450px}.sample-banner{align-items:flex-start;flex-wrap:wrap;gap:5px}.sample-banner>span{width:100%}.sample-banner button{margin-left:0}.info-grid{grid-template-columns:1fr}.info-card{padding:23px}.workspace-footer{padding:22px 16px;font-size:9px}.workspace-footer>span:last-child{display:none}.terminal-card figcaption{flex-wrap:wrap;gap:8px}.language{display:none}.message-body{font-size:13px}.reader-toolbar{padding:12px 20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.access-key-list{list-style:none;padding:0}.access-key-row{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid var(--rule)}.access-key-row strong{overflow-wrap:anywhere}.access-key-row p{margin:5px 0;font-size:11px}.access-key-row>button{flex-shrink:0}#access-key-form{display:flex;flex-wrap:wrap;gap:10px;align-items:center}#access-key-form label{font-size:12px}#access-key-form input,#access-key-form select{max-width:100%;border:1px solid var(--rule);border-radius:6px;padding:8px;min-height:38px}#access-key-form input{width:160px}.access-token-panel{border:1px solid var(--rule);border-radius:8px;padding:14px;background:var(--soft)}.access-token-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;user-select:all;font-size:13px}.access-token-panel h3{font-size:15px}.mailbox-create{padding:18px;margin:0 0 12px;border:1px solid var(--rule);border-radius:12px;background:var(--surface)}.mailbox-create h2{font-size:16px;margin-bottom:12px}.mailbox-create label{font-size:12px;display:block;margin-bottom:6px}.mailbox-create-fields{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mailbox-create input{border:1px solid var(--rule);border-radius:6px;min-height:38px;padding:8px;max-width:100%;width:220px}.mailbox-create p{font-size:12px;color:var(--muted);margin-top:10px;line-height:1.6}.mailbox-create-fields>span{font-size:13px}.message-body{max-width:76ch;font-size:14px}@media(max-width:760px){.nav-button{font-size:11px;padding:8px 10px;gap:6px;white-space:nowrap}.nav-button>span:first-child{font-size:16px;width:18px}.workspace-panel:has(.reading) .page-heading,.workspace-panel:has(.reading) .status-strip{display:none}.workspace-panel:has(.reading){padding-top:16px}}
/* Compact mail workspace, based on the user-supplied Gmail layout. */
:root{--canvas:#f4f6fb;--surface:#fff;--ink:#202735;--muted:#657083;--rule:#e0e5ee;--forest:#3459a8;--accent:#dce6ff;--soft:#edf2fc}body{font-family:Arial,"Segoe UI",sans-serif;font-size:14px;color:var(--ink)}
.app-shell{grid-template-columns:216px minmax(0,1fr)}.sidebar{padding:0 12px 16px;border:0;background:var(--canvas);height:100vh;top:0}.brand-row{height:72px;display:flex;align-items:center;gap:8px;flex-shrink:0}.brand{font-size:21px;font-weight:500;letter-spacing:-.5px;gap:9px}.brand small{display:none}.brand-mark{width:29px;height:31px;background:#5068b5;color:white;border-radius:9px;font-size:23px}.icon-button{border:0;border-radius:50%;background:transparent;width:40px;height:40px;display:inline-grid;place-items:center;flex-shrink:0;font-size:23px;color:#536073}.icon-button:hover{background:#e3e8f3}.menu-toggle{font-size:20px;width:32px}.workspace-label,.sidebar-note{display:none}.sidebar nav{margin-top:12px}.nav-button{border-radius:0 24px 24px 0;padding:9px 15px;margin:2px 0;font-size:14px;min-height:40px;color:#414a5b;gap:14px}.nav-button.selected{background:#dce6ff;color:#234686}.nav-button:hover{background:#e7ecf7}.nav-button>span:first-child{width:20px;font-size:19px}.nav-text{white-space:nowrap}.sidebar-account{margin-top:auto;border:0;padding:18px 10px 0}.avatar,.sender-avatar{background:#e4eafa;color:#4a5e96}.topbar{height:72px;padding:0 24px 0 12px;border:0;gap:24px}.global-search{max-width:720px;width:100%;min-width:0}.global-search .search-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.search-field{background:#e8edf7;border:0;border-radius:28px;height:48px;padding:0 20px;gap:14px}.search-field:focus-within{background:white;box-shadow:0 1px 5px #253c7030}.search-field>span{font-size:27px}.search-field input{font-size:16px}.top-actions{gap:22px;margin-left:auto;white-space:nowrap}.top-actions a{font-size:12px}.connection{font-size:11px}.workspace-panel{padding:0 24px 0 0;max-width:none;margin:0}.status-strip{background:transparent;border:0;border-radius:0;padding:6px 15px 12px;gap:10px;margin:0;flex-wrap:nowrap}.status-icon{display:none}.status-strip strong{display:none}.status-strip p{font-size:12px;color:var(--muted);margin:0}.status-actions{margin-left:auto;width:auto;flex-shrink:0}.status-actions .button{padding:6px 12px;font-size:11px;min-height:30px;border-radius:18px}.sample-banner{background:#eef2fb;border:0;border-radius:8px;color:#4d5f87;padding:8px 14px;margin:0 0 10px;font-size:11px}.sample-banner>span{width:auto}.sample-banner button{margin-left:auto}.mail-workspace{display:block;border:0;box-shadow:none;border-radius:16px;min-height:calc(100vh - 190px);background:white;overflow:hidden}.message-list-pane{border:0;min-height:calc(100vh - 190px)}.list-toolbar{display:flex;align-items:center;gap:15px;padding:6px 16px;border-bottom:1px solid var(--rule);height:60px}.inbox-section{display:flex;align-items:center;gap:14px;color:#3459a8;height:60px;border-bottom:3px solid #506abd;padding:0 14px;min-width:180px}.inbox-section>span{font-size:20px}.inbox-section h1{font:500 14px Arial,sans-serif;letter-spacing:0;margin:0;color:#3459a8}.list-summary{margin:0 6px 0 auto;gap:16px;font-size:12px;align-items:center}.list-summary>span:first-child{font-weight:400;color:var(--muted)}.mail-list{max-height:none;overflow:visible}.message-row{display:grid;grid-template-columns:minmax(135px,190px) minmax(0,1fr) 95px;gap:22px;align-items:center;padding:0 20px;border:0;border-bottom:1px solid #e4e9f2;min-height:46px;background:#f1f5fd;position:relative}.message-row:hover{background:#e9effb;box-shadow:inset 0 1px #d7dfec,inset 0 -1px #d7dfec}.message-row[aria-current=true]{background:#e1eafa;border-left:0}.row-top{display:contents!important}.row-sender{grid-column:1;grid-row:1;font-weight:500;font-size:14px}.row-time{grid-column:3;grid-row:1;text-align:right;font-size:12px}.row-content{grid-column:2;grid-row:1;display:flex;min-width:0;align-items:baseline;overflow:hidden;white-space:nowrap;gap:5px}.row-subject{font-size:14px;flex:0 1 auto;min-width:0;margin:0;max-width:75%;color:#202735}.row-preview{font-size:14px;color:#6c778a;flex:1;min-width:30px}.row-preview:before{content:" — "}.row-tag{display:none}.reader{display:none}.mail-workspace.reading .message-list-pane{display:none}.mail-workspace.reading .reader{display:block;min-height:calc(100vh - 190px)}.reader-toolbar{padding:9px 20px;border:0;min-height:54px}.text-button{font-size:13px;padding:8px 12px;border-radius:20px;color:#43516c}.text-button:hover{background:#edf2fc}.reader-heading{padding:12px 32px 20px}.reader-heading .eyebrow{display:none}.reader-heading h2{font-family:Arial,sans-serif;font-size:24px;font-weight:400;letter-spacing:0;margin:4px 0 26px}.sender-line strong{font-size:14px}.sender-line p,.sender-line time{font-size:12px}.sender-line time{width:auto;margin-left:auto}.message-body{font-family:Arial,sans-serif;font-size:14px;line-height:1.75;color:#273142;max-width:90ch;margin:0 32px 0 75px;border:0;padding:8px 0 30px;min-height:220px}.reader-note{margin:10px 32px 20px 75px;background:#f3f6fc;color:#67748a;font-size:11px}.message-details{margin:20px 32px 30px 75px}.pill{background:#eef2fb;border:0;border-radius:4px;color:#4d608a}.list-empty{padding:85px 20px}.list-empty h2{font-size:18px}.list-empty p{font-size:13px}.empty-envelope{color:#7b8fb5}.workspace-footer{padding:16px 24px 16px 12px;font-size:10px;color:#778299}.workspace-footer>span:last-child{display:none}.page-heading{padding-top:24px}h1{font-family:Arial,sans-serif;font-size:30px;letter-spacing:-.5px}.page-heading .eyebrow{display:none}.title-dot{display:none}.info-card,.terminal-card{border-radius:12px}.forest-card{background:#e7edfb;color:#25365a;border:0}.forest-card p,.forest-card .step-label{color:#586b8c}.forest-card h2{font-family:Arial,sans-serif;font-size:24px}.button{border-radius:20px}.terminal-card pre{color:#334767}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-color:#5077c4}
.app-shell.nav-collapsed{grid-template-columns:72px minmax(0,1fr)}.nav-collapsed .brand,.nav-collapsed .nav-text,.nav-collapsed .nav-count,.nav-collapsed .sidebar-account{display:none}.nav-collapsed .brand-row{justify-content:center}.nav-collapsed .nav-button{justify-content:center;padding:10px;border-radius:24px}.nav-collapsed .sidebar{padding-inline:10px}
@media(max-width:1000px){.app-shell{grid-template-columns:180px minmax(0,1fr)}.sidebar{padding-inline:8px}.brand{font-size:18px}.brand-row{gap:4px}.brand-mark{display:none}.topbar{padding-right:16px;gap:12px}.top-actions .connection{display:none}.workspace-panel{padding-right:16px}.message-row{grid-template-columns:135px minmax(0,1fr) 60px;gap:14px}.row-subject{max-width:100%}.row-preview{display:none}.status-strip{flex-wrap:wrap}.status-actions{margin-left:0}.list-summary>span:first-child{display:none}.inbox-section{min-width:130px}}
@media(max-width:760px){.app-shell,.app-shell.nav-collapsed{display:block}.sidebar,.nav-collapsed .sidebar{position:static;height:auto;padding:0 12px;border:0;display:block}.brand-row,.nav-collapsed .brand-row{height:55px;justify-content:flex-start}.brand,.nav-collapsed .brand{display:flex;font-size:20px}.brand-mark{display:flex}.sidebar nav{display:flex;gap:4px;margin:0}.nav-button{width:auto;margin:0;font-size:12px;padding:8px 12px;border-radius:20px;gap:8px;min-height:36px}.nav-collapsed .sidebar nav{display:none}.nav-collapsed .nav-text{display:inline}.nav-button>span:first-child{font-size:16px}.topbar{height:66px;padding:8px 12px;gap:0}.top-actions{display:none}.global-search{max-width:none}.search-field{height:46px}.search-field input{font-size:15px}.workspace-panel,.workspace-panel:has(.reading){padding:0 8px}.status-strip{padding:6px 6px 12px}.status-strip>div:nth-child(2){min-width:0}.status-strip p{font-size:11px}.status-actions{width:100%;margin:0}.status-actions .button{flex:0 1 auto}.sample-banner{padding:8px 10px;gap:5px;flex-wrap:wrap}.sample-banner>span{width:100%}.sample-banner button{margin-left:0}.mail-workspace,.message-list-pane{min-height:calc(100vh - 260px)}.mail-workspace.reading .reader{min-height:calc(100vh - 220px)}.list-toolbar{gap:4px;padding:4px 8px;height:54px}.inbox-section{min-width:95px;height:54px;gap:9px;padding:0 6px}.list-summary{font-size:10px;margin-left:auto;gap:0}.message-row{grid-template-columns:minmax(0,1fr) 56px;grid-template-rows:22px 24px;gap:0 10px;min-height:72px;padding:12px 16px}.row-sender{grid-column:1;font-size:13px}.row-time{grid-column:2;font-size:11px}.row-content{grid-row:2;grid-column:1 / -1}.row-subject{font-size:13px}.row-preview{display:none}.reader-heading{padding:10px 20px 20px}.reader-heading h2{font-size:22px}.sender-line time{font-size:10px;width:100%;margin-left:43px}.message-body{margin:0 20px;font-size:14px;padding-top:5px}.reader-note,.message-details{margin-inline:20px}.workspace-panel:has(.reading) .status-strip{display:none}.page-heading{padding:20px 10px 0}.info-card{padding:20px}.workspace-footer{padding:14px 12px}}

#mailbox-close-form{display:grid;gap:12px;margin-top:16px}#mailbox-close-form[hidden]{display:none}#mailbox-close-address{box-sizing:border-box;width:100%;min-width:0;padding:12px;border:1px solid var(--rule);border-radius:8px;background:white;color:var(--ink);font:inherit}#mailbox-close-target{overflow-wrap:anywhere}.close-mailbox-button{background:#8b2437;color:white}.close-mailbox-button:hover{background:#702034}#mailbox-close-feedback{overflow-wrap:anywhere}
@media(max-width:420px){.sidebar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.sidebar .nav-button{min-width:0;width:100%;padding:8px 3px;gap:5px;font-size:11px}.sidebar .nav-button>span:first-child{width:16px;flex-shrink:0}.sidebar .nav-count{display:none}}
.message-current-text{white-space:pre-wrap}.quote-only-notice{color:var(--muted);font-style:italic}.quoted-original{margin:24px 0 0;border-left:3px solid #c8d4ed;background:#f5f7fc;padding:0 14px 12px}.quoted-original summary{padding:12px 0;color:#435b91;font-size:13px;font-weight:600}.quoted-original-heading{margin:0 0 10px;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.quoted-original-text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#536073;font-size:13px;line-height:1.7}