/* Scoped detail layout: never change the upper dashboard or the application navigation. */
#panel .mi [data-market-details]{margin-top:16px;min-width:0}
#panel .mi .mi-product-tabs{display:flex;gap:4px;overflow-x:auto;padding:5px;background:#eef5fc;border:1px solid #d8e5f2;border-radius:6px}
#panel .mi .mi-product-tabs button{flex:1 0 auto;min-height:42px;padding:9px 15px;white-space:nowrap}
#panel .mi [data-market-details] button[aria-pressed=true]{background:#1677e8;color:#fff;border-color:#1677e8}
#panel .mi [data-market-details] button:focus-visible{outline:3px solid #e99417;outline-offset:2px}
#panel .mi .mi-detail-caption{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:12px 0;color:#284a70}
#panel .mi .mi-detail-caption span{font-size:12px}
#panel .mi .mi-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
#panel .mi .mi-detail-raw{grid-template-columns:minmax(0,1fr)}
#panel .mi .mi-detail-country,#panel .mi .mi-detail-trend,#panel .mi .mi-monthly-table{min-width:0;background:#fff;border:1px solid #d5e3f1;border-radius:6px;padding:12px}
#panel .mi [data-market-details] h3{margin:0 0 12px;font-size:16px;color:#163b64}
#panel .mi [data-market-details] h3 small{font-size:12px;margin-left:8px;font-weight:400}
#panel .mi [data-market-details] th,#panel .mi [data-market-details] td{font-size:13px;padding:9px 8px;white-space:nowrap}
#panel .mi [data-market-details] .mi-scroll table{min-width:700px!important}
#panel .mi [data-market-details] th:first-child,#panel .mi [data-market-details] td:first-child{position:sticky;left:0;background:#f4f8fc;z-index:1}
#panel .mi [data-market-details] .is-selected td{background:#e6f2ff}
#panel .mi .mi-detail-controls{display:flex;gap:4px;flex-wrap:wrap;margin:8px 0}
#panel .mi .mi-detail-controls button{min-height:36px;padding:6px 10px;font-size:12px}
#panel .mi .mi-detail-trend svg{display:block;width:100%;height:auto;min-height:200px}
#panel .mi .mi-detail-trend svg text{font-size:10px;fill:#476382}
#panel .mi .mi-history-grid{stroke:#e4edf5}
#panel .mi .mi-history-line{stroke:#1677e8;stroke-width:2.5}
#panel .mi .mi-history-dot{fill:#1677e8}
#panel .mi .mi-history-bar{fill:#55c7bd}
#panel .mi .mi-history-legend{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;font-size:12px;color:#315b87}
#panel .mi .mi-history-legend small{color:#64748b}
#panel .mi .mi-detail-note{font-size:12px;color:#59718b;line-height:1.6;margin:10px 0}
#panel .mi .mi-custom-months{display:flex;align-items:end;gap:8px;flex-wrap:wrap}
#panel .mi .mi-custom-months label{display:grid;gap:4px;font-size:12px}
#panel .mi .mi-monthly-table .mi-scroll{max-height:370px}
html[data-theme=dark] #panel .mi .mi-detail-country,html[data-theme=dark] #panel .mi .mi-detail-trend,html[data-theme=dark] #panel .mi .mi-monthly-table,
html[data-theme=meeting] #panel .mi .mi-detail-country,html[data-theme=meeting] #panel .mi .mi-detail-trend,html[data-theme=meeting] #panel .mi .mi-monthly-table{background:#142535;color:#e1ebf5;border-color:#344d66}
html[data-theme=dark] #panel .mi [data-market-details] h3,html[data-theme=meeting] #panel .mi [data-market-details] h3,
html[data-theme=dark] #panel .mi .mi-detail-caption,html[data-theme=meeting] #panel .mi .mi-detail-caption{color:#e1ebf5}
html[data-theme=dark] #panel .mi [data-market-details] td:first-child,html[data-theme=meeting] #panel .mi [data-market-details] td:first-child{background:#203549}
html[data-theme=dark] #panel .mi [data-market-details] .is-selected td,html[data-theme=meeting] #panel .mi [data-market-details] .is-selected td{background:#25476c}
@media(max-width:1100px){#panel .mi .mi-detail-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){
 #panel .mi .mi-detail-trend{grid-row:1}
 #panel .mi .mi-detail-controls button{min-height:44px}
 #panel .mi .mi-product-tabs button{min-height:44px}
 #panel .mi .mi-detail-country,#panel .mi .mi-detail-trend,#panel .mi .mi-monthly-table{padding:10px}
 #panel .mi .mi-detail-trend svg{min-height:0}
}