/* Customer reading and communication keep one clear, compact mobile workspace. */
body.mobile-ui-active .client-page-panel .client-detail-dialog { inset:auto 0;top:var(--mcl-visible-top,0px);height:var(--mcl-visible-height,100dvh);padding:0;box-sizing:border-box; }
body.mobile-ui-active .client-page-panel .client-detail-dialog-card { width:100%; height:100%; max-height:100%;min-height:0; border:0; border-radius:0; }
body.mobile-ui-active .client-page-panel .client-detail-dialog-card > .client-detail-navigation { gap:8px; padding:7px 10px; min-height:48px; box-sizing:border-box; background:#fff; }
body.mobile-ui-active .client-page-panel .client-detail-navigation > strong { flex:1;min-width:0;color:#1c3555; font-size:15px; }
body.mobile-ui-active .client-page-panel .client-detail-navigation > button { order:-1;flex:none;min-height:34px; padding:5px 12px; font-size:12px; }
body.mobile-ui-active .client-page-panel .client-detail-dialog-body { flex:1; }
body.mobile-ui-active .client-page-panel .client-detail-dialog-body .client-detail-panel.client-detail-workspace { padding:10px; }
body.mobile-ui-active .client-page-panel .client-detail-workspace .client-detail-overview { gap:8px; padding:0; }
body.mobile-ui-active .client-page-panel .client-detail-workspace .client-detail-title { font-size:16px; line-height:1.4; margin:0 0 4px; overflow-wrap:anywhere; }
body.mobile-ui-active .client-page-panel .client-detail-workspace .client-detail-contact-line { display:flex; flex-wrap:wrap; gap:2px 10px; font-size:12px; line-height:1.5; }
body.mobile-ui-active .client-page-panel .client-detail-workspace .client-detail-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; width:100%; }
body.mobile-ui-active .client-page-panel .client-detail-workspace .client-detail-actions > button { width:100%; min-width:0; min-height:36px; margin:0; padding:6px 3px; font-size:12px; line-height:18px; white-space:normal; }
body.mobile-ui-active .client-page-panel .client-detail-workspace .client-detail-actions > button[hidden] { display:none; }
body.mobile-ui-active .client-page-panel .client-detail-workspace .client-detail-latest { margin:7px 0; font-size:11px; line-height:1.45; }
body.mobile-ui-active .client-page-panel .mobile-client-detail-fold { margin:6px 0; border:1px solid #e2e9f2; border-radius:5px; background:#f8fafd; }
body.mobile-ui-active .client-page-panel .mobile-client-detail-fold > summary { display:flex; align-items:center; justify-content:space-between; min-height:34px; padding:5px 8px; box-sizing:border-box; list-style:none; cursor:pointer; font-size:12px; font-weight:500; color:#4e6580; }
body.mobile-ui-active .client-page-panel .mobile-client-detail-fold > summary::-webkit-details-marker { display:none; }
body.mobile-ui-active .client-page-panel .mobile-client-detail-fold > summary::after { content:'⌄'; margin-left:8px; }
body.mobile-ui-active .client-page-panel .mobile-client-detail-fold[open] > summary::after { content:'⌃'; }
body.mobile-ui-active .client-page-panel .client-detail-workspace .client-detail-finance-line { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; margin:0; }
body.mobile-ui-active .client-page-panel .client-detail-workspace .client-detail-finance-line > div { display:block; padding:6px 8px; background:transparent; }
body.mobile-ui-active .client-page-panel .client-detail-workspace .client-detail-finance-line dt { font-size:11px; margin:0 0 2px; }
body.mobile-ui-active .client-page-panel .client-detail-workspace .client-detail-finance-line dd { font-size:14px; line-height:20px; }
body.mobile-ui-active .client-page-panel .client-detail-workspace .client-detail-tabs { position:sticky; top:-10px; z-index:3; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; padding:0; margin:8px 0 0; background:#f2f6fa; }
body.mobile-ui-active .client-page-panel .client-detail-workspace .client-detail-tabs > button { min-height:38px; padding:6px 3px; font-size:13px; }
body.mobile-ui-active .client-page-panel .client-detail-workspace .client-detail-tab-panel { padding:8px 0 0; margin:0; background:transparent; }
body.mobile-ui-active .client-page-panel .client-detail-workspace .client-detail-tab-panel > .client-detail-section { padding:9px; margin:0 0 8px; border:1px solid #e4eaf1; }
body.mobile-ui-active .client-page-panel .client-detail-workspace .client-detail-section-heading { margin:0 0 7px; }
body.mobile-ui-active .client-page-panel .client-detail-workspace .client-detail-section-heading h4 { font-size:13px; margin:0; }
body.mobile-ui-active .client-page-panel .client-detail-workspace .client-detail-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 10px; margin:0; }
body.mobile-ui-active .client-page-panel .client-detail-workspace .client-detail-facts > div { min-width:0; padding:7px 0; }
body.mobile-ui-active .client-page-panel .client-detail-workspace .client-detail-facts .mobile-client-fact-wide { grid-column:1/-1; }
body.mobile-ui-active .client-page-panel .client-detail-workspace .client-detail-facts dt { font-size:11px; line-height:1.4; }
body.mobile-ui-active .client-page-panel .client-detail-workspace .client-detail-facts dd { margin:3px 0 0; font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
body.mobile-ui-active .client-page-panel .client-detail-workspace .client-detail-empty-inline { font-size:12px; margin:4px 0; line-height:1.5; }
body.mobile-ui-active .client-page-panel .client-detail-workspace .client-business-group { padding:0 7px; }
body.mobile-ui-active .client-page-panel .client-detail-workspace .client-business-group > summary { min-height:38px; padding:7px 0; gap:3px 6px; }
body.mobile-ui-active .client-page-panel .client-detail-workspace .client-business-group > summary strong { font-size:13px; }
body.mobile-ui-active .client-page-panel .client-detail-workspace .client-business-group > summary span { font-size:11px; }
body.mobile-ui-active .client-page-panel .client-detail-workspace .client-communication-entry { padding:8px 0; }
body.mobile-ui-active .client-page-panel .client-detail-workspace .client-communication-entry > p { font-size:13px; line-height:1.5; margin:5px 0; overflow-wrap:anywhere; }
body.mobile-ui-active .client-page-panel .client-detail-workspace .client-communication-entry > :is(header,footer) { font-size:11px; gap:3px 8px; }
body.mobile-ui-active .client-page-panel .client-detail-workspace .client-sync-row { padding:8px 0; }
body.mobile-ui-active .client-page-panel .client-detail-workspace .client-sync-status { margin:6px 0 0; font-size:11px; }
/* An open communication form has its own scroll area and a persistent original submit control. */
body.mobile-ui-active .client-page-panel .mobile-client-communication-editor .client-detail-dialog-body { display:flex; flex-direction:column; overflow:hidden; }
body.mobile-ui-active .client-page-panel .mobile-client-communication-editor .client-detail-workspace { display:flex; flex:1; flex-direction:column; min-height:0; overflow:hidden; padding:0 10px 0!important; }
body.mobile-ui-active .client-page-panel .mobile-client-communication-editor .client-detail-workspace > :not([data-client-panel="follow"]) { display:none!important; }
body.mobile-ui-active .client-page-panel .mobile-client-communication-editor [data-client-panel="follow"] { display:flex; flex:1; flex-direction:column; min-height:0; padding:0; }
body.mobile-ui-active .client-page-panel .mobile-client-communication-editor [data-section-key="follow-records"] { display:flex; flex:1; flex-direction:column; min-height:0; margin:0!important; padding:0!important; border:0!important; }
body.mobile-ui-active .client-page-panel .mobile-client-communication-editor [data-section-key="follow-records"] > :not(.client-detail-composer) { display:none!important; }
body.mobile-ui-active .client-page-panel .mobile-client-communication-editor [data-client-compose="follow-records"] { display:flex; flex:1; flex-direction:column; min-height:0; margin:0; padding:0; border:0; background:#fff; }
body.mobile-ui-active .client-page-panel .mobile-client-communication-editor .client-detail-compose-head { display:flex; justify-content:flex-start; flex:none; margin:4px 0; }
body.mobile-ui-active .client-page-panel .mobile-client-communication-editor .client-detail-compose-head h4 { display:none; }
body.mobile-ui-active .client-page-panel .mobile-client-communication-editor .client-compose-close { width:auto; min-height:32px; padding:4px 8px; margin:0; font-size:12px; }
body.mobile-ui-active .client-page-panel .mobile-client-communication-editor .client-communication-scope { flex:none; display:block; margin:0 0 8px; padding:0; background:transparent; }
body.mobile-ui-active .client-page-panel .mobile-client-communication-editor .client-communication-scope strong { display:block; font-size:13px; line-height:1.5; }
body.mobile-ui-active .client-page-panel .mobile-client-communication-editor [data-client-compact="communication-guide"] { margin:3px 0 0; border:0; background:transparent; }
body.mobile-ui-active .client-page-panel .mobile-client-communication-editor [data-client-compact="communication-guide"] > summary { justify-content:flex-start; min-height:28px; padding:3px 0; font-size:11px; }
body.mobile-ui-active .client-page-panel .mobile-client-communication-editor [data-client-compact="communication-guide"] > span { display:block; font-size:11px; line-height:1.4; padding-bottom:6px; }
body.mobile-ui-active .client-page-panel .mobile-client-communication-editor .client-follow-form { display:flex; flex:1; flex-direction:column; min-height:0; margin:0; padding:0; gap:0; overflow:hidden; }
body.mobile-ui-active .client-page-panel .mobile-client-communication-editor .mobile-client-communication-fields { display:grid; flex:1; grid-template-columns:repeat(2,minmax(0,1fr)); align-content:start; gap:10px 8px; min-height:0; padding:0 0 10px; overflow:auto; overscroll-behavior:contain; }
body.mobile-ui-active .client-page-panel .mobile-client-communication-editor .mobile-client-communication-fields > label { display:flex; flex-direction:column; min-width:0; gap:4px; margin:0; }
body.mobile-ui-active .client-page-panel .mobile-client-communication-editor .mobile-client-communication-fields > :is(.form-span-2,[data-client-draft-status],[data-client-draft-tools],.client-form-error) { grid-column:1/-1; }
body.mobile-ui-active .client-page-panel .mobile-client-communication-editor .mobile-client-communication-fields label > span { font-size:12px; line-height:1.4; font-weight:400; }
body.mobile-ui-active .client-page-panel .mobile-client-communication-editor .mobile-client-communication-fields :is(input,select) { width:100%; min-width:0; min-height:36px; height:36px; padding:5px 7px; font-size:13px; box-sizing:border-box; border-radius:5px; margin:0; }
body.mobile-ui-active .client-page-panel .mobile-client-communication-editor .mobile-client-communication-fields textarea { width:100%; min-width:0; min-height:110px; height:110px; padding:8px; font-size:14px; line-height:1.5; border-radius:5px; resize:vertical; box-sizing:border-box; }
body.mobile-ui-active .client-page-panel .mobile-client-communication-editor .mobile-client-date-hidden { display:none!important; }
body.mobile-ui-active .client-page-panel .mobile-client-communication-editor .mobile-client-communication-footer { display:flex; flex:none; justify-content:flex-end; padding:8px 0 calc(8px + env(safe-area-inset-bottom)); border-top:1px solid #e2e9f2; background:#fff; }
body.mobile-ui-active .client-page-panel .mobile-client-communication-editor .mobile-client-communication-footer > button { width:100%; min-height:40px; margin:0; padding:7px 12px; font-size:13px; }
body.mobile-ui-active .client-page-panel .mobile-client-communication-editor [data-client-draft-tools] { gap:5px; flex-wrap:wrap; }
body.mobile-ui-active .client-page-panel .mobile-client-communication-editor [data-client-draft-tools] button { min-height:32px; font-size:12px; padding:4px 7px; }
/* The common mobile stylesheet has an important 44px minimum; these local controls use the requested compact scale. */
body.mobile-ui-active .client-page-panel .client-detail-dialog :is(button,summary) { min-height:36px!important; }
body.mobile-ui-active .client-page-panel .client-detail-dialog .client-detail-navigation > button { min-height:34px!important; }
body.mobile-ui-active .client-page-panel .client-detail-dialog .client-detail-workspace .client-detail-tabs > button { min-height:38px!important; }
body.mobile-ui-active .client-page-panel .client-detail-dialog .mobile-client-detail-fold > button { margin:0 8px 8px; padding:5px 10px; font-size:12px; }
body.mobile-ui-active .client-page-panel .mobile-client-communication-editor .client-follow-form { align-items:stretch; }
body.mobile-ui-active .client-page-panel .mobile-client-communication-editor .mobile-client-communication-fields,
body.mobile-ui-active .client-page-panel .mobile-client-communication-editor .mobile-client-communication-footer { width:100%; box-sizing:border-box; align-self:stretch; }
body.mobile-ui-active .client-page-panel .mobile-client-communication-editor .client-detail-compose-head { align-items:center; justify-content:flex-start; width:100%; }
body.mobile-ui-active .client-page-panel .mobile-client-communication-editor .client-compose-close { min-height:32px!important; }
body.mobile-ui-active .client-page-panel .mobile-client-communication-editor [data-client-compact="communication-guide"] > summary { min-height:28px!important; }
body.mobile-ui-active .client-page-panel .mobile-client-communication-editor .mobile-client-communication-footer > button { width:100%; min-height:40px!important; background:#155dcb; border:1px solid #155dcb; color:#fff; }
body.mobile-ui-active .client-page-panel .mobile-client-communication-editor [data-client-draft-status] { margin:0; font-size:11px; line-height:1.5; }
body.mobile-ui-active .client-page-panel .mobile-client-communication-editor [data-client-draft-tools] { margin:0; justify-content:flex-start; }
body.mobile-ui-active .client-page-panel .mobile-client-communication-editor [data-client-draft-tools] button { width:auto; min-height:32px!important; }
@media(max-height:480px) {
  body.mobile-ui-active .client-page-panel .mobile-client-communication-editor .client-detail-compose-head { position:absolute; width:auto; top:8px; right:64px; z-index:1; margin:0; }
  body.mobile-ui-active .client-page-panel .mobile-client-communication-editor .client-detail-navigation > strong { font-size:13px; }
  body.mobile-ui-active .client-page-panel .mobile-client-communication-editor .client-communication-scope { margin:5px 0; }
  body.mobile-ui-active .client-page-panel .mobile-client-communication-editor .client-communication-scope [data-client-compact="communication-guide"] { display:none; }
}
/* Client-owned confirmations must sit above the still-open original detail. */
body.mobile-ui-active:has(#content .client-page-panel) .bf-modal[id^="systemConfirm-"] {position:fixed;inset:auto 0;top:var(--mcl-visible-top,0px);height:var(--mcl-visible-height,100dvh);box-sizing:border-box;z-index:1600;display:flex;align-items:center;justify-content:center;padding:12px;}
body.mobile-ui-active:has(#content .client-page-panel) .bf-modal[id^="systemConfirm-"] .bf-shell {width:min(440px,100%);height:auto;min-height:0;max-height:100%;margin:0;overflow:hidden;}
body.mobile-ui-active:has(#content .client-page-panel) .bf-modal[id^="systemConfirm-"] .bf-header {display:flex;flex:none;align-items:center;gap:8px;padding:8px 10px;min-height:0;}
body.mobile-ui-active:has(#content .client-page-panel) .bf-modal[id^="systemConfirm-"] .bf-header>div {flex:1;min-width:0;}
body.mobile-ui-active:has(#content .client-page-panel) .bf-modal[id^="systemConfirm-"] .bf-header h2 {margin:0;font-size:15px;line-height:22px;}
body.mobile-ui-active:has(#content .client-page-panel) .bf-modal[id^="systemConfirm-"] .bf-header>button {order:-1;flex:none;width:auto;min-height:32px;height:32px;margin:0;padding:4px 8px;font-size:12px;}
body.mobile-ui-active:has(#content .client-page-panel) .bf-modal[id^="systemConfirm-"] .bf-content {min-height:0;overflow:auto;padding:10px 12px;}
body.mobile-ui-active:has(#content .client-page-panel) .bf-modal[id^="systemConfirm-"] .system-dialog-message {margin:0 0 10px;font-size:13px;line-height:20px;overflow-wrap:anywhere;}
body.mobile-ui-active:has(#content .client-page-panel) .bf-modal[id^="systemConfirm-"] .system-dialog-actions {display:flex;flex-direction:row!important;flex-wrap:nowrap;gap:8px;margin:0;padding:0;}
body.mobile-ui-active:has(#content .client-page-panel) .bf-modal[id^="systemConfirm-"] .system-dialog-actions>button {flex:1;min-width:0;width:auto;min-height:36px;height:36px;margin:0;padding:5px 10px;font-size:13px;}
/* Reconciliation is the existing customer-source workflow, with its own scrolling body. */
body.mobile-ui-active:has(#content .client-page-panel) .cw-modal[data-workflow-kind="reconciliations"] {position:fixed;inset:auto 0;top:var(--mcl-visible-top,0px);height:var(--mcl-visible-height,100dvh);padding:8px;box-sizing:border-box;z-index:1500;display:flex;align-items:center;justify-content:center;}
body.mobile-ui-active:has(#content .client-page-panel) .cw-modal[data-workflow-kind="reconciliations"] .cw-shell {display:flex;flex-direction:column;width:100%;height:100%;max-height:100%;min-height:0;overflow:hidden;}
body.mobile-ui-active:has(#content .client-page-panel) .cw-modal[data-workflow-kind="reconciliations"] .cw-header {display:flex;flex:none;align-items:center;gap:8px;padding:8px 10px;min-height:0;}
body.mobile-ui-active:has(#content .client-page-panel) .cw-modal[data-workflow-kind="reconciliations"] .cw-header>div {flex:1;min-width:0;}
body.mobile-ui-active:has(#content .client-page-panel) .cw-modal[data-workflow-kind="reconciliations"] .cw-header h2 {font-size:15px;line-height:22px;margin:0;overflow-wrap:anywhere;}
body.mobile-ui-active:has(#content .client-page-panel) .cw-modal[data-workflow-kind="reconciliations"] .cw-kicker {font-size:11px;line-height:16px;}
body.mobile-ui-active:has(#content .client-page-panel) .cw-modal[data-workflow-kind="reconciliations"] .cw-header>button {order:-1;flex:none;width:auto;min-height:34px;height:34px;padding:4px 8px;margin:0;font-size:12px;}
body.mobile-ui-active:has(#content .client-page-panel) .cw-modal[data-workflow-kind="reconciliations"] .cw-body {flex:1;min-height:0;overflow:auto;padding:10px;overscroll-behavior:contain;}
body.mobile-ui-active:has(#content .client-page-panel) .cw-modal[data-workflow-kind="reconciliations"] form[data-mode="editor"] {display:block;min-width:0;}
body.mobile-ui-active:has(#content .client-page-panel) .cw-modal[data-workflow-kind="reconciliations"] .cw-form {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
body.mobile-ui-active:has(#content .client-page-panel) .cw-modal[data-workflow-kind="reconciliations"] .cw-field {min-width:0;gap:4px;font-size:12px;line-height:18px;}
body.mobile-ui-active:has(#content .client-page-panel) .cw-modal[data-workflow-kind="reconciliations"] .cw-field:has([name="title"],[name="clientId"],[name="partyType"]),
body.mobile-ui-active:has(#content .client-page-panel) .cw-modal[data-workflow-kind="reconciliations"] .cw-wide {grid-column:1/-1;}
body.mobile-ui-active:has(#content .client-page-panel) .cw-modal[data-workflow-kind="reconciliations"] .cw-form :is(input:not([type="file"]),select,textarea) {width:100%;min-width:0;min-height:36px;padding:6px 8px;font-size:14px;box-sizing:border-box;}
body.mobile-ui-active:has(#content .client-page-panel) .cw-modal[data-workflow-kind="reconciliations"] .cw-form textarea {min-height:72px;}
body.mobile-ui-active:has(#content .client-page-panel) .cw-modal[data-workflow-kind="reconciliations"] .cw-footer {display:flex;flex-direction:row!important;flex-wrap:nowrap;gap:8px;margin:10px 0 0;padding:8px 0 0;}
body.mobile-ui-active:has(#content .client-page-panel) .cw-modal[data-workflow-kind="reconciliations"] .cw-footer>button {flex:1;min-width:0;width:auto;min-height:36px;height:36px;margin:0;padding:5px 8px;font-size:13px;}
body.mobile-ui-active:has(#content .client-page-panel) .cw-modal[data-workflow-kind="reconciliations"] [hidden] {display:none!important;}
/* Keep the original customer-pool review window inside the usable viewport. */
body.mobile-ui-active:has(#content .client-page-panel) #clientPoolModal {inset:auto 0;top:var(--mcl-visible-top,0px);height:var(--mcl-visible-height,100dvh);padding:8px;box-sizing:border-box;}
body.mobile-ui-active:has(#content .client-page-panel) #clientPoolModal .cp-shell {max-height:100%;min-height:0;}
body.mobile-ui-active:has(#content .client-page-panel) #clientPoolModal .cp-header {gap:8px;padding:8px 10px;}
body.mobile-ui-active:has(#content .client-page-panel) #clientPoolModal .cp-header h2 {flex:1;min-width:0;font-size:15px;line-height:22px;}
body.mobile-ui-active:has(#content .client-page-panel) #clientPoolModal .cp-header>button {order:-1;flex:none;min-height:34px;height:34px;padding:4px 8px;font-size:12px;}
body.mobile-ui-active:has(#content .client-page-panel) #clientPoolModal .cp-content {padding:10px;min-height:0;}
body.mobile-ui-active:has(#content .client-page-panel) #clientPoolModal .cp-form-actions {flex-direction:row;flex-wrap:nowrap;gap:8px;}
body.mobile-ui-active:has(#content .client-page-panel) #clientPoolModal .cp-form-actions>button {flex:1;min-width:0;min-height:36px;padding:5px 8px;font-size:13px;}
/* Customer-linked follow-up and renewal retain their original controllers and fields. */
body.mobile-ui-active:has(#content .client-page-panel) :is(#contractRenewalsModal,#businessFollowupsModal) {position:fixed;inset:auto 0;top:var(--mcl-visible-top,0px);height:var(--mcl-visible-height,100dvh);padding:8px;box-sizing:border-box;z-index:1500;}
body.mobile-ui-active:has(#content .client-page-panel) :is(#contractRenewalsModal,#businessFollowupsModal) .bf-shell {height:100%;max-height:100%;min-height:0;width:100%;}
body.mobile-ui-active:has(#content .client-page-panel) :is(#contractRenewalsModal,#businessFollowupsModal) .bf-header {padding:8px 10px;gap:8px;min-height:0;}
body.mobile-ui-active:has(#content .client-page-panel) :is(#contractRenewalsModal,#businessFollowupsModal) .bf-header>div {flex:1;min-width:0;}
body.mobile-ui-active:has(#content .client-page-panel) :is(#contractRenewalsModal,#businessFollowupsModal) .bf-header h2 {font-size:15px;line-height:22px;}
body.mobile-ui-active:has(#content .client-page-panel) :is(#contractRenewalsModal,#businessFollowupsModal) .bf-header>button {order:-1;flex:none;min-height:34px;height:34px;padding:4px 8px;font-size:12px;}
body.mobile-ui-active:has(#content .client-page-panel) :is(#contractRenewalsModal,#businessFollowupsModal) .bf-content {min-height:0;flex:1;padding:10px;}
body.mobile-ui-active:has(#content .client-page-panel) :is(#contractRenewalsModal,#businessFollowupsModal) .bf-page-heading {margin-bottom:8px;gap:8px;}
body.mobile-ui-active:has(#content .client-page-panel) :is(#contractRenewalsModal,#businessFollowupsModal) .bf-field {font-size:12px;gap:4px;min-width:0;}
body.mobile-ui-active:has(#content .client-page-panel) :is(#contractRenewalsModal,#businessFollowupsModal) .bf-field :is(input,select,textarea) {min-width:0;max-width:100%;min-height:36px;padding:6px 8px;font-size:14px;box-sizing:border-box;}
body.mobile-ui-active:has(#content .client-page-panel) :is(#contractRenewalsModal,#businessFollowupsModal) .bf-form-footer {display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;margin-top:10px;padding-top:8px;}
body.mobile-ui-active:has(#content .client-page-panel) :is(#contractRenewalsModal,#businessFollowupsModal) .bf-form-footer>button {flex:1;min-width:0;width:auto;min-height:36px;padding:5px 8px;font-size:13px;}
/* Deletion requests are a distinct original review window with the same client viewport. */
body.mobile-ui-active:has(#content .client-page-panel) #clientDeletionModal {inset:auto 0;top:var(--mcl-visible-top,0px);height:var(--mcl-visible-height,100dvh);padding:8px;box-sizing:border-box;}
body.mobile-ui-active:has(#content .client-page-panel) #clientDeletionModal .cdel-shell {max-height:100%;min-height:0;}
body.mobile-ui-active:has(#content .client-page-panel) #clientDeletionModal .cdel-header {gap:8px;padding:8px 10px;}
body.mobile-ui-active:has(#content .client-page-panel) #clientDeletionModal .cdel-header h2 {flex:1;min-width:0;font-size:15px;line-height:22px;}
body.mobile-ui-active:has(#content .client-page-panel) #clientDeletionModal .cdel-header>button {order:-1;flex:none;min-height:34px;height:34px;padding:4px 8px;font-size:12px;}
body.mobile-ui-active:has(#content .client-page-panel) #clientDeletionModal .cdel-content {padding:10px;min-height:0;}
body.mobile-ui-active:has(#content .client-page-panel) #clientDeletionModal .cdel-form-actions {flex-direction:row;flex-wrap:nowrap;gap:8px;}
body.mobile-ui-active:has(#content .client-page-panel) #clientDeletionModal .cdel-form-actions>button {flex:1;min-width:0;min-height:36px;padding:5px 8px;font-size:13px;}