/* R9 communications: primary inbox, compact work queue, folded service tools. */
html.leos-ux-preview #leosE83 #page-communications.ux-comm-refined {min-width:0}
html.leos-ux-preview #leosE83 .ux-comm-refined .communications-head {align-items:center;gap:12px;margin-bottom:12px}
html.leos-ux-preview #leosE83 .ux-comm-refined .communications-head h1 {font-size:30px;line-height:1.12;margin:3px 0 5px}
html.leos-ux-preview #leosE83 .ux-comm-refined .communications-head .eyebrow {font-size:9px;letter-spacing:.14em}
html.leos-ux-preview #leosE83 .ux-comm-refined .communications-head .hint {font-size:12px;line-height:1.5;margin:4px 0;max-width:540px}
html.leos-ux-preview #leosE83 .ux-comm-refined .communications-head-actions {gap:7px;flex-wrap:wrap}
html.leos-ux-preview #leosE83 .ux-comm-refined .communications-head-actions button {min-height:44px;font-size:11px;padding:8px 11px!important;border-radius:12px!important}
html.leos-ux-preview #leosE83 .ux-comm-refined .communications-safety {padding:10px 12px!important;border-radius:13px;line-height:1.4;margin-bottom:12px;background:#edf6fa!important;border:1px solid #d9e9ef!important;color:#436477!important}
html.leos-ux-preview #leosE83 .ux-comm-refined .communications-safety strong {font-size:11px;line-height:1.4}
html.leos-ux-preview #leosE83 .ux-comm-refined .communications-safety span {font-size:10px;line-height:1.5}
html.leos-ux-preview #leosE83 .ux-comm-refined .communications-kpis {gap:7px;margin:0 0 12px}
html.leos-ux-preview #leosE83 .ux-comm-refined .communications-kpis>* {padding:9px 11px!important;min-height:0;border-radius:13px!important;box-shadow:none!important}
html.leos-ux-preview #leosE83 .ux-comm-refined .communications-kpis strong {font-size:21px;line-height:1.2}
html.leos-ux-preview #leosE83 .ux-comm-refined .communications-kpis span,
html.leos-ux-preview #leosE83 .ux-comm-refined .communications-kpis small {font-size:10px;line-height:1.4}
html.leos-ux-preview #leosE83 .ux-comm-refined .communications-lower-grid {display:contents!important}
html.leos-ux-preview #leosE83 .ux-comm-refined .communications-grid {gap:12px;margin:12px 0}
html.leos-ux-preview #leosE83 .ux-comm-refined .communications-thread-list-card,
html.leos-ux-preview #leosE83 .ux-comm-refined .communications-thread-detail {border-radius:19px!important;padding:14px!important;box-shadow:0 4px 20px rgba(31,55,115,.035)!important;min-width:0}
html.leos-ux-preview #leosE83 .ux-comm-refined .communications-thread-list-card .sectionhead {gap:10px;align-items:flex-start}
html.leos-ux-preview #leosE83 .ux-comm-refined .communications-thread-list-card h2 {font:650 19px/1.3 Inter,system-ui,sans-serif;margin:3px 0 5px}
html.leos-ux-preview #leosE83 .ux-comm-refined .communications-thread-list-card .hint {font-size:11px;line-height:1.5}
html.leos-ux-preview #leosE83 .ux-comm-refined .communications-thread-list-card .eyebrow {font-size:9px;letter-spacing:.1em}
html.leos-ux-preview #leosE83 .ux-comm-refined .communications-search {min-width:0}
html.leos-ux-preview #leosE83 .ux-comm-refined .communications-search>span {font-size:10px}
html.leos-ux-preview #leosE83 .ux-comm-refined .communications-search input {min-height:44px;border-radius:12px!important;font-size:13px;box-sizing:border-box;min-width:0;max-width:100%}
html.leos-ux-preview #leosE83 .ux-comm-refined .communications-tabs {gap:7px;margin:10px 0}
html.leos-ux-preview #leosE83 .ux-comm-refined .communications-tabs button {min-height:44px;font-size:12px;border-radius:11px!important}
html.leos-ux-preview #leosE83 .ux-comm-refined .communications-thread-row {padding:12px!important;border-radius:13px!important;margin-bottom:7px;min-height:80px;box-shadow:none!important}
html.leos-ux-preview #leosE83 .ux-comm-refined .communications-thread-top strong {font-size:13px;line-height:1.4}
html.leos-ux-preview #leosE83 .ux-comm-refined .communications-thread-row small {font-size:10px;line-height:1.45}
html.leos-ux-preview #leosE83 .ux-comm-refined .communications-thread-ai,
html.leos-ux-preview #leosE83 .ux-comm-refined .communications-thread-next {font-size:11px;line-height:1.5}

html.leos-ux-preview #leosE83 .ux-comm-disclosure {margin:0 0 9px;padding:0;border:1px solid #dfe7f2;border-radius:17px;background:rgba(255,255,255,.92);box-shadow:0 3px 16px rgba(29,52,106,.025);overflow:clip;min-width:0}
html.leos-ux-preview #leosE83 .ux-comm-disclosure[hidden] {display:none!important}
html.leos-ux-preview #leosE83 .ux-comm-disclosure>summary {display:flex;align-items:center;gap:12px;min-height:74px;box-sizing:border-box;padding:13px 15px;cursor:pointer;list-style:none;outline-offset:-4px}
html.leos-ux-preview #leosE83 .ux-comm-disclosure>summary::-webkit-details-marker {display:none}
html.leos-ux-preview #leosE83 .ux-comm-disclosure>summary:focus-visible {outline:3px solid #45c4d1}
html.leos-ux-preview #leosE83 .ux-comm-copy {display:grid;gap:3px;flex:1;min-width:0}
html.leos-ux-preview #leosE83 .ux-comm-copy strong {font-size:14px;line-height:1.35;font-weight:650;color:#2a3e5b}
html.leos-ux-preview #leosE83 .ux-comm-copy small {font-size:10px;line-height:1.4;color:#8190a4}
html.leos-ux-preview #leosE83 .ux-comm-state {font-size:11px;line-height:1.5;color:#486c92;overflow-wrap:anywhere}
html.leos-ux-preview #leosE83 .ux-comm-chevron {flex:0 0 24px;text-align:center;font:22px/1 system-ui;color:#8ba0bc;transition:transform .16s}
html.leos-ux-preview #leosE83 .ux-comm-disclosure[open]>summary {border-bottom:1px solid #e8edf5;background:#f8fbff}
html.leos-ux-preview #leosE83 .ux-comm-disclosure:not([open])>summary>.ux-comm-chevron {transform:rotate(-90deg)}
html.leos-ux-preview #leosE83 .ux-comm-disclosure-body {padding:13px;min-width:0}
html.leos-ux-preview #leosE83 .ux-comm-disclosure-body>[data-ux-comm-native] {margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important}
html.leos-ux-preview #leosE83 .ux-comm-disclosure-body h2 {font:650 17px/1.3 Inter,system-ui,sans-serif;margin:3px 0 7px}
html.leos-ux-preview #leosE83 .ux-comm-disclosure-body .hint,
html.leos-ux-preview #leosE83 .ux-comm-disclosure-body p {font-size:12px;line-height:1.55}
html.leos-ux-preview #leosE83 .ux-comm-disclosure-body button {min-height:44px!important;font-size:12px;border-radius:11px!important}
html.leos-ux-preview #leosE83 .ux-comm-disclosure-body .sectionhead .eyebrow {font-size:9px}
html.leos-ux-preview #leosE83 .ux-comm-needs-review>summary {background:#fff3e9!important}
html.leos-ux-preview #leosE83 .ux-comm-needs-review .ux-comm-state {color:#9d5936}
html.leos-ux-preview #leosE83 .ux-comm-disclosure[data-ux-comm="hub"] {border-color:#cbdcec;background:linear-gradient(145deg,#f8fbff,#f3fbfa)}
html.leos-ux-preview #leosE83 .ux-comm-disclosure[data-ux-comm="hub"] .ux-comm-copy strong {color:#294e9e}
html.leos-ux-preview #leosE83 .ux-comm-disclosure-body .hub124-head {gap:8px;align-items:center}
html.leos-ux-preview #leosE83 .ux-comm-disclosure-body .hub124-head h2 {font-size:17px}
html.leos-ux-preview #leosE83 .ux-comm-disclosure-body .hub124-toolbar {gap:7px;margin:12px 0}
html.leos-ux-preview #leosE83 .ux-comm-disclosure-body .hub124-tabs {gap:6px;margin-bottom:10px}
html.leos-ux-preview #leosE83 .ux-comm-disclosure-body .hub124-tabs button {font-size:11px;padding:8px 10px!important}
html.leos-ux-preview #leosE83 .ux-comm-disclosure-body .hub124-list {max-height:55dvh;gap:8px}
html.leos-ux-preview #leosE83 .ux-comm-disclosure-body .hub124-item {padding:12px;border-radius:12px}
html.leos-ux-preview #leosE83 .ux-comm-disclosure-body .hub124-item h3 {font-size:14px;line-height:1.45}
html.leos-ux-preview #leosE83 .ux-comm-disclosure-body .hub124-excerpt {font-size:12px;line-height:1.5;max-height:75px}
html.leos-ux-preview #leosE83 .ux-comm-disclosure-body .hub124-actions button {font-size:11px}
html.leos-ux-preview #leosE83 .ux-comm-disclosure-body .communications-state {font-size:12px;line-height:1.55}
html.leos-ux-preview #leosE83 .ux-comm-disclosure[data-ux-comm="baseline"] {margin:8px 0 10px;background:#f8fafc;box-shadow:none}
html.leos-ux-preview #leosE83 .ux-comm-disclosure[data-ux-comm="baseline"]>summary {min-height:50px;padding:9px 11px}
html.leos-ux-preview #leosE83 .ux-comm-disclosure[data-ux-comm="baseline"] .ux-comm-copy small,
html.leos-ux-preview #leosE83 .ux-comm-disclosure[data-ux-comm="baseline"] .ux-comm-state {display:none}

@media (max-width:650px) {
 html.leos-ux-preview #leosE83 .ux-comm-refined .communications-head {display:block}
 html.leos-ux-preview #leosE83 .ux-comm-refined .communications-head-actions {display:flex;margin:10px 0 0}
 html.leos-ux-preview #leosE83 .ux-comm-refined .communications-head-actions button {flex:1;min-width:0;font-size:10px}
 html.leos-ux-preview #leosE83 .ux-comm-refined .communications-thread-list-card .sectionhead {display:block}
 html.leos-ux-preview #leosE83 .ux-comm-refined .communications-search {display:grid;gap:4px;margin-top:10px;width:100%}
 html.leos-ux-preview #leosE83 .ux-comm-refined .communications-kpis {display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 html.leos-ux-preview #leosE83 .ux-comm-disclosure-body .hub124-toolbar>button {width:auto;flex:1 1 125px;font-size:11px;line-height:1.4;padding:8px!important}
 html.leos-ux-preview #leosE83 .ux-comm-disclosure-body .hub124-toolbar input {min-width:0;flex-basis:100%;width:100%;font-size:13px;min-height:44px}
 html.leos-ux-preview #leosE83 .ux-comm-disclosure-body .hub124-head>button {width:auto;margin:7px 0;font-size:11px}
 html.leos-ux-preview #leosE83 .ux-comm-disclosure-body .hub124-form {grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce) {html.leos-ux-preview #leosE83 .ux-comm-chevron {transition:none}}

/* R10: stock drafts are a primary entry; unavailable operations explain why. */
html.leos-ux-preview #leosE83 #uxExistingDraftsR10 {font-weight:650!important;min-height:44px!important}
html.leos-ux-preview #leosE83 .ux-comm-blocked-note {display:block;flex:1 0 100%;grid-column:1/-1;font-size:10px;line-height:1.5;color:#7c6652;background:#fff8ed;padding:8px 10px;border-radius:9px;margin:5px 0}
html.leos-ux-preview #leosE83 button[data-ux-comm-blocked] {cursor:not-allowed;opacity:.58}
html.leos-ux-preview #leosE83 .ux-comm-draft-guard {padding:12px;margin:0 0 12px;border:1px solid #e4bd75;border-radius:13px;background:#fff6df;color:#74531f}
html.leos-ux-preview #leosE83 .ux-comm-draft-guard p {font-size:12px;line-height:1.6;margin:0 0 9px}
html.leos-ux-preview #leosE83 .ux-comm-draft-guard button {min-height:44px!important;font-size:12px;background:#fff!important}
@media(max-width:650px){
 html.leos-ux-preview #leosE83 .ux-comm-refined .communications-head-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 html.leos-ux-preview #leosE83 #uxExistingDraftsR10 {grid-column:1/-1}
}

/* R11: existing editable drafts sit next to the selected subject. These are
   the original native fields/actions, with the full history still below. */
html.leos-ux-preview #leosE83 .ux-comm-current-drafts {margin:14px 0;padding:12px;border:1px solid #98cbd4;border-radius:15px;background:linear-gradient(135deg,#f0f6ff,#f2fbfa);min-width:0;scroll-margin-top:100px}
html.leos-ux-preview #leosE83 .ux-comm-current-drafts-head {display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
html.leos-ux-preview #leosE83 .ux-comm-current-drafts-head h3 {font:650 16px/1.4 Inter,system-ui,sans-serif;color:#214898;margin:0;min-width:0;overflow-wrap:anywhere}
html.leos-ux-preview #leosE83 .ux-comm-current-drafts-head button {min-height:44px!important;font-size:12px;padding:8px 12px!important;border-radius:11px!important;white-space:normal}
html.leos-ux-preview #leosE83 .ux-comm-current-drafts-hint {font-size:11px;line-height:1.55;color:#526b80;margin:7px 0 0}
html.leos-ux-preview #leosE83 .ux-comm-current-drafts .communications-draft {background:#fff!important;margin-top:11px;border-radius:12px;min-width:0}
html.leos-ux-preview #leosE83 .ux-comm-current-drafts .communications-thread-top {flex-wrap:wrap}
html.leos-ux-preview #leosE83 .ux-comm-current-drafts label {display:grid;gap:5px;min-width:0;margin-top:10px;font-size:12px;color:#3f586b}
html.leos-ux-preview #leosE83 .ux-comm-current-drafts input,
html.leos-ux-preview #leosE83 .ux-comm-current-drafts textarea {font-size:16px!important;line-height:1.5;max-width:100%;min-width:0;box-sizing:border-box}
html.leos-ux-preview #leosE83 .ux-comm-current-drafts input {min-height:44px!important}
html.leos-ux-preview #leosE83 .ux-comm-current-drafts .communications-draft-actions {gap:7px}
html.leos-ux-preview #leosE83 .ux-comm-current-drafts .communications-draft-actions button {min-height:44px!important;white-space:normal;font-size:12px;line-height:1.4}
html.leos-ux-preview #leosE83 .ux-comm-edit-state {display:block;margin:7px 0 2px;color:#476c73;font-size:11px;line-height:1.5}
html.leos-ux-preview #leosE83 .ux-comm-edit-state.is-dirty {color:#805a18;font-weight:650}
html.leos-ux-preview #leosE83 .communications-messages {scroll-margin-top:100px}
html.leos-ux-preview #leosE83 .communications-messages:focus-visible {outline:3px solid #45c4d1;outline-offset:4px;border-radius:9px}
@media(max-width:650px){
 html.leos-ux-preview #leosE83 .ux-comm-current-drafts {padding:10px;margin-top:12px}
 html.leos-ux-preview #leosE83 .ux-comm-current-drafts .communications-draft {padding:11px}
 html.leos-ux-preview #leosE83 .ux-comm-current-drafts .communications-draft-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 html.leos-ux-preview #leosE83 .ux-comm-current-drafts button[data-communication-action="save"] {grid-column:1/-1}
}