.offer-statistics { --stats-muted:#a8adba; --stats-blue:#00a3ff; --stats-line:#ffffff0b; }
.offer-stats-title { display:flex; align-items:baseline; justify-content:space-between; gap:8px; }
.offer-stats-title > h4 { margin:0; font-size:15px; font-weight:650; }
.offer-stats-title > span { color:var(--stats-muted); font-size:10px; text-align:right; }
.offer-stats-period { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; width:100%; margin:12px auto 20px; padding:4px; border-radius:12px; background:#26292f; }
.offer-stats-period > button { display:grid; place-items:center; min-height:40px; margin:0; padding:8px 6px; border-radius:9px; background:transparent; color:var(--stats-muted); font-size:13px; font-weight:500; text-align:center; }
.offer-stats-period > button[aria-pressed="true"] { background:#343941; color:#f5f6fa; }
.offer-stats-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:0 0 20px; }
.offer-stats-metrics > div { min-width:0; }
.offer-stats-metrics dt { color:var(--stats-muted); font-size:11px; }
.offer-stats-metrics dd { margin:7px 0 0; color:#f5f6fa; font-size:25px; line-height:1.15; font-weight:650; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.offer-stats-money { margin:0; }
.offer-stats-money > div { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:56px; padding:9px 0; border-top:1px solid var(--stats-line); }
.offer-stats-money dt, .offer-stats-money dd { min-width:0; }
.offer-stats-money dd { margin:0; color:#d3d6df; font-size:18px; font-weight:650; text-align:right; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; transform:translateY(2px); }
.offer-stats-money small { display:block; margin-top:4px; color:#9ba2b0; font-size:11px; font-weight:500; }
.offer-status { display:inline-flex; align-items:center; gap:6px; color:#a8adba; font-size:13px; font-weight:550; }
.offer-status > i { display:block; flex-shrink:0; width:4px; height:4px; border-radius:50%; background:currentColor; }
.offer-status--hold { color:#d6b970; }
.offer-status--approved { color:#7cd6a1; }
.offer-status--rejected { color:#d38b92; }
.offer-stats-money .offer-money--approved dd { color:var(--stats-blue); font-size:22px; }
.offer-stats-detail-controls { display:grid; grid-template-columns:minmax(0,1fr) 44px; align-items:stretch; gap:8px; margin:20px 0 12px; }
.offer-stats-detail-controls.is-clicks { grid-template-columns:minmax(0,1fr); }
.offer-stats-tabs { display:grid; grid-template-columns:1fr 1fr; gap:4px; margin:0; padding:4px; border-radius:11px; background:#26292f; }
.offer-stats-tabs > button { display:flex; align-items:center; justify-content:center; gap:7px; min-height:36px; margin:0; padding:8px; border-radius:8px; background:transparent; color:#a8adba; font-size:12px; }
.offer-stats-tabs > button > span { color:#8e94a2; font-size:10px; font-variant-numeric:tabular-nums; }
.offer-stats-tabs > button[aria-pressed="true"] { background:#343941; color:#f5f6fa; }
.offer-stats-tabs > button[aria-pressed="true"] > span { color:#00a3ff; }
.offer-status-filter { position:relative; display:block; width:44px; height:44px; margin:0; color:#a8adba; }
.offer-status-filter-icon { position:absolute; z-index:1; inset:12px; width:20px; height:20px; pointer-events:none; }
.offer-status-filter .wc-control { width:44px; height:44px; }
.offer-status-filter .wc-trigger { justify-content:center; width:44px; height:44px; min-height:44px; padding:0; border-color:#ffffff0d; border-radius:11px; background:#26292f; }
.offer-status-filter .wc-value,.offer-status-filter .wc-trigger>.wc-icon { display:none; }
.offer-status-filter:has(option:checked:not([value="all"])) { color:var(--stats-blue); }
.offer-status-filter:has(option:checked:not([value="all"]))::after { content:''; position:absolute; z-index:2; right:7px; top:7px; width:5px; height:5px; border-radius:50%; background:var(--stats-blue); box-shadow:0 0 0 2px #26292f; pointer-events:none; }
.offer-status-filter:has(.wc-trigger[aria-expanded="true"]) .wc-trigger { border-color:#087cff; background:#263245; }
.offer-event { border-top:1px solid var(--stats-line); }
.offer-event > summary { display:flex; align-items:center; gap:10px; min-height:62px; padding:12px 0; list-style:none; cursor:pointer; }
.offer-event > summary::-webkit-details-marker { display:none; }
.offer-event > summary > div { flex:1; min-width:0; }
.offer-event time { color:#d3d6df; font-size:12px; }
.sheet .offer-event summary p { margin:5px 0 0; color:#8e94a2; font-size:10px; line-height:1.4; overflow-wrap:anywhere; }
.offer-event summary > svg { flex:0 0 14px; width:14px; height:14px; color:#8e94a2; }
.offer-event[open] summary > svg { transform:rotate(180deg); }
.offer-event-amount { color:#b9c2d0; font-size:15px; font-variant-numeric:tabular-nums; }
.offer-event-amount.is-approved { color:var(--stats-blue); }
.offer-event-fields { margin:0; padding:0 0 14px; }
.offer-event-fields > div { display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding:5px 0; font-size:11px; line-height:1.45; }
.offer-event-fields dt { flex-shrink:0; color:#8e94a2; }
.offer-event-fields dd { min-width:0; margin:0; color:#b9c2d0; text-align:right; overflow-wrap:anywhere; }
.offer-stats-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:120px; padding:20px 12px; text-align:center; }
.offer-stats-empty strong { color:#b9c2d0; font-size:13px; font-weight:600; }
.sheet .offer-stats-empty p { max-width:270px; margin:7px 0 0; color:#8e94a2; font-size:11px; line-height:1.5; }
.sheet .offer-stats-back { width:100%; margin:16px 0 0; }
[data-amount-number] { display:inline-block; white-space:nowrap; line-height:1.2; }
.offer-amount-digit { display:inline-block; height:1em; overflow:hidden; vertical-align:-.05em; line-height:1; }
.offer-amount-track, .offer-amount-track > span { display:block; height:1em; line-height:1; }
.offer-amount-track { height:auto; }