/* Preserve the existing layout while allowing narrow screens and long data. */
.layout-page, .content-wrapper, .navbar-nav-right, .form-section { min-width: 0; }
.table-responsive, .pending-message-table { max-width: 100%; overflow-x: auto; }
.form-input, .file-input { max-width: 100%; }
.ociu-filter-field select:disabled { background-image: none; padding-right: 8px; padding-left: 8px; opacity: 1; }
[data-message-url], .dashboard-alert-list > div, .sidebar-help-card { cursor: pointer; }
[aria-disabled="true"] { opacity: .5; cursor: default; }
.status-journey-track { overflow-x: auto; gap: 1rem; }
.status-journey-stage { flex-shrink: 0; }
.message-list-page nav:has(.pagination) { flex-wrap: wrap; gap: .75rem; padding: 1rem; }
.pagination { flex-wrap: wrap; }
.dashboard-status-donut { background: var(--status-gradient, #94a3b8); }
@media (max-width: 767px) {
  .form-grid { grid-template-columns: minmax(0, 1fr) !important; }
  .form-container { padding: 1rem !important; }
  .dashboard-journey-card .card-body { overflow-x: auto; }
  .dashboard-approval-grid { min-width: 490px; }
  .dashboard-header-search { min-width: 0; flex: 1; }
  .dashboard-header-search input { width: 100%; min-width: 0; }
  .dashboard-header-search kbd { display: none; }
  .layout-navbar .navbar-nav { flex-shrink: 0; }
  .dashboard-header-user-copy { display: none !important; }
  .message-list-titlebar { flex-wrap: wrap; gap: .75rem; }
  .ociu-pdf-toolbar { flex-wrap: wrap; }
  .ociu-pdf-canvas-stage canvas { max-width: 100%; }
  .ociu-login-card { max-width: 100%; }
  .ociu-form-options { gap: .75rem; flex-wrap: wrap; }
}

body:has(.dashboard-welcome-banner) .dashboard-status-donut { background: var(--status-gradient, #94a3b8) !important; }
body:has(.dashboard-welcome-banner) #layout-navbar .navbar-nav > li[data-count]::after { content: attr(data-count); min-width: 19px; width: auto; padding: 0 2px; border-radius: 9px; }
html:not(.customizer-hide) .dashboard-today-card .card-body > .mb-1::after { content: "(Today)"; }
.dashboard-quick-actions a { text-decoration: none; }

html:not(.customizer-hide) [class*="card-border-shadow-"] .card-body > .mb-0::before { background: linear-gradient(90deg, #172033 0 var(--card-percent, 0%), rgba(255,255,255,.88) var(--card-percent, 0%) 100%); }