/* COMS Global Bright 3D Digital Company Theme */
:root{--coms-bg:#f4f9ff;--coms-surface:rgba(255,255,255,.82);--coms-text:#172842;--coms-muted:#71819b;--coms-blue:#4b86ff;--coms-cyan:#22c8e8;--coms-violet:#806ff4;--coms-green:#28c99a;--coms-border:rgba(73,132,224,.13);--coms-shadow:0 16px 42px rgba(61,102,157,.11)}
html,body{background:linear-gradient(135deg,#fbfdff 0%,#eff8ff 48%,#f8f5ff 100%)!important;color:var(--coms-text)!important}
body:not(.off-canvas-sidebar):before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(67,128,224,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(67,128,224,.035) 1px,transparent 1px);background-size:34px 34px}
body:not(.off-canvas-sidebar):after{content:"";position:fixed;width:520px;height:520px;right:-180px;top:70px;border-radius:50%;z-index:-1;pointer-events:none;background:radial-gradient(circle,rgba(34,200,232,.16),rgba(128,111,244,.07) 45%,transparent 70%)}
.main-panel{background:transparent!important}.main-panel>.content{padding-top:28px!important}.container-fluid{max-width:1600px}
/* Sidebar */
.sidebar{background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(239,248,255,.96))!important;box-shadow:14px 0 40px rgba(61,102,157,.10)!important;border-right:1px solid rgba(73,132,224,.10)!important}
.sidebar:before,.sidebar:after,.sidebar .sidebar-background{background:none!important;opacity:0!important}.sidebar .logo{border-bottom:1px solid rgba(73,132,224,.10)!important}.sidebar .logo .simple-text{color:#203653!important;font-weight:800!important;letter-spacing:.08em}.sidebar .user{border-bottom:1px solid rgba(73,132,224,.09)!important}.sidebar .user .username,.sidebar .user a,.sidebar .nav p,.sidebar .nav i,.sidebar .nav .sidebar-mini,.sidebar .nav .sidebar-normal{color:#60738f!important}.sidebar .user .photo{border:3px solid #fff!important;box-shadow:0 7px 18px rgba(61,102,157,.18)!important}.sidebar .nav li>a{margin:5px 12px!important;border-radius:13px!important;transition:all .22s ease!important}.sidebar .nav li>a:hover{background:rgba(75,134,255,.07)!important}.sidebar .nav li.active>[data-toggle=collapse],.sidebar .nav li.active>a,.sidebar .nav li .dropdown-menu a:hover,.sidebar .nav li:hover>a{background:linear-gradient(135deg,#4b86ff,#7a70f3)!important;box-shadow:0 10px 24px rgba(75,134,255,.22)!important}.sidebar .nav li.active>a p,.sidebar .nav li.active>a i,.sidebar .nav li:hover>a p,.sidebar .nav li:hover>a i{color:#fff!important}.sidebar .caret{border-top-color:#71819b!important}
/* Navbar */
.navbar.navbar-transparent{background:rgba(255,255,255,.72)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(73,132,224,.08);box-shadow:0 8px 28px rgba(61,102,157,.06)!important}.navbar .navbar-brand,.navbar .nav-link,.navbar .material-icons{color:#536b8c!important}.navbar .btn-white{background:#fff!important;box-shadow:0 8px 20px rgba(61,102,157,.13)!important}.dropdown-menu{border:1px solid var(--coms-border)!important;border-radius:15px!important;box-shadow:0 18px 42px rgba(61,102,157,.16)!important;overflow:hidden}
/* Cards / panels */
.card,.modal-content,.swal2-popup{border:1px solid rgba(255,255,255,.92)!important;background:var(--coms-surface)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:21px!important;box-shadow:var(--coms-shadow),inset 0 1px 0 rgba(255,255,255,.96)!important;color:var(--coms-text)!important}.card{transition:box-shadow .26s ease,border-color .26s ease}.card:hover{box-shadow:0 24px 54px rgba(61,102,157,.16),inset 0 1px 0 #fff!important;border-color:rgba(75,134,255,.20)!important}.card-header{background:transparent!important;box-shadow:none!important;color:var(--coms-text)!important;border-radius:18px!important}.card-header .card-title,.card-title,.modal-title{color:#1b2f4c!important;font-weight:750!important;letter-spacing:-.015em}.card-category,.text-muted{color:var(--coms-muted)!important}.card-header .card-icon{border-radius:15px!important;background:linear-gradient(145deg,#fff,#e9f3ff)!important;color:var(--coms-blue)!important;box-shadow:8px 10px 24px rgba(55,106,178,.14),-5px -5px 15px #fff!important}.card-header .card-icon i{color:var(--coms-blue)!important}.card-footer{border-top-color:rgba(73,132,224,.08)!important}.card-footer .stats{color:#8391a8!important}
/* Buttons */
.btn{border-radius:12px!important;text-transform:none!important;font-weight:700!important;letter-spacing:0!important;transition:box-shadow .18s ease,filter .18s ease!important}.btn:hover{filter:brightness(1.02)}.btn-primary,.btn-info,.btn-success,.btn-rose{background:linear-gradient(135deg,#4b86ff,#766ff2)!important;border:0!important;color:#fff!important;box-shadow:0 9px 20px rgba(75,134,255,.20)!important}.btn-warning{background:linear-gradient(135deg,#ffb55f,#ff8d67)!important}.btn-danger{background:linear-gradient(135deg,#ff6f87,#ef5577)!important}.btn-default,.btn-white{background:#fff!important;color:#58708f!important;border:1px solid var(--coms-border)!important}
/* Forms */
.form-control,.custom-select,.bootstrap-select>.dropdown-toggle,.select2-container .select2-selection{background:rgba(255,255,255,.90)!important;border:1px solid rgba(68,126,225,.16)!important;border-radius:12px!important;color:#263a57!important;box-shadow:inset 0 1px 2px rgba(37,79,135,.025)!important}.form-control:focus{border-color:rgba(75,134,255,.48)!important;box-shadow:0 0 0 3px rgba(75,134,255,.09)!important}.form-group label,.bmd-label-static{color:#73839b!important;font-weight:600!important}.input-group-text{color:#6380a5!important}.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item:focus{background:#edf5ff!important;color:#356fd8!important}
/* Tables */
.table-responsive{border-radius:16px!important;border:1px solid rgba(58,117,205,.10)!important;background:rgba(255,255,255,.62)!important;padding:7px}.table{color:#30445f!important}.table thead th{border-bottom-color:rgba(63,124,221,.13)!important;color:#59708f!important;text-transform:uppercase;font-size:.72rem;letter-spacing:.045em}.table td{border-top-color:rgba(63,124,221,.075)!important}.table tbody tr{transition:background .16s ease,transform .16s ease}.table tbody tr:hover{background:rgba(75,134,255,.055)!important}.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select{border:1px solid rgba(68,126,225,.16)!important;border-radius:10px!important;background:#fff!important;padding:6px 10px!important}.page-item .page-link,.pagination>li>a{border:0!important;border-radius:10px!important;margin:0 2px;color:#5f78a0!important}.page-item.active .page-link,.pagination>.active>a{background:linear-gradient(135deg,#4b86ff,#776ff2)!important;box-shadow:0 7px 15px rgba(75,134,255,.20)!important}
/* Tabs, badges, alerts */
.nav-pills{gap:5px}.nav-pills .nav-link{border-radius:13px!important;color:#667a97!important;font-weight:700!important}.nav-pills .nav-link.active{background:linear-gradient(135deg,#4b86ff,#786ff2)!important;color:#fff!important;box-shadow:0 9px 20px rgba(75,134,255,.20)!important}.badge{border-radius:9px!important;padding:6px 9px!important}.alert{border:0!important;border-radius:14px!important;box-shadow:0 8px 22px rgba(61,102,157,.08)!important}hr{border-color:rgba(73,132,224,.10)!important}
/* Global subtle 3D title accent */
.content>.container-fluid>.row:first-child .card:first-child{position:relative}.content>.container-fluid>.row:first-child .card:first-child:after{content:"";position:absolute;width:110px;height:110px;right:18px;top:-22px;border-radius:32px;background:linear-gradient(145deg,rgba(34,200,232,.09),rgba(128,111,244,.07));transform:rotate(18deg) translateZ(-1px);pointer-events:none}
/* Inventory compatibility */
.coms-inventory-shell .inventory-module{background:transparent!important}.inventory-module .inventory-card,.inventory-module .panel,.inventory-module .card{border-radius:20px!important}
/* Login */
.off-canvas-sidebar .page-header.login-page{background-image:linear-gradient(135deg,rgba(248,252,255,.90),rgba(235,247,255,.86),rgba(247,242,255,.88)),url('../img/login.jpg')!important}.off-canvas-sidebar .page-header:before{background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(58,174,239,.07))!important}.off-canvas-sidebar .card-login{background:rgba(255,255,255,.86)!important;box-shadow:0 28px 70px rgba(53,99,157,.20)!important;border:1px solid #fff!important}.off-canvas-sidebar .card-login .card-header{background:linear-gradient(135deg,#4b86ff,#766ff2)!important;color:#fff!important;margin:-28px 18px 18px!important;box-shadow:0 12px 26px rgba(75,134,255,.25)!important}.off-canvas-sidebar .card-login .card-header .card-title{color:#fff!important}.off-canvas-sidebar .card-login .btn-link{color:#4b7ff0!important}.off-canvas-sidebar .card-login .form-control{background:rgba(248,251,255,.9)!important}
@media(max-width:991px){.sidebar{box-shadow:10px 0 35px rgba(61,102,157,.14)!important}.navbar.navbar-transparent{background:rgba(255,255,255,.90)!important}.card{border-radius:17px!important}}
@media(prefers-reduced-motion:reduce){.card,.btn,.sidebar .nav li>a{transition:none!important}}

/* ===== Ambient UI animations: never animate workspace cards/tables ===== */
@keyframes comsGridDrift{from{background-position:0 0,0 0}to{background-position:34px 34px,34px 34px}}
@keyframes comsAmbientOrb{0%,100%{opacity:.72;filter:blur(0)}50%{opacity:1;filter:blur(2px)}}
@keyframes comsLogoGlow{0%,100%{text-shadow:0 0 0 rgba(75,134,255,0)}50%{text-shadow:0 0 14px rgba(75,134,255,.20)}}
@keyframes comsActivePulse{0%,100%{box-shadow:0 9px 20px rgba(75,134,255,.18)}50%{box-shadow:0 11px 27px rgba(75,134,255,.30)}}
@keyframes comsNavSheen{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

body:not(.off-canvas-sidebar):before{animation:comsGridDrift 28s linear infinite}
body:not(.off-canvas-sidebar):after{animation:comsAmbientOrb 8s ease-in-out infinite}
.sidebar .logo .simple-text{animation:comsLogoGlow 5s ease-in-out infinite}
.sidebar .nav li.active>a{background-size:180% 180%!important;animation:comsNavSheen 6s ease infinite,comsActivePulse 3.8s ease-in-out infinite}
.navbar.navbar-transparent{transition:background-color .25s ease,box-shadow .25s ease,border-color .25s ease!important}

/* Keep all working surfaces absolutely stable */
.card,.card:hover,.table,.table-responsive,.table tbody tr,.table tbody tr:hover,
.modal-content,.swal2-popup,.form-control,.custom-select,.bootstrap-select>.dropdown-toggle,
.select2-container .select2-selection,canvas{transform:none!important;animation:none!important}

@media(prefers-reduced-motion:reduce){
 body:not(.off-canvas-sidebar):before,body:not(.off-canvas-sidebar):after,
 .sidebar .logo .simple-text,.sidebar .nav li.active>a{animation:none!important}
}