@media screen {
    body.record-dialog-open { overflow: hidden; }
    body.erp-formal-theme .erp-record-overlay { background: #183b4670; backdrop-filter: blur(3px); }
    body.erp-formal-theme .erp-record-overlay .modal-dialog { width: min(1120px, calc(100% - 32px)); max-width: 1120px; margin: 24px auto; min-height: calc(100dvh - 48px); }
    body.erp-formal-theme .erp-record-overlay .modal-content { max-height: calc(100dvh - 48px); border-radius: 16px; border: 1px solid #d4e0e2; box-shadow: 0 25px 100px #0c242e26; }
    body.erp-formal-theme .erp-record-overlay .modal-header { padding: 22px 26px; background: #f1f6f6; border-bottom: 1px solid #dde7e8; align-items: start; justify-content: space-between; }
    .record-kicker { display: block; color: #71898e; font-size: .7rem; margin-bottom: 7px; }
    body.erp-formal-theme .erp-record-overlay .modal-title { font-size: 1.5rem; color: #214951; font-weight: 600; }
    body.erp-formal-theme .erp-record-overlay .modal-header small { color: #6b858d; font-size: .74rem; }
    body.erp-formal-theme .erp-record-overlay .modal-body { padding: 24px 26px; overflow-y: auto; }
    body.erp-formal-theme .erp-record-overlay .erp-record-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
    body.erp-formal-theme .erp-record-field { padding: 13px 15px; border: 1px solid #e0e8ea; border-radius: 8px; background: #fff; overflow-wrap: anywhere; }
    body.erp-formal-theme .erp-record-field span { color: #7d9095; font-size: .7rem; font-weight: 400; }
    body.erp-formal-theme .erp-record-field strong { color: #344f57; font-size: .86rem; font-weight: 500; white-space: pre-line; }
    .erp-record-document-details { margin-top: 22px; }
    .record-document-summary { display: flex; flex-wrap: wrap; gap: 18px 40px; padding: 17px 20px; background: #eef4f4; border: 1px solid #dbe7e8; border-radius: 10px; }
    .record-document-summary span { display: block; color: #69858b; font-size: .7rem; }
    .record-document-summary strong { color: #28545c; font-size: 1.12rem; font-weight: 500; }
    .record-document-summary strong small { font-size: .66rem; }
    .record-section-title { color: #345861; margin: 22px 0 12px; font-weight: 500; }
    .record-document-note { margin: 15px 0; padding-inline-start: 12px; border-inline-start: 3px solid #aac1c5; color: #6e8389; font-size: .8rem; }
    .record-payment-list { display: flex; flex-wrap: wrap; gap: 12px; }
    .record-payment-list > div { display: grid; gap: 5px; flex: 1; min-width: 160px; padding: 13px; background: #f6f8f9; border: 1px solid #e1e8ea; border-radius: 8px; }
    .record-payment-list span, .record-payment-list small { color: #7a9096; font-size: .72rem; }
    .record-payment-list strong { font-size: .95rem; font-weight: 500; }
    .record-reason-label { display: block; margin-top: 20px; color: #637e85; font-size: .76rem; }
    .record-reason-label input { margin-top: 7px; }
    .record-policy-note { margin: 20px 0 0; color: #7b8f95; font-size: .72rem; }
    body.erp-formal-theme .erp-record-overlay .modal-footer { padding: 15px 24px; justify-content: space-between; background: #fbfcfc; }
    .record-action-list { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
    body.erp-formal-theme .erp-record-overlay .table { min-width: 650px; }
    body.erp-formal-theme .erp-record-overlay td { font-size: .78rem; }
    body.erp-formal-theme .erp-record-overlay th { background: #f2f6f6; color: #58727a; font-size: .74rem; font-weight: 500; }
    @media (max-width: 767px) {
        body.erp-formal-theme .erp-record-overlay .modal-dialog { width: calc(100% - 16px); margin: 8px auto; min-height: calc(100dvh - 16px); }
        body.erp-formal-theme .erp-record-overlay .modal-content { max-height: calc(100dvh - 16px); }
        body.erp-formal-theme .erp-record-overlay .modal-header, body.erp-formal-theme .erp-record-overlay .modal-body, body.erp-formal-theme .erp-record-overlay .modal-footer { padding: 16px; }
        body.erp-formal-theme .erp-record-overlay .erp-record-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
        .record-action-list { width: 100%; }
        .record-action-list button { flex: 1 1 auto; }
    }
}