html,body{min-height:100%}
body.hold-transition:not(.invoice-page):not(.print-page){font-family:"Segoe UI",Roboto,Arial,sans-serif!important;color:var(--erp-text)!important;background:linear-gradient(180deg,var(--erp-surface-soft) 0%,var(--erp-bg) 100%)!important}
.wrapper,.content-wrapper,.right-side{background:transparent!important}
.content-wrapper,.right-side{min-height:100vh!important;background:radial-gradient(circle at 14% 16%,rgba(106,202,211,.075),transparent 18%),radial-gradient(circle at 86% 20%,rgba(100,115,225,.065),transparent 17%),linear-gradient(180deg,var(--erp-surface-soft) 0%,var(--erp-surface-soft) 100%)!important}

/* HEADER */
.main-header{box-shadow:0 3px 14px rgba(31,62,103,.07)!important}
.main-header .logo,.main-header .navbar{background:linear-gradient(100deg,#3e67df 0%,#4e63db 55%,#8050d0 100%)!important;color:var(--erp-on-accent)!important;border:0!important}
.main-header .logo{font-weight:800!important}.main-header .logo:hover{background:linear-gradient(100deg,#365ed4,#7550cd)!important}
.main-header .navbar .sidebar-toggle,.main-header .navbar .nav>li>a{color:var(--erp-on-accent)!important}
.main-header .navbar .sidebar-toggle:hover,.main-header .navbar .nav>li>a:hover{background:rgba(255,255,255,.10)!important;color:var(--erp-on-accent)!important}
.erp-header-chip,.erp-mode-toggle{margin:7px 4px!important;min-height:36px!important;padding:8px 12px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:10px!important;background:rgba(255,255,255,.09)!important;box-shadow:none!important}

/* SIDEBAR: click-controlled, never hover-expand */
.main-sidebar{background:linear-gradient(180deg,var(--erp-text) 0%,var(--erp-text) 52%,var(--erp-text) 100%)!important;box-shadow:4px 0 16px rgba(14,35,72,.14)!important}
.main-sidebar .sidebar{padding:6px 7px 12px!important}
/* Compact simple sidebar: profile/photo card removed; top-level module gap reduced to one-third. */
.sidebar-menu{padding-top:0!important}
.sidebar-menu>li{margin:1px 0!important}
.sidebar-menu>li>a{display:flex!important;align-items:center!important;gap:8px!important;min-height:34px!important;padding:7px 10px!important;border-radius:8px!important;color:var(--erp-surface-soft)!important;font-size:12px!important;font-weight:700!important;background:transparent!important;transition:background .15s ease!important}
.sidebar-menu>li>a>i{width:18px!important;min-width:18px!important;text-align:center!important;color:inherit!important;font-size:13px!important}
.sidebar-menu>li>a>.pull-right-container{margin-left:auto!important;position:static!important}
.sidebar-menu>li>a:hover{background:rgba(95,133,224,.14)!important;color:var(--erp-on-accent)!important;transform:none!important}
.sidebar-menu>li.active>a,.sidebar-menu>li.menu-open>a{background:linear-gradient(90deg,rgba(65,105,225,.72),rgba(73,92,220,.58))!important;color:var(--erp-on-accent)!important;box-shadow:inset 3px 0 0 #5ee3ff!important}
.sidebar-menu .treeview-menu{background:rgba(4,18,48,.12)!important;margin:1px 0 2px!important;padding:2px 0 2px 10px!important;border-radius:0 0 8px 8px!important}
.sidebar-menu .treeview-menu>li{margin:0!important}
.sidebar-menu .treeview-menu>li>a{padding:6px 9px!important;border-radius:7px!important;color:var(--erp-line)!important;font-size:11px!important;font-weight:650!important;line-height:1.2!important}.sidebar-menu .treeview-menu>li.active>a,.sidebar-menu .treeview-menu>li>a:hover{background:rgba(69,104,223,.18)!important;color:var(--erp-on-accent)!important}
.erp-sidebar-footer{margin-top:6px!important;padding:7px 2px 0!important;border-top:1px solid rgba(255,255,255,.10)!important;display:grid!important;gap:1px!important}
.erp-side-utility{display:flex!important;align-items:center!important;gap:8px!important;min-height:32px!important;padding:6px 10px!important;border-radius:8px!important;color:var(--erp-line)!important;font-size:11px!important;font-weight:700!important;text-decoration:none!important}
.erp-side-utility:hover{background:rgba(95,133,224,.14)!important;color:var(--erp-on-accent)!important;text-decoration:none!important}
.erp-side-utility>i{width:18px!important;text-align:center!important}
body.sidebar-mini.sidebar-collapse .main-sidebar,body.sidebar-mini.sidebar-collapse .main-sidebar:hover{width:50px!important}
body.sidebar-mini.sidebar-collapse .main-sidebar .sidebar-menu>li>a>span,body.sidebar-mini.sidebar-collapse .main-sidebar:hover .sidebar-menu>li>a>span,body.sidebar-mini.sidebar-collapse .main-sidebar .sidebar-menu>li>a>.pull-right-container,body.sidebar-mini.sidebar-collapse .main-sidebar:hover .sidebar-menu>li>a>.pull-right-container{display:none!important}
body.sidebar-mini.sidebar-collapse .main-sidebar .sidebar-menu>li>a,body.sidebar-mini.sidebar-collapse .main-sidebar:hover .sidebar-menu>li>a{justify-content:center!important;padding-left:0!important;padding-right:0!important;text-align:center!important}
body.sidebar-mini.sidebar-collapse .main-sidebar .sidebar-menu>li>a>i,body.sidebar-mini.sidebar-collapse .main-sidebar:hover .sidebar-menu>li>a>i{margin:0!important;width:100%!important;font-size:15px!important}
body.sidebar-mini.sidebar-collapse .main-sidebar .treeview-menu,body.sidebar-mini.sidebar-collapse .main-sidebar:hover .treeview-menu{display:none!important}
body.sidebar-mini.sidebar-collapse .content-wrapper,body.sidebar-mini.sidebar-collapse .right-side,body.sidebar-mini.sidebar-collapse .main-footer{margin-left:50px!important}

/* PAGE HEADER - ALWAYS TOP CENTER */
.content-header{position:relative!important;padding:14px 18px 10px!important;text-align:center!important;background:transparent!important;box-shadow:none!important;border:0!important;min-height:72px!important}
.content-header>h1,.content-header h1{margin:0!important;color:var(--erp-text)!important;font-size:23px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:-.15px!important;text-align:center!important}
.content-header>h1>small,.content-header h1 small{display:block!important;margin:4px 0 0!important;color:var(--erp-muted)!important;font-size:11px!important;font-weight:600!important;line-height:1.35!important}
.content-header>.breadcrumb,.content-header .breadcrumb{position:static!important;float:none!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;margin:6px 0 0!important;padding:0!important;background:transparent!important;font-size:9.5px!important}
.content-header>.breadcrumb>li,.content-header>.breadcrumb>li>a,.content-header .breadcrumb>li,.content-header .breadcrumb>li>a{color:#70859b!important;font-weight:650!important}
.erp-page-actions{position:absolute!important;right:18px!important;top:15px!important;display:flex!important;align-items:center!important;gap:7px!important;z-index:3!important}.erp-page-actions .btn,.erp-page-actions a{height:34px!important;min-width:100px!important;padding:0 12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;border:0!important;border-radius:10px!important;background:linear-gradient(135deg,var(--erp-blue),var(--erp-blue2))!important;color:var(--erp-on-accent)!important;font-size:11px!important;font-weight:800!important;text-decoration:none!important;box-shadow:0 7px 16px rgba(69,104,223,.16)!important}
.content{padding:7px 16px 22px!important}


/* A single background wins over module-local transparent/body backgrounds. */
html[data-erp-ui] body.erp-app {background:var(--erp-bg)!important;color:var(--erp-text)!important}
html[data-erp-ui] body.erp-app .wrapper,
html[data-erp-ui] body.erp-app .content-wrapper,
html[data-erp-ui] body.erp-app .right-side {background:var(--erp-bg)!important;color:var(--erp-text)!important}
html[data-erp-ui] .main-header .logo,html[data-erp-ui] .main-header .navbar {background:var(--erp-header-gradient)!important}
html[data-erp-ui] .main-sidebar {background:linear-gradient(180deg,var(--erp-sidebar),var(--erp-sidebar-end))!important}
html[data-erp-ui] .content-header h1 {color:var(--erp-text)!important}
html[data-erp-ui] .main-footer {background:var(--erp-surface)!important;color:var(--erp-muted)!important;border-color:var(--erp-line)!important}
html[data-erp-ui] .erp-theme-menu,html[data-erp-ui] .erp-language-menu,html[data-erp-ui] .erp-language-menu .menu {background:var(--erp-surface)!important;color:var(--erp-text)!important}
html[data-erp-ui] .erp-theme-menu a,html[data-erp-ui] .erp-language-menu a {color:var(--erp-text)!important}
html[data-erp-ui] .erp-theme-menu a:hover,html[data-erp-ui] .erp-theme-menu a.active {background:var(--erp-surface-soft)!important;color:var(--erp-blue)!important}
@media(max-width:767px){
 html[data-erp-ui] .erp-compact-header .logo {display:none!important}
 html[data-erp-ui] .erp-compact-header .navbar {margin-left:0!important;min-height:50px!important}
 html[data-erp-ui] .main-sidebar {padding-top:50px!important}
 html[data-erp-ui] .content-wrapper {margin-left:0!important}
 html[data-erp-ui] .sidebar-open .content-wrapper {transform:none!important}
 html[data-erp-ui] .sidebar-open .main-sidebar {box-shadow:10px 0 30px rgba(0,0,0,.24)!important}
}