.sales-stats { --stats-teal: #168276; --stats-orange: #e45432; }
.sales-stats button:focus-visible, .sales-stats select:focus-visible, .sales-stats input:focus-visible { outline: 3px solid #307dcb; outline-offset: 3px; }
.sales-stats button:disabled { cursor: not-allowed; opacity: .45; }
.sales-stats .heading-actions { display: flex; gap: 10px; }
.stats-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; padding: 18px 20px; }
.stats-period { display: flex; padding: 4px; border-radius: 9px; background: #f2f1ef; }
.stats-period button { padding: 9px 17px; border: 0; border-radius: 7px; background: transparent; color: #6b7078; font-size: 13px; font-weight: 700; cursor: pointer; }
.stats-period button[aria-pressed="true"] { background: #202329; color: white; box-shadow: 0 2px 5px #0001; }
.stats-date-control { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; }
.stats-date-control > label, .stats-scope-filters label { display: grid; gap: 3px; font-size: 10px; color: #767b82; }
.sales-stats select, .sales-stats input { min-width: 120px; max-width: 240px; min-height: 34px; padding: 5px 9px; border: 1px solid #deddd9; border-radius: 6px; color: #434850; background: #fff; font: inherit; font-size: 12px; }
.stats-scope-filters { display: flex; flex-wrap: wrap; gap: 12px; margin-left: auto; }
.stats-link { color: var(--stats-orange); border: 0; background: transparent; cursor: pointer; font-size: 12px; font-weight: 650; padding: 8px 0; }
.stats-period-caption { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin: 22px 0 14px; color: #777c84; font-size: 12px; }
.stats-period-caption strong { color: #3b4047; font-size: 15px; }
.stats-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 22px; }
.stats-kpi { padding: 22px; border-top: 3px solid #555e70; }
.stats-kpi > span { color: #636973; font-size: 13px; }
.stats-kpi > strong { display: block; margin: 15px 0 10px; font-size: 42px; line-height: 1; letter-spacing: -1px; font-variant-numeric: tabular-nums; font-weight: 650; color: #292f38; }
.stats-kpi > strong small { margin-left: 9px; font-size: 13px; font-weight: 500; letter-spacing: 0; color: #747a82; }
.stats-kpi p { margin: 0; font-size: 11px; line-height: 1.7; color: #838892; }
.stats-kpi.stats-new { border-top-color: var(--stats-orange); background: linear-gradient(130deg, #fff7f2, white 70%); }
.stats-kpi.stats-updated { border-top-color: var(--stats-teal); background: linear-gradient(130deg, #effaf6, white 70%); }
.stats-kpi.stats-new > strong { color: var(--stats-orange); }
.stats-kpi.stats-updated > strong { color: var(--stats-teal); }
.stats-comparison, .stats-detail { padding: 24px; margin-bottom: 20px; }
.stats-section-head { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px; margin-bottom: 20px; }
.stats-section-head h2 { font-size: 21px; font-weight: 650; margin: 6px 0; }
.stats-section-head h2 span { margin-left: 8px; font-size: 14px; color: #878d94; }
.stats-section-head p { font-size: 12px; line-height: 1.6; color: #7c828b; margin: 0; }
.stats-section-head > label { display: flex; gap: 9px; align-items: center; color: #777e85; font-size: 12px; }
.stats-table-scroll { overflow-x: auto; }
.stats-table { width: 100%; min-width: 600px; border-collapse: collapse; table-layout: fixed; }
.stats-table thead { background: #f7f6f4; color: #747b82; font-size: 12px; }
.stats-table th, .stats-table td { padding: 15px 14px; text-align: left; border-bottom: 1px solid #efeeeb; }
.stats-table th:first-child { width: 30%; }
.stats-table th:last-child { width: 16%; }
.stats-table thead small { font-size: 10px; font-weight: 400; white-space: nowrap; }
.stats-dot { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; }
.stats-orange { background: var(--stats-orange); }
.stats-teal { background: var(--stats-teal); }
.stats-person { display: flex; gap: 11px; align-items: center; min-width: 0; width: 100%; border: 0; padding: 8px 5px; border-radius: 8px; background: transparent; text-align: left; cursor: pointer; font: inherit; }
.stats-person:hover, .stats-person[aria-expanded="true"] { background: #fff3eb; }
.stats-person:hover strong, .stats-person[aria-expanded="true"] strong { color: var(--stats-orange); text-decoration: underline; text-underline-offset: 4px; }
.stats-person-arrow { margin-left: auto; color: var(--stats-orange); font-size: 14px; }
.stats-avatar { flex: 0 0 34px; height: 34px; display: grid; place-items: center; background: #f4eee8; color: #a86c4c; border-radius: 10px; font-size: 16px; }
.stats-person-copy { min-width: 0; display: grid; gap: 6px; }
.stats-person strong { font-size: 14px; color: #30363e; }
.stats-person strong small { font-size: 10px; color: #868c92; }
.stats-person-copy > span { font-size: 10px; font-weight: 400; line-height: 1.5; color: #848a93; overflow-wrap: anywhere; }
.stats-bar-button { width: 100%; display: flex; align-items: center; gap: 12px; border: 1px solid transparent; border-radius: 7px; padding: 8px 5px; cursor: pointer; background: transparent; color: var(--stats-orange); }
.stats-bar-button.stats-updated { color: var(--stats-teal); }
.stats-bar-button:hover, .stats-bar-button[aria-pressed="true"] { background: #f8f5f1; border-color: #e6e1da; }
.stats-bar-track { flex: 1; height: 11px; background: #f3f2ef; border-radius: 4px; overflow: hidden; }
.stats-bar-track > span { display: block; height: 100%; background: #ed7050; border-radius: inherit; }
.stats-updated .stats-bar-track > span { background: #299b8e; }
.stats-bar-button strong { font-size: 22px; font-variant-numeric: tabular-nums; min-width: 27px; text-align: right; }
.stats-drill { font-size: 12px; opacity: .55; }
.stats-table tbody tr.is-selected { background: #fffcf8; }
.stats-table .stats-records { color: #525b67; font-size: 16px; font-variant-numeric: tabular-nums; }
.stats-table tfoot { background: #f8f7f5; font-size: 16px; font-weight: 700; }
.stats-table tfoot td:nth-child(2) { color: var(--stats-orange); }
.stats-table tfoot td:nth-child(3) { color: var(--stats-teal); }
.stats-state { min-height: 150px; display: flex; gap: 9px; justify-content: center; align-items: center; color: #80868d; font-size: 13px; padding: 30px; }
.stats-zero-note { padding: 14px; background: #f3f7fb; color: #5d728a; border-radius: 8px; font-size: 12px; margin-bottom: 14px; }
.stats-detail { scroll-margin-top: 25px; }
.stats-detail:focus { outline: none; }
.stats-detail-group { border-top: 1px solid #ece9e4; padding-top: 20px; margin-top: 22px; }
.stats-detail-group-head { margin-bottom: 15px; border-left: 3px solid var(--stats-orange); padding-left: 12px; }
.stats-detail-group.stats-updated .stats-detail-group-head { border-left-color: var(--stats-teal); }
.stats-detail-group-head h3 { margin: 0 0 7px; color: #343b44; font-size: 17px; }
.stats-detail-group-head h3 span { margin-left: 10px; color: var(--stats-orange); font-size: 14px; }
.stats-detail-group.stats-updated .stats-detail-group-head h3 span { color: var(--stats-teal); }
.stats-detail-group-head p { margin: 0; font-size: 12px; line-height: 1.7; color: #7c828b; }
.stats-detail-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.stats-detail-list article { border: 1px solid #e9e6e1; border-radius: 10px; padding: 18px; }
.stats-detail-title { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.stats-detail-title strong { font-size: 14px; color: #343b44; overflow-wrap: anywhere; }
.stats-detail-title span { border-radius: 5px; padding: 4px 6px; color: #387e76; background: #edf7f3; font-size: 10px; white-space: nowrap; }
.stats-detail-list p { color: #626b76; font-size: 12px; line-height: 1.9; white-space: pre-wrap; overflow-wrap: anywhere; }
.stats-detail-list footer { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; color: #899098; font-size: 10px; line-height: 1.7; }
.stats-method { color: #80858c; font-size: 11px; line-height: 1.8; }
.stats-method summary { cursor: pointer; padding: 8px 0; }
.stats-method ul { margin-top: 8px; padding-left: 19px; }
@media (max-width: 1200px) { .stats-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } .stats-scope-filters { margin-left: 0; } }
@media (max-width: 680px) {
  .stats-kpis { gap: 10px; } .stats-kpi { padding: 15px; } .stats-kpi > strong { font-size: 32px; }
  .stats-kpi > span { font-size: 12px; } .stats-comparison, .stats-detail, .stats-filters { padding: 15px; }
  .stats-detail-list { grid-template-columns: 1fr; } .stats-scope-filters { width: 100%; }
  .stats-scope-filters label { min-width: 0; flex: 1; } .stats-scope-filters select { min-width: 0; width: 100%; }
  .stats-date-control .ghost-button { padding: 0 9px; }
}

.stats-new-followup{display:grid;gap:5px;padding:12px 14px;margin:14px 0;border-left:3px solid #ed8059;background:#fff8f3;border-radius:0 8px 8px 0}.stats-new-followup>strong{font-size:13px;color:#a44f30}.stats-new-followup>span{font-size:12px;color:#81867d}.stats-new-followup>p{margin:3px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}

.stats-kpis-with-calls { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.stats-calls { border-top-color: #537caf; }
.stats-calls > strong, .stats-table .stats-call-number { color: #355f91; }
.stats-table-with-calls { min-width: 940px; }
.stats-table-with-calls th:first-child { width: 25%; }
.stats-table-with-calls th:last-child { width: 11%; }
.stats-table-with-calls th:nth-last-child(2) { width: 11%; }
.stats-table .stats-records small { font-size: 11px; color: #818891; }
.stats-call-cutoff { color: #6d7780; font-size: 12px; margin: 12px 0; }
@media(max-width: 1000px) { .stats-kpis-with-calls { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media(max-width: 540px) { .stats-kpis-with-calls { grid-template-columns: 1fr; } }