/* Isolated presentation for the read-only POS cash report. */
#pos-report-page,#pos-report-detail {font-size:13px;color:#334b65;line-height:1.5;min-width:0}
#pos-report-page {max-width:1320px;margin-inline:auto}
#pos-report-page .pr-page-header {display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:20px}
#pos-report-page h2 {font-size:24px;letter-spacing:-.5px;color:#203e61;margin:0 0 6px}
#pos-report-page .pr-page-header p {font-size:13px;color:#64748b;margin:0}
:is(#pos-report-page,#pos-report-detail) .pr-actions {display:flex;gap:8px;flex-wrap:wrap}
:is(#pos-report-page,#pos-report-detail) .btn {font-size:12px;line-height:1.4;min-height:38px;padding:9px 13px;border-radius:7px;white-space:normal}
:is(#pos-report-page,#pos-report-detail) .pr-help {padding:14px 17px;background:#f0f5fb;border:1px solid #dbe6f4;border-radius:9px;color:#4b6380;margin:0 0 20px;font-size:12px;line-height:1.7}
#pos-report-page .pr-filters {display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;background:#fff;border:1px solid #dce5ef;border-radius:10px;padding:17px 20px;margin-bottom:18px}
#pos-report-page .pr-filters label {display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:#455d79;min-width:180px}
#pos-report-page .pr-filters select {display:block;width:100%;margin:0;height:38px;font-size:13px;border-radius:6px}
#pos-report-page .pr-filters p {flex:1;min-width:220px;font-size:11px;color:#64748b;line-height:1.7;margin:0 0 2px}
:is(#pos-report-page,#pos-report-detail) .pr-stats {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}
:is(#pos-report-page,#pos-report-detail) .pr-stat {min-width:0;border:1px solid #dce5f0;border-radius:9px;background:#fff;padding:17px 18px}
:is(#pos-report-page,#pos-report-detail) .pr-stat span {display:block;color:#64748b;font-size:11px;margin-bottom:7px}
:is(#pos-report-page,#pos-report-detail) .pr-stat strong {display:block;color:#244568;font-size:21px;font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;line-height:1.3}
:is(#pos-report-page,#pos-report-detail) .pr-stat small {display:block;color:#64748b;font-size:10px;line-height:1.5;margin-top:5px}
#pos-report-page .pr-panel {border:1px solid #dce5ef;border-radius:10px;background:#fff;overflow:hidden}
#pos-report-page .pr-panel-heading {display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:16px 18px;background:#f1f6fc;border-bottom:1px solid #dce5ef}
#pos-report-page .pr-panel-heading h3 {font-size:15px;color:#294b71;margin:0}
#pos-report-page .pr-panel-heading span {font-size:11px;color:#64748b}
:is(#pos-report-page,#pos-report-detail) .pr-table-wrap {max-width:100%;min-width:0;overflow-x:auto;border:1px solid #e0e7f0;border-radius:8px;background:#fff;margin:0 0 14px}
#pos-report-page .pr-panel>.pr-table-wrap {border:0;margin:0;border-radius:0}
:is(#pos-report-page,#pos-report-detail) .pr-table {width:100%;border-collapse:collapse;text-align:left;font-size:12px;margin:0}
:is(#pos-report-page,#pos-report-detail) .pr-table th {background:#f6f9fc;color:#64748b;font-size:11px;line-height:1.4;font-weight:650;border-bottom:1px solid #e0e7f0;padding:12px 14px;white-space:nowrap}
:is(#pos-report-page,#pos-report-detail) .pr-table td {padding:13px 14px;border-bottom:1px solid #edf1f6;vertical-align:middle;line-height:1.6}
:is(#pos-report-page,#pos-report-detail) .pr-table tr:last-child td {border-bottom:0}
:is(#pos-report-page,#pos-report-detail) .pr-table small {display:block;font-size:10px;color:#64748b;margin-top:4px}
:is(#pos-report-page,#pos-report-detail) .pr-table .pr-money {text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
:is(#pos-report-page,#pos-report-detail) .pr-warning {color:#9a530c}
:is(#pos-report-page,#pos-report-detail) .pr-note {font-size:11px;line-height:1.7;color:#64748b;margin:12px 0 18px}
:is(#pos-report-page,#pos-report-detail) .pr-muted {color:#64748b;font-size:11px}
:is(#pos-report-page,#pos-report-detail) .pr-badge {display:inline-flex;padding:4px 9px;white-space:nowrap;border:1px solid #dce4ef;border-radius:20px;background:#f5f8fc;color:#59708a;font-size:11px;font-weight:600}
:is(#pos-report-page,#pos-report-detail) .pr-badge.pr-open {background:#f1fbf7;border-color:#bce5d4;color:#047857}
:is(#pos-report-page,#pos-report-detail) .pr-empty {color:#64748b;text-align:center;padding:24px!important;font-size:12px}
:is(#pos-report-page,#pos-report-detail) .pr-message {padding:20px;font-size:13px;color:#64748b}
#global-modal:has(#pos-report-detail) {padding:24px;background:#14243a88}
#global-modal:has(#pos-report-detail)>.modal-content {max-width:1140px!important;width:100%!important;max-height:calc(100dvh - 48px)!important;display:flex;flex-direction:column;overflow:hidden!important;border:1px solid #ccd9e7!important;border-radius:12px!important;background:#fff}
#global-modal:has(#pos-report-detail) .modal-header {flex-shrink:0;padding:17px 22px!important;background:#edf4fc!important;border-bottom:1px solid #dae4ef!important}
#global-modal:has(#pos-report-detail) .modal-title {color:#244568!important;font-size:18px!important;letter-spacing:-.25px}
#global-modal:has(#pos-report-detail) .modal-close-btn {width:36px!important;height:36px!important;background:#fff!important;color:#536a83!important;border:1px solid #d2deeb!important;border-radius:7px!important}
#global-modal:has(#pos-report-detail) .modal-body {min-height:0;overflow:auto!important;padding:22px!important;background:#fff!important}
#global-modal:has(#pos-report-detail) .modal-footer {flex-shrink:0;margin:0;padding:14px 22px;background:#f8fafd;border-top:1px solid #e0e7f0;display:flex;justify-content:flex-end;gap:9px}
#pos-report-detail .pr-context {display:flex;gap:12px 20px;flex-wrap:wrap;align-items:center;margin-bottom:18px;color:#64748b;font-size:11px}
#pos-report-detail .pr-context strong {font-weight:600}
#pos-report-detail .pr-stat {padding:14px;background:#f8fafd}
#pos-report-detail .pr-detail-tabs {display:flex;flex-wrap:wrap;gap:5px;border-bottom:1px solid #dce5ef;margin:0 0 20px;padding-bottom:8px}
#pos-report-detail .pr-detail-tabs button {padding:10px 14px;font-size:12px;font-weight:600;border:1px solid transparent;border-radius:7px;background:#fff;color:#64748b;cursor:pointer}
#pos-report-detail .pr-detail-tabs button[aria-selected="true"] {background:#eaf2fc;color:#245a9e;border-color:#d4e3f5}
#pos-report-detail [hidden] {display:none!important}
#pos-report-detail h4 {font-size:14px;color:#294b71;margin:0 0 12px}
#pos-report-detail .pr-section-heading p {font-size:12px;color:#64748b;line-height:1.7;margin:0 0 17px}
#pos-report-detail .pr-sales-summary {display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px;font-size:12px;color:#64748b}
#pos-report-detail .pr-sales-summary strong {color:#244568}
#pos-report-detail .pr-columns {display:grid;grid-template-columns:1fr 1fr;gap:20px;min-width:0}
#pos-report-detail .pr-columns>div {min-width:0}
#pos-report-detail [data-report-panel="sales"] .pr-table {min-width:730px}
#pos-report-detail .pr-table td {overflow-wrap:anywhere}
:is(#pos-report-page,#pos-report-detail) button:focus-visible {outline:3px solid #9cbff0;outline-offset:2px}
@media(max-width:760px){
 :is(#pos-report-page,#pos-report-detail) .pr-stats {grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 #pos-report-page h2 {font-size:21px}
 #pos-report-page .pr-filters {padding:14px}
 #pos-report-page .pr-filters label {flex:1;min-width:140px}
 #pos-report-detail .pr-columns {grid-template-columns:1fr;gap:10px}
 #global-modal:has(#pos-report-detail) {padding:12px}
 #global-modal:has(#pos-report-detail)>.modal-content {max-height:calc(100dvh - 24px)!important}
 #global-modal:has(#pos-report-detail) .modal-body {padding:16px!important}
 #global-modal:has(#pos-report-detail) .modal-header {padding:14px 16px!important}
 #global-modal:has(#pos-report-detail) .modal-title {font-size:16px!important}
 #global-modal:has(#pos-report-detail) .modal-footer {padding:12px 16px;flex-wrap:wrap}
 :is(#pos-report-page,#pos-report-detail) .pr-stat strong {font-size:18px}
}