#view-reports .report-section-nav{display:flex;gap:7px;flex-wrap:wrap;margin:2px 0 20px;padding:5px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}
#view-reports .report-section-nav button{flex:1 1 145px;min-height:40px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-weight:800;cursor:pointer}
#view-reports .report-section-nav button.active{background:var(--surface);color:var(--primary);box-shadow:0 3px 12px rgba(0,0,0,.08)}
#view-reports .report-section-nav button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
#view-reports [data-report-pane][hidden]{display:none!important}
#view-reports .report-panes{min-width:0}
#view-reports .report-insight-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
#view-reports .report-insight-metrics article{min-height:112px}
#view-reports .report-ranking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px}
#view-reports .report-ranking-grid>.panel{min-width:0}
#view-reports .report-ranking-grid h2{margin:0 0 6px}
#view-reports .report-ranking-grid p{font-size:11px;margin:0 0 13px}
#view-reports .report-ranking-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid var(--line);min-width:0}
#view-reports .report-ranking-row>span{display:grid;gap:3px;min-width:0}
#view-reports .report-ranking-row strong{overflow-wrap:anywhere}
#view-reports .report-ranking-row>strong{text-align:right;flex-shrink:0;color:var(--primary)}
#view-reports .report-ranking-row small{color:var(--muted)}
#view-reports #report-pane-finance>.panel{margin-bottom:20px}
#view-reports #report-operation-note{font-size:11px;margin:0 0 20px}
@media(max-width:1000px){#view-reports .report-insight-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#view-reports .report-ranking-grid{grid-template-columns:1fr}}
@media(max-width:560px){#view-reports .report-section-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#view-reports .report-section-nav button{min-width:0}#view-reports .report-insight-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#view-reports .report-ranking-row{align-items:flex-start}#view-reports .report-ranking-row>strong{max-width:40%}}
