/* Provion UI Kit / AŞAMA 01: demo-only responsive overrides */
html,body{max-width:100%;overflow-x:hidden}
.app>.main{display:flex;flex-direction:column;min-height:100vh;min-width:0}
.app>.main>.workspace{flex:1;min-width:0}
.app>.main>footer{margin:0;padding:14px 20px;background:#fff;border-top:1px solid #e3eaf4;color:#7587a3;font-size:11px}
.workspace .tablewrap,.workspace .table-scroll,.workspace .pv-table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:900px){
 .workspace{padding:16px!important}
 .pagehead{gap:12px;flex-wrap:wrap}
 .pagehead .actions{flex-wrap:wrap}
 .kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .contentgrid,.bottomcards{grid-template-columns:1fr!important}
 .card{min-width:0}
}
@media(max-width:650px){
 .workspace{padding:12px!important}
 .kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 .kpi{min-width:0;padding:12px!important}
 .kpi strong{font-size:clamp(18px,5vw,25px)}
 .toprow{gap:8px}
 .topnav{display:none!important}
 .profile .pname,.profile .pv-logout{display:none!important}
 .pagehead h1{font-size:21px}
 .pagehead .actions{width:100%;display:flex}
 .pagehead .actions button{max-width:100%}
 .card,.tablecard{min-width:0}
 .chartactions{flex-wrap:wrap}
 .chartarea{min-width:0;overflow-x:auto}
 .plot{min-width:310px}
 .bottomcards{grid-template-columns:1fr!important}
 .workspace table{min-width:600px}
 .workspace .card:has(table){overflow-x:auto}
 .app>.main>footer{padding:12px}
}
@media(max-width:380px){.kpis{grid-template-columns:1fr!important}}