/* Approved desktop shell: white mailbox header and green navigation.
   The reader opens only after choosing a message; there is no empty reader panel. */
#app:has(.mailbox-shell){--ebo-rule521:#b9c2b5;--ui-line:var(--ebo-rule521);--ui-field-line:var(--ebo-rule521)}
#app.ebo-dark520:has(.mailbox-shell){--ebo-rule521:#454c4a}
#app .mail-topbar{display:flex;align-items:center;justify-content:space-between;height:86px;min-height:86px;padding:14px 32px;gap:24px;background:var(--ui-surface);border-bottom:1px solid var(--ui-line)}
#app .mail-topbar .ebo-mailbox-trigger520{padding:0;min-height:0;background:transparent;border:0;color:var(--ui-ink)}
#app .mail-topbar .ebo-mailbox-trigger520 strong{font-size:14px;line-height:20px}
#app .mail-topbar .ebo-mailbox-trigger520 small{font-size:12px;line-height:18px}
#app .mail-topbar .ebo-mailbox-trigger520 svg{width:18px;height:18px}
#app .mail-topbar .eyebrow{font-size:10px;line-height:14px;margin:0 0 3px;color:var(--ui-muted)}
#app .mail-main{min-width:0;max-width:none;margin:0;padding:20px 32px}
#app .mail-page-heading{display:flex;align-items:center;justify-content:space-between;min-height:0;margin:0 0 16px;gap:24px}
#app .mail-main.showing-compose248 .mail-page-heading{margin-bottom:8px}
#app .mail-main.showing-compose248 .mail-page-heading h1{margin:0}
#app .mail-page-heading p:empty{display:none}
#app .mail-page-heading h1{font-size:28px;line-height:34px;margin:0 0 5px}
#app .mail-page-heading p{font-size:13px;line-height:20px;margin:0}
#app .mail-page-heading .actions{flex:none}
#app .org-split357{display:block}
#app .org-list357{border-right:0;max-height:none}
#app .org-detail357{display:none}
#app .org-detail-mode376 .org-list357{display:none}
#app .org-detail-mode376 .org-detail357{display:block}
#app .org-back376{display:inline-flex}
#app .org-row357:last-child{border-bottom:0}
#app .org-sender357{display:flex;justify-content:space-between;gap:12px;line-height:18px;font-size:12px}
#app .org-sender357 small{display:inline;margin:0;font-size:11px;line-height:18px}
#app .org-row357 strong{font-size:14px;line-height:20px}
#app .org-list-head357 [data-sync]{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;width:28px;min-width:28px;height:28px;min-height:28px;padding:5px;border:0;border-radius:4px;background:transparent;color:#4d7058}
#app .org-list-head357 [data-sync] svg{width:18px;height:18px}
#app .org-search357{display:flex;align-items:center;gap:8px;min-height:48px;padding:6px 10px;border:1px solid var(--ui-line);border-radius:9px;background:var(--ui-surface)}
#app .org-search-field521{display:flex;align-items:center;flex:1;min-width:0;height:34px;background:transparent}
#app .org-search-field521 input{flex:1;min-width:0;width:100%;height:34px;min-height:34px;margin:0;padding:6px 8px;border:0!important;box-shadow:none!important;font-family:inherit;font-size:14px!important;font-weight:400;line-height:20px;background:transparent}
#app .org-search357 .org-search-field521 button{display:flex;align-items:center;justify-content:center;flex:none;width:32px;min-width:32px;height:34px;min-height:34px;padding:7px;background:transparent;border:0;color:var(--ui-ink)}
#app .org-search357 button::after{content:none!important}
#app .org-search357 select{width:160px;max-width:35%;height:34px;min-height:34px;margin:0;padding:6px 32px 6px 14px;border:0;border-left:1px solid var(--ui-line);border-radius:0;background-color:transparent!important;color:var(--ui-ink)!important;font-size:13px;font-weight:400;line-height:20px;background-position:right 10px center}
#app .org-body357[aria-busy=true]{display:flex;align-items:center;min-height:48px;padding:14px 18px;font-size:13px;line-height:20px;color:var(--ui-muted)}
#app .org-body357 .org-empty357{padding:18px;margin:0;text-align:left;font-size:13px;line-height:20px}
#app .contacts374 .contacts-list374{gap:0;border:1px solid var(--ui-line);border-radius:9px;overflow:hidden}
#app .contacts374 .contacts-list374>article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 16px;border:0;border-radius:0;border-bottom:1px solid var(--ui-line);background:var(--ui-surface)}
#app .contacts374 .contacts-list374>article:last-child{border-bottom:0}
#app .contacts374 .contact-icon374,#app .contacts374 .contacts-note374{display:none}
#app .contacts374 .contact-identity374 h3{font-size:14px;line-height:20px;margin:0;color:var(--ui-ink)}
#app .contacts374 .contact-identity374 p{font-size:11px;line-height:16px;margin:4px 0 0}
#app .contacts374 .contact-actions374{display:flex;flex-wrap:nowrap;align-items:center;gap:2px;margin:0;padding:0;border:0}
#app .contacts374 .contact-actions374 .contact-action520{width:28px!important;min-width:28px!important;height:32px!important;min-height:32px!important;padding:5px!important}
#app .contacts374 .contact-actions374 .contact-action520 svg{width:18px!important;height:18px!important}
#app .contacts374 .contacts-heading374{margin:16px 0 12px}
#app .contacts374 .contacts-heading374 h2{font-size:14px;line-height:20px}
#app .contacts374 .contacts-search374 input{font-size:14px!important;line-height:20px;height:38px;min-height:38px;border:1px solid var(--ui-line);border-radius:4px}
#app .org-editor357 .grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
/* Message composer: one recipient row and a compact action toolbar. */
#app .compose521{max-width:none;margin:0}
#app .compose521 .compose-toolbar521{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;padding:0 0 10px;border-bottom:1px solid var(--ui-line)}
#app .compose521 .compose-toolbar521>div{display:flex;gap:6px;align-items:center}
#app .compose521 .compose-toolbar521 button{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:7px 10px;font-size:13px;border-radius:4px;border:1px solid var(--ui-line);background:var(--ui-soft);color:var(--ui-ink)}
#app .compose521 .compose-toolbar521 button.primary{background:#36533e;color:#fff;border-color:#36533e}
#app .compose521 .compose-toolbar521 [data-back521],#app .compose521 .compose-toolbar521 [data-discard521]{width:40px;height:40px;min-height:40px;padding:10px;border:0;background:transparent}
#app .compose521 svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
#app .compose521 form{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#app .compose521 form+form{margin-top:0!important}
#app .compose521 label{display:block;font-size:13px!important;font-weight:500!important;margin:0 0 18px!important}
#app .compose521 input,#app .compose521 select{font-size:15px!important;font-weight:400!important;min-height:42px!important;border-radius:4px!important;margin:7px 0 0!important;padding:8px 12px!important;background-color:var(--ui-surface)!important;color:var(--ui-ink)!important}
#app .compose521 select{padding-right:36px!important}
#app .compose521 .compose-recipient521{display:flex;align-items:center;border:1px solid var(--ui-line);border-radius:4px;margin-top:7px;padding:0 4px 0 0}
#app .compose521 .compose-recipient521 input{border:0!important;box-shadow:none!important;flex:1;min-width:0;margin:0!important}
#app .compose521 .compose-recipient521 button{width:38px;min-width:38px;min-height:40px;padding:9px;border:0;background:transparent!important;color:var(--ui-muted)!important}
#app .compose521 input[type=hidden]{display:none!important}
#app .compose521 [hidden]{display:none!important}
#app .compose521 .org-recipient357{font-size:12px;padding:10px 12px;border-radius:4px;margin:0 0 16px}
#app .compose521 .compose-drop521{position:relative;display:flex;align-items:center;gap:12px;border:1px dashed var(--ui-line);min-height:70px;padding:16px;margin-top:8px;border-radius:4px;font-weight:400;cursor:pointer}
#app .compose521 .compose-drop521 input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0!important;cursor:pointer}
#app .compose521 .compose-drop521:focus-within{outline:2px solid #b95c34;outline-offset:3px}
#app .compose521 .compose-limit521{font-size:11px;color:var(--ui-muted);display:block;margin:-8px 0 16px}
#app .compose521 .compose-templates521{margin-top:20px;font-size:12px;color:var(--ui-muted)}
#app .compose521 .compose-templates521 summary{min-height:40px;cursor:pointer}
#app .compose521 .compose-templates521 details[open]{padding:12px;background:var(--ui-soft)}
@media(max-width:760px){#app .compose521 input,#app .compose521 select{font-size:16px!important}#app .compose521 .grid{display:block}#app .compose521 .compose-toolbar521{gap:6px}#app .compose521 .compose-toolbar521>div{gap:4px}#app .compose521 .compose-toolbar521 button{font-size:12px;padding:7px 8px}}
/* Compact rhythm: each field owns its spacing, without nested form/card gaps. */
#app .compose521{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
#app .compose521 form{display:block!important;gap:0!important;margin:0!important}
#app .compose521 [data-recipients]{grid-template-columns:1fr!important;margin:0!important;padding:0!important}
#app .compose521 label{font-size:12px!important;line-height:1.4;margin:0 0 12px!important}
#app .compose521 input:not([type=file]),#app .compose521 select{height:36px!important;min-height:36px!important;padding:6px 10px!important;font-size:14px!important;margin-top:5px!important;box-shadow:none}
#app .compose521 .compose-recipient521{margin-top:5px}
#app .compose521 .compose-recipient521 input{height:34px!important;min-height:34px!important;margin:0!important}
#app .compose521 .compose-recipient521 button{height:34px;min-height:34px;width:34px;min-width:34px;padding:8px}
#app .compose521 .grid{gap:0 16px}
#app .compose521 .compose-toolbar521{margin-bottom:14px;padding-bottom:10px}
#app .compose521 .compose-toolbar521 button{height:32px;min-height:32px;padding:5px 8px;font-size:12px}
#app .compose521 .compose-toolbar521 button{width:28px;height:30px;min-height:30px;padding:6px;border:0;background:transparent;color:var(--ui-ink)}
#app .compose521 .compose-toolbar521 :is([data-back521],[data-discard521],[data-save-top521],[data-review-top521]){width:28px;min-width:28px;height:32px;min-height:32px;padding:6px}
#app .compose521 .compose-toolbar521>div{gap:2px}
#app .compose521 .compose-toolbar521 button:hover{background:var(--ui-soft)}
#app .compose521 .compose-toolbar521 [data-discard521]{color:#a96750}
#app .compose521 .compose-toolbar521 [data-save-top521]{color:#4d7058}
#app .compose521 .compose-toolbar521 [data-review-top521]{color:#c56434}
#app.ebo-dark520 .compose521 .compose-toolbar521 [data-discard521]{color:#dca38f}
#app.ebo-dark520 .compose521 .compose-toolbar521 [data-save-top521]{color:#a0c3a7}
#app.ebo-dark520 .compose521 .compose-toolbar521 [data-review-top521]{color:#efab7d}
#app .compose521 svg{width:16px;height:16px}
#app .compose521 .compose-drop521{min-height:54px;padding:12px;margin-top:5px}
#app .compose521 .compose-limit521{margin:-4px 0 12px}
#app .compose521 .compose-templates521{margin-top:12px}
#app .compose521 .compose-templates521 summary{min-height:32px}
#app .compose521 [data-results]:empty{display:none}
@media(max-width:760px){
 #app .compose521 input:not([type=file]),#app .compose521 select{height:38px!important;min-height:38px!important;font-size:14px!important}
 #app .compose521 .compose-recipient521 input{height:36px!important;min-height:36px!important}
 #app .compose521 .compose-recipient521 button{height:36px;min-height:36px}
 #app .compose521 .compose-toolbar521{margin-bottom:12px}
 #app .ebo-bottom520{padding:4px 8px calc(4px + env(safe-area-inset-bottom,0px))}
 #app .ebo-bottom520 button{min-height:46px;gap:3px}
 #app .ebo-bottom520 svg{width:19px;height:19px}
}

#app .compose521{--ebo-field-border521:var(--ebo-rule521)}
#app .compose521 label{line-height:17px!important}
#app .compose521 input,#app .compose521 select{line-height:20px!important}
#app .compose521 input:not([type=file]):not([type=hidden]),#app .compose521 select,#app .compose521 .compose-recipient521{border:1px solid var(--ebo-field-border521)!important;box-shadow:none!important}
#app .compose521 .compose-recipient521 input:not([type=hidden]){border:0!important;box-shadow:none!important}

#app .org-filter523,#app .org-filter-panel523{display:contents}
#app .org-filter523>[data-filter523]{display:none}
@media(max-width:760px){
 #app .org-search357{position:relative}
 #app .org-filter523{display:block;flex:none}
 #app .org-filter523>[data-filter523]{display:flex;align-items:center;justify-content:center;width:32px;min-width:32px;height:34px;min-height:34px;padding:7px;background:transparent;border:0;color:#526957}
 #app .org-filter523>[data-filter523] svg{width:18px;height:18px}
 #app .org-filter-panel523{display:none;position:absolute;right:0;top:44px;z-index:12;width:220px;max-width:100%;padding:8px;border:1px solid var(--ui-line);border-radius:4px;background:var(--ui-surface);box-shadow:0 3px 12px #293b311a}
 #app .org-filter523[data-open=true] .org-filter-panel523{display:block}
 #app .org-filter523 .org-filter-panel523 select{width:100%;max-width:none;height:36px;border:1px solid var(--ui-line);border-radius:4px;padding:6px 30px 6px 10px}
 #app .mail-topbar{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,1.25fr);height:64px;min-height:64px;padding:8px 14px;gap:12px;background:#293b31;color:#fff;border-bottom:1px solid #344c3d}
 #app .mail-topbar h1{font-size:18px;line-height:24px;margin:0;color:#fff}
 #app .mail-topbar .eyebrow{display:none}
 #app .mail-topbar .ebo-mailbox-trigger520{width:100%;gap:6px;color:#fff}
 #app .mail-topbar .ebo-mailbox-trigger520 strong{font-size:12px;line-height:18px;color:#fff}
 #app .mail-topbar .ebo-mailbox-trigger520 small{font-size:10px;line-height:14px;color:#cad6cd}
 #app .mail-topbar .ebo-mailbox-trigger520 svg{width:16px;height:16px;color:#e4ece5}
 #app .mail-page-heading{display:none!important}
 #app .mail-main{padding:16px 14px;min-height:calc(100dvh - 128px)}
 #app .org-search357{min-height:38px;border-radius:4px;padding:0 3px 0 4px;gap:4px}
 #app .org-search357 select{font-size:12px;width:112px;padding-left:8px;padding-right:26px}
 #app .org-search357 input{font-size:14px!important;line-height:20px}
 #app .org-sync357{font-size:11px;line-height:16px;padding:12px 0 16px}
 #app .org-body357{min-height:0;border-radius:4px}
 #app .org-list-head357{padding:8px 12px;min-height:44px;font-size:12px;line-height:18px}
 #app .org-row357{padding-left:12px;gap:8px}
 #app .org-row357>input{margin-top:19px}
 #app .org-row357 button{padding:12px;line-height:20px;min-height:0}
 #app .org-row357 strong{font-size:14px;line-height:20px;margin:4px 0 6px}
 #app .org-sender357{font-size:12px;line-height:18px;gap:8px}
 #app .org-sender357 small{font-size:10px;line-height:18px}
 #app .org-tags357>span{font-size:10px;line-height:14px;padding:2px 5px}
 #app .org-pages357{font-size:12px;line-height:18px;padding:16px 0}
 #app .ebo-bottom520{padding:4px 8px calc(4px + env(safe-area-inset-bottom,0px));gap:2px;border-top:1px solid var(--ui-line);box-shadow:none}
 #app .ebo-bottom520 button{background:transparent;border-radius:0;min-height:46px;font-size:10px;line-height:14px;padding:4px 2px;gap:3px}
 #app .ebo-bottom520 button[aria-current=page]{background:transparent;color:#a44829}
 #app .ebo-bottom520 svg{width:19px;height:19px}
 #app .contacts374 .contacts-list374>article{padding:12px 10px;gap:8px}
 #app .contacts374 .contact-identity374 h3{font-size:13px;line-height:18px}
 #app .contacts374 .contact-identity374 p{font-size:10px;line-height:14px}
 #app .contacts374 [data-write].contact-action520{display:inline-flex!important}
 #app .org-editor357 .grid{grid-template-columns:1fr;gap:0}
 #app .mail-main.showing-compose248 #compose-area:not(:empty){padding:0;border:0;border-radius:0;background:transparent;margin:0}
}
/* Keep dark controls legible and row backgrounds continuous at the selection column. */
#app.ebo-dark520 input::placeholder,#app.ebo-dark520 textarea::placeholder{color:#b5c5b9!important;opacity:1}
#app.ebo-dark520 .compose521 input,#app.ebo-dark520 .compose521 select,#app.ebo-dark520 .compose521 textarea{border-color:#454c4a!important}
#app.ebo-dark520 .org-row357{background:#202425!important;border-color:#454c4a!important}
#app.ebo-dark520 .org-row357:has(button:hover),#app.ebo-dark520 .org-row357:has(button[aria-pressed=true]){background:#373e3b!important}
#app.ebo-dark520 .org-list-head357 [data-sync],#app.ebo-dark520 .org-filter523 [data-filter523]{color:#b5c5b9!important}
#app.ebo-dark520 .ebo-bottom520 button[aria-current=page]{color:#ffe0c5!important;background:#373e3b!important}
#app.ebo-dark520 .receipt-review136{--receipt-success:#263d2e;--receipt-success-ink:#d9efdd;--receipt-warning:#40351f;--receipt-warm:#47372c}
#app.ebo-dark520 .receipt-status136,#app.ebo-dark520 .receipt-limit136{border-color:#454c4a}
#app.ebo-dark520 .receipt-limit136,#app.ebo-dark520 .receipt-history136 a{color:#b5c5b9}
#app.ebo-dark520 .receipt-download136{background:#385541;color:#eef3ec;border-color:#454c4a}
#app.ebo-dark520 .receipt-error136,#app.ebo-dark520 [data-receipt-note][role=alert]{color:#ffc1a5}
#app.ebo-dark520 .receipt-document-icon136{color:#efab7d}
#app.ebo-dark520 #mail-logout{color:#b5c5b9}
#app.ebo-dark520 button.primary,#app.ebo-dark520 .button.primary{color:#fff}
#app.ebo-dark520 .eeb202 input:not([type=checkbox]),#app.ebo-dark520 .eeb202 select,#app.ebo-dark520 .eeb202 textarea,#app.ebo-dark520 .eeb202 button:not([type=submit]),#app.ebo-dark520 .eeb202 a{background:#2b3031!important;color:#eef3ec!important;border-color:#454c4a!important}
#app.ebo-dark520 .eeb202 .eeb202-help,#app.ebo-dark520 .eeb202 dt{color:#d5dccf}
#app.ebo-dark520 .org-file357 a,#app.ebo-dark520 .org-detail-file357 a{color:#d5dccf!important}
#app.ebo-dark520 #mail-action-status{background:#2b3031;color:#eef3ec;border-color:#454c4a}
#app .receipt-review136 .receipt-back136{width:28px;min-width:28px;height:28px;min-height:28px;padding:4px;font-size:0;line-height:0;margin:0 0 16px}
#app .receipt-back136 svg{width:18px;height:18px}

#app .compose-letter542{display:grid;grid-template-columns:1fr 28px;align-items:center;margin:0 0 16px}
#app .compose-letter542>label{margin:0}
#app .compose-letter542>textarea{grid-column:1/-1;display:block;box-sizing:border-box;width:100%;height:180px;min-height:156px;margin:5px 0 0;padding:8px 10px;font-family:inherit;font-size:14px;line-height:21px;border:1px solid #b9c2b5;border-radius:4px;resize:vertical;background:#fff;color:#29352f}
#app.ebo-dark520 .compose-letter542>textarea{background:#2b3031;color:#eef3ec;border-color:#454c4a}
#app .compose-letter542>button{width:28px;min-width:28px;height:28px;min-height:28px;margin:0;padding:5px;border:0;background:transparent;color:#42664e}
#app .compose-letter542 svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}
@media(max-width:760px){#app .compose-letter542>textarea{height:156px}}
html body dialog.ebo-pdf-preview521{width:min(900px,94vw)!important;height:90dvh!important;max-height:90dvh!important;padding:0!important;margin:auto!important;inset:0!important;border:1px solid #b9c2b5!important;border-radius:8px!important;background:#fff!important;color:#293b31!important;overflow:hidden!important;transform:none!important}
html body dialog.ebo-pdf-preview521>header{display:flex!important;align-items:center!important;gap:12px!important;min-height:44px!important;padding:8px 12px!important;background:#293b31!important;color:#fff!important;font:14px/20px sans-serif!important}
html body dialog.ebo-pdf-preview521>header strong{margin-right:auto!important}html body dialog.ebo-pdf-preview521>header a{color:#fff!important;font-size:12px!important}
html body dialog.ebo-pdf-preview521>header button{width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important;border:0!important;padding:0!important;background:transparent!important;color:#fff!important;font-size:22px!important}
html body dialog.ebo-pdf-preview521 .ebo-pdf-pages521{height:calc(100% - 60px)!important;overflow:auto!important;background:#e9ece6!important;padding:16px!important;box-sizing:border-box!important}html body dialog.ebo-pdf-preview521 img{display:block!important;width:100%!important;max-width:760px!important;height:auto!important;margin:0 auto 16px!important;box-shadow:0 1px 5px #0002!important}html body dialog.ebo-pdf-preview521 p{font-size:13px!important;line-height:20px!important;margin:0 0 12px!important}

/* 543: standalone eBO keeps its own brand; white surfaces with restrained accents. */
#app:not(.ebo-dark520):has(.mailbox-shell){--ui-surface:#fff;--ui-soft:#f4f5f4;--ui-line:#d8ddda;--ui-field-line:#c8cfca}
#app:not(.ebo-dark520) .mailbox-shell,#app:not(.ebo-dark520) .mail-main{background:#fff}
#app:not(.ebo-dark520) .mail-sidebar{background:#f3f4f3;color:#344139;border-right:1px solid #d8ddda}
#app:not(.ebo-dark520) .mail-sidebar button,#app:not(.ebo-dark520) .mail-sidebar a,#app:not(.ebo-dark520) .mail-sidebar .sidebar-status{color:#344139}
#app:not(.ebo-dark520) .mail-sidebar button:hover,#app:not(.ebo-dark520) .mail-sidebar button[aria-current=page]{background:#e5eae6;color:#293b31}
#app:not(.ebo-dark520) .mail-sidebar #compose{background:transparent;color:#344139}
#app:not(.ebo-dark520) .mail-topbar{background:#fafafa;color:#29352f;border-color:#d8ddda}
#app:not(.ebo-dark520) .mail-topbar h1,#app:not(.ebo-dark520) .mail-topbar .ebo-mailbox-trigger520,#app:not(.ebo-dark520) .mail-topbar .ebo-mailbox-trigger520 strong{color:#29352f}
#app:not(.ebo-dark520) .mail-topbar .ebo-mailbox-trigger520 small,#app:not(.ebo-dark520) .mail-topbar .ebo-mailbox-trigger520 svg{color:#66716b}

@media(max-width:760px){
 #app .mail-topbar .eyebrow{display:block;font-size:9px;line-height:12px;letter-spacing:.06em;margin:0 0 1px}
}
#app:not(.ebo-dark520) .mail-sidebar .mail-brand{color:#29352f}

#app.ebo-dark520{--ui-surface:#202425;--ui-soft:#2b3031;--ui-line:#454c4a}
#app.ebo-dark520 .mailbox-shell,#app.ebo-dark520 .mail-main{background:#1c1f20!important}
#app.ebo-dark520 .mail-sidebar,#app.ebo-dark520 .mail-topbar,#app.ebo-dark520 .ebo-bottom520{background:#25292a!important;border-color:#454c4a!important}
#app.ebo-dark520 .org-row357,#app.ebo-dark520 .contacts374 .contacts-list374>article{background:#202425!important;border-color:#454c4a!important}

#app:not(.ebo-dark520) .mail-sidebar .mail-brand em{color:#a64e2e}

#app:not(.ebo-dark520) .mail-sidebar .org-nav357>p,#app:not(.ebo-dark520) .mail-sidebar .org-nav-heading357>span{color:#66716b}

/* Keep the product name together in the narrower desktop sidebar. */
#app .mail-sidebar .mail-brand{gap:6px;padding:0 4px;font-size:17px;line-height:26px;white-space:nowrap}
#app .mail-sidebar .mail-brand svg{width:24px;height:28px;flex:0 0 24px}
#app .mail-sidebar .mail-brand em{font-size:17px}

/* Short success feedback stays outside the page layout. Errors are persistent. */
body.mailbox-mode #notice[data-transient=true]:not([hidden]){position:fixed;inset:auto 20px 20px auto;z-index:80;box-sizing:border-box;width:auto;max-width:min(360px,calc(100vw - 32px));margin:0;padding:9px 14px;border:1px solid #d8ddda;border-radius:6px;background:#fff;color:#344139;box-shadow:0 2px 10px #00000012;font-size:13px;line-height:20px;overflow-wrap:anywhere}
body.mailbox-mode:has(#app.ebo-dark520) #notice[data-transient=true]:not([hidden]){background:#25292a;color:#eef3ec;border-color:#454c4a}
@media(max-width:760px){body.mailbox-mode #notice[data-transient=true]:not([hidden]){right:16px;bottom:calc(72px + env(safe-area-inset-bottom,0px))}}

/* Standalone eBO: phone navigation aligned with the MANDREO app. */
.ebo-app-header554{display:none}
@media(max-width:760px){
 body.mailbox-mode{margin:0;width:100%;min-width:0}
 body.mailbox-mode #app{width:100%;max-width:100%;min-width:0;padding:0 0 calc(76px + env(safe-area-inset-bottom,0px));background:var(--ui-surface)}
 #app .mailbox-shell,#app .mail-content,#app .mail-main,#app #account-pane,#app .org357{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
 #app .mailbox-shell{display:block;min-height:calc(100dvh - 76px)}
 #app .mailbox-shell>.mail-sidebar{display:none}
 #app .ebo-app-header554{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px max(16px,env(safe-area-inset-right,0px)) 8px max(16px,env(safe-area-inset-left,0px));min-height:62px;background:var(--ui-surface);color:var(--ui-ink);border-bottom:1px solid var(--ui-line);position:sticky;top:0;z-index:50}
 #app .ebo-app-brand554{display:flex;align-items:center;gap:7px;min-width:0;min-height:44px;text-decoration:none;color:inherit;font-size:18px;line-height:24px;font-weight:750;letter-spacing:.01em;white-space:nowrap}
 #app .ebo-app-brand554>svg{width:25px;height:29px;flex:0 0 25px}
 #app .ebo-app-brand554 em{font-style:normal;color:#a64e2e;font-weight:650}
 #app .ebo-app-help554{display:flex;width:44px;min-width:44px;height:44px;min-height:44px;align-items:center;justify-content:center;padding:10px;border:0;background:transparent;color:inherit}
 #app .ebo-app-help554 svg{width:23px;height:23px}
 #app .mail-topbar{position:static;display:block;width:100%;height:auto;min-height:0;padding:12px 16px;gap:0;background:var(--ui-surface);color:var(--ui-ink);border:0;border-bottom:1px solid var(--ui-line)}
 #app .mail-topbar>div{width:100%;max-width:100%;min-width:0}
 #app .mail-topbar .eyebrow{display:none}
 #app .mail-topbar .ebo-mailbox-trigger520{display:flex;width:100%;min-width:0;max-width:100%;min-height:44px;gap:12px;padding:0 2px;text-align:left;color:inherit}
 #app .mail-topbar .ebo-mailbox-trigger520>span{flex:1 1 0;min-width:0;max-width:100%}
 #app .mail-topbar .ebo-mailbox-trigger520 strong{font-size:15px;line-height:22px;color:inherit;white-space:normal;overflow-wrap:anywhere}
 #app .mail-topbar .ebo-mailbox-trigger520 small{max-width:100%;font-size:12px;line-height:18px;color:var(--ui-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #app .mail-topbar .ebo-mailbox-trigger520 svg{width:18px;height:18px;flex:0 0 18px;margin:0 10px 0 0}
 #app .mail-main{padding:20px 16px 24px;min-height:0}
 #app .mail-page-heading{display:flex!important;align-items:center;gap:12px;margin:0 0 18px}
 #app .mail-page-heading>div{min-width:0}
 #app .mail-page-heading h1{font-size:25px;line-height:32px;letter-spacing:-.5px;margin:0;color:var(--ui-ink);overflow-wrap:anywhere}
 #app .mail-page-heading p,#app .mail-page-heading>.actions{display:none}
 #app .org-search357{width:100%;min-width:0;max-width:100%;grid-template-columns:minmax(0,1fr) 44px 44px;gap:0;padding:0;min-height:46px;border-radius:8px}
 #app .org-search357 label{min-width:0;width:100%;border:0;background:transparent}
 #app .org-search357 input{font-size:16px!important;min-width:0;height:44px;min-height:44px!important;line-height:24px;padding:10px}
 #app .org-search357 .primary,#app .org-filter523>[data-filter523]{width:44px;min-width:44px;height:44px;min-height:44px;padding:12px}
 #app #account-pane input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),#app #account-pane select,#app #account-pane textarea{font-size:16px!important;line-height:24px!important;min-width:0;max-width:100%;box-sizing:border-box}
 #app #account-pane input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),#app #account-pane select{height:44px!important;min-height:44px!important}
 #app .org-sync357{font-size:12px;line-height:18px;overflow-wrap:anywhere}
 #app .org-body357{width:100%;max-width:100%;border-radius:8px}
 #app .org-list357,#app .org-sender357{min-width:0}
 #app .org-sender357>span{min-width:0;overflow-wrap:anywhere}
 #app .org-pages357{flex-wrap:wrap;gap:12px}
 #app .org-detail357 dl{grid-template-columns:minmax(0,90px) minmax(0,1fr)}
 #app .org-detail-file357{flex-wrap:wrap;overflow-wrap:anywhere}
 #app .org-detail-file357>span{min-width:0;max-width:100%}
 #app .ebo-bottom520{display:flex!important;box-sizing:border-box;position:fixed;inset:auto 0 0;width:100%;max-width:100%;z-index:90;gap:4px;padding:6px max(8px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));border-top:1px solid var(--ui-line);box-shadow:none;background:var(--ui-surface)}
 #app .ebo-bottom520 button{flex:1 1 0;display:flex;min-width:0;min-height:56px;border:0;border-radius:0;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:5px 0;font-size:12px;line-height:17px;color:var(--ui-ink);background:transparent}
 #app .ebo-bottom520 svg{width:22px;height:22px}
 #app .ebo-bottom520 [data-menu520] svg{stroke-width:4;stroke-linecap:round}
 #app .ebo-bottom520 button[aria-current=page],#app .ebo-bottom520 button[data-current554]{color:#ad4c2d;font-weight:650;background:transparent}
 #app .ebo-bottom520 button[hidden]{display:none!important}
 #app a:focus-visible,#app button:focus-visible{outline:2px solid #b95c34;outline-offset:2px}
 #app .ebo-bottom520 button:focus-visible{outline-offset:-2px}
 #app .ebo-sheet520{box-sizing:border-box;width:100%;max-width:100%;max-height:85dvh}
 #app .ebo-sheet520 button{min-height:44px;height:auto}
 #app .ebo-sheet520 header{min-width:0}
 #app .ebo-sheet520 h2{min-width:0;overflow-wrap:anywhere}
 #app .ebo-sheet520 [data-close520],#app .ebo-sheet520 .ebo-menu-back521{width:44px;min-width:44px;height:44px;padding:10px}
 #app .ebo-sheet520 a{color:inherit;overflow-wrap:anywhere}
 #app.ebo-dark520 .ebo-app-header554{background:#25292a;color:#eef3ec;border-color:#454c4a}
 #app.ebo-dark520 .ebo-app-brand554 em{color:#ffcda9}
 #app.ebo-dark520 .ebo-bottom520 button[data-current554]{color:#ffe0c5;background:#373e3b}
 #app [id],#app input,#app textarea,#app select{scroll-margin-top:76px;scroll-margin-bottom:90px}
}


/* Compact message details; the same metadata is readable on desktop and phone. */
#app .org-detail357{padding:24px;max-width:100%;overflow-wrap:anywhere}
#app .org-detail-toolbar521{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--ui-line);padding-bottom:12px;margin-bottom:20px}
#app .org-detail-toolbar521>div{display:flex;align-items:center;gap:4px}
#app .org-detail-toolbar521 button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;min-height:32px;margin:0;padding:6px;border:0;background:transparent;color:var(--ui-ink)}
#app .org-detail-toolbar521 .org-back376 svg{transform:none}
#app .org-detail-toolbar521 [data-trash-one]{color:#9a5747}
#app .org-detail357>.eyebrow{font-size:11px;margin:0 0 8px}
#app .org-detail357>h2{font-size:22px;line-height:1.35;margin:0 0 20px}
#app .org-detail357 .org-message-meta560{display:grid;grid-template-columns:118px minmax(0,1fr);gap:10px 18px;font-size:13px;line-height:1.5;margin:0 0 24px}
#app .org-detail357 .org-message-meta560 dd{font-size:13px}
#app .org-attachments560 h3{font-size:14px;margin:0 0 8px;padding-top:18px}
#app .org-attachments560 .org-detail-file357{align-items:center;gap:16px;padding:10px 0;min-height:40px}
#app .org-attachments560 .org-detail-file357>span{font-size:13px;line-height:1.5}
#app .org-attachments560 .org-detail-file357>a{display:inline-flex;align-items:center;justify-content:center;min-height:32px;flex:none;padding:4px 6px;font-size:12px}
#app .org-evidence560{border-top:1px solid var(--ui-line);margin-top:24px;padding-top:16px;font-size:12px;line-height:1.5}
#app .org-evidence560 summary{cursor:pointer;font-size:13px;min-height:32px}
#app .org-evidence560 dl{margin:12px 0}
#app .org-evidence560 [data-saved359] p{margin:8px 0;color:var(--ui-muted)}
#app .compose521 .compose-drop521.is-dragging560{border-color:#b55b34;background:#fff4ec;outline:2px solid #b55b34;outline-offset:2px}
@media(max-width:760px){
 #app .org-detail357{padding:16px;scroll-margin-top:76px}
 #app .org-detail-toolbar521 button{width:44px;height:44px;min-height:44px}
 #app .org-detail357 .org-message-meta560{grid-template-columns:94px minmax(0,1fr);gap:10px 12px}
 #app .org-attachments560 .org-detail-file357>a{min-height:44px}
 #app .org-evidence560 summary{min-height:44px}
}