.movement-audit-list,.qa-review-list{display:grid;gap:9px;max-height:430px;overflow:auto}
.movement-audit-row,.qa-review-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:13px;border:1px solid rgba(72,172,234,.14);border-radius:12px;background:rgba(2,15,29,.58)}
.movement-audit-row>div,.qa-review-row>div:first-child{display:grid;gap:4px;min-width:0}.movement-audit-row strong,.qa-review-row strong{color:#e5f5ff;font-size:.82rem}.movement-audit-row span,.qa-review-row span{color:#88a4b7;font-size:.73rem;line-height:1.45;overflow-wrap:anywhere}.movement-audit-row small,.qa-review-row small{color:#617d91;font-size:.67rem}
.movement-audit-row b,.qa-review-row>b{padding:5px 8px;border:1px solid rgba(75,188,161,.22);border-radius:999px;background:rgba(31,142,116,.11);color:#66d9be;font-size:.61rem;text-transform:uppercase;white-space:nowrap}.movement-audit-row button{padding:7px 9px;border:1px solid rgba(73,174,237,.2);border-radius:8px;background:rgba(20,104,166,.15);color:#8dd8ff;font-size:.68rem;font-weight:800;cursor:pointer}
.movement-status-duplicate b,.movement-status-rejected b,.movement-status-deleted b{border-color:rgba(255,98,125,.25);background:rgba(151,33,58,.12);color:#ff91a8}.movement-status-correction_requested b{border-color:rgba(240,192,93,.28);background:rgba(169,119,21,.12);color:#f2ce7b}
.qa-review-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:15px 0 18px}.qa-review-counts>div{padding:12px;border:1px solid rgba(68,170,237,.15);border-radius:11px;background:rgba(4,23,40,.55)}.qa-review-counts strong,.qa-review-counts span{display:block}.qa-review-counts strong{color:#72d4ff;font-size:1.45rem}.qa-review-counts span{margin-top:3px;color:#778fa2;font-size:.65rem;text-transform:uppercase}.qa-review-card h4{margin:20px 0 9px;color:#9eb8ca}
.qa-row-actions{display:flex!important;flex-wrap:wrap;justify-content:flex-end;gap:6px}.qa-row-actions button,.qa-review-row>button,.system-health-actions button{width:auto;padding:7px 9px;border:1px solid rgba(66,188,158,.23);border-radius:8px;background:rgba(24,128,105,.13);color:#69dfc5;font-size:.68rem;font-weight:800;cursor:pointer}.qa-row-actions .qa-delete{border-color:rgba(255,88,120,.28);background:rgba(144,26,53,.14);color:#ff8ea6}.qa-row-actions .qa-secondary,.qa-review-row>.qa-secondary{border-color:rgba(73,170,233,.18);background:rgba(20,95,153,.12);color:#8bd5fa}.qa-status-resolved{opacity:.58}
.system-health-output{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:15px 0}.system-health-output>div{padding:11px;border:1px solid rgba(69,164,226,.13);border-radius:10px;background:rgba(2,14,27,.48)}.system-health-output span,.system-health-output strong{display:block}.system-health-output span{color:#728ca0;font-size:.65rem;text-transform:uppercase}.system-health-output strong{margin-top:4px;color:#d6edf8;font-size:.77rem;overflow-wrap:anywhere}.system-health-actions{display:flex;gap:8px;margin-bottom:8px}.system-health-actions button:last-child{border-color:rgba(255,105,130,.24);background:rgba(142,31,55,.12);color:#ff9caf}.invoice-followup-card textarea{margin:9px 0}.invoice-followup-row b{color:#f2ce7b;border-color:rgba(240,192,93,.25);background:rgba(169,119,21,.1)}
@media(max-width:720px){.qa-review-counts{grid-template-columns:1fr 1fr}.movement-audit-row,.qa-review-row{flex-direction:column}.qa-row-actions{justify-content:flex-start}.system-health-output{grid-template-columns:1fr}.system-health-actions{flex-direction:column}.system-health-actions button{width:100%}}
.chat-message-row-system{align-self:center!important;justify-content:center!important;width:100%;max-width:100%!important}.chat-bubble.chat-bubble-system{max-width:92%;padding:8px 13px;border:1px solid rgba(166,180,193,.13);border-radius:11px;background:linear-gradient(145deg,rgba(111,123,135,.16),rgba(66,75,84,.12));box-shadow:none;color:#aebbc5;text-align:center;font-size:.75rem}.chat-bubble-system strong{margin-bottom:2px;color:#c5ced5!important;font-size:.64rem;letter-spacing:.08em;text-transform:uppercase}.chat-bubble-system .chat-bubble-time{opacity:.65;max-height:20px;color:#8e9aa3}
.member-attendance-history{margin:3px 0 17px;border:1px solid rgba(74,169,231,.14);border-radius:12px;background:rgba(3,16,30,.42)}.member-attendance-history>summary{padding:11px 13px;color:#8fd6f9;font-size:.73rem;font-weight:800;cursor:pointer}.member-attendance-history .ops-ledger{max-height:330px;padding:0 10px 10px}.attendance-history-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:11px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(2,13,25,.58)}.attendance-history-row>div{display:grid;gap:3px}.attendance-history-row strong{color:#e2f3fc;font-size:.78rem}.attendance-history-row span,.attendance-history-row small{color:#7892a6;font-size:.68rem}.attendance-history-result{text-align:right}.attendance-history-result b{color:#66ddc1;font-size:.63rem;text-transform:uppercase}
.ledger-attendance-header{flex:1 0 100%;display:grid;grid-template-columns:minmax(150px,.65fr) minmax(0,2.35fr);align-items:center;gap:18px;padding:14px 16px;border:1px solid rgba(72,178,240,.18);border-radius:15px;background:linear-gradient(135deg,rgba(11,63,101,.3),rgba(4,19,35,.6));box-shadow:inset 0 1px rgba(255,255,255,.025)}.ledger-attendance-header>div:first-child{display:grid;gap:3px}.ledger-attendance-header>div:first-child>strong{color:#edf8ff;font-size:1rem}.ledger-attendance-header>div:first-child>small{color:#6f899c;font-size:.68rem}.ledger-attendance-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ledger-attendance-card{position:relative;display:grid;gap:2px;min-height:82px;padding:10px 11px;border:1px solid rgba(79,185,246,.14);border-radius:11px;background:rgba(2,14,28,.6)}.ledger-attendance-card>span{color:#7894a8;font-size:.61rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.ledger-attendance-card>strong{color:#6bd2ff;font-size:1.35rem}.ledger-attendance-card>strong small{font-size:.65rem}.ledger-attendance-card>em{color:#647f92;font-size:.58rem;font-style:normal}.ledger-attendance-card>i{position:absolute;top:8px;right:8px;color:#61dec2;font-size:.56rem;font-style:normal}.attendance-summary-loading{grid-column:1/-1;padding:20px;color:#718da1;text-align:center}.attendance-summary-error{color:#ff91a8}
@media(max-width:850px){.ledger-attendance-header{grid-template-columns:1fr}.ledger-attendance-summary{grid-template-columns:1fr 1fr}}

/* Compact Bradley/Jammy performance calendar for desktop, laptop and phone */
.management-performance-card{padding:20px!important;overflow:hidden}.management-performance-heading{margin-bottom:14px}.analytics-period-switch{display:flex;gap:6px;padding:4px;border:1px solid rgba(74,176,238,.16);border-radius:11px;background:rgba(2,13,25,.56)}.analytics-period-switch button{width:auto;min-width:78px;padding:10px 14px;border:0;border-radius:8px;background:transparent;color:#8daabd;font-size:.82rem;font-weight:850;cursor:pointer}.analytics-period-switch button.is-active{background:linear-gradient(135deg,#107fc0,#16a9e3);color:#fff;box-shadow:0 7px 18px rgba(0,139,211,.22)}.management-performance-layout{display:grid;grid-template-columns:minmax(390px,.9fr) minmax(520px,1.1fr);gap:15px;align-items:stretch}.embedded-performance-calendar,.management-metrics-pane{min-width:0;padding:15px;border:1px solid rgba(71,166,229,.13);border-radius:14px;background:rgba(2,13,26,.48)}.embedded-performance-calendar .client-calendar-weekdays{margin:13px 0 5px}.embedded-performance-calendar .client-calendar-day{min-height:48px;padding:7px;border-radius:8px}.embedded-performance-calendar .calendar-day-spacer{min-height:48px}.embedded-performance-calendar .client-day-momentum{margin-top:10px;padding:11px 13px}.embedded-performance-calendar .client-day-momentum strong{font-size:.94rem}.embedded-performance-calendar .client-day-momentum span{font-size:.82rem}.management-metrics-pane{display:flex;flex-direction:column}.management-metrics-pane>.metric-click-hint{margin:0 0 11px;font-size:.78rem;letter-spacing:.055em}.compact-management-metrics{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(128px,1fr));flex:1;gap:9px!important}.compact-management-metrics .metric-tile-holo{min-width:0!important;min-height:0!important;height:100%!important;padding:15px 9px!important;gap:10px!important;border-radius:12px!important}.compact-management-metrics .metric-tile-holo .tile-value{font-size:clamp(2.1rem,3.2vw,3rem)!important}.compact-management-metrics .metric-tile-holo .tile-label{font-size:.73rem!important;line-height:1.38!important;letter-spacing:.065em!important}.management-year-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.management-month-cell{min-height:74px!important;align-items:center!important}.monthly-updates-card{padding:18px 20px!important}.monthly-updates-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px}.monthly-updates-layout>div{padding:13px;border:1px solid rgba(72,169,230,.13);border-radius:13px;background:rgba(2,14,27,.48)}.monthly-updates-layout h4{margin:0 0 9px;color:#c7dce8;font-size:1rem}.monthly-top-ib,.monthly-update-feed{display:grid;gap:7px}.monthly-ib-row{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;padding:10px 11px;border:1px solid rgba(255,255,255,.055);border-radius:9px;background:rgba(255,255,255,.02)}.monthly-ib-row>b{color:#6fcdf8}.monthly-ib-row div{display:grid}.monthly-ib-row strong{color:#dceef8;font-size:.88rem}.monthly-ib-row span{color:#829bad;font-size:.72rem}.monthly-ib-row em{color:#65d9be;font-size:.76rem;font-style:normal}.monthly-ib-row.is-top{border-color:rgba(242,202,111,.23);background:rgba(142,103,23,.08)}.monthly-ib-row.is-top>b{color:#f4ce74}.monthly-update-feed article{display:grid;gap:4px;padding:13px;border:1px solid rgba(76,171,232,.12);border-radius:10px;background:rgba(4,21,37,.5)}.monthly-update-feed span{color:#829bad;font-size:.72rem;text-transform:uppercase}.monthly-update-feed strong{color:#dff2fb;font-size:.95rem}.monthly-update-feed small{color:#8da5b5;font-size:.76rem}.admin-performance-card{padding:18px!important}.admin-performance-layout{display:grid;grid-template-columns:minmax(420px,1.2fr) minmax(300px,.8fr);gap:15px}.admin-performance-layout>div{min-width:0}.admin-performance-layout .client-calendar-weekdays{margin:12px 0 5px}.admin-performance-layout .client-calendar-day{min-height:45px;padding:6px}.admin-performance-layout .calendar-day-spacer{min-height:45px}.admin-performance-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-content:start}.admin-performance-metrics article{display:grid;gap:6px;min-height:90px;padding:13px;border:1px solid rgba(72,170,232,.14);border-radius:11px;background:rgba(2,15,29,.58)}.admin-performance-metrics span{color:#829bad;font-size:.72rem;text-transform:uppercase}.admin-performance-metrics strong{color:#73d3ff;font-size:1.65rem}.admin-performance-metrics small{color:#879faf;font-size:.72rem}.admin-performance-metrics .admin-top-ib-tile{grid-column:1/-1;min-height:76px}.admin-performance-metrics .admin-top-ib-tile strong{font-size:1.08rem;color:#f1cf79}
.monthly-update-actions{display:grid;justify-items:end;gap:7px}.monthly-update-actions .report-buttons{justify-content:flex-end}.monthly-update-actions .report-buttons button{padding:8px 13px;font-size:.82rem}.client-operations-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px;align-items:stretch}.client-operations-grid>.glass-card{min-width:0;height:100%;min-height:450px;margin:0}.client-operations-grid .invoice-dashboard-card,.client-operations-grid .client-update-center{display:flex;flex-direction:column}.client-operations-grid .invoice-dashboard-list{flex:1;display:grid;align-content:center;max-height:330px}.client-operations-grid .client-update-history{max-height:250px}.client-operations-grid h3{font-size:1.35rem}.client-operations-grid .panel-meta-header p{font-size:.95rem;line-height:1.55}.client-operations-grid textarea{font-size:.95rem}.client-operations-grid button{font-size:.86rem}
@media(max-width:1180px){.management-performance-layout{grid-template-columns:minmax(330px,.82fr) minmax(430px,1.18fr)}.compact-management-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:none;grid-auto-rows:minmax(102px,auto)}.compact-management-metrics .metric-tile-holo{min-height:102px!important}.compact-management-metrics .metric-tile-holo .tile-label{font-size:.7rem!important}.admin-performance-layout{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.management-performance-layout,.admin-performance-layout,.monthly-updates-layout,.client-operations-grid{grid-template-columns:1fr}.compact-management-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.management-performance-heading{align-items:flex-start;flex-direction:column}.analytics-period-switch{width:100%}.analytics-period-switch button{flex:1;min-width:0}.monthly-updates-card .panel-meta-header{align-items:flex-start;flex-direction:column}.monthly-update-actions{justify-items:start}.admin-performance-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.management-performance-card,.monthly-updates-card,.admin-performance-card{padding:12px!important}.embedded-performance-calendar,.management-metrics-pane{padding:10px}.embedded-performance-calendar .client-calendar-day,.admin-performance-layout .client-calendar-day{min-height:42px;padding:5px}.embedded-performance-calendar .calendar-day-spacer,.admin-performance-layout .calendar-day-spacer{min-height:42px}.client-calendar-day>span{font-size:.78rem}.client-calendar-day small{font-size:.65rem}.compact-management-metrics{grid-template-columns:1fr 1fr!important;grid-auto-rows:minmax(98px,auto)}.compact-management-metrics .metric-tile-holo{min-height:98px!important}.compact-management-metrics .metric-tile-holo .tile-value{font-size:2rem!important}.compact-management-metrics .metric-tile-holo .tile-label{font-size:.68rem!important}.management-year-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.admin-performance-metrics{grid-template-columns:1fr 1fr}.calendar-month-controls strong{min-width:110px;font-size:.88rem}.client-day-momentum span{font-size:.76rem}.client-operations-grid>.glass-card{min-height:360px}}

/* Readable management typography and balanced owner panels */
#clientWorkspaceSection{font-size:1.06rem}
.management-metrics-pane>.metric-click-hint{font-size:.85rem;line-height:1.45}
.compact-management-metrics .metric-tile-holo .tile-label{font-size:.82rem!important;line-height:1.42!important;letter-spacing:.045em!important}
.client-operations-grid .eyebrow{font-size:.76rem}
.client-operations-grid h3{font-size:1.45rem;line-height:1.25}
.client-operations-grid .panel-meta-header p{font-size:1rem;line-height:1.6}
.client-operations-grid .empty-state{font-size:.9rem}
.client-operations-grid .client-update-history{flex:1}
@media(max-width:1180px){.compact-management-metrics .metric-tile-holo .tile-label{font-size:.76rem!important}}
@media(max-width:520px){.compact-management-metrics .metric-tile-holo .tile-label{font-size:.72rem!important}.management-metrics-pane>.metric-click-hint{font-size:.76rem}.client-operations-grid h3{font-size:1.25rem}.client-operations-grid .panel-meta-header p{font-size:.92rem}}

/* Final readable chat and finance overrides */
.unified-client-chat{width:min(520px,calc(100vw - 32px))!important;height:min(720px,calc(100dvh - 38px))!important}
.unified-client-chat.chat-sidebar--minimized{width:min(360px,calc(100vw - 24px))!important;height:62px!important;min-height:62px!important;max-height:62px!important;overflow:hidden!important}
.unified-client-chat.chat-sidebar--minimized .chat-sidebar-header{min-height:62px!important;border-bottom:0!important}
.unified-client-chat.chat-sidebar--minimized .chat-sidebar-body{display:none!important}
.unified-client-chat .chat-sidebar-header{min-height:62px;font-size:1.2rem}
.unified-client-chat .chat-messages-list{gap:8px;padding:20px 17px}
.unified-client-chat .chat-message-row{max-width:92%}
.unified-client-chat .chat-bubble,.unified-client-chat .client-inbox-bubble{max-width:420px;font-size:1.1rem!important;line-height:1.58}
.unified-client-chat .chat-bubble strong{font-size:.82rem!important}
.unified-client-chat .chat-bubble-time{font-size:.72rem}
.unified-client-chat .chat-bubble.chat-bubble-system{max-width:96%;font-size:.94rem!important;line-height:1.5}
.unified-client-chat .chat-composer .custom-input{font-size:1.08rem}
.client-inbox-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px;padding:11px}
.client-inbox-tabs button{min-height:62px;padding:10px 8px;font-size:.78rem;line-height:1.32}
.client-inbox-tabs button b{min-width:21px;height:21px;font-size:.68rem}
.finance-invoice-card{grid-template-columns:minmax(210px,1fr) auto minmax(290px,auto)!important}
.finance-invoice-identity small{display:block;margin-top:4px;color:#83a0b3;font-size:.72rem;text-transform:capitalize}
.finance-invoice-overdue{border-color:rgba(255,83,119,.42)!important;box-shadow:inset 4px 0 #ff5377}
.finance-invoice-due-today{border-color:rgba(245,184,69,.42)!important;box-shadow:inset 4px 0 #f5b845}
.finance-reaction-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.finance-reaction-actions button{width:auto!important;padding:8px 10px;border:1px solid rgba(73,178,239,.2);border-radius:8px;background:rgba(20,105,170,.13);color:#a6ddfa;font-size:.75rem;font-weight:800;cursor:pointer}
.finance-reaction-actions button[data-status="paid"]{border-color:rgba(54,208,166,.3);background:rgba(27,145,115,.14);color:#76e6c5}
.finance-reaction-actions button[data-status="changes_requested"]{border-color:rgba(255,145,76,.28);color:#ffc08f}
.finance-reaction-actions button:disabled{opacity:.35;cursor:not-allowed}
@media(max-width:900px){.finance-invoice-card{grid-template-columns:1fr!important}.finance-reaction-actions{justify-content:flex-start}.finance-reaction-actions button{flex:1}}
@media(max-width:600px){.unified-client-chat{inset:auto 0 0!important;width:100%!important;height:68dvh!important;border-radius:20px 20px 0 0!important}.unified-client-chat.chat-sidebar--minimized{left:auto!important;right:8px!important;bottom:8px!important;width:min(330px,calc(100vw - 16px))!important;height:62px!important;min-height:62px!important;max-height:62px!important;border-radius:18px!important}.client-inbox-tabs{grid-template-columns:1fr 1fr!important}.client-inbox-tabs button{min-height:48px}.unified-client-chat .chat-bubble,.unified-client-chat .client-inbox-bubble{max-width:100%;font-size:1rem!important}}
.ib-access-card{max-width:900px;margin:7vh auto;padding:clamp(28px,5vw,64px)!important}.ib-access-card h1{margin:.35rem 0 1rem;font-size:clamp(2rem,5vw,4rem)}.ib-access-card>p{max-width:720px;color:#9db6c8;font-size:1.05rem;line-height:1.75}.ib-access-notice{display:grid;gap:6px;margin-top:28px;padding:20px;border:1px solid rgba(64,182,244,.22);border-radius:16px;background:rgba(12,88,142,.12)}.ib-access-notice strong{color:#dff5ff;font-size:1.05rem}.ib-access-notice span{color:#83a8be;line-height:1.6}

/* Balanced member workspace: one invoice entry point and consistently filled columns */
#memberWorkspaceSection{align-items:start;gap:20px}
#memberWorkspaceSection>.workspace-col{display:grid;align-content:start;gap:20px;min-width:0}
#memberWorkspaceSection>.workspace-col>*{min-width:0;margin:0!important}
#memberWorkspaceSection .role-focus-hero{padding:24px!important}
#memberWorkspaceSection .role-focus-hero p{max-width:62ch}
@media(max-width:900px){#memberWorkspaceSection{grid-template-columns:1fr!important;gap:20px}}

/* Phase 6 — clarity, accessibility, state feedback, and complete responsive reflow */
:root{--ui-text:#f3f9ff;--ui-text-soft:#b6cad8;--ui-muted:#8da7b9;--ui-focus:#7de3ff;--ui-success:#55e6bd;--ui-warning:#ffd27a;--ui-danger:#ff91aa;--ui-panel:rgba(5,18,34,.82);--ui-divider:rgba(130,205,249,.16)}
html{scroll-behavior:smooth;overflow-x:hidden}
body{color:var(--ui-text);font-size:16px;line-height:1.5}
button,input,select,textarea{font:inherit}button{min-height:44px}button[aria-label]{min-width:44px}
button,[role="button"],summary,a,input,select,textarea{touch-action:manipulation}
button:focus-visible,[role="button"]:focus-visible,summary:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--ui-focus)!important;outline-offset:3px!important;box-shadow:0 0 0 5px rgba(52,196,255,.16)!important}
button:disabled{cursor:not-allowed;filter:saturate(.55)}
.workspace-root{width:min(100%,1720px);margin-inline:auto}
.workspace-root,.workspace-grid,.workspace-col,.glass-card,.panel-meta-header,.management-performance-layout,.client-operations-grid,.finance-grid,.operations-manager-grid{min-width:0}
.glass-card{border-color:var(--ui-divider)!important;background:linear-gradient(145deg,rgba(10,31,55,.88),rgba(4,14,28,.9))!important;box-shadow:0 24px 70px rgba(0,0,0,.25),inset 0 1px 0 rgba(198,235,255,.055)}
.glass-card h1,.glass-card h2,.glass-card h3{color:var(--ui-text);text-wrap:balance;letter-spacing:-.025em}
.glass-card p,.ops-muted,.panel-meta-header p{color:var(--ui-text-soft)!important}
.panel-meta-header{align-items:flex-start;gap:18px}.panel-meta-header h2,.panel-meta-header h3{margin:.25rem 0 .35rem}.panel-meta-header p{max-width:68ch;margin:0;line-height:1.65}
.verifier-kpi-eyebrow{color:#83dcff!important;letter-spacing:.12em}
.client-header-area{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:8px 2px 20px}.client-header-area h3,.client-header-area p{margin:0}.client-header-area p{color:var(--ui-muted);font-size:.82rem}.owner-controls-button{width:auto;min-height:44px;white-space:nowrap}
.owner-management-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.owner-management-heading p{max-width:72ch}.owner-management-heading>button{width:auto;min-height:44px;white-space:nowrap}
.metric-tile-holo,.ops-metric-card,.admin-performance-metrics article{overflow:hidden;isolation:isolate}.metric-tile-holo::before{opacity:.55}.metric-tile-holo:hover{border-color:rgba(105,214,255,.48)!important;filter:brightness(1.08)}
.tile-value,.ops-metric-card strong,.admin-performance-metrics strong{font-variant-numeric:tabular-nums}
.metric-value-changed{animation:metricTick .52s cubic-bezier(.18,.86,.32,1.35)}
.live-item-enter{animation:liveItemEnter .38s cubic-bezier(.2,.8,.25,1)}
.shift-status-badge.is-active,.finance-state-sorting,.finance-state-all_paid{animation:stateConfirm .55s ease-out}
@keyframes metricTick{0%{transform:translateY(7px) scale(.9);opacity:.35;filter:blur(2px)}60%{transform:translateY(-2px) scale(1.08);color:#fff}100%{transform:none;opacity:1;filter:none}}
@keyframes liveItemEnter{from{opacity:0;transform:translateY(10px);border-color:rgba(85,230,189,.55)}to{opacity:1;transform:none}}
@keyframes stateConfirm{50%{box-shadow:0 0 0 6px rgba(85,230,189,.1),0 0 30px rgba(85,230,189,.18)}}
.ui-panel-state,.ops-empty,.invoice-empty,.ib-empty,.client-inbox-empty,.member-update-empty,.client-update-empty,.profitshot-archive-empty{display:grid;place-items:center;align-content:center;gap:9px;min-height:120px;padding:24px;border:1px dashed rgba(112,188,235,.25);border-radius:14px;background:linear-gradient(145deg,rgba(11,48,76,.18),rgba(3,14,27,.42));color:var(--ui-muted)!important;text-align:center;line-height:1.55}
.ui-panel-state p{max-width:46ch;margin:0;color:inherit!important}.ui-state-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(115,207,255,.27);border-radius:11px;background:rgba(40,139,202,.12);color:#87ddff;font-weight:900}
.ui-state-loading .ui-state-icon{animation:stateLoading 1s ease-in-out infinite}.ui-state-error{border-color:rgba(255,108,139,.32);background:rgba(125,27,54,.12);color:#ffc0ce!important}.ui-state-error .ui-state-icon{border-color:rgba(255,118,147,.38);background:rgba(186,42,75,.16);color:#ff9bb1}
@keyframes stateLoading{50%{opacity:.45;transform:scale(.92)}}
.notification-bell[aria-expanded="true"]{border-color:rgba(92,221,255,.55);background:rgba(27,142,202,.25);box-shadow:0 0 22px rgba(43,180,238,.2)}
.notification-center{max-width:min(430px,calc(100vw - 24px));max-height:min(620px,calc(100dvh - 84px));overflow:hidden}.notification-list{overflow:auto}.notification-center button{min-width:44px;min-height:44px}
.modal-overlay{padding:clamp(10px,3vw,30px);overflow:auto}.modal-overlay>.modal-content,.invoice-preview-shell,.platform-popup{max-width:100%;max-height:calc(100dvh - 20px);overflow:auto;overscroll-behavior:contain}
.modal-header-controls{gap:18px}.modal-header-controls button,.invoice-preview-controls button{min-height:44px}
.custom-input{color:var(--ui-text)!important}.custom-input::placeholder{color:#7692a6!important;opacity:1}.custom-input:read-only{color:#a8bdca!important}
.chat-composer button,.attendance-actions button,.report-buttons button,.analytics-period-switch button,.client-update-actions button,.finance-status-controls button,.invoice-editor-actions button{min-height:44px}
.chat-messages-list{overscroll-behavior:contain}.chat-bubble,.client-inbox-bubble{overflow-wrap:anywhere}.chat-message-row.live-item-enter .chat-bubble{box-shadow:0 8px 24px rgba(21,138,210,.12)}
.invoice-items-editor,.invoice-chat-list,.finance-invoice-list,.ops-ledger,.qa-review-list,.movement-audit-list{min-width:0}.invoice-item-editor-row>*{min-width:0}.invoice-preview-shell{width:min(100%,1120px)}.invoice-paper{max-width:100%}.invoice-preview-table{min-width:620px}.invoice-print-area{overflow-x:auto}
.attendance-history-row,.finance-invoice-card,.movement-audit-row,.qa-review-row,.ops-ledger-row{overflow-wrap:anywhere}

@media(max-width:1440px){.workspace-root{padding-inline:clamp(18px,2.5vw,34px)}body.has-chat-sidebar .workspace-root{padding-right:410px}.compact-management-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}.management-performance-layout{grid-template-columns:minmax(330px,.8fr) minmax(470px,1.2fr)}}
@media(max-width:1024px){body.has-chat-sidebar .workspace-root{padding-right:clamp(18px,3vw,30px)}.workspace-root{padding-inline:clamp(16px,3vw,28px)}.workspace-header{position:relative;top:auto}.management-performance-layout,.admin-performance-layout,.client-operations-grid{grid-template-columns:1fr}.operations-manager-grid,.finance-grid{gap:16px}.chat-sidebar:not(.chat-sidebar--minimized){inset:auto 12px 12px auto;width:min(480px,calc(100vw - 24px));height:min(68dvh,680px)}.owner-management-heading{flex-direction:column}.owner-management-heading>button{align-self:flex-start}}
@media(max-width:768px){.workspace-root{padding:14px!important}.workspace-header{align-items:flex-start;flex-direction:column;gap:12px;padding:14px}.header-actions{width:100%;display:grid;grid-template-columns:1fr auto 1fr}.header-actions .btn-terminate{width:100%}.header-password-button{width:100%}.client-header-area{grid-template-columns:auto 1fr}.client-header-area .owner-controls-button{grid-column:1/-1;width:100%}.glass-card{padding:18px!important;border-radius:16px!important}.panel-meta-header,.team-area-heading,.monthly-group-heading{flex-direction:column}.compact-management-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.attendance-actions{grid-template-columns:1fr 1fr}.finance-status-controls>div,.invoice-editor-actions,.invoice-preview-controls{display:grid;grid-template-columns:1fr}.finance-status-controls button,.invoice-editor-actions button,.invoice-preview-controls button{width:100%;min-width:0}.modal-header-controls{align-items:flex-start;flex-direction:column}.modal-header-controls button{width:100%}.invoice-form-grid,.invoice-party-grid,.invoice-item-editor-row{grid-template-columns:1fr!important}.invoice-preview-table{min-width:560px}.member-update-dock{left:8px;bottom:76px;width:calc(100vw - 16px);max-height:48dvh}}
@media(max-width:480px){body{font-size:15px}.workspace-root{padding:9px!important}.workspace-header{border-radius:14px}.glass-card{padding:14px!important}.auth-card{padding:24px 18px!important}.header-actions{grid-template-columns:1fr auto}.header-actions .btn-terminate{grid-column:1/-1}.compact-management-metrics{grid-template-columns:1fr 1fr!important;gap:7px!important}.compact-management-metrics .metric-tile-holo{min-height:92px!important;padding:11px 7px!important}.compact-management-metrics .metric-tile-holo .tile-value{font-size:1.8rem!important}.analytics-period-switch{display:grid;grid-template-columns:repeat(3,1fr)}.analytics-period-switch button{min-width:0;padding-inline:6px}.calendar-month-controls{width:100%;justify-content:space-between}.calendar-month-controls button{min-width:44px;min-height:44px}.calendar-month-controls strong{min-width:0}.management-year-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-performance-metrics,.qa-review-counts,.ledger-attendance-summary,.results-curator-metrics,.executive-ops-metrics{grid-template-columns:1fr 1fr!important}.attendance-actions{grid-template-columns:1fr}.client-inbox-tabs{grid-template-columns:1fr 1fr!important}.unified-client-chat:not(.chat-sidebar--minimized){inset:auto 0 0!important;width:100%!important;height:74dvh!important;border-radius:18px 18px 0 0!important}.notification-center{inset:72px 8px auto!important;width:calc(100vw - 16px)!important}.invoice-preview-table{min-width:520px}.profitshot-account-gallery{grid-template-columns:1fr 1fr}.system-health-actions{display:grid}.system-health-actions button{width:100%}}
@media(max-width:360px){.workspace-root{padding:6px!important}.glass-card{padding:12px!important}.compact-management-metrics{grid-template-columns:1fr!important}.compact-management-metrics .metric-tile-holo{min-height:82px!important}.client-metrics-calendar,.client-calendar-weekdays{gap:3px}.client-calendar-day{min-height:40px!important;padding:4px!important;border-radius:7px}.calendar-day-spacer{min-height:40px!important}.client-calendar-day small{font-size:.58rem}.admin-performance-metrics,.qa-review-counts,.ledger-attendance-summary,.results-curator-metrics,.executive-ops-metrics{grid-template-columns:1fr!important}.client-inbox-tabs{grid-template-columns:1fr!important}.profitshot-account-gallery{grid-template-columns:1fr}.owner-controls-button{white-space:normal}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.metric-value-changed,.live-item-enter,.shift-status-badge.is-active,.finance-state-sorting,.finance-state-all_paid{animation:none!important}}

/* TWF chat head: the collapsed shared chat is a small favicon button, never a wide content-blocking bar. */
.unified-client-chat .chat-sidebar-brand{display:flex;align-items:center;gap:11px;min-width:0;flex:1}
.unified-client-chat .chat-sidebar-brand-logo{width:40px;height:40px;flex:0 0 40px;object-fit:contain;padding:5px;border:1px solid rgba(73,205,255,.36);border-radius:50%;background:radial-gradient(circle,rgba(47,188,240,.2),rgba(4,20,36,.86));box-shadow:0 0 18px rgba(48,195,247,.15)}
.unified-client-chat .chat-sidebar-brand-copy{display:grid;gap:3px;min-width:0}
.unified-client-chat .chat-sidebar-brand-copy small{color:#6ecbf2;font-size:.58rem;font-weight:950;letter-spacing:.13em;line-height:1;text-transform:uppercase}
.unified-client-chat .chat-sidebar-brand-copy #member-sidebar-title{display:flex!important;min-height:0!important;height:auto!important;color:#f2f9ff;font-size:1rem;line-height:1.15!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-workspace-controls{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.chat-workspace-controls button{display:grid;place-items:center;width:38px;height:38px;min-width:38px;padding:0;border:1px solid rgba(83,202,255,.2);border-radius:12px;background:rgba(12,42,65,.68);color:#dff7ff;font:800 1rem/1 system-ui;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}
.chat-workspace-controls button:hover{background:rgba(27,101,145,.52);border-color:rgba(83,202,255,.48);transform:translateY(-1px)}
.chat-maximize-btn{display:none!important}

/* The enhanced workspace is enabled from authenticated stable user IDs. Bradley
   and Madeline never receive this class, so their compact chat remains intact. */
.unified-client-chat.enhanced-chat-workspace:not(.chat-sidebar--minimized){
  width:min(900px,calc(100vw - 32px));
  height:min(720px,calc(100dvh - 32px));
  min-width:min(680px,calc(100vw - 32px));
  min-height:min(520px,calc(100dvh - 32px));
  max-width:calc(100vw - 24px);
  max-height:calc(100dvh - 24px);
  resize:both;
  overflow:hidden;
  border-radius:24px;
  box-shadow:0 28px 90px rgba(0,18,42,.64),0 0 0 1px rgba(73,205,255,.12),0 0 42px rgba(32,169,241,.18);
}
.unified-client-chat.enhanced-chat-workspace:not(.chat-sidebar--minimized) .chat-maximize-btn{display:grid!important}
.unified-client-chat.enhanced-chat-workspace:not(.chat-sidebar--minimized) .chat-sidebar-body{
  display:grid;
  grid-template-columns:210px minmax(0,1fr);
  grid-template-rows:auto auto auto minmax(0,1fr);
  min-width:0;
  min-height:0;
}
.unified-client-chat.enhanced-chat-workspace:not(.chat-sidebar--minimized) .chat-sidebar-body>.client-inbox-tabs{
  grid-column:1;
  grid-row:1/-1;
  display:flex!important;
  flex-direction:column;
  align-items:stretch;
  gap:8px;
  min-width:0;
  padding:15px 12px;
  overflow-y:auto;
  border-right:1px solid rgba(73,205,255,.15);
  border-bottom:0;
  background:linear-gradient(180deg,rgba(6,30,49,.9),rgba(3,17,30,.92));
}
.unified-client-chat.enhanced-chat-workspace:not(.chat-sidebar--minimized) .chat-sidebar-body>.client-inbox-tabs[style*="display:none"],
.unified-client-chat.enhanced-chat-workspace:not(.chat-sidebar--minimized) .chat-sidebar-body>.client-inbox-tabs[style*="display: none"]{display:none!important}
.unified-client-chat.enhanced-chat-workspace:not(.chat-sidebar--minimized) .client-inbox-tabs button{width:100%;min-height:48px;text-align:left;justify-content:space-between;padding:10px 12px;border-radius:13px}
.unified-client-chat.enhanced-chat-workspace:not(.chat-sidebar--minimized) .chat-sidebar-body>:not(.client-inbox-tabs){grid-column:2;min-width:0}
.unified-client-chat.enhanced-chat-workspace:not(.chat-sidebar--minimized) .chat-messages-wrap{grid-row:4;min-height:0}
.unified-client-chat.enhanced-chat-workspace:not(.chat-sidebar--minimized) .chat-messages-list{padding:20px clamp(16px,3vw,34px)}
.unified-client-chat.enhanced-chat-workspace:not(.chat-sidebar--minimized) .chat-message-row{max-width:min(78%,720px)}
.unified-client-chat.enhanced-chat-workspace:not(.chat-sidebar--minimized) #chat-message-input{height:auto;min-height:42px;max-height:120px;resize:vertical;padding-block:10px;border-radius:16px;line-height:1.35}
.unified-client-chat.enhanced-chat-workspace.enhanced-chat-maximized:not(.chat-sidebar--minimized){
  inset:12px!important;
  width:calc(100vw - 24px)!important;
  height:calc(100dvh - 24px)!important;
  max-width:none;
  max-height:none;
  resize:none;
}
.chat-notification-btn.is-enabled{color:#69f2c8;border-color:rgba(105,242,200,.52);background:rgba(19,104,86,.38)}
.chat-notification-btn.is-denied{opacity:.48;filter:grayscale(1)}
.chat-message-menu{position:absolute;top:4px;right:5px;z-index:5}
.chat-bubble-mine .chat-message-menu{right:auto;left:5px}
.chat-message-menu-toggle{display:grid;place-items:center;width:27px;height:27px;padding:0;border:0;border-radius:9px;background:rgba(2,15,28,.52);color:#e7f8ff;font-size:1rem;font-weight:900;cursor:pointer;opacity:0;transition:opacity .14s ease,background .14s ease}
.chat-bubble:hover .chat-message-menu-toggle,.chat-message-menu-toggle:focus-visible,.chat-message-menu.is-open .chat-message-menu-toggle{opacity:1}
.chat-message-menu-popover{position:absolute;top:30px;right:0;display:none;min-width:116px;padding:5px;border:1px solid rgba(91,205,255,.24);border-radius:12px;background:#081b2b;box-shadow:0 14px 34px rgba(0,0,0,.5)}
.chat-bubble-mine .chat-message-menu-popover{right:auto;left:0}
.chat-message-menu.is-open .chat-message-menu-popover{display:grid}
.chat-message-menu-popover button{padding:8px 10px;border:0;border-radius:8px;background:transparent;color:#dff7ff;text-align:left;font:700 .76rem/1.2 system-ui;cursor:pointer}
.chat-message-menu-popover button:hover{background:rgba(53,178,233,.15)}
.chat-message-menu-popover .is-danger{color:#ff9aad}
.chat-message-edited{display:block;margin-top:4px;color:rgba(220,244,255,.66);font-size:.61rem;font-weight:700}
.chat-bubble.is-soft-deleted{font-style:italic;opacity:.72}
.chat-bubble.is-soft-deleted .chat-message-menu,.chat-bubble.is-soft-deleted .om-assistance-action,.chat-bubble.is-soft-deleted .inquiry-done-action,.chat-bubble.is-soft-deleted .hadi-assist-action{display:none!important}
.unified-client-chat.chat-sidebar--minimized{
  right:18px!important;
  bottom:max(18px,env(safe-area-inset-bottom))!important;
  left:auto!important;
  width:82px!important;
  min-width:82px!important;
  max-width:82px!important;
  height:82px!important;
  min-height:82px!important;
  max-height:82px!important;
  border:1px solid rgba(73,205,255,.55)!important;
  border-radius:50%!important;
  overflow:visible!important;
  background:radial-gradient(circle at 34% 28%,rgba(37,186,242,.3),rgba(5,24,42,.98) 72%)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.48),0 0 0 4px rgba(42,182,235,.09),0 0 28px rgba(35,191,248,.24)!important;
}

/* Complete Top IB rankings stay inside their cards instead of stretching the dashboard. */
.ib-leaderboard,
.monthly-top-ib {
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 5px;
  scrollbar-color: rgba(81, 198, 255, .62) rgba(4, 19, 32, .58);
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  touch-action: pan-y;
  -webkit-overflow-scrolling: touch;
}

.ib-leaderboard { max-height: min(340px, 52vh); }
.monthly-top-ib { max-height: min(430px, 56vh); }

.ib-leaderboard::-webkit-scrollbar,
.monthly-top-ib::-webkit-scrollbar { width: 8px; }

.ib-leaderboard::-webkit-scrollbar-track,
.monthly-top-ib::-webkit-scrollbar-track {
  background: rgba(4, 19, 32, .58);
  border-radius: 999px;
}

.ib-leaderboard::-webkit-scrollbar-thumb,
.monthly-top-ib::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(77, 202, 255, .78), rgba(30, 127, 201, .65));
  border: 2px solid rgba(4, 19, 32, .58);
  border-radius: 999px;
}

.ib-leaderboard:focus-visible,
.monthly-top-ib:focus-visible {
  outline: 2px solid rgba(82, 205, 255, .72);
  outline-offset: 3px;
}

@media (max-width: 600px) {
  .ib-leaderboard { max-height: min(320px, 50vh); }
  .monthly-top-ib { max-height: min(390px, 55vh); }
}
.unified-client-chat.chat-sidebar--minimized .chat-sidebar-header{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
}
.unified-client-chat.chat-sidebar--minimized .chat-sidebar-header::before,
.unified-client-chat.chat-sidebar--minimized .chat-sidebar-brand,
.unified-client-chat.chat-sidebar--minimized #member-sidebar-title{
  display:none!important;
}
.unified-client-chat.chat-sidebar--minimized .chat-minimize-btn{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  color:transparent!important;
  font-size:0!important;
  background-color:transparent!important;
  background-image:url('/twf-app-icon.png?v=20260810')!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:74% auto!important;
  cursor:pointer;
  touch-action:none;
  cursor:grab;
}
.unified-client-chat.chat-sidebar--minimized .chat-maximize-btn{display:none!important}
.unified-client-chat.chat-sidebar--minimized.is-dragging .chat-minimize-btn{cursor:grabbing;filter:brightness(1.16)}
.unified-client-chat.chat-sidebar--minimized .chat-minimize-btn::after{
  content:'';
  position:absolute;
  top:7px;
  right:7px;
  width:9px;
  height:9px;
  border:2px solid #071625;
  border-radius:50%;
  background:#35e5bc;
  box-shadow:0 0 10px rgba(53,229,188,.9);
}
.unified-client-chat.chat-sidebar--minimized .chat-minimize-btn:hover{
  background-color:rgba(75,202,255,.1)!important;
  filter:brightness(1.12);
}
.chat-head-unread{display:none}
.unified-client-chat.chat-sidebar--minimized .chat-head-unread:not([hidden]){
  position:absolute;
  top:-5px;
  right:-5px;
  z-index:4;
  display:grid;
  place-items:center;
  min-width:27px;
  height:27px;
  padding:0 6px;
  border:3px solid #071625;
  border-radius:999px;
  background:#ff476f;
  box-shadow:0 5px 14px rgba(0,0,0,.45),0 0 15px rgba(255,71,111,.55);
  color:#fff;
  font-size:.69rem;
  font-weight:950;
  line-height:1;
  font-variant-numeric:tabular-nums;
}

@media(max-width:768px){
  body.has-chat-sidebar .workspace-root{padding-bottom:104px!important}
  .unified-client-chat.chat-sidebar--minimized{
    right:max(10px,env(safe-area-inset-right))!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    width:76px!important;
    min-width:76px!important;
    max-width:76px!important;
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;
  }
  .unified-client-chat.chat-sidebar--minimized .chat-minimize-btn::after{top:5px;right:5px}
}

@media(max-width:820px){
  .unified-client-chat.enhanced-chat-workspace:not(.chat-sidebar--minimized){inset:auto 0 0!important;width:100%!important;height:76dvh!important;min-width:0;min-height:420px;max-width:100%;max-height:calc(100dvh - 8px);resize:none;border-radius:20px 20px 0 0}
  .unified-client-chat.enhanced-chat-workspace:not(.chat-sidebar--minimized) .chat-sidebar-body{grid-template-columns:1fr;grid-template-rows:auto auto auto minmax(0,1fr)}
  .unified-client-chat.enhanced-chat-workspace:not(.chat-sidebar--minimized) .chat-sidebar-body>.client-inbox-tabs{grid-column:1;grid-row:auto;display:flex!important;flex-direction:row;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid rgba(73,205,255,.15);padding:9px}
  .unified-client-chat.enhanced-chat-workspace:not(.chat-sidebar--minimized) .chat-sidebar-body>.client-inbox-tabs[style*="display:none"],
  .unified-client-chat.enhanced-chat-workspace:not(.chat-sidebar--minimized) .chat-sidebar-body>.client-inbox-tabs[style*="display: none"]{display:none!important}
  .unified-client-chat.enhanced-chat-workspace:not(.chat-sidebar--minimized) .client-inbox-tabs button{width:auto;min-width:138px}
  .unified-client-chat.enhanced-chat-workspace:not(.chat-sidebar--minimized) .chat-sidebar-body>:not(.client-inbox-tabs){grid-column:1}
  .unified-client-chat.enhanced-chat-workspace:not(.chat-sidebar--minimized) .chat-messages-wrap{grid-row:auto}
  .chat-maximize-btn{display:none!important}
}

/* Client Updates uses its own movable TWF circle, independent from Client Chat. */
.member-update-dock .update-dock-logo{width:42px;height:42px;object-fit:contain;padding:6px;border-radius:50%;background:radial-gradient(circle,rgba(55,196,247,.22),rgba(4,22,39,.86));border:1px solid rgba(80,205,255,.35)}
.member-update-dock.is-collapsed{
  left:18px!important;
  right:auto!important;
  bottom:max(18px,env(safe-area-inset-bottom))!important;
  top:auto!important;
  width:76px!important;
  min-width:76px!important;
  max-width:76px!important;
  height:76px!important;
  min-height:76px!important;
  max-height:76px!important;
  border:1px solid rgba(87,209,255,.55)!important;
  border-radius:50%!important;
  overflow:visible!important;
  background:radial-gradient(circle at 34% 28%,rgba(39,183,237,.3),rgba(5,24,42,.98) 72%)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.48),0 0 0 4px rgba(42,182,235,.09),0 0 28px rgba(35,191,248,.22)!important;
}
.member-update-dock.is-collapsed>header{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
}
.member-update-dock.is-collapsed .update-dock-logo,
.member-update-dock.is-collapsed>header>div,
.member-update-dock.is-collapsed .member-update-list{display:none!important}
.member-update-dock.is-collapsed #member-update-minimize{
  position:absolute;
  inset:0;
  display:block;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  color:transparent!important;
  font-size:0!important;
  background-color:transparent!important;
  background-image:url('/twf-app-icon.png?v=20260810')!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:72% auto!important;
  touch-action:none;
  cursor:grab;
}
.member-update-dock.is-collapsed.is-dragging #member-update-minimize{cursor:grabbing;filter:brightness(1.16)}
.member-update-dock.is-collapsed #member-update-count{
  position:absolute;
  top:-6px;
  right:-6px;
  z-index:4;
  min-width:28px;
  height:28px;
  padding:0 6px;
  border:3px solid #071625;
  background:#ff9f43;
  box-shadow:0 5px 14px rgba(0,0,0,.45),0 0 15px rgba(255,159,67,.5);
  color:#fff;
  font-size:.69rem;
  font-weight:950;
}
.member-update-dock.is-collapsed #member-update-count[data-count="0"]{display:none}
.member-update-dock.is-collapsed.has-urgent-update #member-update-count{background:#ff476f;box-shadow:0 5px 14px rgba(0,0,0,.45),0 0 18px rgba(255,71,111,.65)}

@media(max-width:768px){
  .member-update-dock.is-collapsed{
    left:max(10px,env(safe-area-inset-left))!important;
    right:auto!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    width:72px!important;
    min-width:72px!important;
    max-width:72px!important;
    height:72px!important;
    min-height:72px!important;
    max-height:72px!important;
  }
}

.attendance-load-older{
  width:100%;
  border:1px solid rgba(63,196,255,.28);
  border-radius:10px;
  background:rgba(7,30,45,.72);
  color:#b9dcf0;
  padding:10px 12px;
  cursor:pointer;
}
#member-kpi-session-label{
  display:block;
  margin-top:5px;
  color:#79d7ff;
  font-size:.72rem;
  letter-spacing:.08em;
}

/* ===== v51 QA/manager readability polish ===== */
.qa-review-row,
.movement-audit-row,
.system-health-output>div{line-height:1.45}
.qa-review-row :where(small,span,time),
.movement-audit-row :where(small,span,time),
.system-health-output :where(small,span){font-size:.75rem}
.movement-audit-row b,
.qa-review-row>b{font-size:.72rem}
.member-attendance-history>summary{font-size:.78rem}
.unified-client-chat .chat-sidebar-brand-copy small{font-size:.7rem;letter-spacing:.11em}
.chat-message-edited{font-size:.72rem}
@media (min-width:1025px) and (max-width:1499px){
  .management-performance-layout{grid-template-columns:minmax(300px,.9fr) minmax(400px,1.1fr)}
}

/* =========================================================
   v53 — reliability / observability operations layer
   Presentation only. No KPI or workflow behavior lives here.
   ========================================================= */
.environment-badge {
  align-items:center; justify-content:center; margin-left:10px; padding:4px 9px;
  border-radius:999px; border:1px solid rgba(251,191,36,.38);
  background:rgba(120,53,15,.28); color:#fde68a; font-size:.7rem;
  font-weight:800; letter-spacing:.08em; line-height:1;
}
.environment-development { border-color:rgba(96,165,250,.4); background:rgba(30,64,175,.24); color:#bfdbfe; }
.technical-health-trigger { border-color:rgba(45,212,191,.32) !important; }
.technical-health-overlay { z-index:12000; padding:20px; overflow:auto; align-items:flex-start; }
.technical-health-modal { width:min(1500px,96vw); max-width:none; margin:18px auto; padding:22px; max-height:none; }
.technical-health-heading { align-items:flex-start; gap:18px; }
.technical-health-heading-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.technical-health-banner { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:16px 0; padding:12px 14px; border-radius:12px; border:1px solid rgba(148,163,184,.22); background:rgba(15,23,42,.66); }
.technical-health-banner strong { font-size:.95rem; }
.technical-health-banner span { color:var(--text-muted,#9ca3af); font-size:.78rem; }
.technical-health-banner.is-healthy { border-color:rgba(52,211,153,.38); box-shadow:inset 0 0 22px rgba(16,185,129,.05); }
.technical-health-banner.is-attention { border-color:rgba(251,146,60,.44); }
.technical-health-metrics { display:grid; grid-template-columns:repeat(6,minmax(130px,1fr)); gap:10px; margin-bottom:14px; }
.technical-metric { min-width:0; padding:12px; border-radius:12px; background:rgba(8,16,31,.72); border:1px solid rgba(148,163,184,.16); }
.technical-metric span { display:block; color:var(--text-muted,#9ca3af); font-size:.72rem; margin-bottom:5px; }
.technical-metric strong { display:block; font-size:.92rem; overflow-wrap:anywhere; }
.technical-metric.is-healthy { border-color:rgba(52,211,153,.24); }
.technical-metric.is-attention { border-color:rgba(251,146,60,.35); }
.technical-metric.is-staging { border-color:rgba(251,191,36,.35); }
.technical-health-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.technical-health-panel { min-width:0; padding:15px; border-radius:14px; border:1px solid rgba(148,163,184,.16); background:rgba(7,14,28,.63); }
.technical-health-wide { grid-column:1/-1; }
.technical-status-row { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; padding:8px 0; border-bottom:1px solid rgba(148,163,184,.09); }
.technical-status-row:last-child { border-bottom:0; }
.technical-status-row span { color:var(--text-muted,#9ca3af); font-size:.78rem; }
.technical-status-row strong { text-align:right; font-size:.8rem; overflow-wrap:anywhere; }
.technical-table-wrap { width:100%; overflow:auto; max-height:310px; border-radius:10px; }
.technical-health-table { width:100%; min-width:720px; border-collapse:collapse; font-size:.76rem; }
.technical-health-table th { position:sticky; top:0; z-index:1; background:#0d1727; color:#cbd5e1; text-align:left; padding:9px; }
.technical-health-table td { vertical-align:top; padding:9px; border-top:1px solid rgba(148,163,184,.1); color:#dbe4ee; }
.technical-health-table td:first-child { max-width:700px; overflow-wrap:anywhere; }
.technical-health-actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }
.technical-health-actions button { min-height:38px; }
.staging-restore-button { border-color:rgba(251,191,36,.42) !important; color:#fde68a !important; }
.technical-insight-metrics { display:grid; grid-template-columns:repeat(4,minmax(110px,1fr)); gap:9px; margin-bottom:12px; }
.technical-insight-metrics > div { padding:10px; border-radius:10px; background:rgba(15,23,42,.7); }
.technical-insight-metrics span { display:block; color:var(--text-muted,#9ca3af); font-size:.72rem; }
.technical-insight-metrics strong { display:block; margin-top:4px; font-size:1.15rem; }
.technical-risk-list, .technical-signal-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.technical-risk-list article, .technical-signal-columns article { display:flex; flex-direction:column; gap:3px; padding:9px 10px; border-radius:10px; background:rgba(15,23,42,.58); border:1px solid rgba(148,163,184,.1); }
.technical-risk-list article strong, .technical-signal-columns article strong { font-size:.78rem; }
.technical-risk-list article span, .technical-signal-columns article span { color:var(--text-muted,#9ca3af); font-size:.72rem; overflow-wrap:anywhere; }
.technical-signal-columns h4 { margin:0 0 8px; }

/* Long-running inbox performance budget: let the browser skip paint work for
   off-screen rows while keeping the existing bounded history behavior. */
.chat-message-row,
.client-inbox-message,
.ops-ledger-row,
.notification-item {
  content-visibility:auto;
  contain-intrinsic-size:auto 84px;
}

@media (max-width:1100px) {
  .technical-health-metrics { grid-template-columns:repeat(3,minmax(120px,1fr)); }
}
@media (max-width:760px) {
  .technical-health-overlay { padding:8px; }
  .technical-health-modal { width:100%; margin:4px auto; padding:14px; }
  .technical-health-heading { flex-direction:column; }
  .technical-health-heading-actions { width:100%; justify-content:flex-start; }
  .technical-health-banner { align-items:flex-start; flex-direction:column; }
  .technical-health-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .technical-health-grid { grid-template-columns:1fr; }
  .technical-health-wide { grid-column:auto; }
  .technical-insight-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .technical-risk-list, .technical-signal-columns { grid-template-columns:1fr; }
}

/* v57: stable scrolling for long realtime chat/workflow feeds.
   Keep user-controlled scroll position stable while lazy media/realtime updates arrive. */
.chat-messages-list {
  scrollbar-gutter: stable;
  overscroll-behavior-y: contain;
  touch-action: pan-y;
  overflow-anchor: auto;
}
.chat-messages-list > * { overflow-anchor: none; }
.chat-messages-list > .chat-message-row { overflow-anchor: auto; }
.verification-chat-gallery .verification-chat-image {
  aspect-ratio: 4 / 3;
  width: 100%;
  height: auto;
  object-fit: contain;
  background: rgba(237, 243, 247, .96);
}


/* v61: while an inbox is completing its initial layout, pin it to the real latest
   message. Any genuine user scroll/touch/pointer/key interaction releases this lock. */
.chat-messages-list.chat-opening-pin-latest {
  overflow-anchor: none !important;
}
.chat-messages-list.chat-opening-pin-latest > * {
  overflow-anchor: none !important;
}


/* v77: WhatsApp/Telegram-like chat viewport stability.
   Chat rows are already capped to a small render window, so do not use
   content-visibility estimates on them: media-heavy rows must keep their real
   height while scrolling instead of changing height as they enter the viewport. */
.chat-messages-list > .chat-message-row {
  content-visibility: visible !important;
  contain-intrinsic-size: none !important;
}

/* Reserve a deterministic media frame before private bucket images finish
   presigning/loading. This prevents screenshot rows from expanding under the
   user's finger/mouse and moving the conversation while reading. */
.verification-chat-gallery .chat-image-preview-link,
.verification-chat-gallery .verification-chat-image,
.verification-chat-gallery .client-inbox-result-image {
  box-sizing: border-box;
}
.verification-chat-gallery .chat-image-preview-link {
  display: block;
  width: 100%;
  height: clamp(180px, 31vw, 320px);
  overflow: hidden;
  border-radius: 8px;
  background: rgba(9, 20, 31, .82);
}
.verification-chat-gallery .verification-chat-image,
.verification-chat-gallery .client-inbox-result-image {
  width: 100% !important;
  height: clamp(180px, 31vw, 320px) !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  margin: 0 !important;
  background: rgba(9, 20, 31, .82) !important;
}
.verification-chat-gallery > .verification-chat-image {
  height: clamp(180px, 31vw, 320px) !important;
}
.verification-image-loading {
  opacity: .78;
  background:
    linear-gradient(100deg, rgba(12,27,40,.92) 20%, rgba(30,54,70,.96) 40%, rgba(12,27,40,.92) 60%) !important;
  background-size: 220% 100% !important;
}
@media (max-width: 600px) {
  .verification-chat-gallery .chat-image-preview-link,
  .verification-chat-gallery .verification-chat-image,
  .verification-chat-gallery .client-inbox-result-image,
  .verification-chat-gallery > .verification-chat-image {
    height: 220px !important;
  }
}


/* v78: compact WhatsApp/Telegram-style Verification/SV Verify previews.
   Keep deterministic heights for scroll stability without letting media consume
   most of the chat viewport. Full size remains available on click. */
.verification-media-bubble-compact {
  width: min(286px, calc(100vw - 108px)) !important;
  max-width: min(286px, calc(100vw - 108px)) !important;
}
.verification-media-bubble-compact .verification-chat-gallery {
  max-width: 274px !important;
  gap: 4px !important;
  padding: 3px !important;
}
.verification-media-bubble-compact .verification-chat-gallery-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.verification-media-bubble-compact .verification-chat-gallery .chat-image-preview-link,
.verification-media-bubble-compact .verification-chat-gallery .verification-chat-image,
.verification-media-bubble-compact .verification-chat-gallery .client-inbox-result-image,
.verification-media-bubble-compact .verification-chat-gallery > .verification-chat-image {
  height: clamp(96px, 12vw, 136px) !important;
}
.verification-media-bubble-compact .verification-chat-gallery-2 .chat-image-preview-link,
.verification-media-bubble-compact .verification-chat-gallery-2 .verification-chat-image,
.verification-media-bubble-compact .verification-chat-gallery-2 .client-inbox-result-image {
  height: clamp(88px, 10vw, 118px) !important;
}
@media (max-width: 600px) {
  .verification-media-bubble-compact {
    width: min(268px, calc(100vw - 82px)) !important;
    max-width: min(268px, calc(100vw - 82px)) !important;
  }
  .verification-media-bubble-compact .verification-chat-gallery .chat-image-preview-link,
  .verification-media-bubble-compact .verification-chat-gallery .verification-chat-image,
  .verification-media-bubble-compact .verification-chat-gallery .client-inbox-result-image,
  .verification-media-bubble-compact .verification-chat-gallery > .verification-chat-image {
    height: 120px !important;
  }
  .verification-media-bubble-compact .verification-chat-gallery-2 .chat-image-preview-link,
  .verification-media-bubble-compact .verification-chat-gallery-2 .verification-chat-image,
  .verification-media-bubble-compact .verification-chat-gallery-2 .client-inbox-result-image {
    height: 100px !important;
  }
}


/* v81: platform lanes live inside their parent workspace, WhatsApp/Telegram-style. */
.inbox-lane-tabs{
  display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid rgba(68,190,255,.16);
  background:rgba(2,18,31,.9);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;z-index:2
}
.inbox-lane-tabs button{
  flex:0 0 auto;min-width:104px;min-height:42px;padding:8px 14px;border:1px solid rgba(84,181,232,.22);
  border-radius:9px;background:rgba(7,27,43,.88);color:#a5bdd0;font:800 .78rem/1.1 Inter,sans-serif;cursor:pointer
}
.inbox-lane-tabs button:hover{color:#e9f9ff;border-color:rgba(87,205,255,.42);background:rgba(14,76,111,.38)}
.inbox-lane-tabs button.is-active{color:#fff;border-color:#36c7ff;background:linear-gradient(145deg,rgba(31,157,213,.78),rgba(15,91,130,.76));box-shadow:inset 0 -2px #7ce5ff,0 0 16px rgba(31,181,240,.12)}
.unified-client-chat.enhanced-chat-workspace:not(.chat-sidebar--minimized) .inbox-lane-tabs{grid-column:2;min-width:0}
@media(max-width:760px){.unified-client-chat.enhanced-chat-workspace:not(.chat-sidebar--minimized) .inbox-lane-tabs{grid-column:1}.inbox-lane-tabs button{min-width:92px}}

/* v100: compact inquiry queue controls — status + automatic platform follow-up trigger. */
.inquiry-compact-controls{
  display:grid;grid-template-columns:minmax(105px,.8fr) minmax(150px,1.2fr);gap:8px;
  margin-top:10px;padding-top:9px;border-top:1px solid rgba(93,174,220,.14)
}
.inquiry-compact-select{display:grid;gap:4px;min-width:0}
.inquiry-compact-select>span{font-size:.64rem;font-weight:800;letter-spacing:.075em;text-transform:uppercase;color:#7f9db1}
.inquiry-compact-select select{
  width:100%;min-width:0;height:34px;padding:0 28px 0 9px;border:1px solid rgba(80,184,235,.28);border-radius:9px;
  background:#071b2a;color:#d8eff9;font:750 .76rem/1 Inter,sans-serif;outline:none;cursor:pointer
}
.inquiry-compact-select select:focus{border-color:#42cafc;box-shadow:0 0 0 2px rgba(66,202,252,.11)}
.inquiry-followup-route-select select{border-color:rgba(98,219,188,.24);color:#bdf2e1}
@media(max-width:560px){.inquiry-compact-controls{grid-template-columns:1fr}.inquiry-compact-select select{height:36px}}

/* v84: Verification/SV Verify previews fit the screenshot itself, like WhatsApp/Telegram.
   No tall fixed media frame: landscape account screenshots stay short and readable;
   full resolution remains available on click. */
.verification-media-bubble-compact{
  width:min(390px,calc(100vw - 92px))!important;
  max-width:min(390px,calc(100vw - 92px))!important
}
.verification-media-bubble-compact .verification-chat-gallery{
  width:100%!important;max-width:380px!important;gap:5px!important;padding:2px!important;
  align-items:start!important
}
.verification-media-bubble-compact .verification-chat-gallery-2{
  grid-template-columns:repeat(2,minmax(0,1fr))!important
}
.verification-media-bubble-compact .verification-chat-gallery .chat-image-preview-link{
  display:grid!important;place-items:center!important;width:100%!important;height:auto!important;min-height:58px!important;
  overflow:hidden!important;border-radius:8px!important;background:rgba(6,18,28,.44)!important
}
.verification-media-bubble-compact .verification-chat-gallery .verification-chat-image,
.verification-media-bubble-compact .verification-chat-gallery .client-inbox-result-image,
.verification-media-bubble-compact .verification-chat-gallery>.verification-chat-image{
  display:block!important;width:auto!important;max-width:100%!important;height:auto!important;min-height:0!important;
  max-height:190px!important;aspect-ratio:auto!important;object-fit:contain!important;margin:0 auto!important;
  background:transparent!important;border-radius:7px!important
}
.verification-media-bubble-compact .verification-chat-gallery-2 .verification-chat-image,
.verification-media-bubble-compact .verification-chat-gallery-2 .client-inbox-result-image,
.verification-media-bubble-compact .verification-chat-gallery-2 .chat-image-preview-link{
  max-height:150px!important
}
.verification-media-bubble-compact .verification-image-loading{min-height:58px!important;max-height:110px!important}
@media(max-width:600px){
  .verification-media-bubble-compact{width:min(360px,calc(100vw - 76px))!important;max-width:min(360px,calc(100vw - 76px))!important}
  .verification-media-bubble-compact .verification-chat-gallery .verification-chat-image,
  .verification-media-bubble-compact .verification-chat-gallery .client-inbox-result-image,
  .verification-media-bubble-compact .verification-chat-gallery>.verification-chat-image{max-height:165px!important}
  .verification-media-bubble-compact .verification-chat-gallery-2 .verification-chat-image,
  .verification-media-bubble-compact .verification-chat-gallery-2 .client-inbox-result-image{max-height:125px!important}
}


/* v85: WhatsApp/Telegram-like readable Verification/SV Verify media.
   Two screenshots are stacked vertically at full bubble width instead of being
   shrunk into side-by-side thumbnails. Keep the original aspect ratio and show
   the complete screenshot; click still opens the full-resolution viewer. */
.verification-media-bubble-compact{
  width:min(430px,calc(100vw - 86px))!important;
  max-width:min(430px,calc(100vw - 86px))!important
}
.verification-media-bubble-compact .verification-chat-gallery,
.verification-media-bubble-compact .verification-chat-gallery-2{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;
  max-width:418px!important;
  gap:8px!important;
  padding:2px!important;
  align-items:start!important
}
.verification-media-bubble-compact .verification-chat-gallery .chat-image-preview-link,
.verification-media-bubble-compact .verification-chat-gallery-2 .chat-image-preview-link{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  border-radius:8px!important;
  background:transparent!important
}
.verification-media-bubble-compact .verification-chat-gallery .verification-chat-image,
.verification-media-bubble-compact .verification-chat-gallery .client-inbox-result-image,
.verification-media-bubble-compact .verification-chat-gallery>.verification-chat-image,
.verification-media-bubble-compact .verification-chat-gallery-2 .verification-chat-image,
.verification-media-bubble-compact .verification-chat-gallery-2 .client-inbox-result-image{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:260px!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  background:transparent!important;
  border-radius:8px!important
}
.verification-media-bubble-compact .verification-image-loading{
  width:100%!important;
  min-height:82px!important;
  max-height:120px!important
}
@media(max-width:600px){
  .verification-media-bubble-compact{
    width:min(390px,calc(100vw - 66px))!important;
    max-width:min(390px,calc(100vw - 66px))!important
  }
  .verification-media-bubble-compact .verification-chat-gallery,
  .verification-media-bubble-compact .verification-chat-gallery-2{max-width:380px!important;gap:7px!important}
  .verification-media-bubble-compact .verification-chat-gallery .verification-chat-image,
  .verification-media-bubble-compact .verification-chat-gallery .client-inbox-result-image,
  .verification-media-bubble-compact .verification-chat-gallery>.verification-chat-image,
  .verification-media-bubble-compact .verification-chat-gallery-2 .verification-chat-image,
  .verification-media-bubble-compact .verification-chat-gallery-2 .client-inbox-result-image{max-height:230px!important}
}


/* v89: unified verification-photo presentation across operational inboxes. */
.client-inbox-bubble.verification-media-bubble-compact{
  overflow:visible!important;
  padding-bottom:9px!important;
}
.client-inbox-bubble.verification-media-bubble-compact .verification-chat-gallery{
  margin-top:7px!important;
  border-radius:9px!important;
  background:rgba(1,12,22,.42)!important;
}
.client-inbox-bubble.verification-media-bubble-compact .verification-chat-image{
  box-shadow:0 4px 14px rgba(0,0,0,.18)!important;
}

/* ===== v95 Jammy QA compact mode ===== */
#adminWorkspaceSection .qa-review-card-compact{padding:16px!important;}
#adminWorkspaceSection .qa-review-card-compact .panel-meta-header{margin-bottom:6px;}
#adminWorkspaceSection .qa-review-card-compact .qa-review-counts{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:9px 0 10px;}
#adminWorkspaceSection .qa-review-card-compact .qa-review-counts>div{padding:8px 10px;}
#adminWorkspaceSection .qa-review-card-compact .qa-review-counts strong{font-size:1.1rem;}
#adminWorkspaceSection .qa-review-card-compact .qa-review-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:12px;align-items:start;}
#adminWorkspaceSection .qa-review-card-compact h4{margin:7px 0;}
#adminWorkspaceSection .qa-review-card-compact .qa-flags-compact{min-width:0;padding:10px;border:1px solid rgba(72,172,234,.14);border-radius:12px;background:rgba(2,15,29,.42);}
#adminWorkspaceSection .qa-review-card-compact .qa-flags-compact .qa-review-list{min-height:0;max-height:210px;overflow:auto;gap:6px;}
#adminWorkspaceSection .qa-review-card-compact .qa-flags-compact .qa-review-row{padding:9px 10px;border-radius:10px;gap:8px;}
#adminWorkspaceSection .qa-review-card-compact .qa-flags-compact .qa-review-row strong{font-size:.75rem;}
#adminWorkspaceSection .qa-review-card-compact .qa-flags-compact .qa-review-row span{font-size:.67rem;}
#adminWorkspaceSection .qa-review-card-compact .qa-flags-compact .qa-review-row small{font-size:.61rem;}
@media(max-width:980px){#adminWorkspaceSection .qa-review-card-compact .qa-review-grid{grid-template-columns:1fr;}#adminWorkspaceSection .qa-review-card-compact .qa-flags-compact .qa-review-list{max-height:190px;}}


/* v100: one-click Follow-Up trigger. Source Inquiry lane decides destination. */
.inquiry-followup-trigger-wrap{display:grid;gap:4px;min-width:0}
.inquiry-followup-trigger-wrap>span{font-size:.64rem;font-weight:800;letter-spacing:.075em;text-transform:uppercase;color:#7f9db1}
.inquiry-followup-trigger{
  width:100%;min-width:0;height:34px;padding:0 12px;border:1px solid rgba(98,219,188,.32);border-radius:9px;
  background:linear-gradient(145deg,rgba(10,53,67,.96),rgba(5,35,46,.98));color:#bdf2e1;font:800 .76rem/1 Inter,sans-serif;
  cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease
}
.inquiry-followup-trigger:hover{border-color:rgba(118,238,205,.62);background:linear-gradient(145deg,rgba(14,73,88,.98),rgba(7,47,59,.99));box-shadow:0 0 14px rgba(83,218,184,.09)}
.inquiry-followup-trigger:active{transform:scale(.985)}
.inquiry-followup-trigger:disabled{cursor:progress;opacity:.58}
@media(max-width:560px){.inquiry-followup-trigger{height:36px}}

/* ===== v101 Follow-Up case board + personal queue + compact Verification gallery ===== */
/* Follow-Up platform inboxes are operational case boards, not duplicate chat streams. */
.embedded-followup-board{
  width:100%;
  max-width:860px;
  margin:0 auto;
  padding:16px 14px 24px!important;
}
.embedded-followup-board .workflow-case-hero{
  grid-template-columns:minmax(0,1fr) minmax(220px,310px);
  align-items:center;
  padding:16px 17px;
  border-color:rgba(61,199,255,.25);
  background:linear-gradient(145deg,rgba(7,44,70,.92),rgba(3,21,35,.96));
}
.embedded-followup-board .workflow-case-hero h3{font-size:1.02rem;letter-spacing:.055em}
.embedded-followup-board .workflow-case-list{display:grid;grid-template-columns:1fr;gap:10px}
.embedded-followup-board .workflow-case-card{
  padding:13px 14px;
  border-color:rgba(78,183,233,.18);
  background:linear-gradient(150deg,rgba(7,30,47,.96),rgba(4,20,32,.97));
  box-shadow:inset 3px 0 rgba(45,192,250,.5),0 10px 28px rgba(0,0,0,.12);
}
.embedded-followup-board .workflow-checkpoint{background:rgba(255,255,255,.018)}
.embedded-followup-board .workflow-checkpoint.is-complete{background:rgba(35,150,122,.08)}

/* Personal mirror shown on every support member dashboard (including John) and Jammy. */
.my-followups-dashboard-card{overflow:hidden}
.my-followups-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:12px 0 14px;
}
.my-followups-summary>div{
  min-width:0;
  padding:10px 11px;
  border:1px solid rgba(71,183,238,.16);
  border-radius:11px;
  background:rgba(3,22,36,.68);
}
.my-followups-summary span,.my-followups-summary strong{display:block}
.my-followups-summary span{color:#88a8bc;font-size:.64rem;font-weight:850;letter-spacing:.065em;text-transform:uppercase}
.my-followups-summary strong{margin-top:4px;color:#dff7ff;font-size:1.35rem}
.my-followups-summary .my-followups-total{border-color:rgba(65,208,255,.34);background:rgba(10,74,105,.34)}
.my-followups-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  max-height:520px;
  overflow:auto;
  padding-right:4px;
  scrollbar-width:thin;
}
.my-followup-card-shell{min-width:0}
.my-followup-card-shell .workflow-case-card{
  height:100%;
  margin:0;
  padding:12px;
  border-color:rgba(78,188,239,.18);
  background:linear-gradient(145deg,rgba(6,28,44,.92),rgba(4,18,31,.98));
}
.my-followup-card-shell .workflow-case-card-head strong{font-size:.84rem}
.my-followup-card-shell .workflow-case-meta{grid-template-columns:1fr}
.my-followup-card-shell .workflow-checkpoints{display:grid;gap:6px;margin-top:10px}
.my-followup-card-shell .workflow-checkpoint{padding:8px 9px}
.my-followup-card-shell .workflow-checkpoint strong{font-size:.68rem}
.my-followup-card-shell .workflow-checkpoint small{font-size:.61rem;line-height:1.35}
.my-followup-card-shell .workflow-checkpoint button{padding:7px 8px;font-size:.67rem}
.my-followup-card-shell .workflow-case-actions{display:grid;grid-template-columns:1fr;gap:6px}
.my-followup-card-shell .workflow-case-actions button{width:100%}
.my-followups-empty{
  grid-column:1/-1;
  display:grid;
  place-items:center;
  gap:5px;
  min-height:120px;
  padding:20px;
  border:1px dashed rgba(76,185,236,.23);
  border-radius:13px;
  background:rgba(2,16,28,.42);
  text-align:center;
}
.my-followups-empty strong{color:#dff7ff}.my-followups-empty span{color:#7f9aac;font-size:.76rem}

/* Verification/SV Verify: thumbnail gallery keeps long screenshot runs from stretching chat. */
.verification-media-bubble-compact{
  width:min(330px,calc(100vw - 82px))!important;
  max-width:min(330px,calc(100vw - 82px))!important;
}
.verification-media-bubble-compact .verification-chat-gallery-compact{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
  width:100%!important;
  max-width:310px!important;
  padding:4px!important;
  border:1px solid rgba(79,193,243,.12)!important;
  border-radius:11px!important;
  background:rgba(1,12,22,.62)!important;
}
.verification-media-bubble-compact .verification-chat-gallery-compact.verification-chat-gallery-1{
  grid-template-columns:minmax(0,148px)!important;
  max-width:160px!important;
}
.verification-chat-gallery-compact .chat-image-preview-link,
.verification-chat-gallery-compact .verification-gallery-tile{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:96px!important;
  min-height:96px!important;
  max-height:96px!important;
  overflow:hidden!important;
  border:1px solid rgba(91,202,249,.16)!important;
  border-radius:9px!important;
  background:rgba(5,25,39,.92)!important;
  cursor:zoom-in;
}
.verification-chat-gallery-compact .verification-chat-image,
.verification-chat-gallery-compact .client-inbox-result-image{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  border-radius:8px!important;
  object-fit:cover!important;
  object-position:center!important;
  background:rgba(5,25,39,.92)!important;
  box-shadow:none!important;
}
.verification-chat-gallery-compact .chat-image-preview-link:hover .verification-chat-image,
.verification-chat-gallery-compact .verification-gallery-tile:hover .verification-chat-image{filter:brightness(1.08)}
.verification-gallery-more{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:rgba(2,18,30,.68);
  color:#e8f9ff;
  font-size:1.25rem;
  font-weight:900;
  pointer-events:none;
}
@media(max-width:760px){
  .embedded-followup-board .workflow-case-hero{grid-template-columns:1fr}
  .my-followups-list{grid-template-columns:1fr;max-height:460px}
  .my-followups-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){
  .verification-media-bubble-compact{width:min(300px,calc(100vw - 58px))!important;max-width:min(300px,calc(100vw - 58px))!important}
  .verification-chat-gallery-compact .chat-image-preview-link,.verification-chat-gallery-compact .verification-gallery-tile{height:84px!important;min-height:84px!important;max-height:84px!important}
}
/* v101 specificity lock: these rules intentionally override the older readable-media layout. */
.verification-media-bubble-compact .verification-chat-gallery-compact .chat-image-preview-link,
.verification-media-bubble-compact .verification-chat-gallery-compact .verification-gallery-tile{
  position:relative!important;display:block!important;width:100%!important;height:96px!important;min-height:96px!important;max-height:96px!important;
  overflow:hidden!important;border:1px solid rgba(91,202,249,.16)!important;border-radius:9px!important;background:rgba(5,25,39,.92)!important
}
.verification-media-bubble-compact .verification-chat-gallery-compact .verification-chat-image,
.verification-media-bubble-compact .verification-chat-gallery-compact .client-inbox-result-image,
.verification-media-bubble-compact .verification-chat-gallery-compact>.verification-chat-image{
  display:block!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;max-height:none!important;
  margin:0!important;border-radius:8px!important;object-fit:cover!important;object-position:center!important;background:rgba(5,25,39,.92)!important;box-shadow:none!important
}
@media(max-width:480px){
  .verification-media-bubble-compact .verification-chat-gallery-compact .chat-image-preview-link,
  .verification-media-bubble-compact .verification-chat-gallery-compact .verification-gallery-tile{height:84px!important;min-height:84px!important;max-height:84px!important}
}

/* ===== v102 Profit Shot popup gallery ===== */
.profitshot-gallery-launcher-card{
  display:grid;
  gap:16px;
  overflow:hidden;
}
.profitshot-gallery-launcher-body{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  padding:15px;
  border:1px solid rgba(72,194,255,.18);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(5,31,49,.78),rgba(2,17,31,.78));
}
.profitshot-gallery-folder-art{
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  border:1px solid rgba(88,209,255,.34);
  border-radius:15px;
  background:rgba(17,93,135,.18);
  color:#66d9ff;
}
.profitshot-gallery-folder-art svg{width:31px;height:31px;fill:rgba(48,184,242,.12);stroke:currentColor;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.profitshot-gallery-launcher-copy{display:grid;gap:4px;min-width:0}
.profitshot-gallery-launcher-copy strong{color:#e8f7ff;font-size:.98rem}
.profitshot-gallery-launcher-copy span{color:#89a6b9;font-size:.76rem;line-height:1.45}
.profitshot-open-gallery-btn{width:auto!important;min-width:132px;white-space:nowrap}
.profitshot-folder-launcher{display:flex;gap:8px;overflow-x:auto;padding:1px 0 3px;scrollbar-width:thin;scrollbar-color:rgba(77,199,255,.48) transparent}
.profitshot-folder-launch-button{
  display:flex;
  align-items:center;
  gap:9px;
  flex:0 0 auto;
  min-width:190px;
  padding:10px 12px;
  border:1px solid rgba(72,190,248,.18);
  border-radius:13px;
  background:rgba(3,20,35,.72);
  color:#dff7ff;
  text-align:left;
  cursor:pointer;
  transition:border-color .16s ease,background .16s ease,transform .16s ease;
}
.profitshot-folder-launch-button:hover{transform:translateY(-1px);border-color:rgba(86,210,255,.44);background:rgba(8,39,62,.82)}
.profitshot-folder-launch-button>span:last-child{display:grid;gap:2px;min-width:0}
.profitshot-folder-launch-button strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem}
.profitshot-folder-launch-button small{color:#7899af;font-size:.66rem}
.profitshot-folder-mini-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:rgba(37,159,216,.14);color:#62d6ff;font-size:.8rem}
.profitshot-folder-launcher-empty{padding:10px 0;color:#7995a9;font-size:.75rem}

.profitshot-gallery-modal-overlay{
  z-index:7200!important;
  background:rgba(0,7,15,.82)!important;
  backdrop-filter:blur(14px)!important;
}
.profitshot-gallery-modal{
  width:min(1180px,96vw);
  height:min(820px,92dvh);
  min-height:520px;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  overflow:hidden;
  border:1px solid rgba(78,197,255,.24);
  border-radius:22px;
  background:linear-gradient(155deg,rgba(8,27,45,.99),rgba(3,13,25,.99));
  box-shadow:0 28px 90px rgba(0,0,0,.58),0 0 38px rgba(36,181,248,.10);
}
.profitshot-gallery-modal-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:20px 22px 16px;
  border-bottom:1px solid rgba(80,192,246,.14);
}
.profitshot-gallery-modal-header h2{margin:4px 0 5px;font-size:1.45rem}
.profitshot-gallery-modal-header p{margin:0;color:#8ca7b9;font-size:.78rem}
.profitshot-gallery-modal-header .btn-terminate{width:auto!important;min-width:86px}
.profitshot-gallery-modal-shell{
  min-height:0;
  display:grid;
  grid-template-columns:230px minmax(0,1fr);
}
.profitshot-gallery-folder-pane{
  min-height:0;
  overflow-y:auto;
  padding:12px;
  border-right:1px solid rgba(72,185,239,.13);
  background:rgba(2,15,28,.58);
}
.profitshot-gallery-folder-list{display:grid;gap:7px;margin-top:7px}
.profitshot-folder-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  width:100%;
  min-height:42px;
  padding:9px 10px;
  border:1px solid rgba(72,185,239,.12);
  border-radius:11px;
  background:rgba(4,24,40,.58);
  color:#9bb5c8;
  text-align:left;
  cursor:pointer;
}
.profitshot-folder-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:800}
.profitshot-folder-row b{display:grid;place-items:center;min-width:28px;height:24px;padding:0 7px;border-radius:999px;background:rgba(37,155,213,.12);color:#6ed9ff;font-size:.66rem}
.profitshot-folder-row:hover,.profitshot-folder-row.is-active{border-color:rgba(79,207,255,.45);background:rgba(13,63,91,.62);color:#e9f9ff}
.profitshot-folder-row.is-active{box-shadow:inset 3px 0 #28bdf6}
.profitshot-gallery-image-pane{
  min-height:0;
  overflow-y:auto;
  padding:16px 18px 20px;
  overscroll-behavior:contain;
}
.profitshot-gallery-image-pane .profitshot-gallery-status{position:sticky;top:-16px;z-index:4;margin:-16px -18px 14px;padding:12px 18px;border-bottom:1px solid rgba(72,185,239,.12);background:rgba(4,18,31,.96);backdrop-filter:blur(12px)}
.profitshot-gallery-modal .profitshot-history-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.profitshot-gallery-modal .profitshot-history-item{border-radius:12px;background:rgba(4,20,34,.86)}
.profitshot-gallery-modal .profitshot-history-image-button img{aspect-ratio:4/5;object-fit:cover}
.profitshot-gallery-modal .profitshot-history-meta{padding:8px 9px}
.profitshot-gallery-modal .profitshot-history-meta strong{font-size:.68rem}
.profitshot-gallery-modal .profitshot-history-meta span{font-size:.62rem}
.profitshot-gallery-empty{min-height:210px;place-items:center;align-content:center;gap:7px;padding:28px;border:1px dashed rgba(77,196,248,.22);border-radius:15px;color:#7e9aaf;text-align:center}
.profitshot-gallery-empty:not([hidden]){display:grid}
.profitshot-gallery-empty strong{color:#cdefff}
body.profitshot-gallery-open{overflow:hidden}

@media(max-width:900px){
  .profitshot-gallery-modal-shell{grid-template-columns:190px minmax(0,1fr)}
  .profitshot-gallery-modal .profitshot-history-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
  .profitshot-gallery-launcher-body{grid-template-columns:auto minmax(0,1fr)}
  .profitshot-open-gallery-btn{grid-column:1/-1;width:100%!important}
  .profitshot-gallery-modal{width:100%;height:96dvh;min-height:0;border-radius:18px}
  .profitshot-gallery-modal-header{padding:14px;align-items:center}
  .profitshot-gallery-modal-header p{display:none}
  .profitshot-gallery-modal-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}
  .profitshot-gallery-folder-pane{display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;padding:9px;border-right:0;border-bottom:1px solid rgba(72,185,239,.13)}
  .profitshot-gallery-folder-list{display:flex;gap:7px;margin:0}
  .profitshot-folder-row{width:auto;min-width:142px}
  .profitshot-gallery-image-pane{padding:12px}
  .profitshot-gallery-image-pane .profitshot-gallery-status{top:-12px;margin:-12px -12px 12px;padding:10px 12px}
  .profitshot-gallery-modal .profitshot-history-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
}
@media(max-width:420px){
  .profitshot-gallery-modal-header h2{font-size:1.1rem}
  .profitshot-gallery-modal-header .verifier-kpi-eyebrow{display:none}
  .profitshot-gallery-modal .profitshot-history-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .profitshot-gallery-modal .profitshot-history-meta span{display:none}
}

/* ===== v106 Follow-Up responsive repair + readable Verification gallery ===== */
/* Follow-Up boards can live in a narrow floating chat even on a wide desktop.
   Do not key the hero layout only to viewport width: always put search on its
   own row so titles/instructions never collapse into a vertical word column. */
.embedded-followup-board{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:860px!important;
  min-width:0!important;
  padding:12px 10px 20px!important;
  overflow:visible!important;
}
.embedded-followup-board .workflow-case-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;
  min-width:0!important;
  gap:11px!important;
  align-items:stretch!important;
  box-sizing:border-box!important;
}
.embedded-followup-board .workflow-case-hero>div,
.embedded-followup-board .workflow-case-hero h3,
.embedded-followup-board .workflow-case-hero p{
  min-width:0!important;
  max-width:100%!important;
}
.embedded-followup-board .workflow-case-hero h3{
  overflow-wrap:normal!important;
  word-break:normal!important;
  white-space:normal!important;
  line-height:1.18!important;
}
.embedded-followup-board .workflow-case-hero p{
  overflow-wrap:normal!important;
  word-break:normal!important;
  line-height:1.45!important;
}
.embedded-followup-board .workflow-search-bar{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  box-sizing:border-box!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
}
.embedded-followup-board .workflow-search-bar .custom-input{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
.embedded-followup-board .workflow-case-section,
.embedded-followup-board .workflow-case-list,
.embedded-followup-board .workflow-case-card,
.embedded-followup-board .workflow-checkpoints,
.embedded-followup-board .workflow-checkpoint{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
@media(max-width:430px){
  .embedded-followup-board{padding:8px 6px 16px!important}
  .embedded-followup-board .workflow-case-hero{padding:12px!important}
  .embedded-followup-board .workflow-case-hero h3{font-size:.92rem!important}
  .embedded-followup-board .workflow-case-hero p{font-size:.7rem!important}
  .embedded-followup-board .workflow-checkpoint{grid-template-columns:minmax(0,1fr)!important}
  .embedded-followup-board .workflow-checkpoint button{width:100%!important}
}

/* Verification / SV Verify gallery: keep it compact, but never collapse a
   screenshot into a thin strip. The complete image stays visible in the tile;
   clicking it still opens the authenticated full-resolution viewer. */
.verification-media-bubble-compact{
  width:min(430px,calc(100vw - 86px))!important;
  max-width:min(430px,calc(100vw - 86px))!important;
  min-width:0!important;
  overflow:visible!important;
}
.verification-media-bubble-compact .verification-chat-gallery-compact{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;
  max-width:418px!important;
  min-width:0!important;
  gap:7px!important;
  padding:4px!important;
  box-sizing:border-box!important;
}
.verification-media-bubble-compact .verification-chat-gallery-compact.verification-chat-gallery-1{
  grid-template-columns:minmax(0,1fr)!important;
  max-width:418px!important;
}
.verification-media-bubble-compact .verification-chat-gallery-compact .chat-image-preview-link,
.verification-media-bubble-compact .verification-chat-gallery-compact .verification-gallery-tile{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:clamp(145px,18vw,190px)!important;
  min-height:145px!important;
  max-height:190px!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  border:1px solid rgba(91,202,249,.18)!important;
  border-radius:10px!important;
  background:rgba(5,25,39,.96)!important;
  cursor:zoom-in!important;
}
.verification-media-bubble-compact .verification-chat-gallery-compact.verification-chat-gallery-1 .chat-image-preview-link,
.verification-media-bubble-compact .verification-chat-gallery-compact.verification-chat-gallery-1 .verification-gallery-tile{
  height:clamp(180px,24vw,260px)!important;
  min-height:180px!important;
  max-height:260px!important;
}
.verification-media-bubble-compact .verification-chat-gallery-compact .verification-chat-image,
.verification-media-bubble-compact .verification-chat-gallery-compact .client-inbox-result-image,
.verification-media-bubble-compact .verification-chat-gallery-compact>.verification-chat-image{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  margin:0!important;
  border-radius:9px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:rgba(5,25,39,.96)!important;
  box-shadow:none!important;
}
.verification-media-bubble-compact .verification-chat-gallery-compact .verification-image-loading{
  width:100%!important;
  height:100%!important;
  min-height:145px!important;
}
@media(max-width:600px){
  .verification-media-bubble-compact{
    width:min(390px,calc(100vw - 64px))!important;
    max-width:min(390px,calc(100vw - 64px))!important;
  }
  .verification-media-bubble-compact .verification-chat-gallery-compact .chat-image-preview-link,
  .verification-media-bubble-compact .verification-chat-gallery-compact .verification-gallery-tile{
    height:136px!important;
    min-height:136px!important;
    max-height:136px!important;
  }
  .verification-media-bubble-compact .verification-chat-gallery-compact.verification-chat-gallery-1 .chat-image-preview-link,
  .verification-media-bubble-compact .verification-chat-gallery-compact.verification-chat-gallery-1 .verification-gallery-tile{
    height:190px!important;
    min-height:190px!important;
    max-height:190px!important;
  }
}
@media(max-width:390px){
  .verification-media-bubble-compact{
    width:min(320px,calc(100vw - 54px))!important;
    max-width:min(320px,calc(100vw - 54px))!important;
  }
  .verification-media-bubble-compact .verification-chat-gallery-compact{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .verification-media-bubble-compact .verification-chat-gallery-compact .chat-image-preview-link,
  .verification-media-bubble-compact .verification-chat-gallery-compact .verification-gallery-tile{
    height:160px!important;
    min-height:160px!important;
    max-height:160px!important;
  }
}


/* ===== v108 Verification / SV Verify intrinsic WhatsApp media sizing =====
   Do not force screenshots into a tall placeholder. The tile follows the real
   image height. Very wide account screenshots span the full message width. */
.verification-media-bubble-compact .verification-chat-gallery-compact{
  align-items:start!important;
  grid-auto-flow:row!important;
}
.verification-media-bubble-compact .verification-chat-gallery-compact .chat-image-preview-link,
.verification-media-bubble-compact .verification-chat-gallery-compact .verification-gallery-tile,
.verification-media-bubble-compact .verification-chat-gallery-compact.verification-chat-gallery-1 .chat-image-preview-link,
.verification-media-bubble-compact .verification-chat-gallery-compact.verification-chat-gallery-1 .verification-gallery-tile{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  align-self:start!important;
  background:rgba(5,25,39,.96)!important;
}
.verification-media-bubble-compact .verification-chat-gallery-compact .verification-chat-image,
.verification-media-bubble-compact .verification-chat-gallery-compact .client-inbox-result-image,
.verification-media-bubble-compact .verification-chat-gallery-compact>.verification-chat-image{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:320px!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  background:transparent!important;
}
.verification-media-bubble-compact .verification-chat-gallery-compact .verification-preview-ultrawide{
  grid-column:1 / -1!important;
}
.verification-media-bubble-compact .verification-chat-gallery-compact .verification-preview-ultrawide .verification-chat-image,
.verification-media-bubble-compact .verification-chat-gallery-compact .verification-preview-ultrawide .client-inbox-result-image{
  width:100%!important;
  max-height:220px!important;
}
.verification-media-bubble-compact .verification-chat-gallery-compact .verification-preview-portrait .verification-chat-image,
.verification-media-bubble-compact .verification-chat-gallery-compact .verification-preview-portrait .client-inbox-result-image{
  max-height:300px!important;
}
@media(max-width:390px){
  .verification-media-bubble-compact .verification-chat-gallery-compact{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .verification-media-bubble-compact .verification-chat-gallery-compact .verification-chat-image,
  .verification-media-bubble-compact .verification-chat-gallery-compact .client-inbox-result-image{
    max-height:280px!important;
  }
}