/* COOLMAX V353-R3 FINAL EXECUTIVE SHELL
   This is deliberately last in <head>. Screen only. Print untouched. */
@media screen {
:root{
 --cmr3-bg:#f4f7fb;
 --cmr3-surface:#ffffff;
 --cmr3-text:#18283b;
 --cmr3-muted:#6f7f92;
 --cmr3-line:#dfe6ee;
 --cmr3-line2:#d2dce7;
 --cmr3-navy:#10243a;
 --cmr3-navy2:#0b192a;
 --cmr3-blue:#2e70aa;
 --cmr3-blue2:#3e86bd;
 --cmr3-teal:#178d75;
 --cmr3-amber:#c9912c;
 --cmr3-red:#ca555f;
}

html,body.cm353-r3{background:var(--cmr3-bg)!important;color:var(--cmr3-text)!important;font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif!important}
body.cm353-r3{font-size:14px!important;line-height:1.44!important;background:linear-gradient(180deg,#fbfcfe 0%,var(--cmr3-bg) 100%)!important}
body.cm353-r3 *{box-sizing:border-box}

/* TOP BAR - force professional white shell */
body.cm353-r3 .topbar{
 height:76px!important;
 min-height:76px!important;
 background:#ffffff!important;
 background-image:none!important;
 color:var(--cmr3-text)!important;
 border:0!important;
 border-bottom:1px solid var(--cmr3-line)!important;
 box-shadow:0 4px 18px rgba(18,37,60,.055)!important;
}
body.cm353-r3 .brand-zone{
 width:238px!important;min-width:238px!important;height:76px!important;
 background:#fff!important;background-color:#fff!important;background-image:none!important;
 border-right:1px solid var(--cmr3-line)!important;padding:8px 16px!important
}
body.cm353-r3 .brand-logo{background:#fff!important;background-color:#fff!important;background-image:none!important}
body.cm353-r3 .brand-logo img{max-width:188px!important;max-height:56px!important;object-fit:contain!important}
body.cm353-r3 .top-center{height:76px!important;padding:0 18px!important;gap:17px!important}
body.cm353-r3 .product-title{min-width:218px!important;color:var(--cmr3-text)!important}
body.cm353-r3 .product-title b{font-size:18px!important;color:#18314a!important;font-weight:850!important}
body.cm353-r3 .product-title span{font-size:10.5px!important;color:#75869a!important;margin-top:3px!important}
body.cm353-r3 .product-title em{font-size:8px!important;color:#42627e!important;background:#eef3f8!important;border:1px solid #dfe7ef!important;padding:3px 6px!important}
body.cm353-r3 .ui-profile-chip{font-size:8px!important;color:#4d6379!important;background:#f5f7fa!important;border:1px solid #e0e6ed!important;padding:3px 6px!important;border-radius:999px!important}
body.cm353-r3 .global-search{max-width:650px!important}
body.cm353-r3 .global-search form{height:42px!important}
body.cm353-r3 .global-search .search-icon{top:7px!important;color:#8291a2!important}
body.cm353-r3 .global-search input{
 height:42px!important;background:#f8fafc!important;color:#22364d!important;
 border:1px solid var(--cmr3-line2)!important;border-radius:10px 0 0 10px!important;
 box-shadow:none!important;font-size:12.5px!important
}
body.cm353-r3 .global-search input:focus{background:#fff!important;border-color:rgba(46,112,170,.55)!important;box-shadow:0 0 0 3px rgba(46,112,170,.08)!important;outline:none!important}
body.cm353-r3 .global-search button{
 height:42px!important;background:linear-gradient(135deg,var(--cmr3-blue),var(--cmr3-blue2))!important;
 color:#fff!important;border-radius:0 10px 10px 0!important;padding:0 18px!important;
 box-shadow:none!important;font-size:11.5px!important
}
body.cm353-r3 .top-actions{height:76px!important;padding-right:16px!important;gap:7px!important}
body.cm353-r3 .header-chip,body.cm353-r3 .header-icon,body.cm353-r3 .lang-switch{
 height:38px!important;background:#fff!important;color:#31465d!important;border:1px solid var(--cmr3-line)!important;border-radius:10px!important;box-shadow:none!important
}
body.cm353-r3 .header-chip b,body.cm353-r3 .header-icon,body.cm353-r3 .lang-switch a{color:#31465d!important}
body.cm353-r3 .header-chip .dot{background:#22a676!important}
body.cm353-r3 .user-box{height:42px!important;color:#263a51!important;gap:7px!important}
body.cm353-r3 .user-box b{font-size:11px!important;color:#263a51!important}
body.cm353-r3 .user-box small{font-size:9px!important;color:#7e8b9a!important}
body.cm353-r3 .avatar{width:34px!important;height:34px!important;background:linear-gradient(135deg,#327ab1,#178d75)!important;box-shadow:none!important;color:#fff!important}

/* APP SHELL */
body.cm353-r3 .shell{min-height:calc(100vh - 76px)!important}
body.cm353-r3 .sidebar{
 width:238px!important;min-width:238px!important;top:76px!important;height:calc(100vh - 76px)!important;
 background:linear-gradient(180deg,var(--cmr3-navy) 0%,var(--cmr3-navy2) 100%)!important;
 background-image:linear-gradient(180deg,var(--cmr3-navy),var(--cmr3-navy2))!important;
 box-shadow:7px 0 24px rgba(10,26,44,.08)!important
}
body.cm353-r3 .sidebar-scroll{padding:12px 10px!important}
body.cm353-r3 .nav-label{padding:5px 10px 6px!important;font-size:9px!important;letter-spacing:1.35px!important;color:#829bb4!important}
body.cm353-r3 .nav{
 min-height:39px!important;padding:8px 10px!important;margin:2px 0!important;border-radius:9px!important;
 color:#dce6f1!important;font-size:12.5px!important;font-weight:680!important;gap:9px!important;
 box-shadow:none!important;transform:none!important
}
body.cm353-r3 .nav:hover{background:rgba(255,255,255,.07)!important;color:#fff!important;transform:none!important}
body.cm353-r3 .nav.active{
 background:linear-gradient(135deg,#2c6ea9,#178d75)!important;background-image:linear-gradient(135deg,#2c6ea9,#178d75)!important;
 color:#fff!important;box-shadow:0 7px 18px rgba(32,103,159,.22)!important
}
body.cm353-r3 .nav-symbol{width:20px!important;height:20px!important;flex:0 0 20px!important;font-size:14px!important;color:#7cb5e4!important}
body.cm353-r3 .nav.active .nav-symbol{color:#fff!important}
body.cm353-r3 .nav-group{margin:5px 0 3px!important;border-top:1px solid rgba(255,255,255,.07)!important;padding-top:4px!important}
body.cm353-r3 .nav-group summary{
 padding:8px 9px!important;border-radius:8px!important;color:#91a9bf!important;font-size:9.5px!important;font-weight:850!important;letter-spacing:.7px!important
}
body.cm353-r3 .nav-group summary:hover{background:rgba(255,255,255,.05)!important;color:#e9f0f7!important}
body.cm353-r3 .nav-group .nav{margin-left:5px!important;padding-left:10px!important}
body.cm353-r3 .sidebar-separator{background:rgba(255,255,255,.08)!important}
body.cm353-r3 .sidebar-footer{min-height:56px!important;padding:10px 14px!important;border-top:1px solid rgba(255,255,255,.08)!important;color:#c9d7e4!important}
body.cm353-r3 .sidebar-footer b{font-size:9.5px!important}.sidebar-footer small{font-size:8.5px!important}

/* MAIN CONTENT */
body.cm353-r3 .content{max-width:none!important;width:100%!important;padding:20px 22px 25px!important;background:transparent!important}
body.cm353-r3 .page-head{margin-bottom:13px!important;align-items:center!important}
body.cm353-r3 .page-head h1{font-size:25px!important;font-weight:850!important;color:#14283f!important;letter-spacing:-.3px!important}
body.cm353-r3 .muted{color:var(--cmr3-muted)!important;font-size:11.5px!important}
body.cm353-r3 .panel,body.cm353-r3 .card{
 background:#fff!important;background-image:none!important;border:1px solid var(--cmr3-line)!important;
 border-radius:14px!important;box-shadow:0 5px 18px rgba(20,39,61,.042)!important
}
body.cm353-r3 .panel{padding:14px!important;margin-bottom:12px!important}
body.cm353-r3 .panel-head h2,body.cm353-r3 .panel-head h3,body.cm353-r3 .panel h2,body.cm353-r3 .panel h3{color:#243b53!important;font-weight:820!important}

/* BUTTONS - one coherent language */
body.cm353-r3 .btn{
 min-height:36px!important;padding:7px 11px!important;border-radius:9px!important;
 background:linear-gradient(135deg,var(--cmr3-blue),var(--cmr3-blue2))!important;background-image:linear-gradient(135deg,var(--cmr3-blue),var(--cmr3-blue2))!important;
 color:#fff!important;border:1px solid #286599!important;box-shadow:none!important;font-size:11.5px!important;font-weight:760!important;transform:none!important
}
body.cm353-r3 .btn:hover{filter:brightness(1.03)!important;transform:translateY(-1px)!important}
body.cm353-r3 .btn.gray{background:#fff!important;background-image:none!important;color:#42566c!important;border-color:var(--cmr3-line2)!important}
body.cm353-r3 .btn.blue{background:linear-gradient(135deg,var(--cmr3-blue),var(--cmr3-blue2))!important;color:#fff!important}
body.cm353-r3 .btn.purple{background:#7659a9!important;background-image:none!important;border-color:#684b9a!important}
body.cm353-r3 .btn.orange{background:#c88727!important;background-image:none!important;border-color:#b5751f!important}
body.cm353-r3 .btn.danger,body.cm353-r3 .danger{background:#c95460!important;background-image:none!important;border-color:#b64752!important}
body.cm353-r3 .cm353-renew-btn{background:linear-gradient(135deg,#178d75,#2aa087)!important;background-image:linear-gradient(135deg,#178d75,#2aa087)!important;border-color:#117861!important;color:#fff!important}

/* FORMS */
body.cm353-r3 input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]),
body.cm353-r3 select,body.cm353-r3 textarea{
 background:#fff!important;color:#23394f!important;border:1px solid var(--cmr3-line2)!important;
 border-radius:9px!important;min-height:39px!important;font-size:12px!important;box-shadow:none!important
}
body.cm353-r3 input:focus,body.cm353-r3 select:focus,body.cm353-r3 textarea:focus{outline:none!important;border-color:rgba(46,112,170,.55)!important;box-shadow:0 0 0 3px rgba(46,112,170,.075)!important}
body.cm353-r3 .field label{font-size:11px!important;color:#425970!important;font-weight:780!important}

/* MODULE TOOLBAR */
body.cm353-r3 .module-list-panel{padding:0!important;overflow:hidden!important}
body.cm353-r3 .module-list-panel>.toolbar{margin:0!important;padding:11px 12px!important;background:#f8fafc!important;border-bottom:1px solid #e5ebf1!important}
body.cm353-r3 .toolbar{gap:7px!important}
body.cm353-r3 .toolbar input,body.cm353-r3 .toolbar select{min-height:37px!important;height:37px!important;min-width:155px!important;font-size:11px!important}

/* TABLES */
body.cm353-r3 table{background:#fff!important;color:#24384e!important;font-size:11.5px!important}
body.cm353-r3 th{background:#f4f7fa!important;background-image:none!important;color:#53687e!important;font-weight:820!important;font-size:10px!important;padding:9px 10px!important;border-bottom:1px solid #dce4ec!important}
body.cm353-r3 td{padding:9px 10px!important;border-bottom:1px solid #edf1f5!important;font-weight:500!important}
body.cm353-r3 tbody tr:hover{background:#f9fbfd!important}
body.cm353-r3 .status{font-size:9.5px!important;font-weight:760!important;padding:4px 7px!important}
body.cm353-r3 .status.good{background:#e5f6ef!important;color:#176b55!important}
body.cm353-r3 .status.warn{background:#fff2df!important;color:#97681d!important}
body.cm353-r3 .status.bad{background:#fde9eb!important;color:#a74750!important}

/* FOOTER */
body.cm353-r3 .footer{font-size:8.8px!important;color:#8995a3!important;padding:8px 2px!important}

/* Modal/dropdown cleanup */
body.cm353-r3 .modal-content,body.cm353-r3 .dropdown-menu{background:#fff!important;border:1px solid var(--cmr3-line)!important;border-radius:13px!important;box-shadow:0 18px 48px rgba(17,35,57,.14)!important}

/* Scrollbars */
body.cm353-r3 *::-webkit-scrollbar{width:9px;height:9px}
body.cm353-r3 *::-webkit-scrollbar-track{background:transparent}
body.cm353-r3 *::-webkit-scrollbar-thumb{background:#c7d2dd;border-radius:20px;border:2px solid transparent;background-clip:content-box}

@media(max-width:1366px){
 body.cm353-r3 .brand-zone,body.cm353-r3 .sidebar{width:220px!important;min-width:220px!important}
 body.cm353-r3 .product-title{min-width:190px!important}
 body.cm353-r3 .content{padding:17px 18px 22px!important}
}
@media(max-width:900px){
 body.cm353-r3 .top-actions .header-chip{display:none!important}
 body.cm353-r3 .product-title{display:none!important}
}
}