/* Statistics workspace layout */
:root{background:#f4f6fa;color:#25364e}aside{width:208px;padding:27px 14px;border-color:#e8edf4}.brand{font-size:30.9px;padding:0 7px}.brand span{font-size:19.3px}.brand small{font-size:9px;letter-spacing:1.3px}.space{margin:27px 0 20px;padding:12px}.sidebar-foot{left:25px}main{margin-left:208px}header{height:58px;padding:0 28px}.tabs{display:none}section#content{padding:25px 28px;min-height:calc(100vh - 96px)}.heading{margin-bottom:21px;align-items:center}h1{font-size:33.5px;margin:5px 0 7px;letter-spacing:0}.eyebrow{font-size:11.5px;letter-spacing:1.8px;color:#97a5b9;font-weight:600}.heading p{font-size:14.1px}.source-meta{text-align:right;font-size:14.1px;color:#586b84}.source-meta small{display:block;margin-top:7px;color:#9ba7b8;font-size:12.9px}.filter-panel{padding:15px 18px;border-radius:10px;margin-bottom:19px}.filters{margin:0;align-items:end;gap:14px}.filters select{height:36px;min-width:135px;background:#fafbfd}.filters #shop{min-width:205px}.filters .btn{height:36px;padding:8px 23px}.dr-field{min-width:275px;gap:6px}.dr-field>label{font-size:12.9px;color:#8b99ac}.dr-trigger{height:36px;width:310px;background:#fafbfd}.report-meta{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;font-size:16.7px;color:#3b4c65;font-weight:600}.report-meta>span:last-child{font-size:12.9px;color:#93a0b3;font-weight:400}.metric-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:10px}.metric-card{border:1px solid #e6ebf3;border-radius:9px;padding:18px 19px;position:relative;transition:border-color .15s,box-shadow .15s;background:#fff;min-height:155px}.metric-card label{font-size:14.1px;color:#7989a2}.metric-card .metric{font-size:clamp(22px,2vw,29px);letter-spacing:-.6px;margin:15px 0 14px;font-weight:650;font-variant-numeric:tabular-nums}.metric-card .metric>small{font-size:20.6px;color:#b1bbcc;font-weight:400;vertical-align:2px}.metric-card .metric-notes{gap:3px}.metric-card .metric-notes span{display:flex;justify-content:space-between;gap:6px}.metric-card .metric-notes span:last-child{display:block}.breakdown-hint{font-size:11.5px;color:#8b9dbd}.metric-total{background:#f0f3fe;border-color:#dce3fa}.metric-total .metric{color:#455fbb}.metric-total label{color:#7285bb}.report-rules{padding:4px 0 14px;border:0;margin-bottom:4px}.report-rules summary{font-size:12.9px;color:#8e9caf}.report-rules p{margin-top:7px;max-width:950px;font-size:14.1px}.shop-panel{padding:0;border-radius:10px;overflow:hidden}.shop-panel>.panel-title{padding:20px 21px 15px;margin:0}.shop-panel h2{font-size:18px;margin:0 0 7px}.shop-panel p{font-size:12.9px}.shop-count{display:inline-block;padding:2px 7px;background:#eef2f9;color:#7d8ca6;border-radius:5px;font-size:12.9px;margin-left:7px;font-weight:500}.statistics-table{width:100%;font-variant-numeric:tabular-nums}.statistics-table th{padding:12px 16px;background:#f7f9fc;min-width:135px;font-size:12.9px;color:#8b99af;text-align:right}.statistics-table th:first-child{text-align:left;min-width:200px}.statistics-table th:nth-child(2){min-width:75px}.statistics-table td{padding:14px 16px;text-align:right;font-size:15.5px;vertical-align:middle;border-bottom:1px solid #eef1f6}.statistics-table td:first-child{text-align:left}.statistics-table .shop-name{font-weight:550;color:#3c5277;font-size:15.5px;margin-bottom:6px}.team-tag{display:inline-block;font-size:11.5px;letter-spacing:.2px;color:#8999b0;background:#f0f3f8;padding:2px 6px;border-radius:3px}.statistics-table .metric-notes{font-size:11.5px;gap:2px;margin-top:6px;line-height:1.6}.statistics-table .metric-notes b{color:#8e9cb1;font-weight:400}.statistics-table .metric-notes span{display:block}.statistics-table strong{font-size:15.5px}.shop-metric{outline:none;cursor:default;border-radius:5px;padding:4px 6px;margin:-4px -6px}.shop-metric:hover,.shop-metric:focus{background:#edf2ff;box-shadow:0 0 0 1px #d7e1fb}.count-cell{font-weight:600;color:#4c6180}.total-note{display:block;color:#b1bbcb;font-size:11.5px;margin-top:7px}.statistics-table tfoot{background:#f7f9fc}.statistics-table tfoot td,.statistics-table tfoot th{border-top:1px solid #e5eaf2}.statistics-table tbody tr:hover{background:#fcfdff}#payment-tooltip{width:min(700px,calc(100vw - 24px));border-radius:9px;box-shadow:0 10px 36px #283d6629}#payment-tooltip h3{font-size:16.7px;color:#3b5071}#payment-tooltip table td{font-variant-numeric:tabular-nums}footer{padding:16px 28px;font-size:11.5px}.dr-popup section{min-height:0;padding:0}.dr-popup .dr-grid button{padding:3px}#toast{z-index:1500}
@media(min-width:1700px){.metric-cards{grid-template-columns:repeat(6,minmax(0,1fr))}.metric-card{padding:19px 18px}.metric-card .metric{font-size:34.7px}}
@media(max-width:1050px){aside{width:185px}main{margin-left:185px}section#content{padding:22px 18px}.metric-cards{gap:10px}.metric-card{padding:16px 14px}.metric-card .metric{font-size:30.9px}.filter-panel{padding:14px}.filters{gap:10px}.dr-trigger{width:275px}.source-meta{max-width:180px}}
@media(max-width:700px){aside{width:62px;padding:18px 5px}main{margin-left:62px}.brand span,.space,.nav-label,.sidebar-foot,nav :is(button,a[data-page]) span{display:none}.brand{padding:0 10px}nav{margin-top:30px}nav :is(button,a[data-page]){text-align:center;padding:14px 5px}.metric-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.heading{align-items:start}.source-meta{font-size:11.5px;max-width:130px}.source-meta small{font-size:11.5px}.filters .dr-field{width:100%}.dr-trigger{width:100%}.filters select{flex:1;min-width:0}.filters #shop{min-width:0}.metric-card .metric{font-size:27px}.metric-card{min-height:147px}.metric-notes{font-size:12.9px}.report-meta>span:last-child{font-size:11.5px}h1{font-size:29.6px}}
.statistics-table{table-layout:fixed;min-width:940px}.statistics-table th{min-width:0;white-space:normal;line-height:1.6;padding:12px}.statistics-table th:first-child{width:19%;min-width:0}.statistics-table th:nth-child(2){width:7%;min-width:0}.statistics-table td{padding:14px 12px}.statistics-table .metric-notes{white-space:normal}.statistics-table .shop-name{overflow-wrap:anywhere}.statistics-table .metric-notes span{line-height:1.7}
.shop-picker{position:relative;min-width:235px;max-width:320px}.shop-picker-trigger{height:36px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #e1e6f0;border-radius:5px;background:#fafbfd;color:#68778f;padding:8px 12px;font-size:15.5px}.shop-picker-trigger[aria-expanded=true]{border-color:#7e95e9;box-shadow:0 0 0 2px #526bec0d}.shop-selection-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-picker-popup{position:absolute;left:0;top:calc(100% + 8px);width:320px;max-width:calc(100vw - 40px);z-index:1050;background:#fff;border:1px solid #dde5f2;border-radius:9px;box-shadow:0 10px 30px #2b42642b;padding:12px}.shop-picker-popup[hidden]{display:none}.filters .shop-search{min-width:0;width:100%;height:35px;padding:8px 10px}.shop-picker-tools{display:flex;align-items:center;justify-content:space-between;padding:10px 2px;font-size:12.9px;color:#95a1b4}.shop-clear{border:0;background:none;font-size:14.1px;color:#647cd3;padding:3px 5px}.shop-options{max-height:280px;overflow:auto}.shop-option{display:flex;align-items:center;gap:10px;cursor:pointer;padding:9px 8px;font-size:15.5px;color:#586b86;border-radius:5px}.shop-option:hover{background:#f1f5ff}.shop-option:has(input:checked){background:#f1f4ff;color:#506cc3}.shop-option input{padding:0;width:14px;height:14px;accent-color:#526bec}.shop-options .empty{padding:24px 10px;font-size:15.5px}@media(max-width:700px){.shop-picker{flex:1;min-width:160px;max-width:none}.shop-picker-popup{width:280px}}
/* Larger, higher-contrast figures in shop statistics. */
.statistics-table{min-width:1120px}.statistics-table th{font-size:15.5px}.statistics-table td{font-size:19.3px;padding:19px 14px}.statistics-table td strong{font-size:24.4px;font-weight:650;color:#2f4465;letter-spacing:.1px}.statistics-table .count-cell{font-size:24.4px;font-weight:650;color:#2f4465}.statistics-table tfoot>tr>td:nth-child(2){font-size:24.4px;font-weight:650}.statistics-table .metric-notes{font-size:15.5px;margin-top:9px;gap:4px;color:#75859d}.statistics-table .metric-notes b{font-size:16.7px;font-weight:600;color:#526984}.statistics-table .shop-name{font-size:19.3px}.statistics-table .team-tag{font-size:14.1px}.statistics-table .total-note{font-size:14.1px;margin-top:9px}
/* Readable payment-method figures in both card and shop tooltips. */
#payment-tooltip{width:min(850px,calc(100vw - 24px));max-height:min(560px,85vh)}#payment-tooltip h3{font-size:18px}#payment-tooltip p{font-size:14.1px;line-height:1.7}#payment-tooltip table{font-size:15.5px}#payment-tooltip th{font-size:15.5px;padding:10px 12px}#payment-tooltip td{padding:10px 12px}#payment-tooltip td:not(:first-child){font-size:19.3px;font-weight:600;color:#304767;font-variant-numeric:tabular-nums}#payment-tooltip td:first-child{font-size:15.5px}#payment-tooltip td small{font-size:12.9px;font-weight:400}.tooltip-scroll{max-height:410px}@media(max-width:700px){#payment-tooltip{padding:13px}#payment-tooltip th,#payment-tooltip td{padding:10px}#payment-tooltip td:not(:first-child){font-size:18px}}

.table-sort{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:600;text-align:inherit;cursor:pointer}.statistics-table th:first-child .table-sort{justify-content:flex-start}.sort-arrow{font-size:16.7px;color:#a2aec1}.table-sort:hover,.table-sort:focus-visible{color:#526bec}.statistics-table th[aria-sort=ascending] .sort-arrow,.statistics-table th[aria-sort=descending] .sort-arrow{color:#526bec}

/* Click to open payment-method details. Native dialog handles Escape and focus. */
.metric-card,.shop-metric{cursor:pointer}
#payment-tooltip{inset:0;margin:auto;height:fit-content;max-height:85vh;overflow:auto;left:0;top:0}
#payment-tooltip:not([open]){display:none}
#payment-tooltip::backdrop{background:rgb(25 39 62 / 35%)}
#payment-tooltip h3{padding-right:32px}
.payment-close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:#687b96;font-size:33.5px;line-height:1;padding:5px;cursor:pointer}
.payment-close:hover{color:#364f7a;background:#eef2f9;border-radius:5px}

.payment-sort{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;white-space:nowrap}.payment-sort:hover,.payment-sort:focus-visible{color:#526bec}#payment-tooltip th[aria-sort=ascending] .sort-arrow,#payment-tooltip th[aria-sort=descending] .sort-arrow{color:#526bec}

.subscription-stages{margin:12px 0}.subscription-stages label{font-size:15.5px;color:#586b86}.subscription-stage-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.subscription-stage-summary>div{padding:10px;background:#f5f7fc;border-radius:5px}.subscription-stage-summary b,.subscription-stage-summary span{display:block;font-size:20.6px;line-height:1.75;overflow-wrap:anywhere}.subscription-stage-summary b{font-size:21.8px;color:#3b5071;margin-bottom:6px}.subscription-stage-summary span{color:#405674;font-variant-numeric:tabular-nums}@media(max-width:700px){.subscription-stage-summary{grid-template-columns:1fr}}

.subscription-stage-card{padding:14px;border:1px solid transparent;background:#f5f7fc;border-radius:5px;text-align:left;color:inherit;cursor:pointer}.subscription-stage-card:hover{border-color:#a9b8ef}.subscription-stage-card[aria-pressed=true]{border-color:#526bec;background:#edf1ff;box-shadow:0 0 0 1px #526bec}.subscription-stage-card:focus-visible{outline:2px solid #526bec;outline-offset:2px}

/* Aligned summary-card details. */
.metric-card{display:flex;flex-direction:column}.metric-card .card-statistics{margin-top:auto;padding-top:12px;border-top:1px solid #eef1f6;display:grid;gap:7px}.card-statistics>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:14.1px;line-height:1.5;color:#8997ad}.card-statistics b{font-size:15.5px;font-weight:600;color:#526984;font-variant-numeric:tabular-nums;white-space:nowrap}.metric-card .card-description{display:block;margin-top:auto;padding-top:12px;border-top:1px solid #eef1f6;line-height:1.7;min-height:82px}.metric-card .metric{margin-bottom:18px}

/* Shop metrics follow the summary-card detail layout. */
.shop-statistics{display:grid;gap:5px;margin-top:12px;padding-top:10px;border-top:1px solid #eef1f6}.shop-statistics>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:15.5px;line-height:1.5;color:#8997ad}.shop-statistics b{font-size:16.7px;font-weight:600;color:#526984;font-variant-numeric:tabular-nums;white-space:nowrap}.shop-total-description{display:block;margin-top:12px;padding-top:10px;border-top:1px solid #eef1f6;white-space:normal;font-size:14.1px;color:#8997ad;line-height:1.7}

.statistics-table{min-width:1320px}.metric-card:not([data-metric]){cursor:default}@media(min-width:1700px){.metric-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:2000px){.metric-cards{grid-template-columns:repeat(7,minmax(0,1fr))}}

/* Compact shop rows and smaller figures. */
.statistics-table td{padding:10px 12px}.statistics-table td strong,.statistics-table .count-cell,.statistics-table tfoot>tr>td:nth-child(2){font-size:20.6px}.statistics-table .shop-name{font-size:16.7px;margin-bottom:4px}.statistics-table .team-tag{font-size:12.9px;padding:1px 5px}.statistics-table .shop-metric{padding:2px 4px;margin:-2px -4px}

/* Smaller figures and swapped amount/count columns. */
.metric-card .metric{font-size:28.3px}.metric-card .metric>small{font-size:16.7px}.statistics-table td strong,.statistics-table .count-cell,.statistics-table tfoot>tr>td:nth-child(2){font-size:18px}.statistics-table th:nth-child(2){width:15%}.statistics-table th:nth-child(3){width:7%}.statistics-table td{padding:8px 12px}

/* Consistent card colors and clearer titles. */
.metric-card label{font-size:18px;font-weight:600;color:#586b86;line-height:1.6}.metric-total{background:#fff;border-color:#e6ebf3}.metric-total .metric{color:#24324b}.metric-total label{color:#586b86}

/* heyba report date picker: one calendar and nine quick ranges. */
.hb-range-popup{position:fixed;z-index:1100;padding:12px;background:#fff;border:1px solid #dce3ec;border-radius:12px;box-shadow:0 14px 32px #0002;max-height:calc(100vh - 24px);overflow:auto;color:#28354a}.hb-range-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.hb-range-head strong{font-size:18px}.hb-range-head button{border:0;background:#f7f9fc;border-radius:5px;padding:2px 10px;font-size:28.3px;color:inherit}.hb-range-week,.hb-range-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.hb-range-week span{text-align:center;color:#8793a6;font-size:15.5px;padding:5px 0}.hb-range-days{min-height:190px}.hb-range-day{position:relative;height:32px;padding:0;border:0;border-radius:6px;background:transparent;color:inherit;font-size:15.5px}.hb-range-day:hover,.hb-range-day.between{background:#edf1ff}.hb-range-day.selected{background:#526bec;color:white}.hb-range-day.today:after{content:'';position:absolute;left:50%;bottom:3px;width:4px;height:4px;border-radius:50%;background:#526bec;transform:translateX(-50%)}.hb-range-day.today.selected:after{background:#fff}.hb-range-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid #e6ebf3}.hb-range-presets button{padding:6px;border:1px solid #e1e6f0;border-radius:6px;background:white;color:inherit;font-size:15.5px}.hb-range-presets button:hover{color:#526bec;border-color:#526bec}.hb-range-foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:8px}.hb-range-foot button{border:0;background:none;color:#526bec;padding:4px;font-size:15.5px}.hb-range-foot small{font-size:14.1px;color:#8793a6}.hb-range-popup button:focus-visible{outline:2px solid #526bec;outline-offset:1px}

.statistics-table{min-width:1440px}@media(min-width:2000px){.metric-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
.daily-subscription-count{display:block;font-size:14.1px;color:#8597b2;margin-top:4px}.daily-subscription-summary{display:flex;gap:32px;padding:16px;background:#f5f7fc;border-radius:7px;margin:14px 0}.daily-subscription-summary span{font-size:15.5px;color:#8495ae}.daily-subscription-summary strong{display:block;font-size:28.3px;color:#304767;margin-top:7px}.statistics-table{min-width:1580px}
.daily-period{border:0;background:transparent;color:#5775ce;font:inherit;padding:5px 8px;border-radius:5px;text-align:left}.daily-period:hover,.daily-period[aria-pressed=true]{background:#edf1ff;color:#3668f5}.daily-method-title{margin-top:22px!important}
.statistics-table{min-width:1840px}

/* Compact overview and responsive shop metrics: retain every metric without a wide canvas. */
.metric-cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.metric-card{min-height:145px;padding:13px 14px}
.metric-card label{font-size:16.7px}
.metric-card .metric{margin:10px 0 12px;font-size:28.3px}
.metric-card .card-statistics{padding-top:8px;gap:3px}
.metric-card .card-description{min-height:42px;padding-top:8px}
.statistics-table{min-width:0;width:100%}
.statistics-table th,.statistics-table td{padding:10px 7px}
.statistics-table th:first-child{width:12%}
.statistics-table th:nth-child(2){width:11%}
.statistics-table th:nth-child(3){width:5%}
.statistics-table th:nth-child(4){width:6%}
.statistics-table th:nth-child(5),.statistics-table th:nth-child(6),.statistics-table th:nth-child(7){width:8%}
.statistics-table th:nth-child(8){width:9%}
.statistics-table th:nth-child(9){width:10%}
.statistics-table th:nth-child(10){width:9%}
.statistics-table th:nth-child(11),.statistics-table th:nth-child(12){width:7%}
.statistics-table .total-note{white-space:normal;overflow-wrap:anywhere;margin-top:4px}
.statistics-table .shop-name{white-space:normal}
.statistics-table .table-sort{line-height:1.5;gap:3px}
@media(max-width:1450px){
 .shop-panel .table-wrap{overflow:visible}
 .statistics-table,.statistics-table thead,.statistics-table tbody,.statistics-table tfoot{display:block;width:100%}
 .statistics-table thead tr{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px}
 .statistics-table thead th{display:block;width:auto!important;padding:5px 7px;border:0;border-radius:4px}
 .statistics-table thead .table-sort{font-size:14.1px}
 .statistics-table tbody tr,.statistics-table tfoot tr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:10px 12px;border-top:1px solid #e5eaf2}
 .statistics-table tbody td,.statistics-table tfoot td{display:block;min-width:0;white-space:normal;text-align:left;border:0;padding:9px 8px}
 .statistics-table tbody td:first-child,.statistics-table tfoot th{grid-column:1/-1;width:auto;text-align:left;padding:5px 8px 9px;border:0}
 .statistics-table td[data-label]::before{content:attr(data-label);display:block;font-size:14.1px;line-height:1.5;color:#8597b2;margin-bottom:6px}
 .statistics-table td strong,.statistics-table .count-cell{font-size:19.3px;overflow-wrap:anywhere}
 .statistics-table .shop-name{display:inline-block;margin:0 8px 0 0}
 .statistics-table td.empty{grid-column:1/-1}
}
@media(max-width:850px){.statistics-table tbody tr,.statistics-table tfoot tr{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){
 .metric-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .metric-card{padding:11px;min-height:135px}
 .metric-card .metric{font-size:24.4px;overflow-wrap:anywhere}
 .metric-card label{font-size:15.5px}
 .breakdown-hint{display:block;float:none}
 .statistics-table tbody tr,.statistics-table tfoot tr{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Website order success rates. */
.success-filters label{display:grid;gap:6px;font-size:14.1px;color:#8597b2}
.success-filters input,.success-filters select{height:36px;min-width:125px}
.success-rules{font-size:14.1px;line-height:1.8;margin:10px 0 15px}
.success-table{width:100%;font-variant-numeric:tabular-nums}
.success-table th,.success-table td{text-align:right;padding:13px 10px;white-space:nowrap}
.success-table th:first-child,.success-table td:first-child{text-align:left}
.success-table th button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}
.success-table tfoot{font-weight:600}
.success-table td small{display:block;font-size:12.9px;color:#8597b2;margin-top:4px}
.success-site{border:0;background:none;padding:0;color:#526bec;font:inherit;font-weight:600;cursor:pointer}
#success-dialog{width:min(1100px,calc(100vw - 32px));max-height:85vh;overflow:auto;border:1px solid #dde5f2;border-radius:10px;padding:22px;color:inherit;background:#fff}
#success-dialog::backdrop{background:rgb(25 39 62 / 35%)}
#success-dialog h3{margin:0 30px 12px 0}
#success-dialog p{font-size:15.5px;line-height:1.8}
@media(max-width:1100px){.success-table th,.success-table td{padding:10px 6px;font-size:14.1px}}
#payment-tooltip:has(.daily-subscription-summary){width:min(1320px,calc(100vw - 24px))}
.daily-subscription-summary{flex-wrap:wrap;gap:18px 32px}
#payment-tooltip:has(.daily-subscription-summary) .tooltip-scroll{overflow:auto}
#payment-tooltip:has(.daily-subscription-summary) th{white-space:nowrap}
.statistics-table .daily-subscription-count{white-space:normal;line-height:1.6;font-size:12.9px;overflow-wrap:anywhere}

.payment-tree-toggle{border:0;background:transparent;color:#526bec;padding:3px 6px;cursor:pointer;font:inherit;text-align:left}.payment-tree-row[data-depth="1"]{background:#f8faff}.payment-tree-row[data-depth="2"]{background:#fcfdff}#payment-tooltip .payment-tree-row td:first-child{white-space:normal;min-width:210px;overflow-wrap:anywhere}
.success-table td .success-team{display:inline-block;white-space:nowrap;margin:0 0 0 10px;vertical-align:baseline}
.success-site{white-space:nowrap}

/* 网站成功率：范围总计、独立成功率圆环与三级明细。 */
.success-summary{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:14px 0}
.success-summary-card{padding:16px;min-width:0}.success-summary-card>span{display:block;color:#7c8da7;font-size:15.5px}.success-summary-card>strong{display:block;font-size:27px;font-weight:600;font-variant-numeric:tabular-nums;margin-top:10px;overflow-wrap:anywhere}
.success-method-panel{margin-bottom:16px}.success-method-panel h2{font-size:20.6px}.success-rings{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:12px;margin:16px 0 0}
.success-ring-card{display:flex;gap:16px;align-items:center;padding:16px;text-align:left;border:1px solid #e5eaf2;border-radius:8px;background:transparent;color:inherit;min-width:0}.success-ring-card:hover{border-color:#526bec}.success-ring-card:focus-visible{outline:2px solid #526bec;outline-offset:2px}
.success-ring{position:relative;display:grid;place-items:center;flex:0 0 88px;height:88px;border-radius:50%;background:conic-gradient(#2ca580 0deg var(--success-angle),#e5eaf1 var(--success-angle) 360deg)}
.success-ring::before{content:'';position:absolute;inset:9px;background:#fff;border-radius:50%}.success-ring strong{position:relative;font-size:23.2px;font-variant-numeric:tabular-nums}.success-ring strong small{font-size:12.9px;margin-left:2px}.success-ring-copy{display:grid;gap:7px;min-width:0}.success-ring-copy b{font-size:16.7px;overflow-wrap:anywhere}.success-ring-copy>small{font-size:14.1px;color:#8393aa}.success-failed{color:#8393aa}.success-ring-copy i{background:#2ca580}
#success-dialog .success-rings{margin-bottom:20px}.success-tree-label{display:flex;align-items:center;gap:6px;white-space:normal}.success-tree-label>span:last-child{overflow-wrap:anywhere}.success-tree-label button{border:0;background:transparent;color:inherit;width:20px;padding:4px;flex:none}.success-tree-spacer{width:20px;flex:none}
#success-dialog .success-table{table-layout:fixed;min-width:960px}#success-dialog .success-table th:first-child,#success-dialog .success-table td:first-child{width:26%}#success-dialog .success-table td,#success-dialog .success-table th{white-space:normal;overflow-wrap:anywhere;font-size:14.1px;padding:12px 7px}.success-tree-branch>td{padding:0!important}.success-tree-branch table{min-width:0!important}.success-tree-branch[hidden]{display:none}
@media(max-width:1450px){.success-summary{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){.success-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.success-summary-card>strong{font-size:23.2px}.success-rings{grid-template-columns:1fr}}
.success-site-field{display:grid;gap:6px}.success-site-field>label{font-size:14.1px;color:#8597b2}.success-filters .shop-option{display:flex;align-items:center;gap:10px}.success-filters .shop-option input{height:14px;min-width:14px;width:14px}.success-filters .dr-field{align-self:end}.success-filters .dr-trigger{height:36px}
.success-chart-layout{display:grid;grid-template-columns:minmax(275px,1fr) minmax(0,3fr);gap:16px;margin-bottom:16px;align-items:stretch}.success-chart-layout .success-method-panel{margin-bottom:0}.success-share-panel h2{font-size:20.6px}.success-share-chart{width:190px;height:190px;border-radius:50%;margin:24px auto 14px}.success-share-total{text-align:center;font-size:15.5px;color:#8393aa;margin-bottom:16px}.success-share-total b{color:inherit;font-size:20.6px;margin-left:8px}.success-share-legend{display:grid;gap:3px}.success-share-legend button{display:grid;grid-template-columns:8px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:7px 0;color:inherit;border:0;background:none;text-align:left;font-size:14.1px}.success-share-legend button:hover{color:#526bec}.success-share-legend i{margin:0;width:8px;height:8px}.success-share-legend span{overflow-wrap:anywhere}.success-share-legend small{color:#8393aa}.success-share-legend b{font-weight:500;font-variant-numeric:tabular-nums}@media(max-width:1100px){.success-chart-layout{grid-template-columns:1fr}.success-share-panel{display:block}.success-share-legend{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}}@media(max-width:600px){.success-share-legend{grid-template-columns:1fr}}

/* Larger labelled share pie, with a two-row legend. */
.success-chart-layout{grid-template-columns:minmax(470px,1.35fr) minmax(0,2fr)}
.success-share-chart{width:100%;max-width:620px;height:auto;aspect-ratio:640/440;border-radius:0;margin:14px auto 4px}
.success-share-chart svg{display:block;width:100%;height:auto;overflow:visible}
.success-share-slice{cursor:pointer;outline:none}
.success-share-slice text{font-size:15.5px;fill:currentColor}
.success-share-percent{font-weight:600}
.success-share-slice:hover>path,.success-share-slice:hover>circle,.success-share-slice:focus-visible>path,.success-share-slice:focus-visible>circle{filter:brightness(1.12);stroke:#fff;stroke-width:2px}
.success-share-legend{grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);column-gap:12px;row-gap:12px}
.success-share-legend button{grid-template-columns:8px minmax(0,1fr);gap:4px 6px;align-content:start;padding:5px 0;font-size:14.1px}
.success-share-legend button>i{grid-row:1;align-self:start;margin-top:4px}
.success-share-legend button>span{grid-column:2;line-height:1.5}
.success-share-legend button>b{grid-column:2;font-size:15.5px}
.success-share-legend button>small{grid-column:2;font-size:12.9px}
@media(max-width:1100px){.success-chart-layout{grid-template-columns:1fr}.success-share-legend{grid-template-columns:none}}
@media(max-width:650px){.success-share-legend{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.success-share-chart{min-width:0}}

.success-type-filter{border:0;padding:0;margin:0;min-width:240px}.success-type-filter legend{font-size:14.1px;color:#8597b2;margin-bottom:6px}.success-type-filter>div{display:flex;gap:12px;align-items:center;min-height:36px}.success-filters .success-type-filter label{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:16.7px;color:inherit}.success-filters .success-type-filter input{min-width:0;width:16px;height:16px;margin:0;accent-color:#526bec}.success-type-comparison{padding:20px;margin:14px 0}.success-type-comparison h2{margin:0 0 8px;font-size:21.8px}.success-type-comparison p{font-size:15.5px;color:#8597b2}.success-type-comparison .type-unselected{color:#8597b2;background:var(--surface-muted,transparent)}.success-type-comparison tfoot{background:var(--surface-muted,#f7f9fc)}

/* 经营概览按业务阅读顺序分组，收款指标成对对比。 */
.overview-card-groups{display:grid;gap:18px;margin-bottom:16px}.overview-group-heading{font-size:16.7px;font-weight:600;color:#687c99;margin:0 0 9px;display:flex;align-items:center;gap:8px}.overview-group-heading::before{content:'';width:3px;height:13px;border-radius:2px;background:#7b91cf}
.overview-card-group .metric-cards{margin-bottom:0;gap:12px}.overview-card-group .metric-cards.overview-base{grid-template-columns:repeat(5,minmax(0,1fr))}.overview-card-group .metric-cards.overview-receipts{grid-template-columns:repeat(4,minmax(0,1fr))}.overview-card-group .metric-cards.overview-advertising{grid-template-columns:repeat(3,minmax(0,1fr))}
.overview-card-group .metric-card{display:flex;flex-direction:column;min-height:165px;padding:15px 16px}.overview-card-group .metric-card>label{font-size:18px;display:flex;justify-content:space-between;align-items:baseline;gap:8px;min-height:23px}.overview-card-group .metric-card .breakdown-hint{float:none;white-space:nowrap;font-size:12.9px;font-weight:400}.overview-card-group .metric-card>.metric{font-size:28.3px;margin:13px 0 15px;line-height:1.25}.overview-card-group .metric-card>.card-statistics,.overview-card-group .metric-card>.card-description{margin-top:auto;padding-top:10px;min-height:0;line-height:1.65;white-space:normal;overflow-wrap:anywhere}.overview-card-group .card-statistics{gap:3px}.overview-card-group .card-statistics>div{font-size:14.1px}.overview-card-group .metric-card:focus-visible{outline:2px solid #7d93ed;outline-offset:2px}
.statistics-table{min-width:1650px;table-layout:auto}.statistics-table th,.statistics-table td{width:auto!important;white-space:nowrap;padding:11px 12px}.statistics-table th:first-child,.statistics-table td:first-child{min-width:185px;position:sticky;left:0;background:#fff;z-index:1}.statistics-table th:first-child{background:#f7f9fc;z-index:2}.statistics-table th{min-width:95px}.statistics-table th:nth-child(2),.statistics-table th:nth-child(9),.statistics-table th:nth-child(10){min-width:135px}.statistics-table .shop-name{max-width:230px;overflow:hidden;text-overflow:ellipsis}.statistics-table .total-note{white-space:normal;max-width:145px}.statistics-table .table-sort{white-space:nowrap}.statistics-table .daily-subscription-count{font-size:12.9px}
@media(max-width:1200px){.overview-card-group .metric-cards.overview-base{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-card-group .metric-cards.overview-receipts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.overview-card-group .metric-cards.overview-base,.overview-card-group .metric-cards.overview-advertising{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-card-group .metric-card{padding:12px;min-height:150px}.overview-card-group .metric-card>label{font-size:16.7px;flex-wrap:wrap}.overview-card-group .metric-card>.metric{font-size:25.8px}.statistics-table th:first-child,.statistics-table td:first-child{min-width:150px}}
@media(max-width:430px){.overview-card-group .metric-cards{grid-template-columns:1fr!important}}

/* 统一十二张卡片的列线、指标基线及底部分隔线。 */
.overview-card-group .metric-cards.overview-unified{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}
.overview-card-group .overview-unified .metric-card{display:grid;grid-template-rows:28px 55px minmax(72px,auto);align-content:start;gap:0;min-height:185px;padding:14px 16px}
.overview-card-group .overview-unified .metric-card>label{min-width:0;min-height:0;line-height:1.5;align-items:start}
.overview-card-group .overview-unified .metric-card>.metric{margin:8px 0 0;font-size:28.3px;line-height:1.4;align-self:start}
.overview-card-group .overview-unified .metric-card>.card-statistics,.overview-card-group .overview-unified .metric-card>.card-description{margin:0!important;padding-top:10px;border-top:1px solid #eef1f6;align-self:stretch;min-height:72px;line-height:1.5}
.overview-card-group .overview-unified .card-statistics{display:flex;flex-direction:column;justify-content:flex-start;gap:4px}.overview-card-group .overview-unified .card-description{font-size:14.1px}
/* 桌面表格按容器分配宽度，数字不断行、标题允许按词换行。 */
.statistics-table{width:100%;min-width:0;table-layout:fixed}
.statistics-table th,.statistics-table td{min-width:0!important;width:auto!important;padding:8px 5px;font-size:14.1px}
.statistics-table th:first-child,.statistics-table td:first-child{position:static;min-width:0;width:13%!important}
.statistics-table th:nth-child(3),.statistics-table td:nth-child(3){width:4.5%!important}
.statistics-table th:nth-child(4),.statistics-table td:nth-child(4){width:5.5%!important}
.statistics-table th:nth-last-child(-n+2),.statistics-table td:nth-last-child(-n+2){width:5.5%!important}
.statistics-table th{white-space:normal;line-height:1.45}.statistics-table .table-sort{white-space:normal;display:inline;line-height:1.45;padding:0;font-size:14.1px}.statistics-table .sort-arrow{margin-left:2px}
.statistics-table td{white-space:nowrap;vertical-align:middle;letter-spacing:-.2px}.statistics-table td strong,.statistics-table .count-cell,.statistics-table tfoot>tr>td:nth-child(2){font-size:15.5px;font-weight:600}.statistics-table .shop-name{max-width:100%;font-size:14.1px;margin-bottom:3px;white-space:normal;overflow-wrap:anywhere;line-height:1.4}.statistics-table .team-tag{font-size:11.5px;padding:1px 4px}.statistics-table .shop-metric{padding:2px 0;margin:0}.statistics-table .total-note,.statistics-table .daily-subscription-count{font-size:11.5px;line-height:1.4;margin-top:3px;max-width:100%;letter-spacing:0}.statistics-table .total-note{overflow-wrap:normal}
@media(max-width:1250px){.overview-card-group .metric-cards.overview-unified{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.statistics-table th,.statistics-table td{padding:7px 3px;font-size:12.9px}.statistics-table td strong,.statistics-table .count-cell,.statistics-table tfoot>tr>td:nth-child(2){font-size:14.1px}.statistics-table .table-sort{font-size:12.9px}}
@media(max-width:850px){.overview-card-group .metric-cards.overview-unified{grid-template-columns:repeat(2,minmax(0,1fr))}.statistics-table{min-width:980px}}
@media(max-width:430px){.overview-card-group .metric-cards.overview-unified{grid-template-columns:1fr!important}}
/* 五列紧凑概览，保持统一指标与分隔线位置。 */
.overview-card-group .metric-cards.overview-unified{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.overview-card-group .overview-unified .metric-card{grid-template-rows:25px 43px minmax(66px,auto);min-height:158px;padding:11px 13px}
.overview-card-group .overview-unified .metric-card>label{font-size:16.7px;gap:5px}.overview-card-group .overview-unified .metric-card>.metric{font-size:27px;margin-top:6px}
.overview-card-group .overview-unified .metric-card>.card-statistics,.overview-card-group .overview-unified .metric-card>.card-description{min-height:66px;padding-top:8px}.overview-card-group .overview-unified .card-statistics{gap:2px}.receipt-retry{border:0;background:none;padding:0;color:inherit;font-size:14.1px;text-align:left}
@media(max-width:1250px){.overview-card-group .metric-cards.overview-unified{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1050px){.overview-card-group .metric-cards.overview-unified{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.overview-card-group .metric-cards.overview-unified{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.overview-card-group .metric-cards.overview-unified{grid-template-columns:1fr!important}}

/* 经营概览筛选项统一标签与底部对齐。 */
.ledger-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px}
.ledger-filters .ledger-filter-field,.ledger-filters .dr-field{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0;margin:0;font-size:14.1px;color:#8797af;font-weight:500}
.ledger-filters .ledger-filter-field>label,.ledger-filters .dr-field>label{font-size:14.1px;line-height:16px;color:#8797af;margin:0}
.ledger-filters .dr-field{flex:0 1 310px}
.ledger-filters .dr-trigger{width:100%;min-width:0}
.ledger-filters .ledger-filter-field select{width:150px;margin:0}
.ledger-filters .ledger-shop-field{flex:0 1 235px}
.ledger-filters .shop-picker,.ledger-filters .shop-picker-trigger{width:100%;min-width:0}
.ledger-filters .ledger-filter-actions{display:flex;gap:12px;align-items:center}
.ledger-filters .dr-trigger,.ledger-filters select,.ledger-filters .shop-picker-trigger,.ledger-filters .btn{height:38px;box-sizing:border-box}
@media(max-width:700px){.ledger-filters .dr-field,.ledger-filters .ledger-filter-field,.ledger-filters .ledger-shop-field{flex:1 1 100%}.ledger-filters .ledger-filter-field select{width:100%}.ledger-filters .ledger-filter-actions{width:100%}.ledger-filters .ledger-filter-actions>.btn{flex:1}}

.success-type-row{cursor:pointer}.success-type-row:hover{background:var(--surface-muted,#f1f5ff)}.success-type-row:focus-visible{outline:2px solid #526bec;outline-offset:-2px}

/* 网站维度成本：金额、占比同列，缺失状态保留。 */
.cost-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.cost-summary-card{margin:0;padding:18px;display:flex;flex-direction:column;gap:10px}.cost-summary-card>span{font-size:15.5px;color:#8797af}.cost-summary-card>strong{font-size:30.9px;font-variant-numeric:tabular-nums}.cost-summary-card>small{color:#8797af}.cost-table{min-width:1450px}.cost-table th:first-child,.cost-table td:first-child{text-align:left;min-width:180px}.cost-table th:not(:first-child){min-width:120px}.cost-cell{display:flex;flex-direction:column;gap:5px;align-items:flex-end;width:100%;border:0;background:none;color:inherit;cursor:pointer;font:inherit;padding:0}.cost-cell>small{font-size:12.9px;color:#8797af;white-space:nowrap}.cost-cell>.cost-missing,.cost-warning{color:#b77928}.cost-warning{padding:15px;margin-bottom:16px}#cost-dialog{width:min(1100px,94vw);max-height:85vh;overflow:auto;border:1px solid #dce3ef;border-radius:12px;padding:25px;color:inherit;background:var(--panel-bg,#fff)}#cost-dialog::backdrop{background:rgba(25,40,60,.35)}#cost-dialog .payment-close{float:right}#cost-dialog p{font-size:15.5px;color:#8797af}.cost-detail-table{width:100%;min-width:650px}.cost-detail-table th,.cost-detail-table td{padding:12px;text-align:left;border-bottom:1px solid #e8edf4}.cost-detail-table td:nth-child(3){text-align:right;font-variant-numeric:tabular-nums}@media(min-width:1500px){.cost-summary{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:700px){.cost-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}[data-theme="dark"] #cost-dialog{background:#1d2a3d}

.cost-summary-card>.cost-missing{color:#b77928}

/* 全站数据表统一：标题说明分行、无边框排序按钮、按内容分配列宽。 */
main table thead th{line-height:1.5;vertical-align:middle;white-space:nowrap}
main table thead th>button{display:inline-flex;align-items:center;justify-content:inherit;gap:5px;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;color:inherit;font:inherit;font-weight:600;line-height:inherit;white-space:nowrap;cursor:pointer}
main table thead th>button:hover,main table thead th>button:focus-visible{color:#526bec}
main table thead th>button:focus-visible{outline:2px solid #7d93ed;outline-offset:4px}
main .statistics-table{table-layout:auto;min-width:max-content;width:100%}
main .statistics-table th,main .statistics-table td{width:auto!important;min-width:110px!important;padding:12px 14px}
main .statistics-table th:first-child,main .statistics-table td:first-child{width:auto!important;min-width:190px!important;text-align:left}
main .statistics-table thead .table-sort{display:inline-flex;white-space:nowrap;font:inherit;font-weight:600;justify-content:flex-end;width:100%;line-height:1.5}
main .statistics-table thead th:first-child .table-sort{justify-content:flex-start}
main .shop-panel>.panel-title{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:6px 16px}
main .shop-panel>.panel-title>h2{margin:0;flex-basis:100%}
main .shop-panel>.panel-title>p{flex-basis:100%;margin:0;max-width:100%;line-height:1.7}
@media(max-width:700px){main .statistics-table th,main .statistics-table td{padding:10px;min-width:100px!important}}

/* Keep each website and its team on one line across report tables. */
main .statistics-table td:first-child,main .success-table td:first-child{white-space:nowrap}
main .statistics-table .shop-name{display:inline-block;margin:0 10px 0 0;vertical-align:middle}
main .statistics-table .shop-name+small,main .statistics-table .team-tag,main .success-table .success-team{display:inline-block;margin:0 0 0 4px;vertical-align:middle;white-space:nowrap}

/* Website cost overview and cost composition. */
.cost-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}
.cost-overview-card{padding:24px;min-height:185px}.cost-overview-card>strong{font-size:36px}.cost-net-card{border-color:#b8d8ce;background:var(--panel-bg,#f6fbf9)}
.cost-section-heading{margin:0 0 14px}.cost-section-heading h2{font-size:20px;margin:0 0 6px}.cost-section-heading p{font-size:14px;color:#8797af;line-height:1.7;margin:0}
.cost-summary.cost-components{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}.cost-components .cost-summary-card{min-height:175px;padding:20px;gap:12px}.cost-summary-card .cost-applicability{font-size:13px;line-height:1.6}.cost-summary-card .cost-missing{font-size:13px;line-height:1.6}
@media(max-width:1000px){.cost-summary.cost-components{grid-template-columns:repeat(2,minmax(0,1fr))}.cost-overview-card>strong{font-size:28px}}
@media(max-width:650px){.cost-overview,.cost-summary.cost-components{grid-template-columns:1fr}.cost-overview-card,.cost-components .cost-summary-card{min-height:0}}

/* 支付成功率弹窗：放大明细字体。 */
#success-dialog h3{font-size:22px}
#success-dialog p{font-size:16px}
#success-dialog .success-table th,#success-dialog .success-table td{font-size:16px;line-height:1.6;padding:14px 7px}
#success-dialog .success-table td small{font-size:14px}
#success-dialog .success-ring strong{font-size:26px}
#success-dialog .success-ring strong small{font-size:14px}
#success-dialog .success-ring-copy b{font-size:18px}
#success-dialog .success-ring-copy>small{font-size:16px}
/* Keep the amount and its order count together in operating tables. */
.statistics-table .shop-metric{white-space:nowrap}
.statistics-table .shop-metric>.daily-subscription-count{display:inline-block;margin:0 0 0 10px;vertical-align:baseline;white-space:nowrap}
/* Compact website cost page; keep other reports' typography unchanged. */
#content:has(#cost-result) .heading{margin-bottom:16px}
#content:has(#cost-result) h1{font-size:25px;line-height:1.35}
#content:has(#cost-result) .eyebrow{font-size:10px}
#content:has(#cost-result) .heading p{font-size:13px}
#content:has(#cost-result) .filter-panel{padding:14px 16px;margin-bottom:16px}
#content:has(#cost-result) .filters label{font-size:12px}
#content:has(#cost-result) .filters select,#content:has(#cost-result) .dr-trigger,#content:has(#cost-result) .btn{font-size:13px}
#cost-result .report-meta{font-size:14px;margin-bottom:12px}
#cost-result .report-meta>span:last-child{font-size:12px}
#cost-result .cost-overview{gap:12px;margin-bottom:18px}
#cost-result .cost-summary-card{padding:16px;gap:8px;min-height:0}
#cost-result .cost-summary-card>span{font-size:14px}
#cost-result .cost-summary-card>strong{font-size:26px;line-height:1.25}
#cost-result .cost-overview-card>strong{font-size:30px}
#cost-result .cost-summary-card>small{font-size:12px;line-height:1.5}
#cost-result .cost-section-heading h2{font-size:17px}
#cost-result .cost-section-heading p{font-size:12px}
#cost-result .cost-summary.cost-components{gap:12px;margin-bottom:18px}
#cost-result .shop-panel>.panel-title{padding:16px}
#cost-result .shop-panel h2{font-size:17px}
#cost-result .shop-panel p{font-size:12px;line-height:1.6}
main #cost-result .cost-table{table-layout:fixed;width:100%;min-width:0}
main #cost-result .cost-table th,main #cost-result .cost-table td{min-width:0!important;padding:10px 7px;font-size:12px}
main #cost-result .cost-table th:first-child,main #cost-result .cost-table td:first-child{width:16%!important;min-width:0!important}
main #cost-result .cost-table thead .table-sort{white-space:normal;overflow-wrap:normal;line-height:1.5;gap:3px}
#cost-result .cost-table .shop-name{font-size:12px;margin-right:5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
#cost-result .cost-table td:first-child>small{font-size:10px}
#cost-result .cost-cell{gap:3px;line-height:1.4}
#cost-result .cost-cell>strong{font-size:14px;white-space:nowrap}
#cost-result .cost-cell>small{font-size:10px;white-space:normal;line-height:1.4}
#cost-result .report-rules{font-size:12px}
@media(max-width:1100px){main #cost-result .cost-table{min-width:1000px}}
/* Even column allocation for the website cost detail table. */
main #cost-result .cost-table th:first-child,main #cost-result .cost-table td:first-child{width:16%!important}
main #cost-result .cost-table th:not(:first-child),main #cost-result .cost-table td:not(:first-child){width:9.333333%!important;text-align:right}
main #cost-result .cost-table thead .table-sort{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:3px;white-space:normal}
main #cost-result .cost-table thead th:first-child .table-sort{justify-content:flex-start}
#cost-result .cost-table .shop-name{font-size:15px;font-weight:600;margin-right:7px}
#cost-result .cost-table td:first-child>small{font-size:11px}
#cost-result .cost-table .cost-cell{align-items:flex-end;gap:5px}
#cost-result .cost-table .cost-cell>small{max-width:100%;text-align:right}

/* 成本卡片紧凑排列：概览三列，成本构成六列。 */
#cost-result .cost-overview{gap:10px;margin-bottom:16px}
#cost-result .cost-summary-card{padding:12px;gap:5px;min-width:0;min-height:0}
#cost-result .cost-overview-card>strong{font-size:28px}
#cost-result .cost-summary.cost-components{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:16px}
#cost-result .cost-components .cost-summary-card>strong{font-size:24px}
@media(max-width:1200px){#cost-result .cost-summary.cost-components{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){#cost-result .cost-overview,#cost-result .cost-summary.cost-components{grid-template-columns:repeat(2,minmax(0,1fr))}}

#nav a[data-page]{text-decoration:none;box-sizing:border-box;cursor:pointer}
#nav a[data-page],#nav a[data-page]:link,#nav a[data-page]:visited,#nav a[data-page]:hover,#nav a[data-page]:focus,#nav a[data-page]:active{text-decoration:none}
#nav a[data-page] .nav-text{text-decoration:none}

/* Menu links use the same readable colors and font family in every link state. */
#nav a[data-page],#nav a[data-page]:link,#nav a[data-page]:visited{color:#b1bed2;font-family:inherit}
#nav a[data-page]:hover,#nav a[data-page]:focus-visible,#nav a[data-page].active,#nav a[data-page].active:visited{color:#fff}