/* Reflow content instead of hiding horizontal overflow. */
body :is(.main,.page,.card,.table-card,.table-wrap,.table-responsive,.super-panel,.super-container,.modal,.modal-body) { min-width: 0; max-width: 100%; }
body :is(input,select,textarea,button) { max-width: 100%; box-sizing: border-box; }
body :is(.filter-bar,.topbar-actions,.page-title,.card-header,.tabs,.conversation-tabs,.super-nav nav,.portal-top nav) { flex-wrap: wrap; min-width: 0; }
body :is(.filter-bar .search-box,.client-identity,.client-lifecycle-cell,.crm-actions,.chat-assignment-field) { min-width: 0; }
body :is(.tabs,.conversation-tabs,.super-nav nav) { overflow: visible; }
body :is(.super-workspace) { grid-template-columns: minmax(0,1fr); }
body :is(.super-client-panel,.super-events-panel) { grid-column: 1 / -1; }
body.workflow-pipeline .kanban-board { grid-template-columns: repeat(auto-fit,minmax(min(100%,260px),1fr)); overflow: visible; }
body :is(.kanban-column,.kanban-list,.cal-grid > *) { min-width: 0; }
body .crm-process-steps { flex-wrap: wrap; overflow: visible; white-space: normal; }
body .crm-process-steps > * { max-width: 100%; overflow-wrap: anywhere; }
body .workload-grid { grid-template-columns: repeat(auto-fit,minmax(min(100%,110px),1fr)); min-width: 0; }
body .workload-item { min-width: 0; overflow-wrap: anywhere; }
body .material-symbols-outlined { flex-shrink: 0; }
body .cal-header,.workflow-reminders .card-header,.workflow-reminders .flex.gap-md { flex-wrap: wrap; min-width: 0; }
body :is(.cal-grid) { grid-template-columns: repeat(7,minmax(0,1fr)); }
body :is(pre,.activity-event pre,.super-audit-table dd) { white-space: pre-wrap; overflow-wrap: anywhere; min-width: 0; max-width: 100%; }
body :is(.data-table,.super-audit-table,.table-responsive table,.table-wrap table) { min-width: 0; width: 100%; table-layout: fixed; }
body table :is(th,td) { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
body table :is(.btn,button,summary,.badge,.ticket-tag) { white-space: normal; overflow-wrap: anywhere; }
body table :is(.crm-actions,.staff-actions) { flex-wrap: wrap; min-width: 0; }
body table :is(select,input) { min-width: 0; width: 100%; }
@media(max-width:1400px) and (min-width:801px) {
    body.workflow-page .page { padding: 1.35rem; }
    body.workflow-page .topbar { height:72px; padding-inline: 1rem; gap:.7rem; }
    body.workflow-page .topbar-left { flex:0 1 auto; min-width:0; }
    body.workflow-page .breadcrumb { min-width:0; white-space:nowrap; }
    body.workflow-page .breadcrumb .current { display:block; max-width:165px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    body.workflow-page .topbar-actions { flex:1 1 auto; flex-wrap:nowrap; justify-content:flex-end; gap:.4rem; min-width:0; }
    body.workflow-page .topbar .search-box { flex:0 1 195px; width:195px; padding-inline:.7rem; }
    body.workflow-page .live-datetime { flex:0 0 auto; padding:.4rem .55rem; }
    body.workflow-page .live-datetime small { display:none; }
    body.workflow-page .theme-toggle { flex:0 0 40px; width:40px; padding:.45rem; }
    body.workflow-page .theme-toggle-label { display:none; }
    body.workflow-page .topbar-actions > .dropdown { flex:0 0 auto; }
    body.workflow-page .user-chip { padding:.2rem; }
    body.workflow-page .user-chip .meta { display:none!important; }
    body.workflow-page :is(.stats-grid,.dashboard-insights-grid,.operations-grid) { gap: .85rem; }
    body.workflow-page :is(.card,.stat-card,.table-card) { min-width:0; }
    body.workflow-page .modal { max-height:calc(100dvh - 32px); overflow-y:auto; }
}
/* A container-aware stacked presentation keeps every field and action available. */
body table.responsive-records { display: block; min-width: 0 !important; width: 100%; table-layout: auto; }
body table.responsive-records thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
body table.responsive-records tbody { display: grid; gap: 16px; width: 100%; }
body table.responsive-records tbody tr { display: block; padding: 12px; border: 1px solid var(--border,#e2e5ee); border-radius: 12px; background: var(--surface,#fff); }
body table.responsive-records tbody td { display: block; width: auto !important; max-width: 100%; padding: 10px 8px; text-align: left; border: 0; }
body table.responsive-records tbody td + td { border-top: 1px solid var(--border,#e2e5ee); }
body table.responsive-records td[data-field]::before { content: attr(data-field); display: block; margin-bottom: 6px; font-size: 11px; font-weight: 700; color: var(--muted,var(--text-muted,#64748b)); }
body table.responsive-records :is(.client-identity,.client-lifecycle-cell,.crm-actions,.staff-actions,details,dl) { min-width: 0; max-width: 100%; }
@media(max-width:800px) {
    body .dashboard-insights-grid { grid-template-columns: minmax(0,1fr); }
    body :is(.topbar,.trend-card-head,.cal-header) { flex-wrap: wrap; gap: 10px; }
    body .modal { width: calc(100% - 24px); }
    body .trend-summary-row { grid-template-columns: minmax(0,1fr); }
}
@media(max-width:520px) {
    body.workflow-followups .reminder-calendar-toolbar { align-items: stretch; flex-direction: column; gap: 10px; }
    body.workflow-followups .reminder-month-controls { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 6px; width: 100%; }
    body.workflow-followups .reminder-month-controls h3 { min-width: 0 !important; overflow-wrap: anywhere; }
    body.workflow-followups .reminder-month-controls .btn { min-width: 0; padding-inline: 9px; }
    body.workflow-followups .reminder-calendar-toolbar > .btn { width: 100%; }
    body.workflow-feedback .feedback-modal .star-rating { gap: 4px; justify-content: space-between; padding-inline: 6px; }
    body.workflow-feedback .feedback-modal .star-rating .star { flex: 1 1 0; min-width: 0; font-size: 2.8rem; }
    body .modal-header,body .modal-footer { flex-wrap: wrap; }
}