/* UI-01.1 operational-density refinements */
.page-heading{margin-bottom:20px}.eyebrow{margin-bottom:5px}.eyebrow span{font-weight:500;color:#8a98ab}.page-heading h1{font-size:clamp(24px,2.5vw,32px)}.page-heading p:not(.eyebrow){margin-top:6px;line-height:1.45;font-size:14px}.button{cursor:pointer}.kpi-grid{margin-bottom:16px}.kpi{padding:15px 17px}.kpi>strong{font-size:21px;margin:10px 0 5px}.dashboard-grid{gap:16px}.lower-grid{margin-top:16px}.card-header{padding:17px 19px 12px}.chart{height:186px;padding:18px 24px 0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 45px,#eff2f5 46px)}.bar{border:0;cursor:default}.bar:hover,.bar:focus-visible{background:#1e3e6a;outline:2px solid var(--focus);outline-offset:2px}.chart-labels{padding:8px 24px 13px}.status-card{padding-bottom:9px}.status-row{padding:9px 19px}.table-head,.transaction-row{grid-template-columns:1.15fr .75fr .85fr .7fr .72fr .7fr;padding:11px 19px}.side-stack{gap:16px}.attention-item{padding:12px 18px}.system-row{padding:9px 18px}
@media(max-width:760px){.page-heading h1{font-size:27px}.chart{height:190px;padding:20px 20px 0}.table-head,.transaction-row{grid-template-columns:1fr}.transaction-row small{display:none}}
.data-mode-badge{display:inline-flex;vertical-align:middle;margin-left:6px;padding:3px 6px;border-radius:999px;font-size:9px;letter-spacing:.08em;white-space:nowrap}.data-mode-badge.mock{background:#edf0f5;color:#65738a}.data-mode-badge.live{background:#e3f5ed;color:#147a58}.payments-status{margin:0;padding:0 19px 12px;color:#65738a;font-size:12px}.payments-status.live{color:#147a58}.payments-status.loading{color:#566a9c}.payments-status.error{color:#bd3b45}.payments-status.empty{color:#65738a}.text-button:disabled{cursor:not-allowed;color:#8a98ab;background:transparent}
.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.live-kpi>strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.dashboard-error{grid-column:1/-1}.dashboard-error>strong{font-size:18px}@media(max-width:1150px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.kpi-grid{grid-template-columns:1fr}.kpi:last-child{grid-column:auto}}