.sales-live-page .table-scroll { overflow-x: auto; margin-top: .8rem; }
.sales-live-page table { min-width: 680px; }
.sales-live-page td small,.sales-live-page th small,#today-platforms th small,#today-platforms td small { display: block; margin-top: .2rem; font-size: .72rem; font-weight: 400; color: #667085; }
.sales-live-total { background: #f8fafc; font-weight: 700; }
.sales-live-page .report-toggle { display: inline-flex; align-items: center; gap: .35rem; }
.sales-live-page input[type=checkbox] { min-width: 0; flex: none; }
#sales-live-status { color: #b42318; margin-top: .6rem; }
#sales-live-loader { margin: .6rem 0; }
#sales-live-loader[hidden] { display: none; }
.sales-live-page .live-toolbar { padding: .8rem 1rem; background: #f5f8fc; border: 1px solid #e5eaf2; border-radius: 12px; gap: 1rem; }
.sales-live-page #sales-live-refresh { background: #2160ac; color: white; border-color: #2160ac; border-radius: 8px; }
.sales-live-page #sales-live-table { border: 1px solid #e3e9f0; border-radius: 12px; }
.sales-live-page #sales-live-table table { margin: 0; width: 100%; border-collapse: collapse; }
.sales-live-page #sales-live-table thead { background: #f5f8fc; }
.sales-live-page #sales-live-table td { font-variant-numeric: tabular-nums; text-align: right; padding: .3rem .65rem; vertical-align: middle; line-height: 1.3; }
.sales-live-page #sales-live-table th { padding: .3rem .65rem; text-align: left; line-height: 1.3; }
.sales-live-page #sales-live-table small { margin-top: .08rem; line-height: 1.3; }
.sales-live-page #sales-live-table td:last-child { white-space: nowrap; }
.sales-live-page #sales-live-table th:first-child { width: 32%; }
.sales-live-page #sales-live-table .live-comparison-amount { white-space: nowrap; font-weight: 500; }
.sales-live-page #sales-live-table .positive { color: #347553; }
.sales-live-page #sales-live-table .negative { color: #a65a31; }
.sales-live-page #sales-live-table th:not(:first-child) { text-align: right; }
.sales-live-page .live-platform-row:hover { background: #f4f8fe; }
.sales-live-page .live-platform-name { display: flex; gap: .5rem; align-items: center; }
.sales-live-page .live-amount { font-weight: 650; white-space: nowrap; }
.sales-live-page .live-country-summary { max-width: 35rem; line-height: 1.3; }
.live-country-item { display: inline-block; max-width: 100%; }
.live-country-value { font-variant-numeric: tabular-nums; font-weight: 400; }
.live-country-separator { color: #a0acbb; }
.live-status { display: inline-block; border-radius: 5px; padding: .05rem .3rem; background: #edf7f0; color: #286344; }
.live-status-stale { background: #fff5df; color: #8c6112; }
.live-status-unavailable { background: #fceeed; color: #9a3b32; }
.sales-live-page .live-warning { max-width: 28rem; color: #956410; }
#sales-live-table > p { margin: 0; padding: .65rem .9rem; border-top: 1px solid #e3e9f0; }
#sales-live-graphs { margin-top: 2rem; }
.live-graph-card { border: 1px solid #dfe6ef; border-radius: 14px; margin: 1rem 0; padding: 1.1rem 1.25rem .7rem; box-shadow: 0 2px 7px #223e5c06; }
.live-graph-head { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: .6rem; }
.live-graph-card h3 { display: flex; align-items: center; gap: .5rem; margin: 0; font-size: 1.05rem; }
.live-chart-country { display: flex; align-items: center; gap: .6rem; font-size: .8rem; color: #64748b; }
.sales-live-page .live-chart-country select { width: auto; max-width: 18rem; padding: .45rem .65rem; border-radius: 8px; background: #f8fafc; }
.live-graph-meta { color: #6b788b; font-size: .76rem; margin: .45rem 0; font-weight: 400; }
.live-curve-summary { display: flex; flex-wrap: wrap; gap: .7rem 1.2rem; font-size: .83rem; margin: .9rem 0 .35rem; font-variant-numeric: tabular-nums; }
.live-legend-today::before,.live-legend-yesterday::before,.live-legend-average::before { content: ''; display: inline-block; width: .6rem; height: .6rem; border-radius: 50%; margin-right: .35rem; background: #216ac1; }
.live-legend-yesterday::before { background: #8997ab; }
.live-legend-average::before { background: #9a68af; }
.live-difference.positive { color: #347553; }
.live-difference.negative { color: #a65a31; }
.live-plot { position: relative; }
.live-plot svg { width: 100%; height: 202px; display: block; overflow: visible; }
.live-plot text { fill: #7c899a; font: 11px system-ui,sans-serif; }
.live-grid { stroke: #edf0f5; stroke-width: 1; }
.live-line { fill: none; stroke-width: 2.5; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.live-line.today { stroke: #216ac1; }
.live-line.yesterday { stroke: #8997ab; stroke-dasharray: 5 4; }
.live-line.average { stroke: #9a68af; stroke-dasharray: 2 3; }
.live-cutoff { stroke: #b9cee7; stroke-width: 1; stroke-dasharray: 3 3; }
.live-curve-tooltip { position: absolute; top: .3rem; max-width: 260px; background: #fff; color: #24354e; border: 1px solid #c7d6e8; border-radius: 8px; box-shadow: 0 3px 12px #1d37501a; padding: .65rem; font-size: .8rem; pointer-events: none; z-index: 2; }
.live-curve-tooltip[hidden] { display: none; }
.live-curve-empty { color: #7c899a; padding: 1.5rem .1rem; }
.live-observations { font-size: .76rem; color: #687589; margin: .2rem 0; }
.live-observations summary { cursor: pointer; }
.live-observations > div { overflow-x: auto; max-height: 220px; }
.sales-live-page .live-observations table { min-width: 0; width: 100%; }
@media(max-width:700px) { .live-graph-card { padding: .85rem .6rem; } .live-plot svg { height: auto; min-height: 140px; } .live-chart-country { flex-wrap: wrap; } }