/* Screen-only additions; inherit all v102 control and modal sizing. */
@media screen {
  #content .quote-period-v104 { grid-column: 1 / -1; display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; min-width: 0; }
  #content .quote-period-v104 .btn { flex: 0 0 auto; width: auto; white-space: normal; }
  #content .quote-period-v104 p { flex: 1 1 250px; min-width: 0; margin: 0; overflow-wrap: break-word; line-height: 1.55; }
  #content .record-delete-v103,
  #modalRoot .record-delete-v103 { color: #a13d39; border-color: #e3c5c1; }
  #modalRoot .record-delete-v103:hover,
  #content .record-delete-v103:hover { background: #fff3f1; }
  #modalRoot .record-actions-v103 { margin-bottom: 14px; }
  #modalRoot .quote-backup-v103 { margin-bottom: 14px; }
  #modalRoot .record-delete-note-v103 { margin: 14px 0; line-height: 1.65; }
  #modalRoot .record-delete-confirm-v103 { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; line-height: 1.55; cursor: pointer; }
  #modalRoot .record-delete-confirm-v103 input { flex: 0 0 20px; width: 20px; min-height: 20px; height: 20px; margin-top: 1px; accent-color: #a13d39; }
  #modalRoot .record-delete-error-v103 { min-height: 20px; margin: 12px 0; overflow-wrap: anywhere; font-size: 13px; }
  #modalRoot .record-delete-actions-v103 { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
  #modalRoot .record-delete-submit-v103 { background: #a13d39; border-color: #a13d39; }
  #modalRoot .record-delete-submit-v103:hover { background: #87302d; border-color: #87302d; }
  #content .record-complete-v104,
  #modalRoot .record-complete-v104 { color: #006c63; border-color: #a7cfc9; white-space: normal; overflow-wrap: break-word; }
  #modalRoot .record-complete-modal-v104 .record-delete-submit-v103 { background: #007e72; border-color: #007e72; }
  #modalRoot .record-complete-modal-v104 .record-delete-submit-v103:hover { background: #00665d; border-color: #00665d; }
  #modalRoot .record-complete-modal-v104 .record-delete-confirm-v103 input { accent-color: #007e72; }
  #modalRoot .record-completed-summary-v104 { line-height: 1.6; overflow-wrap: break-word; }
  #modalRoot .record-completed-summary-v104 .badge { margin-top: 8px; white-space: normal; }
  #modalRoot .record-completed-summary-v104 + .kpi-row .mini-kpi b { font-size: 17px; overflow-wrap: anywhere; }
}
@media screen and (max-width: 600px) {
  #modalRoot .record-delete-actions-v103 .btn { flex: 1 1 150px; white-space: normal; }
}
