.reports-page{display:grid;gap:16px;color:#18335b;min-width:0}.reports-page .rp-intro{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:-8px}.reports-page .rp-intro p{margin:0 0 5px;color:#607da8;font-size:13px}.reports-page .rp-intro small{font-size:11px;color:#7e95b7}.reports-page .rp-intro .btn{background:#fff;border-color:#c7dcff;color:#1670ff;white-space:nowrap}.reports-page .rp-filter{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:rgba(255,255,255,.7);border:1px solid #e3edf8;padding:11px;border-radius:7px}.reports-page .rp-shortcuts{display:flex;gap:5px}.reports-page .rp-shortcuts .btn{padding:7px 12px;min-height:33px;font-size:12px}.reports-page .rp-filter>.field{min-width:115px;max-width:190px;flex:1}.reports-page .rp-filter>.field>span{display:none}.reports-page .rp-filter>.date-field{min-width:280px;max-width:320px;flex:1.5}.reports-page .rp-filter .form-control,.reports-page .rp-filter .form-select{min-height:33px;font-size:12px}.reports-page .rp-filter .date-range{min-height:33px}.reports-page .rp-filter .date-range input{min-width:0}.reports-page .rp-filter>.btn:last-child{margin-left:auto}.reports-page .rp-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.reports-page .rp-metrics .metric-card{min-height:95px;padding:18px 17px;gap:13px;border-color:#e0ebf8;box-shadow:0 2px 9px #dae6f522}.reports-page .rp-metrics .metric-icon{width:46px;height:48px;border-radius:10px;font-size:25px}.reports-page .rp-metrics .metric-label{font-size:12px;color:#47648c}.reports-page .rp-metrics .metric-value{font-size:24px;color:#052451;margin-top:7px;letter-spacing:-.4px}.reports-page .tone-purple{background:#f0e4ff;color:#9731f5}.reports-page .panel{border-color:#dce8f8;border-radius:8px;box-shadow:none;min-width:0}.reports-page .panel-heading{padding:15px 18px;min-height:49px;border-bottom:0}.reports-page .panel-heading h2{font-size:15px;color:#14376b}.reports-page .panel-body{padding:5px 18px 17px}.reports-page .rp-trend .panel-body{padding:2px 15px 15px}.reports-page .rp-trend .form-select{min-height:29px;min-width:85px;font-size:12px}.reports-page .rp-trend .field{margin:0}.reports-page .chart-box{padding:0}.reports-page .chart-box h3{display:none}.reports-page .rp-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.reports-page .rp-game-bottom{display:grid;grid-template-columns:.85fr 1.4fr;gap:16px}.reports-page .rp-operations-top{display:grid;grid-template-columns:1.7fr 1fr;gap:16px}.reports-page .rp-donut{display:grid;grid-template-columns:minmax(130px,.9fr) minmax(130px,1fr);gap:15px;align-items:center;min-height:230px}.reports-page .rp-legend{display:grid;gap:18px;font-size:12px}.reports-page .rp-legend>div{display:flex;gap:9px;align-items:center}.reports-page .rp-legend i{width:9px;height:9px;border-radius:50%;flex:none}.reports-page .rp-legend span{flex:1}.reports-page .rp-legend b{font-weight:500;color:#265086}.reports-page .rp-share{display:flex;align-items:center;gap:10px;margin:20px 0;font-size:12px}.reports-page .rp-share>span{width:75px;flex:none}.reports-page .rp-share>div{flex:1;height:13px;background:#eef5ff;border-radius:2px;overflow:hidden}.reports-page .rp-share i{height:100%;display:block;border-radius:2px}.reports-page .rp-share b{width:45px;text-align:right;font-weight:500}.reports-page .data-table th{background:#edf5ff;color:#355b8e;font-size:12px;padding:10px}.reports-page .data-table td{font-size:12px;padding:10px;height:39px;white-space:nowrap}.reports-page .data-table tbody tr:nth-child(even){background:#f9fbff}.reports-page .rp-scope-note{display:flex;gap:8px;font-size:11px;color:#6680a5;line-height:1.6;padding:0 3px}.reports-page .rp-scope-note>.bi{margin-top:3px;color:#3981e9}.reports-page .rp-scope-note p{margin:0 0 3px}.reports-page .rp-export-panel>.panel-body{padding:0 24px 24px}.reports-page .rp-export-panel .page-tabs{margin:0 0 18px;gap:24px;padding-top:4px}.reports-page .rp-export-panel .page-tab{font-size:13px;padding:15px 20px}.reports-page .rp-export-form{display:grid;gap:23px}.reports-page .rp-export-form>.notice{min-height:62px;font-size:12px;border:1px solid #bfd7ff;background:#edf4ff}.reports-page .rp-export-grid{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:25px}.reports-page .rp-export-grid .field{width:100%;margin:0;min-width:0}.reports-page .rp-export-grid .field>span{font-size:13px;color:#244778;font-weight:600}.reports-page .rp-export-grid .date-range{min-height:41px}.reports-page .rp-export-grid input{min-width:0;width:100%}.reports-page .rp-option-row{display:grid;gap:13px;font-size:13px}.reports-page .rp-option-row>strong{font-weight:600;color:#31527f}.reports-page .rp-option-row>div{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.reports-page .rp-option-row .check-label{font-size:12px;color:#49688e;white-space:nowrap}.reports-page .rp-option-row small{font-size:11px;color:#7891b3}.reports-page .rp-disabled{opacity:.55}.reports-page .rp-remark{position:relative}.reports-page .rp-remark .field{display:grid;grid-template-columns:80px 1fr;align-items:start;gap:12px}.reports-page .rp-remark .field>span{font-size:13px;font-weight:600;padding-top:7px}.reports-page .rp-remark textarea{min-height:115px;padding-bottom:24px;font-size:12px}.reports-page .rp-remark>small{position:absolute;right:10px;bottom:6px;font-size:11px;color:#7d94b5}.reports-page .rp-export-footer{display:flex;align-items:center;gap:24px}.reports-page .rp-export-footer .notice{flex:1;font-size:12px;background:#fff8e6;color:#ba7d12;min-height:51px}.reports-page .rp-export-footer .btn{min-width:145px;padding:12px 22px;min-height:43px}.reports-page .rp-task-toolbar{display:flex;align-items:center;gap:15px;margin-bottom:17px}.reports-page .rp-task-toolbar>.notice{flex:1}.reports-page .rp-task-error{display:block;font-size:11px;color:#d35562;white-space:normal;max-width:240px;margin-top:4px}.reports-page .rp-small{font-size:11px;color:#7590b4;line-height:1.7;margin:15px 0 0}.reports-page.rp-export .data-table{min-width:960px}
@media(min-width:1500px){.reports-page{gap:16px}.reports-page .rp-trend .chart-box{height:310px!important}.reports-page .rp-operations-top .rp-trend .chart-box{height:265px!important}.reports-page .rp-donut{min-height:240px}.reports-page.rp-export{gap:23px}.reports-page .rp-export-form{gap:29px}.reports-page .rp-export-panel>.panel-body{padding-bottom:32px}}
@media(max-width:1100px){.reports-page .rp-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.reports-page .rp-two,.reports-page .rp-game-bottom,.reports-page .rp-operations-top{grid-template-columns:1fr}.reports-page .rp-donut{grid-template-columns:minmax(160px,.8fr) 1fr}.reports-page .rp-export-grid{grid-template-columns:1fr 1fr}.reports-page .rp-export-date{grid-column:1/-1}.reports-page .rp-option-row>div{gap:16px}.reports-page .rp-export-footer{flex-wrap:wrap}.reports-page .rp-export-footer .btn{margin-left:auto}}
@media(max-width:600px){.reports-page .rp-intro{align-items:flex-start}.reports-page .rp-intro p{font-size:11px}.reports-page .rp-intro .btn{font-size:11px;padding:7px}.reports-page .rp-filter{gap:9px;padding:9px}.reports-page .rp-shortcuts{width:100%;gap:4px}.reports-page .rp-shortcuts .btn{font-size:10px;padding:6px 9px;flex:1}.reports-page .rp-filter>.date-field{min-width:100%;max-width:none}.reports-page .rp-filter>.field{min-width:0}.reports-page .rp-metrics{gap:9px}.reports-page .rp-metrics .metric-card{padding:13px 10px;gap:7px;min-height:80px}.reports-page .rp-metrics .metric-icon{width:31px;height:35px;font-size:20px}.reports-page .rp-metrics .metric-value{font-size:18px}.reports-page .rp-metrics .metric-label{font-size:10px}.reports-page .panel-heading{padding:12px}.reports-page .panel-heading h2{font-size:13px}.reports-page .panel-body{padding:4px 11px 13px}.reports-page .rp-donut{grid-template-columns:minmax(100px,.8fr) minmax(115px,1fr);gap:10px}.reports-page .rp-legend{font-size:10px;gap:14px}.reports-page .rp-export-panel>.panel-body{padding:0 12px 18px}.reports-page .rp-export-panel .page-tabs{gap:7px}.reports-page .rp-export-panel .page-tab{padding:12px 11px;font-size:11px}.reports-page .rp-export-grid{grid-template-columns:1fr;gap:16px}.reports-page .rp-export-date{grid-column:auto}.reports-page .rp-export-form{gap:20px}.reports-page .rp-remark .field{grid-template-columns:1fr;gap:6px}.reports-page .rp-export-footer{gap:14px}.reports-page .rp-export-footer .notice{flex-basis:100%;font-size:11px}.reports-page .rp-task-toolbar{flex-wrap:wrap}.reports-page .rp-task-toolbar>.notice{flex-basis:100%}.reports-page .rp-scope-note{font-size:10px}.reports-page .rp-export-grid .date-range input{font-size:11px}}
/* Keep each report's summary, trend and lower breakdown together at reference width. */
@media(min-width:1451px){
.reports-page:not(.rp-export){gap:12px}
.reports-page:not(.rp-export) .rp-intro p{display:inline;margin-right:12px}
.reports-page:not(.rp-export) .rp-intro small{display:inline}
.reports-page:not(.rp-export) .panel-heading{min-height:40px;padding:10px 16px}
.reports-page:not(.rp-export) .panel-body{padding-bottom:10px}
.reports-page:not(.rp-export) .rp-trend .chart-box,.reports-page .rp-operations-top .rp-trend .chart-box{height:220px!important}
.reports-page:not(.rp-export) .rp-two .chart-box{height:195px!important}
.reports-page:not(.rp-export) .rp-donut{min-height:200px}
.reports-page:not(.rp-export) .rp-share{margin:14px 0}
.reports-page:not(.rp-export) .data-table td{height:32px;padding:6px 9px}
.reports-page:not(.rp-export) .data-table th{padding:7px 9px}
}
@media(max-width:600px){
.reports-page .rp-filter>.field.date-field{flex:0 0 100%;width:100%;min-width:100%;max-width:none}
}