.documentUiPageHeader { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0 0 26px; color:#1f2b3d; }
.documentUiPageHeader > div:first-child { display:flex; align-items:center; gap:13px; min-width:0; }
.documentUiPageIcon { display:grid; place-items:center; width:45px; height:45px; border:1px solid #f1dedb; border-radius:12px; background:#fff5f3; color:#b91c1c; flex-shrink:0; }
.documentUiPageHeader h1 { font-size:25px; font-weight:700; line-height:1.4; margin:0; }
.documentUiPageHeader p { font-size:12px; font-weight:400; line-height:1.7; margin:5px 0 0; color:#758296; }
.documentUiBackdrop { position:fixed; inset:0; z-index:1200; display:flex; align-items:center; justify-content:center; padding:24px; background:#17233366; backdrop-filter:blur(3px); }
.documentUiDialog { display:flex; flex-direction:column; width:min(1120px,100%); max-height:min(920px,calc(100dvh - 48px)); min-height:0; overflow:hidden; border:1px solid #e3e7ed; border-radius:16px; background:#f6f8fb; color:#243145; box-shadow:0 28px 90px #10182830; text-align:left; }
.documentUiDialogHeader { flex:none; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:22px 26px; border-bottom:1px solid #e6ebf2; background:#fff; }
.documentUiDialogTitle { display:flex; align-items:center; gap:13px; min-width:0; }
.documentUiDialogTitle > span { flex:none; display:grid; place-items:center; width:44px; height:44px; border:1px solid #f3dedd; border-radius:12px; background:#fff5f4; color:#b91c1c; }
.documentUiDialogTitle h2 { margin:0; font-size:20px; font-weight:700; line-height:1.4; color:#192333; }
.documentUiDialogTitle p { margin:5px 0 0; color:#7c8797; font:12px/1.5 ui-monospace,"SFMono-Regular",Consolas,monospace; overflow-wrap:anywhere; }
.documentUiClose { display:grid; place-items:center; flex:none; width:36px; height:36px; padding:0; border:1px solid #e5e9ef; border-radius:9px; color:#738092; background:#fff; cursor:pointer; }
.documentUiClose:hover { background:#f5f7fa; color:#243449; }
.documentUiDialogBody { min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; padding:22px 26px; }
.documentUiDialogFooter { display:flex; flex:none; justify-content:space-between; align-items:center; gap:14px; padding:13px 26px; border-top:1px solid #e5eaf1; background:#fff; color:#8190a3; font-size:11px; line-height:1.6; }
.documentUiIdentity { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px 24px; margin:0 0 22px; padding:0 0 20px; border-bottom:1px solid #e2e8f0; }
.documentUiIdentity > div { min-width:0; }
.documentUiIdentity dt { font-size:11px; color:#7a8799; line-height:1.5; }
.documentUiIdentity dd { margin:6px 0 0; color:#344358; font-size:13px; font-weight:600; line-height:1.6; overflow-wrap:anywhere; }
.documentUiIdentity .isMono { font-family:ui-monospace,"SFMono-Regular",Consolas,monospace; letter-spacing:.015em; }
.documentUiSectionHeading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 15px; }
.documentUiSectionHeading h3 { margin:0; color:#2d3b50; font-size:15px; font-weight:650; }
.documentUiSectionHeading p { margin:5px 0 0; color:#8190a3; font-size:11px; line-height:1.6; }
.documentUiSectionHeading > span { font-size:11px; color:#8190a3; }
.documentUiGrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.documentUiCard { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid #e1e6ee; border-radius:11px; background:#fff; box-shadow:0 2px 4px #10182802; }
.documentUiCardHeader { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:17px 18px 15px; }
.documentUiCardHeader > div { display:flex; align-items:center; gap:9px; min-width:0; color:#7b899b; }
.documentUiCardHeader > div > svg { flex:none; }
.documentUiCardHeader h3 { margin:0; color:#2e3a4b; font-size:14px; font-weight:650; line-height:1.6; }
.documentUiCardHeader h3 small { margin-left:7px; font-size:10px; font-weight:400; color:#8a97aa; }
.documentUiStatus { display:inline-flex; flex-shrink:0; align-items:center; gap:4px; padding:4px 7px; border-radius:5px; font-size:11px; font-weight:500; line-height:1.4; white-space:nowrap; }
.documentUiStatus.is-complete { color:#217246; background:#edf8f1; }
.documentUiStatus.is-missing,.documentUiStatus.is-partial { color:#99591c; background:#fff6e9; }
.documentUiStatus.is-pending,.documentUiStatus.is-optional { color:#69788c; background:#f1f4f8; }
.documentUiDot { width:4px; height:4px; border-radius:50%; background:currentColor; }
.documentUiCardBody { flex:1; min-width:0; padding:0 18px 14px; }
.documentUiCardFooter { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; padding:12px 18px; border-top:1px solid #eff2f6; background:#fdfdfe; }
.documentUiCardFooter > span { font-size:10px; line-height:1.6; color:#8592a4; }
.documentUiFiles { list-style:none; padding:0; margin:0; }
.documentUiFile { min-width:0; padding:4px 0 2px; }
.documentUiFile + .documentUiFile { margin-top:12px; padding-top:15px; border-top:1px solid #edf0f4; }
.documentUiFileInfo { display:grid; grid-template-columns:32px minmax(0,1fr); gap:10px; align-items:start; min-width:0; }
.documentUiFileIcon { display:grid; place-items:center; height:37px; border:1px solid #eee3e0; border-radius:7px; color:#ba7569; background:#fdf5f3; }
.documentUiFileName { display:block; min-width:0; color:#344358; font-size:13px; font-weight:550; line-height:1.65; overflow-wrap:anywhere; }
.documentUiFileInfo p { margin:5px 0 0; color:#7a8799; font-size:11px; line-height:1.6; overflow-wrap:anywhere; }
.documentUiFileActions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:3px; margin:9px -5px 0 37px; }
.documentUiFileActions button,.documentUiFileActions a { display:inline-flex; align-items:center; justify-content:center; gap:5px; padding:5px 7px; border:0; border-radius:5px; background:transparent; color:#64758a; font-family:inherit; font-size:12px; line-height:1.5; text-decoration:none; cursor:pointer; }
.documentUiFileActions button:hover,.documentUiFileActions a:hover { color:#355780; background:#f0f5fb; }
.documentUiFileActions button.isDanger { color:#b56262; }
.documentUiFileActions button.isDanger:hover { color:#b91c1c; background:#fff0ef; }
.documentUiFileActions > span { display:inline-flex; align-items:center; gap:4px; padding:5px; color:#929baa; font-size:10px; }
.documentUiEmpty { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:6px; min-height:92px; padding:14px; border:1px dashed #e6eaf0; border-radius:7px; background:#fafbfd; color:#b3bdca; text-align:center; }
.documentUiEmpty strong { color:#728096; font-size:12px; font-weight:400; line-height:1.5; }
.documentUiEmpty span { color:#8794a5; font-size:11px; line-height:1.6; }
.documentUiButton { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; gap:6px; min-height:33px; padding:6px 12px; border:1px solid #e0e5ed; border-radius:6px; background:#fff; color:#59697e; font-family:inherit; font-size:12px; font-weight:500; line-height:1.5; cursor:pointer; text-decoration:none; }
.documentUiButton:hover { color:#a92a2a; border-color:#e8bebc; background:#fffafa; }
.documentUiButton.isPrimary { border-color:#b91c1c; background:#b91c1c; color:#fff; }
.documentUiButton.isPrimary:hover { background:#a71919; }
.documentUiDialog button:disabled { cursor:not-allowed; opacity:.5; }
.documentUiFileInput { display:none; }
.documentUiFeedback { display:flex; align-items:flex-start; gap:7px; margin:0 0 14px; padding:10px 12px; color:#728297; background:#edf2f8; border-radius:7px; font-size:12px; line-height:1.6; }
.documentUiFeedback > svg { flex:none; margin-top:2px; }
.documentUiFeedback > span { flex:1; }
.documentUiFeedback.isError { color:#a43a31; background:#fff1ef; }
.documentUiFeedback.isSaved { color:#278355; background:#edf8f1; }
.documentUiTextButton { padding:0; border:0; background:transparent; color:inherit; font:inherit; cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
.documentUiNote { display:flex; align-items:flex-start; gap:7px; margin:16px 0 0; color:#7b889b; }
.documentUiNote > svg { flex:none; margin-top:2px; }
.documentUiNote p { margin:0; color:inherit; font-size:11px; line-height:1.7; }
.documentUiTabs { display:flex; gap:5px; overflow-x:auto; margin:0 0 18px; padding:4px; border:1px solid #e2e8f0; border-radius:9px; background:#eef2f7; }
.documentUiTabs button { flex:1; display:flex; align-items:center; justify-content:center; gap:8px; min-height:36px; padding:8px 12px; border:1px solid transparent; border-radius:6px; background:transparent; color:#7b899b; white-space:nowrap; font-family:inherit; font-size:12px; cursor:pointer; }
.documentUiTabs button[aria-selected=true] { border-color:#e1e7ef; background:#fff; color:#ae2727; box-shadow:0 1px 3px #17233308; font-weight:600; }
.documentUiTabs button span { font-size:10px; color:#8795a7; }
.documentUiScope { display:grid; gap:12px; margin:0 0 20px; padding:15px 17px; border:1px solid #e1e7ef; border-radius:9px; background:#fff; }
.documentUiScope label { display:grid; grid-template-columns:130px minmax(0,1fr); align-items:center; gap:10px; color:#66788d; font-size:12px; }
.documentUiScope select,.documentUiScope input,.documentUiCard textarea { max-width:100%; min-width:0; padding:8px 10px; border:1px solid #dce3ed; border-radius:6px; background:#fff; color:#4c5e75; font-family:inherit; font-size:12px; }
.documentUiScope small { color:#8795a7; font-size:11px; line-height:1.6; }
.documentUiDialog :is(button,a,input,select,textarea):focus-visible { outline:3px solid #b91c1c44; outline-offset:3px; }
.documentUiTable tbody tr[tabindex] { cursor:pointer; }
.documentUiTable tbody tr[tabindex]:hover { background:#fffaf8; }
.documentUiTable tbody tr[tabindex]:focus-visible { outline:2px solid #c27070; outline-offset:-2px; background:#fff8f6; }
.documentUiCellButton { border:0; padding:0; margin:0; background:transparent; font:inherit; cursor:pointer; }
@media (max-width:720px) {
 .documentUiPageHeader { flex-wrap:wrap; margin-bottom:20px; }
 .documentUiPageHeader h1 { font-size:22px; }
 .documentUiBackdrop { padding:12px; }
 .documentUiDialog { max-height:calc(100dvh - 24px); border-radius:12px; }
 .documentUiDialogHeader { padding:17px 18px; }
 .documentUiDialogBody { padding:18px; }
 .documentUiDialogFooter { padding:12px 18px; }
 .documentUiDialogTitle h2 { font-size:17px; }
 .documentUiDialogTitle > span { width:38px; height:38px; border-radius:9px; }
 .documentUiIdentity { grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
 .documentUiIdentity > div:first-child { grid-column:1/-1; }
 .documentUiGrid { grid-template-columns:minmax(0,1fr); gap:13px; }
 .documentUiScope label { grid-template-columns:minmax(0,1fr); gap:6px; }
 .documentUiTabs button { padding:8px 10px; }
 .documentUiCardHeader { padding:15px; }
 .documentUiCardBody { padding:0 15px 13px; }
 .documentUiCardFooter { padding:11px 15px; }
}
.documentUiCategory { display:flex; min-width:0; }
.documentUiCategory > .documentUiCard { width:100%; }
.documentUiKindSelect { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 0 12px; color:#8492a5; font-size:11px; }
.documentUiKindSelect select { max-width:220px; min-width:0; padding:5px 8px; border:1px solid #e0e6ef; border-radius:5px; color:#65788f; background:#fff; font:inherit; }
.documentUiCorrection { display:grid; gap:7px; margin-top:14px; color:#7e8ca0; font-size:11px; }
.documentUiCorrection textarea { width:100%; resize:vertical; min-height:65px; }
/* The three ledgers share panel density and controls; their statistical scopes remain explicit. */
:is(.salesVoucherPage,.logisticsDocumentLedgerPage,.customsDocumentManagementPage) { --document-border:#dfe6ee; }
:is(.salesVoucherPage .voucherListPanel,.logisticsDocumentLedgerPage .logisticsDocumentLedgerPanel,.customsDocumentManagementPage .customsDocumentLedgerPanel) { border:1px solid var(--document-border); border-radius:12px; box-shadow:none; background:#fff; }
:is(.salesVoucherPage .voucherFilters,.logisticsDocumentLedgerPage .logisticsDocumentToolbar,.customsDocumentManagementPage .customsDocumentToolbar) { padding:17px 20px; gap:10px; }
:is(.salesVoucherPage .voucherFilters,.logisticsDocumentLedgerPage .logisticsDocumentToolbar,.customsDocumentManagementPage .customsDocumentToolbar) :is(button,input,select) { min-height:36px; font-size:12px; }
:is(.salesVoucherPage .voucherFilters,.logisticsDocumentLedgerPage .logisticsDocumentToolbar,.customsDocumentManagementPage .customsDocumentToolbar) button { border-radius:7px; }
:is(.salesVoucherPage .voucherFilters,.customsDocumentManagementPage .customsDocumentToolbar) button[type=submit] { background:#b91c1c; border-color:#b91c1c; color:#fff; }
:is(.salesVoucherPage .voucherTableHint,.logisticsDocumentLedgerPage .logisticsDocumentLegend,.customsDocumentManagementPage .customsDocumentLegend) { display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding:11px 20px; margin:0; border-block:1px solid #edf0f5; background:#fafbfd; color:#8290a4; font-size:11px; line-height:1.7; }
:is(.salesVoucherPage .voucherTabs,.customsDocumentManagementPage .customsDocumentStatusTabs) { gap:6px; padding:5px; border:1px solid #e2e8f0; border-radius:10px; background:#f7f9fc; }
:is(.salesVoucherPage .voucherTabs,.customsDocumentManagementPage .customsDocumentStatusTabs) button { min-height:36px; border:1px solid #dbe3ed; border-radius:7px; padding:6px 13px; background:#fff; color:#566781; font-size:13px; }
:is(.salesVoucherPage .voucherTabs,.customsDocumentManagementPage .customsDocumentStatusTabs) button[aria-selected=true] { background:#b91c1c; border-color:#b91c1c; color:#fff; }
:is(.salesVoucherPage .voucherTabs,.customsDocumentManagementPage .customsDocumentStatusTabs) button[aria-selected=true] span { color:#b91c1c; background:#fff; }
:is(.salesVoucherPage,.logisticsDocumentLedgerPage,.customsDocumentManagementPage) .documentUiTable th { background:#f7f9fc; color:#728097; font-size:11px; font-weight:550; border-color:#e8edf3; }
:is(.salesVoucherPage,.logisticsDocumentLedgerPage,.customsDocumentManagementPage) .documentUiTable td { border-color:#edf0f5; font-size:12px; }
.documentUiPageStats { display:flex; flex-wrap:wrap; gap:9px; }
.documentUiPageStats > span { display:flex; align-items:baseline; gap:5px; padding:9px 12px; border:1px solid #e0e6ee; border-radius:8px; background:#fff; color:#8390a2; font-size:11px; }
.documentUiPageStats strong { color:#344358; font-size:18px; font-variant-numeric:tabular-nums; }
.documentUiPageStats .isComplete strong { color:#217246; }
.documentUiPageStats .isIncomplete strong { color:#99591c; }
@media(max-width:720px) {
 :is(.salesVoucherPage .voucherFilters,.logisticsDocumentLedgerPage .logisticsDocumentToolbar,.customsDocumentManagementPage .customsDocumentToolbar) { padding:14px; }
 .documentUiPageStats { gap:6px; }
 .documentUiPageStats > span { padding:7px 9px; }
 .documentUiDialogFooter > span { max-width:70%; }
 .documentUiFileActions :is(button,a) { min-height:36px; }
 .documentUiTabs button { min-height:40px; }
}
.documentUiStatusCell { text-align:center; white-space:nowrap; }

.modalPanel.procurementDocumentModalPanel { display: flex; flex-direction: column; width: min(1120px, 100%); max-height: min(900px, calc(100dvh - 48px)); overflow: hidden; border: 1px solid #e3e7ed; border-radius: 16px; background: #f6f8fb; box-shadow: 0 28px 90px #10182830; }
.procurementDocumentModalPanel > .modalHeader { position: static; flex-shrink: 0; align-items: center; padding: 23px 26px; border-color: #e8ecf1; background: #fff; }
.procurementDocModalTitle { display: flex; align-items: center; gap: 13px; }
.procurementDocModalTitle > span { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #f3dedd; border-radius: 12px; color: #b91c1c; background: #fff5f4; }
.procurementDocumentModalPanel .modalHeader h2 { font-size: 20px; font-weight: 700; color: #192333; line-height: 1.3; }
.procurementDocumentModalPanel .modalHeader p { margin: 5px 0 0; font-size: 12px; color: #7c8797; font-weight: 400; }
.procurementDocClose { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid #e5e9ef; border-radius: 9px; color: #738092; background: #fff; cursor: pointer; }
.procurementDocClose:hover { background: #f5f7fa; color: #243449; }
.procurementDocumentModalBody { min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
.procurementDocumentDetail { padding: 22px 26px 20px; color: #243145; }
.procurementDocIdentity { display: grid; grid-template-columns: 1.3fr 1fr .6fr; gap: 24px; margin: 0 0 24px; padding: 0 0 21px; border-bottom: 1px solid #e3e8ef; }
.procurementDocIdentity > div { min-width: 0; }
.procurementDocIdentity dt { color: #6f7c8d; font-size: 12px; line-height: 1.5; }
.procurementDocIdentity dd { margin: 6px 0 0; font-size: 14px; font-weight: 600; line-height: 1.5; overflow-wrap: anywhere; }
.procurementDocIdentity dd.isVin { font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; letter-spacing: .025em; }
.procurementDocuments { display: grid; gap: 15px; }
.procurementDocuments > .notice { margin: 0; padding: 10px 12px; font-size: 12px; line-height: 1.6; }
.procurementDocsHeading { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.procurementDocsHeading h3 { margin: 0; color: #1f2b3d; font-size: 15px; font-weight: 650; line-height: 1.5; }
.procurementDocsHeading p { margin: 5px 0 0; color: #748195; font-size: 12px; line-height: 1.5; }
.procurementDocsHeading > span { flex-shrink: 0; color: #748195; font-size: 12px; }
.procurementDocRemark { margin: 10px 0 0; color: #8793a4; font-size: 11px; overflow-wrap: anywhere; line-height: 1.5; }
.procurementDocuments button:focus-visible, .procurementDocClose:focus-visible { outline: 3px solid #b91c1c44; outline-offset: 3px; }
.procurementDocumentPage .procurementDocumentDetail { max-width: 1120px; padding: 24px; border: 1px solid #e1e6ee; border-radius: 14px; background: #f6f8fb; }
@media (max-width: 720px) {
  .modalPanel.procurementDocumentModalPanel { max-height: calc(100dvh - 24px); border-radius: 12px; }
  .procurementDocumentModalPanel > .modalHeader { padding: 18px; }
  .procurementDocumentDetail { padding: 18px; }
  .procurementDocIdentity { grid-template-columns: minmax(0, 1fr) auto; gap: 15px; margin-bottom: 18px; padding-bottom: 18px; }
  .procurementDocIdentity > div:first-child { grid-column: 1 / -1; }
  .procurementDocsHeading { align-items: flex-start; gap: 8px; }
  .procurementDocsHeading > span { padding-top: 3px; font-size: 10px; }
  .procurementDocumentPage .procurementDocumentDetail { padding: 16px; }
}
@media (max-width: 420px) {
  .procurementDocModalTitle { gap: 10px; }
  .procurementDocModalTitle > span { width: 37px; height: 37px; border-radius: 9px; }
  .procurementDocumentModalPanel .modalHeader h2 { font-size: 17px; }
  .procurementDocumentModalPanel .modalHeader p { font-size: 10px; }
  .procurementDocIdentity dd { font-size: 13px; }
  .procurementDocsHeading { flex-wrap: wrap; }
}

.readonlyDocumentPreview .ant-modal-body { max-height: calc(100dvh - 190px); overflow: auto; }
.readonlyPreviewTitle { display: flex; align-items: center; gap: 12px; color: #334155; }
.readonlyPreviewTitle > svg { color: #b91c1c; }
.readonlyPreviewTitle small { display: block; margin-top: 3px; color: #64748b; font: 12px/1.5 ui-monospace, monospace; }
.readonlyPreviewFacts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px 24px; margin: 20px 0; }
.readonlyPreviewFacts dt { margin-bottom: 4px; color: #64748b; font-size: 12px; }
.readonlyPreviewFacts dd { margin: 0; color: #334155; font-size: 13px; overflow-wrap: anywhere; white-space: pre-wrap; }
.readonlyPreviewFiles { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px 0; border-top: 1px solid #e2e8f0; }
.readonlyPreviewFiles button, .readonlyPreviewEmpty button, .readonlyPreviewClose { padding: 7px 14px; border: 1px solid #dbe1e8; border-radius: 6px; background: white; color: #475569; cursor: pointer; font: inherit; font-size: 13px; }
.readonlyPreviewFiles button[aria-pressed="true"] { color: #b91c1c; background: #fef2f2; border-color: #e6aaaa; }
.readonlyDocumentPreview button:focus-visible { outline: 2px solid #b91c1c; outline-offset: 2px; }
.readonlyPreviewClose:hover, .readonlyPreviewEmpty button:hover { color: #b91c1c; border-color: #b91c1c; }
.readonlyPreviewPdf { border: 1px solid #e2e8f0; border-radius: 6px; background: #f8fafc; }
.readonlyPreviewPdfToolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding: 8px 12px; border-bottom: 1px solid #e2e8f0; font-size: 12px; }
.readonlyPreviewPdfToolbar button { padding: 4px 8px; border: 1px solid #dbe1e8; border-radius: 4px; background: white; color: #475569; cursor: pointer; }
.readonlyPreviewPdfToolbar button:disabled { opacity: .4; cursor: default; }
.readonlyPreviewCanvas { width: 100%; max-height: 56dvh; min-height: 260px; overflow: auto; padding: 16px; }
.readonlyPreviewCanvas canvas { display: block; margin: 0 auto; background: white; box-shadow: 0 2px 8px #0f172a14; }
.readonlyPreviewPdfStatus { padding: 8px 16px; color: #64748b; }
.readonlyPreviewImage { max-height: 62dvh; overflow: auto; padding: 16px; border: 1px solid #e2e8f0; border-radius: 6px; background: #f8fafc; text-align: center; }
.readonlyPreviewImage img { max-width: 100%; height: auto; }
.readonlyPreviewEmpty { padding: 32px 16px; text-align: center; color: #64748b; background: #f8fafc; border-radius: 8px; }
.readonlyPreviewEmpty p { margin: 12px 0; }
.readonlyPreviewWarning { padding: 10px 12px; color: #92400e; background: #fffbeb; border-radius: 6px; }
@media (max-width: 640px) { .readonlyPreviewFacts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } }