/* V1.3.23: screen-only; desktop and printed reports retain their existing layout. */
.qeen-mobile-toggle{display:none}
@media screen and (max-width:900px){
 body.qeen-ui .app-main{min-width:0!important;width:100%!important;max-width:100%!important;margin:0!important;padding-bottom:max(28px,env(safe-area-inset-bottom))!important}
 body.qeen-ui .app-main>*,body.qeen-ui .panel,body.qeen-ui .panel>*,body.qeen-ui .table-shell,body.qeen-ui .table-wrap{min-width:0;max-width:100%;box-sizing:border-box}
 body.qeen-ui .qeen-mobile-bar{height:auto!important;min-height:58px!important;padding:8px 14px!important;padding-top:max(8px,env(safe-area-inset-top))!important}
 body.qeen-ui .qeen-mobile-bar button,body.qeen-ui .app-menu a{min-height:44px!important}
 body.qeen-ui .app-sidebar{max-width:calc(100vw - 44px)!important;padding-bottom:max(20px,env(safe-area-inset-bottom))!important;overscroll-behavior:contain}
 body.qeen-ui .table-shell,body.qeen-ui .table-wrap,body.qeen-ui .dimension-table{overflow-x:auto!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 body.qeen-ui .panel-head,body.qeen-ui .section-head,body.qeen-ui .sub-panel-head{flex-wrap:wrap!important;gap:8px!important}
 body.qeen-ui .topbar-actions{flex-wrap:wrap!important;gap:8px!important;min-width:0!important}
 body.qeen-ui dialog{max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;padding:16px!important}
 body.qeen-ui .login-card{width:min(390px,calc(100vw - 28px))!important;max-height:calc(100dvh - 32px);overflow:auto;padding:24px!important}
 body.qeen-ui textarea{max-width:100%!important;min-height:100px}
}
@media screen and (max-width:600px){
 body.qeen-ui{font-size:14px}
 body.qeen-ui .app-main,body.qeen-ui.qeen-dashboard .app-main,body.qeen-ui.monthly-page .monthly-main{padding:16px 12px 30px!important}
 body.qeen-ui .app-topbar{gap:10px!important;padding-bottom:14px!important}
 body.qeen-ui .app-topbar h1{font-size:24px!important;line-height:1.35!important}
 body.qeen-ui .app-topbar .eyebrow{display:none!important}
 body.qeen-ui .panel,body.qeen-ui.qeen-dashboard .panel{padding:14px!important;border-radius:12px!important}
 body.qeen-ui button,body.qeen-ui .primary-btn,body.qeen-ui .ghost-btn,body.qeen-ui .compact-btn,body.qeen-ui .danger-btn{min-height:44px!important;line-height:1.4!important;white-space:normal!important;touch-action:manipulation}
 body.qeen-ui input:not([type=checkbox]):not([type=radio]),body.qeen-ui select,body.qeen-ui textarea{font-size:16px!important;min-height:44px!important;width:100%!important;min-width:0!important;box-sizing:border-box!important}
 body.qeen-ui input[type=checkbox],body.qeen-ui input[type=radio]{width:22px!important;height:22px!important;flex:0 0 22px!important}
 body.qeen-ui .opportunity-form,body.qeen-ui .content-form,body.qeen-ui .settings-form,body.qeen-ui .profile-form,body.qeen-ui .ai-knowledge-form,body.qeen-ui .two-col,body.qeen-ui .fields{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
 body.qeen-ui .opportunity-form>*,body.qeen-ui .settings-form>*,body.qeen-ui .fields>*,body.qeen-ui .content-form>*{grid-column:auto!important;min-width:0!important;max-width:100%!important}
 body.qeen-ui .opportunity-form label,body.qeen-ui .fields label{font-size:13px!important;line-height:1.6!important}
 body.qeen-ui .form-actions,body.qeen-ui .toolbar,body.qeen-ui .customer-batch-toolbar{flex-wrap:wrap!important;gap:8px!important}
 body.qeen-ui .customer-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 body.qeen-ui .customer-filter-row>input[type=search]{grid-column:1/-1!important}
 body.qeen-ui .customer-assignment-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))!important;display:grid;gap:8px!important;min-width:0!important}
 body.qeen-ui .customer-assignment-toolbar .panel-tip{grid-column:1/-1}
 body.qeen-ui .customer-subnav{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:6px!important;padding:4px 0 10px!important}
 body.qeen-ui .customer-subnav a{flex:0 0 auto;min-height:44px;display:flex;align-items:center;padding:9px 12px!important;white-space:nowrap!important}
 body.qeen-ui .customer-pagination{display:flex!important;flex-wrap:wrap!important;gap:8px!important;width:100%!important}
 body.qeen-ui .customer-pagination input{max-width:75px!important}
 body.qeen-ui .qeen-filterbar .identity-switcher{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;align-items:center;gap:8px;width:100%!important}
 body.qeen-ui .qeen-filterbar .period-switcher{width:100%!important;display:flex;flex-wrap:wrap!important;gap:8px!important}
 body.qeen-ui .qeen-filterbar .period-switcher label{flex:1 1 90px!important;min-width:0!important;font-size:12px!important}
 body.qeen-ui .qeen-filterbar select{min-height:44px!important;width:100%!important;min-width:0!important}
 body.qeen-ui .qeen-filterbar:has(#periodModeSelect option[value=month]:checked) label:has(#periodQuarterSelect),
 body.qeen-ui .qeen-filterbar:has(#periodModeSelect option[value=quarter]:checked) label:has(#periodMonthSelect),
 body.qeen-ui .qeen-filterbar:has(#periodModeSelect option[value=year]:checked) label:has(#periodQuarterSelect),
 body.qeen-ui .qeen-filterbar:has(#periodModeSelect option[value=year]:checked) label:has(#periodMonthSelect){display:none!important}
 body.qeen-ui .kpi-grid,body.qeen-ui #customerKpiGrid,body.qeen-ui .monthly-kpis,body.qeen-ui .business-metric-grid,body.qeen-ui .metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 body.qeen-ui .kpi-card,body.qeen-ui.qeen-dashboard #overview .kpi-card:not(.qeen-scope){min-height:96px!important;padding:12px!important}
 body.qeen-ui .kpi-card>strong,body.qeen-ui.qeen-dashboard #overview .kpi-card>strong{font-size:23px!important;overflow-wrap:anywhere;line-height:1.25!important}
 body.qeen-ui .kpi-card>small{font-size:11px!important;line-height:1.6!important}
 body.qeen-ui .qeen-metric-heading{grid-column:1/-1!important}
 body.qeen-ui .chart-grid,body.qeen-ui .dimension-grid,body.qeen-ui .monthly-chart-grid,body.qeen-ui .monthly-insight-grid,body.qeen-ui .extended-ranking-grid,body.qeen-ui .signed-map-layout,body.qeen-ui .detail-grid{grid-template-columns:minmax(0,1fr)!important}
 body.qeen-ui .chart-shell,body.qeen-ui #trendChart{max-width:100%!important;overflow-x:auto!important;overscroll-behavior-x:contain}
 body.qeen-ui #trendChart svg{min-width:580px;max-width:none!important}
 body.qeen-ui .monthly-target{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
 body.qeen-ui .monthly-toolbar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 body.qeen-ui .monthly-toolbar .period-note,body.qeen-ui .monthly-toolbar button{grid-column:1/-1!important}
 body.qeen-ui .monthly-toolbar label,body.qeen-ui .toolbar label{min-width:0!important}
 body.qeen-ui .monthly-header-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}
 body.qeen-ui.qeen-weekly .toolbar label{flex:1 1 100%!important;width:100%!important}
 body.qeen-ui.qeen-weekly .fields .wide{grid-column:auto!important}
 body.qeen-ui.qeen-weekly .customer-card,body.qeen-ui.qeen-weekly .coach-card{padding:13px!important}
 body.qeen-ui.qeen-weekly #report>footer{position:static!important;display:flex;flex-wrap:wrap;padding:14px 0!important}
 body.qeen-ui.qeen-weekly #report>footer .toolbar{display:grid!important;grid-template-columns:1fr 1fr;width:100%}
 body.qeen-ui .home-person{padding:14px!important;gap:10px!important}
 body.qeen-ui .home-person-identity{flex-wrap:wrap!important}
 body.qeen-ui .home-activity{padding:12px!important;min-width:0}
 body.qeen-ui .home-activity strong{font-size:17px!important}
 body.qeen-ui .home-activity a{display:inline-flex;align-items:center;min-height:44px}
 body.qeen-ui .home-rate strong{font-size:32px!important}
 /* Transform only business record lists. Original inputs, links and delegated actions stay in place. */
 body.qeen-ui table.qeen-mobile-cards{display:block!important;min-width:0!important;width:100%!important;border:0!important}
 body.qeen-ui .qeen-mobile-cards thead{display:block!important}
 body.qeen-ui .qeen-mobile-cards thead tr{display:flex!important;gap:6px;flex-wrap:wrap;border:0!important}
 body.qeen-ui .qeen-mobile-cards thead th{display:none!important}
 body.qeen-ui .qeen-mobile-cards thead th.qeen-mobile-control{display:flex!important;align-items:center;gap:6px;white-space:normal!important;border:0!important;padding:4px!important;background:transparent!important}
 body.qeen-ui .qeen-mobile-cards thead th.check-col:after{content:'全选';font-size:12px;white-space:nowrap}
 body.qeen-ui .qeen-mobile-cards thead th.check-col{min-width:68px!important}
 body.qeen-ui .qeen-mobile-cards tbody{display:grid!important;gap:12px!important;width:100%!important}
 body.qeen-ui .qeen-mobile-cards tbody tr{position:relative;display:block!important;border:1px solid #dae4f2!important;border-radius:11px!important;padding:8px 12px!important;background:#fff!important;max-width:100%!important}
 body.qeen-ui .qeen-mobile-cards tbody td{display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;gap:8px!important;align-items:start;border:0!important;padding:7px 0!important;white-space:normal!important;width:auto!important;max-width:100%!important;min-width:0!important;overflow-wrap:anywhere;font-size:13px!important;line-height:1.65!important;text-align:left!important}
 body.qeen-ui .qeen-mobile-cards tbody td:before{content:attr(data-mobile-label);color:#718098;font-size:12px;font-weight:400}
 body.qeen-ui .qeen-mobile-cards tbody td.qeen-mobile-primary{display:block!important;font-size:16px!important;font-weight:650!important;border-bottom:1px solid #edf1f6!important;margin-bottom:4px}
 body.qeen-ui .qeen-mobile-cards tbody td.qeen-mobile-primary:before{display:none}
 body.qeen-ui .qeen-mobile-cards tbody tr:has(.qeen-mobile-check) td.qeen-mobile-primary{padding-right:38px!important;min-height:44px}
 body.qeen-ui .qeen-mobile-cards tbody td.qeen-mobile-check{position:absolute!important;right:10px;top:7px;display:flex!important;align-items:center;padding:0!important;min-height:36px}
 body.qeen-ui .qeen-mobile-cards tbody td.qeen-mobile-check:before{display:none}
 body.qeen-ui .qeen-mobile-cards tbody td[colspan]{display:block!important;text-align:center!important}
 body.qeen-ui .qeen-mobile-cards tbody td[colspan]:before{display:none}
 body.qeen-ui .qeen-mobile-cards tbody td.qeen-mobile-extra{display:none!important}
 body.qeen-ui .qeen-mobile-cards tbody tr.qeen-mobile-expanded td.qeen-mobile-extra{display:grid!important}
 body.qeen-ui .qeen-mobile-cards tbody td.qeen-mobile-toggle{display:block!important;border-top:1px solid #edf1f6!important;margin-top:4px}
 body.qeen-ui .qeen-mobile-cards tbody td.qeen-mobile-toggle:before{display:none}
 body.qeen-ui .qeen-mobile-cards .qeen-mobile-toggle button{width:100%!important;color:#285ac7!important}
 body.qeen-ui .qeen-mobile-cards td>div,body.qeen-ui .qeen-mobile-cards td>span{min-width:0;max-width:100%;flex-wrap:wrap}
 body.qeen-ui .qeen-mobile-cards td a{overflow-wrap:anywhere}
 body.qeen-ui .qeen-mobile-cards td button{font-size:12px!important;margin:2px;max-width:100%}
 body.qeen-ui .is-hidden,body.qeen-ui [hidden]{display:none!important}
}