/* Shared CRM presentation for record detail windows across modules.
   Forms, reports and document print layouts retain their own presentation. */
html body #modal:is([data-mode="details"],[data-mode="details-compact"],[data-mode="approval-details"]):not(:has(.quotation-print-sheet,.approval-print-sheet,.compact-record-register,.crm-performance-register)) {
  --record-ink:#18283d;
  --record-muted:#66758a;
  --record-border:#e5eaf0;
  --record-blue:#1769d2;
  --record-canvas:#f7f9fc;
  font-family:Inter,"Segoe UI",sans-serif !important;
}
html body #modal:is([data-mode="details"],[data-mode="details-compact"],[data-mode="approval-details"]):not(:has(.quotation-print-sheet,.approval-print-sheet,.compact-record-register,.crm-performance-register)) .modal-panel {
  display:flex !important; flex-direction:column !important;
  width:min(980px,calc(100vw - 40px)) !important; min-width:0 !important; max-width:980px !important;
  height:auto !important; min-height:0 !important; max-height:calc(100dvh - 48px) !important;
  padding:0 !important; overflow:hidden !important; border:1px solid var(--record-border) !important;
  border-radius:14px !important; background:#fff !important; box-shadow:0 20px 60px #18283d30 !important;
}
html body #modal:is([data-mode="details"],[data-mode="details-compact"],[data-mode="approval-details"]):not(:has(.quotation-print-sheet,.approval-print-sheet,.compact-record-register,.crm-performance-register)) .modal-header {
  flex:0 0 auto !important; min-height:60px !important; padding:12px 20px !important;
  border-bottom:1px solid var(--record-border) !important; background:#fff !important;
}
html body #modal:is([data-mode="details"],[data-mode="details-compact"],[data-mode="approval-details"]):not(:has(.quotation-print-sheet,.approval-print-sheet,.compact-record-register,.crm-performance-register)) .modal-header h2 { margin:0 !important; color:var(--record-ink) !important; font-size:18px !important; font-weight:700 !important; line-height:1.3 !important; }
html body #modal:is([data-mode="details"],[data-mode="details-compact"],[data-mode="approval-details"]):not(:has(.quotation-print-sheet,.approval-print-sheet,.compact-record-register,.crm-performance-register)) .ghost-button:not(.danger-button) { width:auto !important; min-height:32px !important; padding:6px 11px !important; border:1px solid #bdd6f7 !important; border-radius:7px !important; background:#f3f7ff !important; color:var(--record-blue) !important; font:600 11px/1.2 Inter,"Segoe UI",sans-serif !important; box-shadow:none !important; }
html body #modal:is([data-mode="details"],[data-mode="details-compact"],[data-mode="approval-details"]):not(:has(.quotation-print-sheet,.approval-print-sheet,.compact-record-register,.crm-performance-register)) .modal-body {
  flex:0 1 auto !important; min-height:0 !important; height:auto !important; max-height:none !important;
  padding:16px 20px 20px !important; overflow-y:auto !important; background:var(--record-canvas) !important; color:var(--record-ink) !important;
}
html body #modal:is([data-mode="details"],[data-mode="details-compact"],[data-mode="approval-details"]):not(:has(.quotation-print-sheet,.approval-print-sheet,.compact-record-register,.crm-performance-register)) .detail-grid {
  display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:0 24px !important;
  margin:0 !important; padding:0 14px !important; border:1px solid var(--record-border) !important;
  border-radius:9px !important; background:#fff !important; box-shadow:none !important;
}
html body #modal:is([data-mode="details"],[data-mode="details-compact"],[data-mode="approval-details"]):not(:has(.quotation-print-sheet,.approval-print-sheet,.compact-record-register,.crm-performance-register)) .detail-grid > .detail-item {
  display:grid !important; grid-template-columns:minmax(0,42%) minmax(0,1fr) !important; align-items:start !important;
  gap:12px !important; min-width:0 !important; min-height:0 !important; height:auto !important; padding:9px 0 !important;
  border:0 !important; border-bottom:1px solid #edf0f4 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important;
}
html body #modal:is([data-mode="details"],[data-mode="details-compact"],[data-mode="approval-details"]):not(:has(.quotation-print-sheet,.approval-print-sheet,.compact-record-register,.crm-performance-register)) .detail-item > span {
  margin:0 !important; padding:0 !important; color:var(--record-muted) !important; font-size:11px !important;
  font-weight:500 !important; line-height:1.45 !important; letter-spacing:0 !important; text-transform:none !important;
}
html body #modal:is([data-mode="details"],[data-mode="details-compact"],[data-mode="approval-details"]):not(:has(.quotation-print-sheet,.approval-print-sheet,.compact-record-register,.crm-performance-register)) .detail-item > strong {
  margin:0 !important; padding:0 !important; min-width:0 !important; color:var(--record-ink) !important; font-size:12px !important;
  font-weight:600 !important; line-height:1.4 !important; white-space:normal !important; overflow-wrap:anywhere !important;
}
html body #modal:is([data-mode="details"],[data-mode="details-compact"],[data-mode="approval-details"]):not(:has(.quotation-print-sheet,.approval-print-sheet,.compact-record-register,.crm-performance-register)) .form-section {
  min-height:0 !important; margin:18px 0 8px !important; padding:0 !important; border:0 !important;
  border-radius:0 !important; background:transparent !important; box-shadow:none !important;
  color:var(--record-ink) !important; font-size:12px !important; font-weight:700 !important; line-height:1.4 !important;
}
html body #modal:is([data-mode="details"],[data-mode="details-compact"],[data-mode="approval-details"]):not(:has(.quotation-print-sheet,.approval-print-sheet,.compact-record-register,.crm-performance-register)) .employee-popup-title {
  display:flex !important; justify-content:space-between !important; align-items:center !important; min-height:0 !important; padding:0 !important; margin:0 0 8px !important;
}
html body #modal:is([data-mode="details"],[data-mode="details-compact"],[data-mode="approval-details"]):not(:has(.quotation-print-sheet,.approval-print-sheet,.compact-record-register,.crm-performance-register)) .employee-popup-title h3 { display:none !important; }
html body #modal:is([data-mode="details"],[data-mode="details-compact"],[data-mode="approval-details"]):not(:has(.quotation-print-sheet,.approval-print-sheet,.compact-record-register,.crm-performance-register)) .employee-profile-actions { margin:0 0 14px !important; padding:0 !important; border:0 !important; background:transparent !important; }
html body #modal:is([data-mode="details"],[data-mode="details-compact"],[data-mode="approval-details"]):not(:has(.quotation-print-sheet,.approval-print-sheet,.compact-record-register,.crm-performance-register)) .signature-card { min-height:0 !important; padding:10px 14px !important; gap:14px !important; border:1px solid var(--record-border) !important; border-radius:9px !important; background:#fff !important; box-shadow:none !important; }
html body #modal:is([data-mode="details"],[data-mode="details-compact"],[data-mode="approval-details"]):not(:has(.quotation-print-sheet,.approval-print-sheet,.compact-record-register,.crm-performance-register)) .signature-card img { width:90px !important; height:44px !important; max-height:44px !important; object-fit:contain !important; }
html body #modal:is([data-mode="details"],[data-mode="details-compact"],[data-mode="approval-details"]):not(:has(.quotation-print-sheet,.approval-print-sheet,.compact-record-register,.crm-performance-register)) .empty.card { height:auto !important; min-height:0 !important; padding:16px !important; margin:0 !important; border:1px dashed var(--record-border) !important; border-radius:9px !important; background:#fff !important; color:var(--record-muted) !important; font-size:12px !important; }
@media(max-width:700px) {
  html body #modal:is([data-mode="details"],[data-mode="details-compact"],[data-mode="approval-details"]):not(:has(.quotation-print-sheet,.approval-print-sheet,.compact-record-register,.crm-performance-register)) .modal-panel { width:calc(100vw - 20px) !important; max-height:calc(100dvh - 24px) !important; }
  html body #modal:is([data-mode="details"],[data-mode="details-compact"],[data-mode="approval-details"]):not(:has(.quotation-print-sheet,.approval-print-sheet,.compact-record-register,.crm-performance-register)) :is(.modal-header,.modal-body) { padding-left:14px !important; padding-right:14px !important; }
  html body #modal:is([data-mode="details"],[data-mode="details-compact"],[data-mode="approval-details"]):not(:has(.quotation-print-sheet,.approval-print-sheet,.compact-record-register,.crm-performance-register)) .detail-grid { grid-template-columns:minmax(0,1fr) !important; }
}