/* HayOrder v1.0.98 – dedicated statistics workspace, no remote libraries. */
.ho-statistics{width:100%;max-width:1740px;min-width:0;color:var(--text);display:grid;gap:14px;padding-bottom:24px;font-variant-numeric:tabular-nums}
.ho-statistics *{box-sizing:border-box}
.ho-statistics h2,.ho-statistics h3,.ho-statistics p{margin:0}
.ho-statistics-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:17px 24px;flex-wrap:wrap;margin-bottom:3px}
.ho-statistics-title{min-width:255px;flex:1 1 330px}
.ho-stat-eyebrow{display:block;font-size:11px;color:var(--link);letter-spacing:.12em;font-weight:800;line-height:1.5;margin-bottom:8px}
.ho-statistics-title h2{font-size:clamp(27px,2.25vw,35px);letter-spacing:-.035em;line-height:1.13;font-weight:850;margin-bottom:6px}
.ho-statistics-title p{font-size:13px;color:var(--muted);line-height:1.5}
.ho-stat-controls{display:flex;align-items:center;justify-content:flex-end;flex:1 1 750px;gap:10px;flex-wrap:wrap}
.ho-stat-periods{display:flex;gap:3px;align-items:center;background:var(--surface);border:1px solid var(--line);padding:4px;border-radius:12px;min-height:45px}
.ho-stat-periods a{display:flex;align-items:center;justify-content:center;min-height:35px;padding:7px 12px;border-radius:8px;color:var(--muted);text-decoration:none;font-size:12px;font-weight:750;white-space:nowrap;border:1px solid transparent}
.ho-stat-periods a:hover{color:var(--text);background:var(--surface-soft)}
.ho-stat-periods a.active{background:var(--accent);color:var(--on-accent);box-shadow:0 2px 7px #0002}
.ho-stat-date-form{display:flex;align-items:center;gap:8px;min-width:0;margin:0;flex-wrap:wrap}
.ho-stat-date-form label{display:flex;align-items:center;gap:6px;margin:0;color:var(--muted);font-size:11px;font-weight:700;white-space:nowrap}
.ho-stat-date-form input{min-height:43px;width:143px;max-width:100%;margin:0;padding:7px 9px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-family:inherit;font-size:12px;font-weight:700;color-scheme:dark}
.theme-light .ho-stat-date-form input{color-scheme:light}
.ho-stat-date-form button{min-height:43px;margin:0;display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:9px;background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);font-size:12px;font-weight:750;white-space:nowrap}
.ho-stat-date-form button .icon{width:15px;height:15px}
.ho-stat-context{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;font-size:11px;color:var(--muted)}
.ho-stat-context>span:first-child{display:inline-flex;align-items:center;gap:6px;color:var(--text);font-weight:750}
.ho-stat-context .icon{width:15px;height:15px}
.ho-stat-card{min-width:0;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:none;overflow:hidden}
.ho-stat-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ho-stat-kpi{min-height:116px;padding:17px;display:flex;align-items:flex-start;gap:12px}
.ho-stat-kpi>div{min-width:0;display:grid;gap:3px}
.ho-stat-kpi small{font-size:12px;font-weight:700;line-height:1.4;color:var(--muted)}
.ho-stat-kpi strong{display:block;font-size:clamp(19px,1.65vw,26px);font-weight:850;letter-spacing:-.03em;line-height:1.15;white-space:nowrap}
.ho-stat-kpi b{font-size:11px;color:var(--success);font-weight:750}
.ho-stat-kpi:last-child b{color:var(--muted)}
.ho-stat-kpi span:not(.ho-stat-icon){font-size:11px;color:var(--muted);line-height:1.45}
.ho-stat-icon{width:39px;height:39px;flex:0 0 39px;border-radius:11px;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface-soft);color:var(--link)}
.ho-stat-icon .icon{width:19px;height:19px}
.ho-stat-icon.is-green{background:color-mix(in srgb,#3fc38e 10%,var(--surface));color:#43ce96;border-color:color-mix(in srgb,#3fc38e 33%,var(--line))}
.ho-stat-icon.is-blue{background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--link);border-color:color-mix(in srgb,var(--accent) 36%,var(--line))}
.ho-stat-icon.is-amber{background:color-mix(in srgb,#f3b84d 12%,var(--surface));color:#edb653;border-color:color-mix(in srgb,#f3b84d 35%,var(--line))}
.ho-stat-icon.is-red{background:color-mix(in srgb,#e26b79 12%,var(--surface));color:#f27c8c;border-color:color-mix(in srgb,#e26b79 33%,var(--line))}
.ho-stat-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ho-stat-panels>.ho-stat-card{min-height:224px;padding:15px 17px;display:flex;flex-direction:column;gap:10px}
.ho-stat-card>header{display:flex;gap:11px;align-items:center;min-width:0}
.ho-stat-card>header>div{min-width:0;flex:1 1 auto}
.ho-stat-card>header h3{font-size:16px;font-weight:800;letter-spacing:-.018em;line-height:1.25;margin:0 0 3px}
.ho-stat-card>header p{color:var(--muted);font-size:12px;line-height:1.4}
.ho-stat-tag{min-height:31px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);color:var(--text);font-size:11px;white-space:nowrap;font-weight:700}
.ho-stat-chart{min-height:313px!important}
.ho-stat-graph-scroll{width:100%;min-width:0;overflow:auto;margin-top:auto}
.ho-stat-graph-scroll svg{display:block;width:100%;min-width:420px;height:auto;max-height:257px;overflow:visible}
.ho-stat-line line,.ho-stat-bars line{stroke:var(--line);stroke-width:1;stroke-dasharray:3 5}
.ho-stat-line text,.ho-stat-bars text{font-size:10px;fill:var(--muted)}
.ho-stat-line polyline{fill:none;stroke:var(--accent);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.ho-stat-line circle{fill:var(--accent);stroke:var(--surface);stroke-width:1.8}
.ho-stat-bars rect{fill:var(--accent);opacity:.85}
.ho-stat-bars rect:hover{opacity:1}
.ho-stat-explainer{font-size:10px;line-height:1.45;color:var(--muted);margin-top:auto}
.ho-stat-ranking{min-height:225px!important}
.ho-stat-rank-list{margin:4px 0 0;padding:0;display:grid;gap:10px;list-style:none}
.ho-stat-rank-list li{display:grid;grid-template-columns:23px minmax(90px,1fr) minmax(70px,1.45fr) 28px;align-items:center;gap:9px;min-width:0;font-size:12px}
.ho-stat-rank{display:grid;place-items:center;width:22px;height:22px;background:var(--surface-soft);border-radius:50%;font-size:11px;font-weight:800;color:var(--text)}
.ho-stat-rank-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750}
.ho-stat-rank-list b{text-align:right;font-size:12px}
.ho-stat-rank-list progress,.ho-stat-type-row progress{appearance:none;width:100%;height:9px;border-radius:99px;border:0;background:var(--surface-soft);overflow:hidden}
.ho-stat-rank-list progress::-webkit-progress-bar,.ho-stat-type-row progress::-webkit-progress-bar{background:var(--surface-soft);border-radius:99px}
.ho-stat-rank-list progress::-webkit-progress-value,.ho-stat-type-row progress::-webkit-progress-value{background:var(--accent);border-radius:99px}
.ho-stat-rank-list progress::-moz-progress-bar,.ho-stat-type-row progress::-moz-progress-bar{background:var(--accent);border-radius:99px}
.ho-stat-payment-content{display:flex;align-items:center;justify-content:space-around;gap:17px;min-height:155px;min-width:0}
.ho-stat-donut{width:145px;height:145px;border-radius:50%;display:grid;place-items:center;flex:0 0 145px}
.ho-stat-donut>div{width:95px;height:95px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface);text-align:center;gap:3px}
.ho-stat-donut strong{font-size:15px;line-height:1.2;white-space:nowrap}
.ho-stat-donut small{font-size:10px;color:var(--muted)}
.ho-stat-pay-legend{flex:1 1 auto;min-width:0;display:grid;gap:8px}
.ho-stat-pay-legend>div{display:grid;grid-template-columns:10px minmax(80px,1fr) auto auto;gap:7px;align-items:center;font-size:11px}
.ho-stat-swatch{width:9px;height:9px;border-radius:50%}
.ho-stat-pay-legend strong{font-size:11px;font-weight:700;white-space:nowrap}
.ho-stat-pay-legend small{color:var(--muted);white-space:nowrap}
.ho-stat-pay-legend b{font-size:11px;white-space:nowrap;text-align:right}
.ho-stat-type-row{display:grid;grid-template-columns:minmax(125px,.75fr) minmax(70px,1fr) 58px;gap:14px;align-items:center;margin-top:12px}
.ho-stat-type-row>div{display:grid;gap:4px}
.ho-stat-type-row strong{font-size:12px}
.ho-stat-type-row small{font-size:11px;color:var(--muted)}
.ho-stat-type-row>b{font-size:12px;text-align:right}
.ho-stat-empty{font-size:12px!important;color:var(--muted);margin:auto 0!important;padding:16px 13px;border:1px dashed var(--line);border-radius:9px;background:var(--surface-soft)}
.ho-stat-insights{padding:14px 16px;display:grid;gap:12px}
.ho-stat-insight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ho-stat-insight-grid article{display:flex;gap:10px;min-width:0;padding:12px 10px;border:1px solid var(--line);background:var(--surface-soft);border-radius:10px}
.ho-stat-insight-grid article>div{min-width:0;display:grid;align-content:center;gap:3px}
.ho-stat-insight-grid small{font-size:11px;color:var(--muted)}
.ho-stat-insight-grid strong{font-size:14px;font-weight:800;overflow-wrap:anywhere}
.ho-stat-insight-grid article span:not(.ho-stat-icon){font-size:11px;color:var(--muted)}
.ho-stat-footnote{display:flex;align-items:flex-start;gap:8px;font-size:11px;color:var(--muted);line-height:1.6;padding:0 2px}
.ho-stat-footnote .icon{width:16px;height:16px;flex:0 0 16px;margin-top:2px}
.ho-stat-footnote a{color:var(--link);white-space:nowrap;font-weight:700}
.ho-stat-notice{padding:12px 15px;background:var(--surface-soft);border:1px solid #bd8e36;border-radius:10px;font-size:12px}
/* Orders: operative management instead of duplicated summary dashboard. */
.operator-premium-page .ho71-filter-panel .ho71-period-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.operator-premium-page .ho68-filter-panel-head .ho98-archive-link{margin-left:auto;color:var(--link);font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}
.operator-premium-page .ho68-filter-panel-head .ho98-archive-link:hover{text-decoration:underline}
/* Finances now deal with payment registration and reconciliation, not sales analytics. */
.operator-premium-page .ho98-finance-panels{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1370px){.ho-stat-controls{justify-content:flex-start}.ho-statistics-heading{align-items:flex-start}.ho-stat-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1070px){.ho-stat-panels,.operator-premium-page .ho98-finance-panels{grid-template-columns:minmax(0,1fr)}.ho-stat-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:690px){.ho-statistics{gap:10px}.ho-stat-periods{width:100%;overflow-x:auto}.ho-stat-periods a{padding:7px 9px;flex:1}.ho-stat-date-form{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ho-stat-date-form label{display:grid}.ho-stat-date-form input{width:100%}.ho-stat-date-form button{grid-column:1/-1;justify-content:center}.ho-stat-kpis{gap:8px}.ho-stat-kpi{padding:12px;flex-direction:column;min-height:142px}.ho-stat-panels>.ho-stat-card{padding:13px}.ho-stat-payment-content{flex-wrap:wrap}.ho-stat-insight-grid{gap:7px}.ho-stat-insight-grid article{flex-direction:column}.ho-stat-footnote{flex-wrap:wrap}.operator-premium-page .ho71-filter-panel .ho71-period-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:440px){.ho-stat-pay-legend{width:100%}.ho-stat-rank-list li{grid-template-columns:22px minmax(74px,.9fr) minmax(55px,.8fr) 22px}.ho-stat-insight-grid article .ho-stat-icon{width:29px;height:29px;flex-basis:29px}.ho-stat-insight-grid strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.ho-statistics *{transition:none!important;animation:none!important}}