/* 客户查询详情专用；不覆盖入口页、共用栏宽和导出纸张。 */
@media screen {
body.cq-detail-active { background:#FEFEFE !important; color:#332C2B; --cqp-ink:#332C2B; --cqp-mut:#77716E; --cqp-line:#E8E4E0; --cqp-shadow:none; }
body.cq-detail-active::before,body.cq-detail-active::after { background:none !important; }
body.cq-detail-active .dot-bg { opacity:.08; }
body.cq-detail-active #resultPage { font-family:"Microsoft YaHei","微软雅黑",Arial,"PingFang SC",sans-serif; }
body.cq-detail-active #resultPage .brand-bar { background:#FEFEFE !important; box-shadow:none !important; border-radius:0 !important; border-color:#E8E4E0 !important; }
body.cq-detail-active #resultPage .brand-info h4,body.cq-detail-active #resultPage h3 { color:#332C2B !important; }
body.cq-detail-active #resultPage .result-header h3 { font-size:32px !important; font-weight:800; letter-spacing:-1px; }
body.cq-detail-active #resultPage .data-panel,body.cq-detail-active #resultPage .chart-card,body.cq-detail-active #resultPage .query-card { background:#FEFEFE !important; box-shadow:none !important; border:1px solid #E8E4E0 !important; border-radius:8px !important; }
body.cq-detail-active #resultPage .data-panel-title,body.cq-detail-active #resultPage .chart-title { color:#332C2B; }
body.cq-detail-active #resultPage .data-panel-title .icon,body.cq-detail-active #resultPage .chart-title .icon { color:#77716E !important; }
body.cq-detail-active #resultPage .data-panel-title::before,body.cq-detail-active #resultPage .chart-title::before { background:#332C2B !important; }
body.cq-detail-active #resultPage .hero-stat { background:#F8F7F5 !important; border-color:#E8E4E0 !important; border-radius:4px !important; box-shadow:none !important; transform:none !important; }
body.cq-detail-active #resultPage .hero-stat::after { background:#332C2B !important; opacity:.12; }
body.cq-detail-active #resultPage .hero-stat .stat-icon { background:transparent !important; color:#77716E !important; border-radius:0 !important; }
body.cq-detail-active #resultPage .hero-stat .hs-value { color:#332C2B !important; font-size:32px !important; letter-spacing:-1px; font-variant-numeric:tabular-nums; }
body.cq-detail-active #resultPage .hero-stat .hs-label { color:#77716E !important; }
body.cq-detail-active #resultPage .cqp-strip { background:#F8F7F5; box-shadow:none; border:1px solid #E8E4E0; border-radius:4px; }
body.cq-detail-active #resultPage .cqp-strip .it b { color:#332C2B !important; font-weight:600; }
body.cq-detail-active #resultPage .action-btn,body.cq-detail-active #resultPage .back-btn { border-radius:4px !important; box-shadow:none !important; }
body.cq-detail-active #resultPage .action-btn.primary,body.cq-detail-active #resultPage #btnQuery { background:#332C2B !important; }
body.cq-detail-active #resultPage .action-btn.success { background:#FEFEFE !important; color:#332C2B !important; border:1px solid #C9C2BD; }
body.cq-detail-active #resultPage .back-btn { background:#FEFEFE !important; }
body.cq-detail-active #resultPage .type-tabs { background:#F8F7F5 !important; border-color:#E8E4E0 !important; box-shadow:none; border-radius:4px !important; }
body.cq-detail-active #resultPage .type-tab { color:#77716E; border-radius:4px !important; box-shadow:none !important; transform:none !important; }
body.cq-detail-active #resultPage .type-tab.active { background:#332C2B !important; color:#FEFEFE !important; }
body.cq-detail-active #resultPage .cqp-pill { border-radius:4px; }
body.cq-detail-active #resultPage .cqp-pill.active { background:#332C2B; }
body.cq-detail-active #resultPage .cqp-pill:hover { color:#332C2B; border-color:#332C2B; }
body.cq-detail-active #resultPage input,body.cq-detail-active #resultPage select,body.cq-detail-active #resultPage #btnQuery,body.cq-detail-active #resultPage #btnReset { border-radius:4px !important; }
body.cq-detail-active #resultPage input:focus,body.cq-detail-active #resultPage select:focus { border-color:#332C2B !important; box-shadow:none !important; }
body.cq-detail-active #resultPage .record-item { background:#FEFEFE !important; border-color:#E8E4E0 !important; box-shadow:none !important; border-radius:4px !important; }
body.cq-detail-active #resultPage .record-item:hover { border-color:#A1A1A1 !important; background:#F8F7F5 !important; transform:none !important; }
body.cq-detail-active #resultPage .record-hours { color:#332C2B !important; font-variant-numeric:tabular-nums; }
body.cq-detail-active #resultPage .ds-row b,body.cq-detail-active #resultPage .ds-total b { text-align:right; font-variant-numeric:tabular-nums; }
body.cq-detail-active #resultPage .cq-duo,body.cq-detail-active #resultPage .charts-row { align-items:stretch; }
body.cq-detail-active #resultPage .cq-half,body.cq-detail-active #resultPage .chart-card { height:auto !important; }
.cqd-context { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:16px; font-size:12px; color:#77716E; }
.cqd-context strong { color:#332C2B; font-weight:600; margin-right:8px; }
.cqd-chip { display:inline-flex; align-items:center; gap:8px; padding:4px 8px; border:1px solid #E8E4E0; border-radius:4px; background:#F8F7F5; color:#332C2B; font:inherit; cursor:pointer; }
.cqd-chip:hover { border-color:#332C2B; background:#FEFEFE; }
.cqd-status { margin-left:auto; font-size:12px; font-variant-numeric:tabular-nums; }
.cqd-controls { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:16px; }
.cqd-controls button { background:#FEFEFE; border:1px solid #E8E4E0; border-radius:4px; padding:4px 12px; font:12px "Microsoft YaHei",sans-serif; color:#77716E; cursor:pointer; }
.cqd-controls button[aria-pressed="true"] { background:#332C2B; color:#FEFEFE; border-color:#332C2B; }
.cqd-controls small { color:#77716E; font-size:12px; margin-left:auto; }
.cqd-chart-summary { font-size:12px; color:#77716E; margin-bottom:12px; }
.cqd-chart-summary b { color:#332C2B; font-weight:600; }
.cqd-chart { display:block; width:100%; height:216px; }
.cqd-month { cursor:pointer; outline:none; }
.cqd-month .cqd-hit { fill:transparent; }
.cqd-month:hover .cqd-hit,.cqd-month:focus .cqd-hit { fill:#F1EEEB; }
.cqd-month .cqd-column { transition:fill .18s; }
.cqd-month:hover .cqd-column,.cqd-month:focus .cqd-column { fill:#332C2B; }
.cqd-chart-tip { position:fixed; pointer-events:none; z-index:99999; background:#332C2B; color:#FEFEFE; padding:8px 12px; border-radius:4px; font-size:12px; max-width:calc(100vw - 32px); }
body.cq-detail-active #designerChart { gap:16px !important; }
.cqd-donut { width:140px; height:140px; flex:0 0 auto; }
.cqd-donut circle[role="button"] { cursor:pointer; outline:none; transition:opacity .18s,stroke-width .18s; }
.cqd-donut circle[role="button"]:hover,.cqd-donut circle[role="button"]:focus { stroke-width:14; }
.cqd-designers { flex:1 1 200px; min-width:0; }
.cqd-designer { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:12px; width:100%; background:transparent; padding:8px; border:0; border-bottom:1px solid #E8E4E0; text-align:left; color:#332C2B; font:12px "Microsoft YaHei",sans-serif; cursor:pointer; }
.cqd-designer:hover,.cqd-designer:focus { background:#F8F7F5; }
.cqd-designer-name { overflow-wrap:anywhere; display:flex; align-items:center; gap:8px; }
.cqd-dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; }
.cqd-designer b,.cqd-designer small { text-align:right; font-variant-numeric:tabular-nums; }
.cqd-designer small { color:#77716E; }
.cqd-selected { background:#F1EEEB; }
body.cq-detail-active #resultPage button:focus-visible,body.cq-detail-active #resultPage a:focus-visible { outline:2px solid #332C2B; outline-offset:4px; }
.cqd-empty { padding:32px 16px; color:#77716E; font-size:12px; text-align:center; }
@media(max-width:768px) { body.cq-detail-active #resultPage .result-header h3 { font-size:24px !important; } body.cq-detail-active #resultPage .hero-stat .hs-value { font-size:24px !important; } .cqd-context { gap:8px; } .cqd-status { width:100%; margin-left:0; } .cqd-controls small { width:100%; margin-left:0; } }
@media(prefers-reduced-motion:reduce) { .cqd-column,.cqd-donut circle { transition:none !important; } }
}

@media screen {
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active { background:#FEFEFE !important; }
body.cq-detail-active #resultPage .hero-stat .stat-icon svg { width:24px !important; height:24px !important; }
body.cq-detail-active #resultPage #monthlyChart { background:transparent !important; box-shadow:none !important; border-radius:0 !important; }
body.cq-detail-active #resultPage .cq-card-title::before { background:#332C2B !important; }
body.cq-detail-active #resultPage .filter-search input,body.cq-detail-active #resultPage .sort-select { border-color:#D2CCC6 !important; }
}

/* 低饱和数据色：工时青绿、费用暖橙、成员雾蓝；欠款沿用警示红。 */
@media screen {
body.cq-detail-active #resultPage .hero-stat.c1 { background:#F8F7F5 !important; border-color:#E8E4E0 !important; }
body.cq-detail-active #resultPage .hero-stat.c2 { background:#F0F8F7 !important; border-color:#DCECE9 !important; }
body.cq-detail-active #resultPage .hero-stat.c3 { background:#FCF6EF !important; border-color:#F0E4D5 !important; }
body.cq-detail-active #resultPage .hero-stat.c4 { background:#F2F5FB !important; border-color:#E0E6F0 !important; }
body.cq-detail-active #resultPage .hero-stat.c5 { background:#F5F3FA !important; border-color:#E8E3F0 !important; }
body.cq-detail-active #resultPage .hero-stat.c2 .hs-value,body.cq-detail-active #resultPage .hero-stat.c2 .stat-icon { color:#247E78 !important; }
body.cq-detail-active #resultPage .hero-stat.c3 .hs-value,body.cq-detail-active #resultPage .hero-stat.c3 .stat-icon { color:#A56930 !important; }
body.cq-detail-active #resultPage .hero-stat.c4 .hs-value,body.cq-detail-active #resultPage .hero-stat.c4 .stat-icon { color:#5676A3 !important; }
body.cq-detail-active #resultPage .hero-stat.c5 .hs-value,body.cq-detail-active #resultPage .hero-stat.c5 .stat-icon { color:#7C669B !important; }
body.cq-detail-active #resultPage .hero-stat.c2::after { background:#247E78 !important; }
body.cq-detail-active #resultPage .hero-stat.c3::after { background:#A56930 !important; }
body.cq-detail-active #resultPage .hero-stat.c4::after { background:#5676A3 !important; }
body.cq-detail-active #resultPage .hero-stat.c5::after { background:#7C669B !important; }
body.cq-detail-active #resultPage .hero-stat::after { opacity:.32; }
body.cq-detail-active #resultPage .chart-title .icon { color:#247E78 !important; }
body.cq-detail-active #resultPage .action-btn.success { border-color:#B7D8D3 !important; color:#247E78 !important; background:#F0F8F7 !important; }
body.cq-detail-active #resultPage .cqp-strip .it.teal b { color:#247E78 !important; }
body.cq-detail-active #resultPage .cqp-strip .it.green b { color:#5676A3 !important; }
body.cq-detail-active #resultPage .cqp-strip .it.orange b { color:#A56930 !important; }
body.cq-detail-active #resultPage .cqp-strip .it.violet b { color:#7C669B !important; }
body.cq-detail-active #resultPage .cqp-strip { background:#F8FAFB; border-color:#E3E9EC; }
.cqd-chip { background:#F0F8F7; border-color:#DCECE9; color:#247E78; }
.cqd-chip:hover { background:#E5F2F0; border-color:#247E78; }
.cqd-controls button[aria-pressed="true"] { background:#247E78; border-color:#247E78; }
.cqd-month:hover .cqd-hit,.cqd-month:focus .cqd-hit { fill:#F0F8F7; }
.cqd-month:hover .cqd-column,.cqd-month:focus .cqd-column { fill:#247E78; }
.cqd-designer:hover,.cqd-designer:focus,.cqd-selected { background:#F0F8F7; }
body.cq-detail-active #resultPage .record-item:hover { background:#F7FAFA !important; border-color:#B7D8D3 !important; }
}

@media screen {
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel { padding:0 24px !important; }
body.cq-detail-active #resultPage .cqd-filter-panel .cq-card-head { padding-top:16px !important; padding-bottom:16px !important; }
body.cq-detail-active #resultPage .cqd-filter-panel .cq-row { padding-top:16px !important; padding-bottom:16px !important; }
.cqd-fee-breakdown { border:1px solid #E8E4E0; border-radius:4px; margin:12px 0; padding:0 12px; background:#FAFAF8; }
.cqd-fee-component { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 0; font-size:12px; }
.cqd-fee-component+.cqd-fee-component { border-top:1px solid #E8E4E0; }
.cqd-fee-component strong { display:block; font-size:12px; font-weight:600; color:#332C2B; }
.cqd-fee-component small { display:block; color:#77716E; font-size:12px; margin-top:4px; line-height:1.6; }
.cqd-fee-component b { white-space:nowrap; font-variant-numeric:tabular-nums; text-align:right; color:#A56930; }
.cqd-fee-details { margin:12px 0; border-bottom:1px solid #E8E4E0; }
.cqd-fee-details summary { padding:8px 0 12px; cursor:pointer; color:#247E78; font-size:12px; font-weight:600; }
.cqd-fee-table { border-collapse:collapse; width:100%; font-size:12px; }
.cqd-fee-table th,.cqd-fee-table td { padding:8px; border-bottom:1px solid #E8E4E0; text-align:left; vertical-align:top; overflow-wrap:anywhere; }
.cqd-fee-table th { color:#77716E; font-weight:400; background:#F8FAFB; }
.cqd-fee-table th:last-child,.cqd-fee-table td.cqd-fee-money { text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
.cqd-fee-table td small { display:block; color:#77716E; margin-top:4px; }
.cqd-fee-link { background:none; border:0; color:#247E78; text-align:left; padding:0; font:inherit; cursor:pointer; text-decoration:underline; text-underline-offset:4px; }
.cqd-fee-explanation { font-size:12px; color:#77716E; line-height:1.6; margin:8px 0; }
@media(max-width:768px) {
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel { padding:0 16px !important; }
.cqd-fee-table thead { display:none; }
.cqd-fee-table,.cqd-fee-table tbody { display:block; }
.cqd-fee-table tr { display:block; padding:8px 0; border-bottom:1px solid #E8E4E0; }
.cqd-fee-table td { display:grid; grid-template-columns:80px minmax(0,1fr); gap:8px; padding:4px 0; border:0; }
.cqd-fee-table td:before { content:attr(data-label); color:#77716E; text-align:left; }
.cqd-fee-table td small { grid-column:2; }
.cqd-fee-table td.cqd-fee-money { white-space:normal; }
}
}

@media screen { .cqd-fee-months { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 8px; color:#77716E; font-size:12px; line-height:1.8; margin:8px 0 12px; font-variant-numeric:tabular-nums; } .cqd-fee-plus { color:#A1A1A1; } }

@media screen {
body.cq-detail-active #resultPage .cqd-filter-panel .cq-card-head { height:auto !important; min-height:64px; }
body.cq-detail-active #resultPage .cqd-filter-panel .type-tabs { height:auto !important; padding:4px !important; overflow:visible !important; }
body.cq-detail-active #resultPage .cqd-filter-panel .type-tab { height:auto !important; min-height:32px; padding:8px 12px !important; }
}

/* 费用卡保持紧凑，逐笔明细在弹层查看，不撑高并排卡片。 */
@media screen {
body.cq-detail-active #cqdOverviewGrid .cq-half { padding:16px !important; }
body.cq-detail-active #cqdOverviewGrid .cq-half-title { margin-bottom:12px !important; }
body.cq-detail-active #debtSummary .ds-head { margin:0 0 4px !important; padding:4px 0 8px !important; }
body.cq-detail-active #debtSummary .ds-row { padding:8px 0 !important; margin:0 !important; }
body.cq-detail-active #debtSummary .ds-total { padding:8px 0 !important; margin-top:4px !important; }
body.cq-detail-active #debtSummary .ds-note { margin-top:4px !important; font-size:11px; line-height:1.6; }
body.cq-detail-active #debtSummary .cqd-fee-months { margin:4px 0 8px; font-size:11px; }
.cqd-fee-open { padding:8px 0 0; margin:4px 0 0; border:0; background:none; color:#247E78; font:12px "Microsoft YaHei",sans-serif; cursor:pointer; }
.cqd-fee-open:hover { text-decoration:underline; text-underline-offset:4px; }
.cqd-fee-dialog { border:1px solid #E8E4E0; border-radius:8px; padding:24px; width:min(880px,calc(100vw - 32px)); max-height:80svh; overflow:auto; color:#332C2B; background:#FEFEFE; }
.cqd-fee-dialog::backdrop { background:rgba(51,44,43,.3); }
.cqd-fee-dialog-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; }
.cqd-fee-dialog-head h3 { font-size:16px; margin:0; }
.cqd-fee-dialog-head button { padding:8px 12px; background:#F8F7F5; border:1px solid #E8E4E0; border-radius:4px; color:#332C2B; cursor:pointer; }
@media(max-width:768px) { .cqd-fee-dialog { padding:16px; } }
}

@media screen {
.cqd-overview-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:stretch; margin-bottom:16px; }
body.cq-detail-active #resultPage .cqd-overview-grid>.data-panel,body.cq-detail-active #resultPage .cqd-overview-grid>.chart-card { margin:0 !important; min-width:0; }
.cqd-overview-grid>.cq-half { display:flex; flex-direction:column; }
body.cq-detail-active #resultPage .cqd-old-container { display:none !important; }
body.cq-detail-active #cqdOverviewGrid #debtBody>div:first-child { padding:4px 0 12px !important; gap:8px !important; }
body.cq-detail-active #cqdOverviewGrid #debtBody>div:not(:first-child) { padding:12px 0 !important; }
@media(max-width:768px) { .cqd-overview-grid { grid-template-columns:minmax(0,1fr); } }
}

@media screen {
body.cq-detail-active #cqdOverviewGrid .ds-head { color:#77716E; font-size:12px; border-bottom:1px solid #E8E4E0; }
body.cq-detail-active #cqdOverviewGrid .ds-row,body.cq-detail-active #cqdOverviewGrid .ds-total { display:flex; align-items:baseline; justify-content:space-between; gap:16px; font-size:13px; line-height:1.6; }
body.cq-detail-active #cqdOverviewGrid .ds-row>span { color:#77716E; }
body.cq-detail-active #cqdOverviewGrid .ds-total { border-top:1px solid #E8E4E0; font-weight:600; }
body.cq-detail-active #cqdOverviewGrid .ds-total b { font-size:20px; }
body.cq-detail-active #cqdOverviewGrid .ds-debt { color:#C0392B; }
body.cq-detail-active #cqdOverviewGrid .ds-note { color:#77716E; }
}

/* Keep filter groups in normal flow; wrapped headings must own their height. */
@media screen {
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .cq-card-head { display:flex !important; flex-wrap:wrap !important; align-items:center !important; height:auto !important; min-height:0 !important; gap:16px !important; margin:0 !important; padding:16px 0 !important; position:static !important; }
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .cq-card-title { height:auto !important; line-height:1.5 !important; }
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .type-tabs { position:static !important; display:flex !important; flex-wrap:nowrap !important; height:auto !important; width:auto !important; margin:0 !important; padding:4px !important; gap:4px !important; transform:none !important; }
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .type-tab { position:relative !important; height:36px !important; min-height:36px !important; line-height:1.3 !important; padding:8px 16px !important; flex:0 0 auto !important; white-space:nowrap !important; }
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .type-tab::after { display:none !important; }
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .cq-row { display:flex !important; flex-wrap:wrap !important; height:auto !important; min-height:0 !important; position:static !important; gap:12px !important; padding:16px 0 !important; margin:0 !important; }
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .cq-row2 { border-top:1px solid #E8E4E0 !important; }
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .cqp-pills { position:static !important; gap:8px !important; margin:0 !important; height:auto !important; }
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .cqp-pill { min-height:36px !important; padding:8px 12px !important; line-height:1.3 !important; }
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel input, html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel select { height:40px !important; min-height:40px !important; box-sizing:border-box !important; }
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .cq-search { height:40px !important; min-width:180px !important; border:0 !important; padding:0 !important; background:transparent !important; }
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .cq-search input { width:100% !important; padding-left:40px !important; border:1px solid #D2CCC6 !important; }
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .cq-btn { height:40px !important; padding:8px 24px !important; }
@media(max-width:1000px) {
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .cqp-pills { flex-basis:100% !important; }
}
@media(max-width:768px) {
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .cq-card-head { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:12px !important; }
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .type-tabs { width:100% !important; box-sizing:border-box !important; }
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .type-tab { flex:1 1 0 !important; padding:8px 4px !important; font-size:12px !important; }
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .cq-row { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; }
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .cqp-pills { grid-column:1 / -1 !important; display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:8px !important; }
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .cqp-pills .lbl { grid-column:1 / -1 !important; }
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .cqp-pill { padding:8px 4px !important; width:100% !important; }
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .cq-lbl { grid-column:1 / -1 !important; }
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .cq-month, html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .cq-designer, html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .cq-search, html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .cq-sort { grid-column:1 / -1 !important; width:100% !important; min-width:0 !important; max-width:none !important; }
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .cq-date { width:100% !important; min-width:0 !important; max-width:none !important; }
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .cq-sep, html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .cq-grow { display:none !important; }
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .cq-btn { width:100% !important; }
}
}

/* Lightweight category navigation aligned with the filter heading. */
@media screen {
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .cq-card-head { gap:24px !important; padding:12px 0 0 !important; align-items:center !important; }
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .cq-card-title { align-self:center !important; padding-bottom:12px !important; font-size:15px !important; }
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .type-tabs { background:transparent !important; border:0 !important; border-radius:0 !important; padding:0 !important; gap:8px !important; box-shadow:none !important; }
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .type-tab { height:48px !important; min-height:48px !important; padding:12px 16px !important; border-radius:0 !important; border:0 !important; background:transparent !important; color:#8A817B !important; font-weight:500 !important; }
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .type-tab.active { background:transparent !important; color:#247E78 !important; font-weight:700 !important; }
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .type-tab:hover { background:transparent !important; color:#247E78 !important; }
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .type-tab.active::after { display:block !important; content:"" !important; position:absolute !important; left:16px !important; right:16px !important; bottom:0 !important; height:2px !important; border-radius:0 !important; background:#247E78 !important; }
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .type-tab .sico { width:16px !important; height:16px !important; opacity:.8 !important; }
@media(max-width:768px) {
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .cq-card-head { gap:0 !important; padding-top:16px !important; }
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .cq-card-title { padding-bottom:4px !important; }
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .type-tabs { gap:0 !important; }
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .type-tab { padding:12px 4px !important; }
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .type-tab.active::after { left:8px !important; right:8px !important; }
}
}

/* Match the filter heading to the other detail card headings. */
@media screen {
html[data-frame-ui][data-frame-file='customer-query'] body.cq-detail-active #resultPage .query-card.cqd-filter-panel .cq-card-title {
  font-family:"Microsoft YaHei","微软雅黑",Arial,"PingFang SC",sans-serif !important;
  font-size:15px !important;
  font-weight:700 !important;
  letter-spacing:.2px !important;
  color:#332C2B !important;
}
}