/* Panel360 public pages: compact layout based on browser width and height. */
body:has(>.mainhead) .account-layout>*,body:has(>.mainhead) .account-overview-body{min-width:0}
@media(min-width:901px) and (max-width:1536px), (min-width:901px) and (max-height:800px){
 body:has(>.mainhead){font-size:14px}
 body:has(>.mainhead) .container{width:calc(100% - 40px);max-width:1180px}
 body:has(>.mainhead) .topbar{padding:5px 0;font-size:12px}
 body:has(>.mainhead) .mainhead{padding:10px 0}
 body:has(>.mainhead) .mainhead>.container{gap:18px}
 body:has(>.mainhead) .mainhead .search input{min-height:36px;height:36px;font-size:13px}
 body:has(>.mainhead) .head-actions{gap:8px}
 body:has(>.mainhead) .head-actions>a,body:has(>.mainhead) .head-actions>button{font-size:12px;padding:8px 10px}
 body:has(>.mainhead) .nav-menu>li>a{padding:10px 13px;font-size:12px}
 body:has(>.mainhead) .section,body:has(>.mainhead) .home-section{padding-top:26px;padding-bottom:26px}
 body:has(>.mainhead) .page-head{padding-top:12px;padding-bottom:12px}
 body:has(>.mainhead) .section-title,body:has(>.mainhead) .home-heading{margin-bottom:18px}
 body:has(>.mainhead) .home-heading h2,body:has(>.mainhead) .section-title h2{font-size:26px;line-height:1.25}
 body:has(>.mainhead) .home-heading p{font-size:14px;line-height:1.5}
 body:has(>.mainhead) .product-grid-modern{gap:14px}
 body:has(>.mainhead) .product-card-content{padding:13px}
 body:has(>.mainhead) .product-card-content h3{font-size:15px;line-height:1.35;margin-bottom:8px}
 body:has(>.mainhead) .product-card-content p{font-size:12px;line-height:1.45}
 body:has(>.mainhead) .product-image-wrap{height:170px;min-height:0}
 body:has(>.mainhead) .product-image-wrap img{height:100%;width:100%;object-fit:contain}
 body:has(>.mainhead) .card-actions{gap:6px;margin-top:10px}
 body:has(>.mainhead) .card-actions .btn{font-size:12px;padding:9px 10px}
 body:has(>.mainhead) .account-page-section{padding-top:12px;padding-bottom:20px}
 body:has(>.mainhead) .premium-account-layout{grid-template-columns:190px minmax(0,1fr)!important;gap:14px!important}
 body:has(>.mainhead) .compact-account-menu{padding:10px!important;align-self:start}
 body:has(>.mainhead) .account-menu>a{padding:7px 8px!important;font-size:12px!important;margin-bottom:3px;min-height:30px}
 body:has(>.mainhead) .account-avatar{width:38px;height:38px;font-size:20px;margin-bottom:8px}
 body:has(>.mainhead) .account-menu h3{font-size:16px;margin:6px 0}
 body:has(>.mainhead) .account-overview-shell{padding:12px!important}
 body:has(>.mainhead) .account-overview-head{margin-bottom:10px}
 body:has(>.mainhead) .account-overview-head h2{font-size:21px}
 body:has(>.mainhead) .account-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 body:has(>.mainhead) .account-overview-card{min-height:70px;padding:10px;gap:8px;border-radius:11px}
 body:has(>.mainhead) .account-overview-icon{width:30px;height:30px;flex-basis:30px;border-radius:9px;font-size:15px}
 body:has(>.mainhead) .account-overview-card strong{font-size:17px}
 body:has(>.mainhead) .account-overview-label{font-size:9px;line-height:1.35;letter-spacing:0}
 body:has(>.mainhead) .account-overview-note{white-space:normal;line-height:1.3;font-size:10px}
 body:has(>.mainhead) .content-card{max-width:100%;min-width:0}
 body:has(>.mainhead) .table-responsive,body:has(>.mainhead) .table-wrap{max-width:100%;overflow-x:auto}
 body:has(>.mainhead) .home-product-spotlight,body:has(>.mainhead) .process-card,body:has(>.mainhead) .home-cta{padding:22px}
 body:has(>.mainhead) .footer{padding-top:26px;padding-bottom:20px}
}
@media(min-width:1200px) and (max-width:1536px), (min-width:1200px) and (max-height:800px){
 body:has(>.mainhead) .account-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 body:has(>.mainhead) .account-overview-card.is-full{grid-column:span 2}
}
@media(max-width:900px){
 body:has(>.mainhead) .container{max-width:100%;width:calc(100% - 28px)}
 body:has(>.mainhead) .section,body:has(>.mainhead) .home-section{padding-top:22px;padding-bottom:22px}
 body:has(>.mainhead) .account-layout{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 body:has(>.mainhead) .account-menu{position:static!important;max-width:100%}
 body:has(>.mainhead) .account-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 body:has(>.mainhead) .account-overview-card{min-height:74px;padding:10px;gap:8px}
 body:has(>.mainhead) .account-overview-note{white-space:normal;overflow-wrap:anywhere}
 body:has(>.mainhead) .home-heading h2{font-size:25px}
}
@media(max-width:520px){
 body:has(>.mainhead) .account-overview-grid{grid-template-columns:minmax(0,1fr)}
 body:has(>.mainhead) .account-overview-card.is-full{grid-column:auto}
}