/* Compact CRM-themed document alerts. Expired remains a semantic red badge. */
html body #modal#modal[data-mode="urgent-warnings"] .modal-panel { width: min(880px, calc(100vw - 32px)) !important; max-width: 880px !important; max-height: 80dvh !important; border-radius: 12px !important; background: #fff !important; }
html body #modal#modal[data-mode="urgent-warnings"] .modal-header { padding: 14px 18px !important; min-height: 0 !important; background: #fff !important; border-color: #e5eaf0 !important; }
html body #modal#modal[data-mode="urgent-warnings"] #modalTitle { font-size: 19px !important; font-weight: 500 !important; color: #18283d !important; }
html body #modal#modal[data-mode="urgent-warnings"] .modal-body { padding: 16px !important; }
html body #modal#modal[data-mode="urgent-warnings"] .urgent-warning-summary { padding: 12px !important; gap: 12px !important; background: #f4f8fd !important; border-color: #dce8f8 !important; border-radius: 8px !important; color: #18283d !important; }
html body #modal#modal[data-mode="urgent-warnings"] .urgent-warning-summary-icon { width: 30px !important; height: 30px !important; background: #edf4ff !important; color: #1769d2 !important; font-size: 16px !important; }
html body #modal#modal[data-mode="urgent-warnings"] .urgent-warning-summary strong { font-size: 13px !important; font-weight: 500 !important; }
html body #modal#modal[data-mode="urgent-warnings"] .urgent-warning-summary > div > span { font-size: 12px !important; color: #66758a !important; }
html body #modal#modal[data-mode="urgent-warnings"] .urgent-warning-counts span { padding: 4px 7px !important; border-color: #dce5ef !important; color: #66758a !important; font-size: 11px !important; background: #fff !important; }
html body #modal#modal[data-mode="urgent-warnings"] .urgent-warning-list { display: grid !important; gap: 8px !important; margin-top: 12px !important; }
html body #modal#modal[data-mode="urgent-warnings"] .urgent-warning-item { display: grid !important; grid-template-columns: 24px minmax(140px, .9fr) minmax(180px, 1.3fr) 82px auto 12px !important; gap: 10px !important; align-items: center !important; padding: 10px 12px !important; min-height: 0 !important; border: 1px solid #e5eaf0 !important; border-left: 3px solid #1769d2 !important; background: #fff !important; }
html body #modal#modal[data-mode="urgent-warnings"] .urgent-warning-marker { background: #edf4ff !important; color: #1769d2 !important; width: 24px !important; height: 24px !important; font-size: 12px !important; }
html body #modal#modal[data-mode="urgent-warnings"] .urgent-warning-item :is(strong, .urgent-warning-record, .urgent-warning-date) { font-size: 12px !important; font-weight: 400 !important; color: #18283d !important; line-height: 1.45 !important; white-space: normal !important; }
html body #modal#modal[data-mode="urgent-warnings"] .urgent-warning-item em { font-size: 10px !important; padding: 3px 7px !important; font-weight: 500 !important; }
@media (max-width: 700px) {
  html body #modal#modal[data-mode="urgent-warnings"] .urgent-warning-summary { flex-wrap: wrap !important; }
  html body #modal#modal[data-mode="urgent-warnings"] .urgent-warning-item { grid-template-columns: 24px minmax(0, 1fr) auto !important; }
  html body #modal#modal[data-mode="urgent-warnings"] .urgent-warning-item strong { grid-column: 2; }
  html body #modal#modal[data-mode="urgent-warnings"] .urgent-warning-date { grid-column: 2; }
  html body #modal#modal[data-mode="urgent-warnings"] .urgent-warning-item em { grid-column: 3; grid-row: 1 / span 3; }
  html body #modal#modal[data-mode="urgent-warnings"] .urgent-warning-open { display: none; }
}