body[data-ui-page="baocaothe"] [hidden] { display:none !important; }
.card-report-description, .card-report-hint { color:var(--ui-muted); font-size:14px; line-height:1.6; }
.card-report-description { margin:-8px 0 20px; }
.card-date-filter { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; align-items:end; gap:14px; padding:18px; border:1px solid var(--ui-line); border-radius:14px; background:white; }
.card-date-filter label { display:block; margin-bottom:6px; color:var(--ui-ink); font-size:13px; font-weight:600; }
.card-date-filter input { width:100%; min-width:0; margin:0; }
.card-filter-actions { display:flex; gap:8px; flex-wrap:wrap; }
.card-filter-actions button { margin:0; min-height:46px; padding:11px 16px; border-radius:10px; }
#dateFilterError { grid-column:1/-1; color:var(--ui-red); font-size:14px; margin:0; }
.card-report-stats { display:grid; grid-template-columns:2fr 1fr 1fr; gap:12px; margin:20px 0; }
.card-report-stats > div { padding:18px; border:1px solid var(--ui-line); border-radius:14px; background:white; min-width:0; }
.card-report-stats span { display:block; color:var(--ui-muted); font-size:13px; }
.card-report-stats strong { display:block; margin-top:8px; color:var(--ui-ink); font-size:clamp(20px,2vw,28px); overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.card-report-stats .card-stat-total { background:var(--ui-gold-soft); border-color:#ecd5a2; }
.card-report-stats .card-stat-total strong { color:var(--ui-red); }
.card-report-toolbar { display:flex; align-items:center; gap:16px; }
.card-report-toolbar .search-bar { flex:1; margin:0 !important; }
.card-report-toolbar input { width:100%; }
.card-sort { display:flex; align-items:center; gap:10px; font-size:13px; color:var(--ui-muted); }
.card-sort label { white-space:nowrap; }
.card-sort select { width:auto; min-width:0; margin:0; }
.card-report-hint { margin:12px 0; }
.card-list-heading, .card-report-summary { display:grid; grid-template-columns:minmax(0,1fr) minmax(130px,auto) 20px; align-items:center; gap:14px; }
.card-list-heading { padding:10px 16px; font-size:13px; color:var(--ui-muted); font-weight:600; }
.card-list-heading > span:nth-child(2) { text-align:right; }
.card-report-list { background:white; border:1px solid var(--ui-line); border-radius:14px; overflow:hidden; }
.card-report-list:empty { display:none; }
.card-report-item { border-bottom:1px solid var(--ui-line); }
.card-report-item:last-child { border-bottom:0; }
.card-report-summary { padding:14px 16px; list-style:none; cursor:pointer; min-height:68px; }
.card-report-summary::-webkit-details-marker { display:none; }
.card-report-summary:hover, .card-report-item[open] > summary { background:var(--ui-gold-soft); }
.card-report-summary:focus-visible { outline:2px solid var(--ui-red); outline-offset:-3px; }
.card-report-name { display:block; font-size:14px; font-weight:650; overflow-wrap:anywhere; color:var(--ui-ink); }
.card-report-order-count { display:block; margin-top:3px; font-size:12px; color:var(--ui-muted); }
.card-report-amount { text-align:right; font-weight:700; color:var(--ui-red); font-size:15px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.card-report-chevron { text-align:center; color:var(--ui-muted); transition:transform .15s; }
.card-report-item[open] > summary .card-report-chevron { transform:rotate(180deg); }
.card-report-item:not([open]) > .order-details { display:none; }
.order-details { padding:16px; background:#fcfbf9; border-top:1px solid var(--ui-line); }
.order-details h2 { font-size:15px; color:var(--ui-ink); margin:0 0 12px; }
.card-report-empty { padding:28px 16px; border:1px dashed var(--ui-line); border-radius:14px; text-align:center; color:var(--ui-muted); font-size:14px; }
.card-visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
@media(max-width:900px) {
    .card-date-filter { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .card-filter-actions { grid-column:1/-1; }
    .card-filter-actions button { flex:1; }
    .card-report-toolbar { flex-direction:column; align-items:stretch; gap:12px; }
    .card-sort select { flex:1; }
}
@media(max-width:768px) {
    .card-date-filter { gap:10px; padding:14px; }
    .card-date-filter input { padding:10px 8px !important; font-size:13px !important; }
    .card-report-stats { grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr)); gap:8px; margin:16px 0; }
    .card-report-stats > div { padding:12px 10px; }
    .card-report-stats span { font-size:12px; min-height:32px; }
    .card-report-stats strong { font-size:20px; margin-top:4px; }
    .card-list-heading, .card-report-summary { grid-template-columns:minmax(0,1fr) minmax(100px,auto) 14px; gap:8px; padding:12px; }
    .card-report-summary { min-height:64px; }
    .card-list-heading { font-size:12px; }
    .order-details { padding:12px; }
    .order-details .ui-record-table tbody tr:last-child { margin-bottom:0; }
}