/* SETUT VTTech responsive compact v1.1 */
html,body{max-width:100%}
body.page-portal{overflow-x:clip}
body.page-portal *,body.page-portal *::before,body.page-portal *::after{box-sizing:border-box}
body.page-portal main,body.page-portal section,body.page-portal div{min-width:0}
body.page-portal img,body.page-portal svg,body.page-portal video{max-width:100%;height:auto}
body.page-portal main{width:100%;max-width:1440px;margin-inline:auto}

body.page-portal .x-portal-hero{
 min-height:96px!important;
 padding:14px 22px!important;
 margin-bottom:10px!important;
 border-radius:18px!important;
 gap:18px!important;
}
body.page-portal .x-portal-hero h1{
 font-size:clamp(22px,2.2vw,30px)!important;
 line-height:1.04!important;
 margin:5px 0!important;
 overflow-wrap:anywhere;
}
body.page-portal .x-portal-hero p{
 font-size:clamp(12px,1.05vw,14px)!important;
 line-height:1.35!important;
 margin:0!important;
}
body.page-portal .x-portal-hero a,body.page-portal .x-portal-hero button{
 min-height:40px!important;
 padding:9px 16px!important;
 font-size:13px!important;
}

body.page-portal .x-kpis{
 gap:10px!important;
 margin-bottom:10px!important;
}
body.page-portal .x-kpis > *{
 min-height:78px!important;
 padding:11px 14px!important;
 border-radius:14px!important;
}
body.page-portal .x-kpis strong{font-size:clamp(20px,1.8vw,25px)!important;line-height:1.05!important}
body.page-portal .x-kpis small,body.page-portal .x-kpis p{line-height:1.25!important}

body.page-portal [class*="panel"]{max-width:100%}
body.page-portal [class*="table-wrap"],
body.page-portal [class*="tableWrap"]{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}

@media (min-width:921px) and (max-height:760px){
 body.page-portal main{padding-top:10px!important;padding-bottom:16px!important}
 body.page-portal .x-portal-hero{min-height:84px!important;padding:11px 18px!important}
 body.page-portal .x-portal-hero h1{font-size:24px!important}
 body.page-portal .x-kpis > *{min-height:66px!important;padding:9px 12px!important}
}

@media (max-width:920px){
 body.page-portal{overflow-x:hidden}
 body.page-portal main{padding-inline:12px!important}
 body.page-portal .x-portal-hero{min-height:auto!important;padding:14px 16px!important;flex-wrap:wrap!important}
 body.page-portal .x-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
}

@media (max-width:600px){
 body.page-portal main{padding:10px 10px 68px!important}
 body.page-portal .x-portal-hero{
   display:grid!important;
   grid-template-columns:minmax(0,1fr)!important;
   gap:10px!important;
   padding:13px 14px!important;
   border-radius:15px!important;
 }
 body.page-portal .x-portal-hero h1{font-size:clamp(21px,7vw,27px)!important}
 body.page-portal .x-portal-hero a,body.page-portal .x-portal-hero button{
   width:100%!important;
   justify-content:center!important;
   text-align:center!important;
   margin:0!important;
 }
 body.page-portal .x-kpis > *{min-height:66px!important;padding:9px 10px!important}
}

@media (max-width:380px){
 body.page-portal .x-kpis{grid-template-columns:1fr!important}
}