/* ROI mobile layout only. Desktop and other sections are unchanged. */
@media (max-width:767px){
 #page-roi{width:100%;min-width:0;max-width:100%}
 #page-roi .roi-controls{grid-template-columns:minmax(0,1fr);padding:12px;gap:12px}
 #page-roi .roi-controls>*{min-width:0;max-width:100%}
 #page-roi .roi-income-options{min-width:0;width:100%}
 #page-roi #roi-source{min-width:0;gap:6px}
 #page-roi #roi-source label{max-width:100%;padding:8px 10px}
 #page-roi #roi-source label span{min-width:0;overflow-wrap:anywhere}
 #page-roi #roi-source input{flex-shrink:0}
 #page-roi .roi-top,#page-roi .roi-panel-head{gap:12px}
 #page-roi .roi-top>div,#page-roi .roi-panel-head>div{min-width:0;max-width:100%}
 #page-roi .roi-panel{min-width:0;padding:14px;border-radius:16px}
 #page-roi .roi-chart-tools{width:100%;min-width:0;flex-wrap:wrap;gap:10px;justify-content:space-between}
 #page-roi .roi-chart-tools select{max-width:100%;width:120px}
 #page-roi .roi-chart-foot{flex-wrap:wrap}
 #page-roi .roi-chart-detail,#page-roi .roi-status,#page-roi .roi-notes{overflow-wrap:anywhere}
 #page-roi .roi-table-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
 #page-roi .roi-kpis{grid-template-columns:minmax(0,1fr);gap:10px}
 #page-roi .roi-kpi:first-child{grid-column:auto}
 #page-roi .roi-kpi{padding:16px;text-align:center}
 #page-roi .roi-kpi strong{font-size:clamp(18px,7cqi,25px)!important}
 #page-roi .roi-source-periods{grid-template-columns:minmax(0,1fr)}
 #page-roi .roi-source-periods button:last-child{grid-column:auto}
 #page-roi .roi-best{grid-template-columns:minmax(0,1fr)}
 #page-roi .roi-best-heading span{display:block;margin:6px 0 0}
 #page-roi .roi-balance{padding:16px}
 #page-roi .roi-balance-values{grid-template-columns:minmax(0,1fr);gap:16px}
 #page-roi .roi-balance-values strong{font-size:clamp(16px,7cqi,23px)!important}
 #page-roi .roi-balance-heading{overflow-wrap:anywhere}
 #page-roi .roi-manual label{min-width:0;flex-basis:100%}
}