/* COOLMAX V356 APPROVED MOCKUP MATCH - SCREEN ONLY */
@media screen {
body.v356-approved{--v356-navy:#0b2948;--v356-navy2:#071d34;--v356-blue:#2c70b2;--v356-teal:#159783;--v356-line:#dbe5ee;--v356-bg:#f2f7fb;background:linear-gradient(180deg,#f8fbfd,#f2f7fb)!important;color:#193149!important;font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif!important}
body.v356-approved .topbar{height:78px!important;min-height:78px!important;background:#fff!important;background-image:none!important;border-bottom:1px solid #dce5ed!important;box-shadow:0 4px 15px rgba(20,48,77,.05)!important;color:#173149!important}
body.v356-approved .brand-zone{width:205px!important;min-width:205px!important;height:78px!important;padding:7px 13px!important;background:#fff!important;border-right:1px solid #dce5ed!important}
body.v356-approved .brand-logo img{max-width:160px!important;max-height:59px!important}
body.v356-approved .top-center{height:78px!important;padding:0 14px!important;gap:14px!important}
body.v356-approved .product-title{min-width:250px!important}body.v356-approved .product-title b{font-size:18px!important;color:#12304d!important;font-weight:900!important}body.v356-approved .product-title span{font-size:9px!important;color:#73859a!important;margin-top:3px!important}body.v356-approved .product-title em{font-size:7.2px!important;background:#eef4fa!important;color:#416784!important;border:1px solid #dce6ee!important;padding:3px 7px!important;border-radius:999px!important}
body.v356-approved .global-search{max-width:650px!important}body.v356-approved .global-search form{height:42px!important}body.v356-approved .global-search .search-icon{top:8px!important;font-size:20px!important;color:#7e93a9!important}body.v356-approved .global-search input{height:42px!important;border:1px solid #cfdbe5!important;background:#fff!important;color:#20374e!important;border-radius:10px 0 0 10px!important;font-size:11.5px!important;box-shadow:0 3px 9px rgba(20,48,77,.035)!important}body.v356-approved .global-search button{height:42px!important;padding:0 17px!important;border-radius:0 10px 10px 0!important;background:linear-gradient(135deg,#2c70b2,#3889c6)!important;color:#fff!important;box-shadow:none!important}
body.v356-approved .top-actions{height:78px!important;padding-right:15px!important;gap:7px!important}body.v356-approved .header-chip,body.v356-approved .header-icon,body.v356-approved .lang-switch{min-height:38px!important;height:38px!important;background:#fff!important;color:#294159!important;border:1px solid #dbe5ed!important;border-radius:10px!important;box-shadow:0 3px 8px rgba(20,48,77,.025)!important}
body.v356-approved .v356-health{height:43px!important;min-width:124px!important;padding:0 10px!important;justify-content:flex-start!important}.v356-health-copy{display:flex;flex-direction:column;line-height:1.02}.v356-health-copy b{font-size:9.5px!important;color:#188259!important}.v356-health-copy small{font-size:6.4px!important;color:#8190a0!important;margin-top:3px}
body.v356-approved .header-icon{width:38px!important}body.v356-approved .notify-count{right:-4px!important;top:-6px!important;min-width:18px!important;height:18px!important;font-size:9px!important}body.v356-approved .lang-switch{padding:0 9px!important;font-size:10px!important}body.v356-approved .lang-switch a{color:#2a435a!important}body.v356-approved .user-box{height:46px!important;color:#244058!important;gap:8px!important}body.v356-approved .avatar{width:34px!important;height:34px!important;background:linear-gradient(135deg,#2f7da4,#198c86)!important;box-shadow:none!important}body.v356-approved .user-box b{font-size:10px!important}.v356-approved .user-box small{font-size:7px!important;color:#8795a4!important}
body.v356-approved .shell{min-height:calc(100vh - 78px)!important}body.v356-approved .sidebar{width:205px!important;min-width:205px!important;top:78px!important;height:calc(100vh - 78px)!important;background:linear-gradient(180deg,#0c2c4d 0%,#091f38 58%,#07192e 100%)!important;background-image:linear-gradient(180deg,#0c2c4d 0%,#091f38 58%,#07192e 100%)!important;box-shadow:7px 0 22px rgba(8,32,55,.10)!important}body.v356-approved .sidebar-scroll{padding:10px 9px 12px!important}body.v356-approved .nav-label{font-size:7.6px!important;letter-spacing:1.25px!important;color:#7f9ab4!important;padding:5px 8px 6px!important}body.v356-approved .nav{min-height:40px!important;padding:8px 9px!important;margin:2px 0!important;border-radius:9px!important;color:#e2edf5!important;font-size:10.7px!important;font-weight:760!important;gap:9px!important}body.v356-approved .nav-symbol{width:20px!important;height:20px!important;flex:0 0 20px!important;font-size:13px!important;color:#92b9d6!important}body.v356-approved .nav:hover{background:rgba(255,255,255,.065)!important;color:#fff!important}body.v356-approved .nav.active{background:linear-gradient(95deg,#2e73b5,#18a07f)!important;color:#fff!important;box-shadow:0 7px 17px rgba(32,119,155,.22)!important}body.v356-approved .nav-group{margin:5px 0 3px!important;padding-top:4px!important;border-top:1px solid rgba(255,255,255,.065)!important}body.v356-approved .nav-group summary{padding:8px 8px!important;font-size:8.4px!important;color:#9bb0c4!important;letter-spacing:.6px!important}body.v356-approved .sidebar-footer{min-height:54px!important;padding:9px 12px!important;background:rgba(0,0,0,.10)!important}body.v356-approved .sidebar-footer b{font-size:8.2px!important}.v356-approved .sidebar-footer small{font-size:6.6px!important}
.v356-sidebar-promo{margin:13px 2px 8px;border-radius:12px;min-height:285px;position:relative;overflow:hidden;background:linear-gradient(160deg,#0a2948,#0e416b 58%,#126e84);border:1px solid rgba(104,171,214,.17);box-shadow:0 10px 25px rgba(0,0,0,.13);color:#fff}.v356-sidebar-promo:before{content:"";position:absolute;left:-20px;right:-20px;bottom:58px;height:132px;background:linear-gradient(65deg,transparent 0 15%,rgba(15,99,130,.9) 15% 27%,transparent 27% 31%,rgba(35,130,156,.9) 31% 45%,transparent 45% 49%,rgba(14,87,119,.95) 49% 64%,transparent 64% 70%,rgba(49,142,164,.85) 70% 82%,transparent 82%);clip-path:polygon(0 100%,5% 67%,10% 100%,17% 40%,23% 100%,30% 58%,36% 100%,44% 22%,50% 100%,58% 48%,64% 100%,72% 30%,79% 100%,87% 56%,94% 100%,100% 70%,100% 100%);opacity:.85}.v356-sidebar-promo:after{content:"";position:absolute;left:0;right:0;bottom:55px;height:1px;background:rgba(117,205,223,.27)}.v356-promo-copy{position:relative;z-index:2;padding:19px 16px;font-size:16px;font-weight:870;line-height:1.08;letter-spacing:-.2px}.v356-promo-copy i{display:block;width:35px;height:3px;margin-top:12px;border-radius:999px;background:#36d18e}.v356-promo-bottom{position:absolute;z-index:2;left:16px;right:16px;bottom:14px;border-top:1px solid rgba(255,255,255,.12);padding-top:10px}.v356-promo-bottom b{display:block;font-size:13px}.v356-promo-bottom small{display:block;margin-top:3px;color:#a9c3d7;font-size:6.8px}
body.v356-approved .content{width:calc(100% - 205px)!important;padding:14px 15px 24px!important;max-width:none!important;background:transparent!important}
body.v356-approved .panel,body.v356-approved .card{border-color:#dbe5ed!important}body.v356-approved .btn{border-radius:8px!important}
}