/* Mailbox-specific layout; palette, typography, navigation and controls reuse A. */
.mail-shell{display:grid;grid-template-columns:174px 282px minmax(330px,1fr) 432px;min-height:0;background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden;position:relative}
.mail-shell.hide-list{grid-template-columns:174px minmax(330px,1fr) 432px}.hide-list .mail-list{display:none}.mail-shell.hide-business{grid-template-columns:174px 282px minmax(0,1fr)}.hide-business .business-panel{display:none}.mail-shell.hide-list.hide-business{grid-template-columns:174px minmax(0,1fr)}
.mail-nav{display:flex;flex-direction:column;min-height:0;overflow:auto;border-right:1px solid var(--line);padding:9px 7px 10px 0}.new-mail{margin:0 8px 13px 10px;border-radius:10px;padding:9px 12px}.scope-label{font-size:11px;color:var(--faint);margin:0 10px 4px}.mail-nav select{width:calc(100% - 20px);margin:0 10px 9px;font-size:12px;padding:5px}.folder-btn,.nav-view{display:flex;width:100%;gap:6px;padding:6px 10px 6px 18px;border-radius:0 18px 18px 0;color:var(--muted);text-align:left;font-size:12px}.folder-btn:hover,.nav-view:hover{background:var(--surface-2)}.folder-btn.on{background:var(--accent-soft);color:var(--accent-text);font-weight:600}.folder-btn span{margin-left:auto;font-size:11px}.nav-caption{color:var(--faint);font-size:10.5px;padding:18px 10px 5px}.mail-account{padding:6px 10px 6px 16px;text-align:left;display:flex;flex-wrap:wrap;gap:3px 7px;align-items:center}.mail-account b{font:12px var(--mono);color:var(--text)}.mail-account small{font-size:10px;color:var(--faint)}.mail-account:hover{background:var(--surface-2)}.nav-foot{margin-top:auto;padding:24px 12px 0;font-size:10.5px;color:var(--faint)}
.mail-list{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;border-right:1px solid var(--line)}.list-head{display:flex;gap:7px;flex-wrap:wrap;align-items:center;padding:9px 11px;border-bottom:1px solid var(--line)}.list-head b{font-size:13px}.list-head .count{margin-left:auto;color:var(--muted);font-size:11px}.list-head input{width:100%;padding:5px 7px}.quick-filters{display:flex;gap:4px;flex-wrap:wrap}.quick-filters button{font-size:10.5px;border:1px solid var(--line);padding:1px 7px;border-radius:12px;color:var(--muted)}.quick-filters button.on{border-color:var(--accent);color:var(--accent-text);background:var(--accent-soft)}.mail-rows{overflow:auto}.queue-label{padding:5px 10px;font-size:11px;background:var(--surface-2);color:var(--muted);font-weight:600;display:flex;justify-content:space-between}.mail-row{display:block;text-align:left;width:100%;padding:10px 11px;border-bottom:1px solid var(--line)}.mail-row:hover{background:var(--surface-2)}.mail-row.selected{background:var(--accent-soft)}.mail-row.unread{box-shadow:inset 3px 0 var(--accent)}.mail-row .from{display:flex;gap:5px;align-items:baseline}.mail-row .from strong{font-size:12px;font-weight:500}.mail-row.unread .from strong{font-weight:600}.mail-row time{margin-left:auto;font:10px var(--mono);color:var(--faint)}.mail-row .subject{font-size:12px;margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-row .summary{font-size:11px;color:var(--muted);line-height:1.55;margin:5px 0}.mail-row .chips{gap:3px}.mail-row .chip{font-size:9.5px;padding:0 5px}.list-foot{padding:7px 10px;border-top:1px solid var(--line);font-size:10.5px;color:var(--faint)}
.mail-reader{min-width:0;min-height:0;overflow:auto;padding:11px 14px;border-right:1px solid var(--line);scrollbar-gutter:stable}.reader-toolbar{display:flex;align-items:center;gap:5px;margin-bottom:12px;flex-wrap:wrap}.reader-toolbar .sp{flex:1}.reader-title{font-size:16px;font-weight:600;line-height:1.45;margin:0 0 7px}.meta-row{display:flex;gap:5px;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--faint);margin:7px 0 12px}.related-links{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:8px 10px;background:var(--surface-2);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:6px;font-size:11px;margin-bottom:11px}.related-links .lnk{font:11px var(--mono)}.ai-summary{padding:8px 10px;border-radius:6px;background:var(--ai-soft);color:var(--ai);font-size:12px;margin-bottom:12px}.ai-summary strong{font-size:11px}.ai-summary p{margin:4px 0 0}.thread-old{border:1px solid var(--line);border-radius:6px;background:var(--surface-2);padding:7px 10px;font-size:11px;margin-bottom:8px}.thread-old summary{cursor:pointer;display:flex;gap:8px;align-items:center}.thread-old summary span:last-child{margin-left:auto;color:var(--faint)}.thread-old p{white-space:pre-wrap}.thread-mail{border:1px solid var(--line);border-radius:8px;padding:10px 11px;margin-bottom:11px}.sender{display:flex;gap:9px;align-items:flex-start}.avatar{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--accent-soft);color:var(--accent-text);font-weight:600}.sender .who-text{min-width:0;flex:1}.sender b{font-size:12px}.sender small{font-size:10.5px;color:var(--faint);overflow-wrap:anywhere}.sender time{font:10px var(--mono);color:var(--faint);white-space:nowrap}.mail-body{font:13px/1.7 var(--font);white-space:pre-wrap;margin:14px 0 9px}.mail-attachments{display:flex;gap:5px;flex-wrap:wrap;margin:7px 0}.mail-attachments button{border:1px solid var(--line);padding:5px 8px;border-radius:5px;font-size:10.5px}.reply-bar{display:flex;gap:6px;margin:10px 0}.reply-editor{border:1px solid var(--line);border-radius:7px;overflow:hidden;margin:12px 0;background:var(--surface)}.editor-head{padding:8px 10px;border-bottom:1px solid var(--line);font-size:11px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.editor-head select{max-width:100%;font-size:11px}.editor-to{padding:6px 10px;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px;overflow-wrap:anywhere}.editor-text{width:100%;border:0;border-radius:0;min-height:158px;resize:vertical;padding:10px;font-size:12px;line-height:1.6}.editor-signature{padding:0 10px 9px;font-size:11px;color:var(--muted)}.editor-foot{padding:8px 10px;border-top:1px solid var(--line);display:flex;gap:6px;align-items:center;flex-wrap:wrap}.editor-foot .note{margin-left:auto;font-size:10px}.coverage-status{padding:6px 10px;background:var(--warn-soft);color:var(--warn);font-size:10.5px}.empty-mail{padding:70px 25px;color:var(--faint);text-align:center}
.business-panel{display:grid;grid-template-rows:auto auto minmax(0,1fr);min-height:0;min-width:0;background:var(--surface)}.business-header{display:flex;align-items:center;gap:7px;padding:10px 11px;border-bottom:1px solid var(--line)}.business-header b{font-size:13px}.business-header .btn:first-of-type{margin-left:auto}.biz-tabs{display:flex;gap:0;padding:5px 5px 0;border-bottom:1px solid var(--line);overflow-x:auto;flex:none}.biz-tabs button{white-space:nowrap;font-size:11.5px;padding:6px 8px;color:var(--muted);border-radius:5px 5px 0 0;border-bottom:2px solid transparent}.biz-tabs button.active{color:var(--accent-text);background:var(--accent-soft);border-bottom-color:var(--accent)}.business-body{padding:10px;overflow:auto;min-height:0;scrollbar-gutter:stable}.info-card{border:1px solid var(--line);border-radius:7px;margin-bottom:9px;padding:10px;background:var(--surface)}.info-card:last-child{margin-bottom:0}.info-card h4{margin:0 0 7px;font-size:12px;display:flex;align-items:center;gap:5px}.info-card h4 .lnk{margin-left:auto;font-size:10.5px;font-weight:400}.info-card p{margin:6px 0;font-size:11.5px}.customer-title{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.customer-title strong{font-size:14px}.meta-small{font-size:10.5px;color:var(--faint);margin:5px 0;line-height:1.6}.metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:9px 0}.metric-strip div{border-right:1px solid var(--line);font-size:10px;color:var(--faint)}.metric-strip div:last-child{border:0}.metric-strip b{display:block;font:18px var(--mono);color:var(--text);margin-bottom:2px}.profile-note{border-left:3px solid var(--accent);padding:4px 8px;font-size:11px;background:var(--accent-soft);color:var(--accent-text);margin-top:7px}.kv-grid{display:grid;grid-template-columns:80px minmax(0,1fr);gap:5px 8px;font-size:11.5px;line-height:1.6}.kv-grid>span:nth-child(odd){color:var(--muted)}.kv-grid .source{font-size:10px}.source{font-size:10px;color:var(--faint);line-height:1.6}.source button{color:var(--accent-text);text-decoration:underline dotted;font-size:10px;padding:0}.asks{margin:0;padding:0;list-style:none}.ask-item{display:grid;grid-template-columns:19px minmax(0,1fr) auto;gap:5px;align-items:baseline;font-size:11.5px;margin:8px 0}.ask-item .num{background:var(--surface-2);border-radius:10px;text-align:center;font:10px/18px var(--mono)}.ask-item .ask-note{grid-column:2/-1;color:var(--faint);font-size:10.5px}.ask-item .chip{font-size:9.5px}.alert-small{padding:7px 8px;background:var(--warn-soft);color:var(--warn);font-size:11px;border-radius:5px;margin:6px 0;line-height:1.6}.alert-small.crit{background:var(--crit-soft);color:var(--crit)}.alert-small.ai{background:var(--ai-soft);color:var(--ai)}.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;margin:9px 0}.steps span{background:var(--surface-2);border-radius:4px;padding:5px 3px;text-align:center;font-size:10px;color:var(--muted)}.steps span.done{background:var(--accent-soft);color:var(--accent-text)}.steps span.current{background:var(--warn-soft);color:var(--warn)}.steps small{display:block;font:9px var(--mono);margin-top:3px}.compact-row{display:flex;justify-content:space-between;gap:8px;font-size:11.5px;margin:6px 0;align-items:baseline}.compact-row .lnk{font-family:var(--mono)}.mini-table{font-size:10.5px;table-layout:fixed}.mini-table td,.mini-table th{padding:6px 4px;overflow-wrap:anywhere;font-size:10.5px}.mini-table th{white-space:normal}.mini-table .num{text-align:right;font-family:var(--mono)}.quote-version{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:7px 0}.quote-version>div{padding:8px;border:1px solid var(--line);border-radius:5px;font-size:10.5px}.quote-version>div.new{border-color:var(--accent);background:var(--accent-soft)}.quote-version strong{display:block;font:16px var(--mono);margin:4px 0}.quote-version .state{font-size:10px;color:var(--muted)}.doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:7px 0}.doc-item{padding:6px;background:var(--surface-2);border-radius:4px;font-size:10.5px}.timeline{list-style:none;margin:6px 0;padding:0}.timeline li{position:relative;padding:0 0 12px 13px;border-left:1px solid var(--line);font-size:11.5px;margin-left:4px}.timeline li:before{content:'';position:absolute;left:-3px;top:5px;width:5px;height:5px;border-radius:50%;background:var(--accent)}.timeline li time{display:block;color:var(--faint);font:10px var(--mono);margin-bottom:3px}.timeline li:last-child{padding-bottom:0}.fact-list{padding:0;margin:0;list-style:none}.fact-list li{margin:7px 0;font-size:11.5px}.fact-list .tag{display:inline-block;font-size:10px;margin-right:4px;color:var(--accent-text)}.biz-empty{padding:15px 10px;color:var(--faint);font-size:12px}.business-body details{font-size:11.5px;margin:8px 0}.business-body summary{cursor:pointer;color:var(--accent-text)}
.drawer-shade{position:fixed;inset:0;background:rgba(20,30,40,.15);z-index:30}.business-drawer{position:fixed;top:10px;right:16px;bottom:10px;width:min(1030px,calc(100vw - 48px));display:grid;grid-template-rows:auto auto minmax(0,1fr);background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--dshadow);z-index:31}.drawer-head{display:flex;gap:8px;align-items:center;padding:10px 13px;border-bottom:1px solid var(--line)}.drawer-head strong{font-size:14px}.drawer-head .sp{flex:1}.drawer-body{overflow:auto;padding:13px}.drawer-body .two-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.drawer-body .info-card{padding:13px}.drawer-body .info-card h4{font-size:13px}.drawer-body .mini-table,.drawer-body .mini-table th,.drawer-body .mini-table td{font-size:12px}.drawer-body .kv-grid{font-size:12px}.drawer-body .steps span{font-size:12px}.drawer-body .source{font-size:11px}.drawer-body .metric-strip b{font-size:23px}.drawer-body .compact-row,.drawer-body .info-card p{font-size:12px}.drawer-body .timeline li{font-size:12px}.drawer-body .quote-version strong{font-size:20px}
dialog{padding:0;border:1px solid var(--line);border-radius:8px;max-width:min(780px,94vw);width:700px;max-height:88vh;background:var(--surface);color:var(--text);box-shadow:var(--shadow)}dialog::backdrop{background:rgba(20,30,40,.35)}.modal-head{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:10px 13px;border-bottom:1px solid var(--line)}#modalBody{padding:15px;overflow:auto;max-height:75vh}.modal-source{white-space:pre-wrap;font-size:12px;line-height:1.8}.field{display:grid;grid-template-columns:80px minmax(0,1fr);gap:8px;align-items:start;font-size:12px;margin:10px 0}.field textarea{min-height:80px;width:100%}.field input,.field select{width:100%}.new-compose{position:fixed;bottom:0;right:30px;width:555px;max-width:95vw;z-index:35;background:var(--surface);border:1px solid var(--line);border-radius:8px 8px 0 0;box-shadow:var(--dshadow);padding:0 12px 12px}.new-compose .field{margin:6px 0;grid-template-columns:55px minmax(0,1fr)}.new-compose>textarea{width:100%;height:200px;margin:8px 0}.new-compose .compose-title{margin:0 -12px 10px;padding:8px 12px;display:flex;justify-content:space-between;background:var(--surface-2);font-size:13px}.new-compose .sig{font-size:11px;color:var(--muted);margin-bottom:9px}.quote-paper{border:1px solid var(--line);padding:20px}.quote-paper h2{font-size:19px;margin:0 0 4px}.quote-paper table{margin:18px 0}.quote-paper td,.quote-paper th{font-size:12px}.small-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.date-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.date-pair div{background:var(--surface-2);padding:7px;border-radius:5px;font-size:10.5px}.date-pair b{font:12px var(--mono)}
@media(max-width:1450px){.mail-shell{grid-template-columns:154px 242px minmax(310px,1fr) 390px}.mail-shell.hide-list{grid-template-columns:154px minmax(310px,1fr) 420px}.mail-shell.hide-business{grid-template-columns:154px 242px minmax(0,1fr)}.mail-shell.hide-list.hide-business{grid-template-columns:154px minmax(0,1fr)}.biz-tabs button{font-size:11px;padding:6px}.mail-reader{padding:10px}.sender time{font-size:9px}.nav a{padding:3px 6px}}
@media(max-width:1250px){.mail-shell{grid-template-columns:144px 216px minmax(300px,1fr) 360px}.business-header{padding:8px}.business-body{padding:8px}.biz-tabs button{font-size:10.5px;padding:6px 5px}.who .facets{display:none}.info-card{padding:8px}.mail-body{font-size:12px}}
@media(max-width:1050px){.mail-shell,.mail-shell.hide-list{grid-template-columns:145px minmax(300px,1fr) 350px}.mail-list{display:none}.drawer-body .two-columns{grid-template-columns:1fr}}

/* Keep business identifiers and customer names aligned with A’s card headings. */
.draft-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}.draft-compare pre{white-space:pre-wrap;word-break:break-word;max-height:250px;overflow:auto}.copy-status{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0;font-size:11px}.copy-status>span{border:1px solid var(--line);padding:5px 8px;border-radius:6px}.nav-foot .lnk{font-size:11px}#connectionStatus{max-width:180px}
.info-card h4 .lnk{margin-left:0}.info-card h4>.lnk:last-child{margin-left:auto}.info-card h4>.lnk:first-child{margin-left:0}.customer-title>.lnk{font-size:14px!important;font-weight:600}.mini-table .lnk{overflow-wrap:anywhere}#forwardTo{max-width:100%;font-size:12px}

/* Each connected mailbox owns its visible folders. */
.mailbox-tree{margin-top:10px;min-width:0}
.mailbox-toggle{display:flex;align-items:flex-start;gap:6px;width:100%;padding:8px 9px;text-align:left;color:var(--text);border-radius:5px;font:600 12px/1.5 var(--font)}
.mailbox-toggle:hover{background:var(--surface-2)}
.mailbox-chevron{flex:none;width:12px;color:var(--muted)}
.mailbox-address{min-width:0;flex:1}.mailbox-address b{display:block;font:600 13px/1.5 var(--font)}.mailbox-address small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 11px/1.5 var(--font);color:var(--muted)}
.mailbox-folder-list .folder-btn{padding:5px 10px 5px calc(26px + var(--folder-depth,0)*12px);align-items:baseline;min-height:30px}
.folder-btn .folder-name{margin:0;font:inherit;min-width:0;overflow-wrap:anywhere}
.folder-btn .folder-count{margin-left:auto;flex:none;font-variant-numeric:tabular-nums;font-size:11px}
.all-inboxes{margin:3px 0 12px;font-weight:600}
.mailbox-folder-list[hidden]{display:none!important}
.mailbox-toggle:focus-visible,.folder-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
:root[data-design=original] .mail-shell{grid-template-columns:194px 270px minmax(300px,1fr) 410px}
:root[data-design=original] .mail-shell.hide-list{grid-template-columns:194px minmax(300px,1fr) 410px}
:root[data-design=original] .mail-shell.hide-business{grid-template-columns:194px 270px minmax(0,1fr)}
:root[data-design=original] .mail-shell.hide-list.hide-business{grid-template-columns:194px minmax(0,1fr)}
@media(max-width:1450px){:root[data-design=original] .mail-shell{grid-template-columns:184px 230px minmax(300px,1fr) 360px}}
@media(max-width:1250px){:root[data-design=original] .mail-shell{grid-template-columns:174px 216px minmax(280px,1fr) 340px}}
@media(max-width:1100px){:root[data-design=original] .mail-shell,:root[data-design=original] .mail-shell.hide-list{grid-template-columns:174px minmax(300px,1fr) 340px}:root[data-design=original] .mail-list{display:none}:root[data-design=original] .mail-shell.hide-business{grid-template-columns:174px minmax(0,1fr)}}
[data-design=monday] .mailbox-toggle{color:#e1e5f5}
