/*
 * ERP Rasel — Unified Experience V4
 * Palette: Ocean Blue Serenity, Cool Waters, Marine Blue and Deep Sea.
 * This layer is intentionally loaded after the legacy theme and uses a
 * scoped, high-specificity design system to normalize every ERP module.
 */

:root{
  /* Ocean Blue Serenity */
  --erp-ocean-950:#03045e;
  --erp-ocean-900:#023e8a;
  --erp-ocean-700:#0077b6;
  --erp-ocean-600:#0096c7;
  --erp-ocean-500:#00b4d8;
  --erp-ocean-400:#48cae4;
  --erp-ocean-300:#90e0ef;
  --erp-ocean-200:#ade8f4;
  --erp-ocean-100:#caf0f8;

  /* Cool Waters */
  --erp-cool-900:#22577a;
  --erp-cool-700:#38a3a5;
  --erp-cool-500:#57cc99;
  --erp-cool-300:#80ed99;
  --erp-cool-100:#c7f9cc;

  /* Marine Blue */
  --erp-marine-100:#ccdbdc;
  --erp-marine-300:#9ad1d4;
  --erp-marine-500:#80ced7;
  --erp-marine-700:#007ea7;
  --erp-marine-950:#003249;

  /* Deep Sea */
  --erp-deep-950:#0d1b2a;
  --erp-deep-900:#1b263b;
  --erp-deep-700:#415a77;
  --erp-deep-500:#778da9;
  --erp-deep-100:#e0e1dd;

  /* Semantic colors kept for clear feedback */
  --erp-danger:#b4235a;
  --erp-danger-dark:#7f123d;
  --erp-warning:#b7791f;
  --erp-success:#188a62;

  --erp-shell-header:46px;
  --erp-shell-sidebar:224px;
  --erp-shell-sidebar-mini:58px;
  --erp-v4-radius-xl:24px;
  --erp-v4-radius-lg:18px;
  --erp-v4-radius-md:13px;
  --erp-v4-radius-sm:10px;
  --erp-v4-ease:cubic-bezier(.2,.78,.24,1);
  --erp-v4-primary-gradient:linear-gradient(135deg,var(--erp-ocean-700) 0%,var(--erp-ocean-500) 48%,var(--erp-cool-500) 100%);
  --erp-v4-secondary-gradient:linear-gradient(135deg,var(--erp-cool-900) 0%,var(--erp-deep-700) 52%,var(--erp-deep-900) 100%);
  --erp-v4-danger-gradient:linear-gradient(135deg,var(--erp-danger) 0%,var(--erp-danger-dark) 100%);
  --erp-v4-warning-gradient:linear-gradient(135deg,#d59b2a 0%,#9a6418 100%);
  --erp-v4-header-gradient:linear-gradient(112deg,var(--erp-deep-950) 0%,var(--erp-cool-900) 46%,var(--erp-cool-700) 76%,var(--erp-cool-500) 100%);
  --erp-v4-hero-gradient:linear-gradient(132deg,var(--erp-deep-950) 0%,var(--erp-ocean-900) 46%,var(--erp-marine-700) 74%,var(--erp-cool-500) 118%);
  --erp-v4-topline:linear-gradient(90deg,var(--erp-ocean-700),var(--erp-ocean-400),var(--erp-cool-500),var(--erp-cool-300));
}

html[data-erp-ui="v4"][data-erp-theme="light"]{
  color-scheme:light;
  --erp-ui-primary:var(--erp-ocean-700);
  --erp-ui-primary-2:var(--erp-cool-500);
  --erp-ui-secondary:var(--erp-cool-900);
  --erp-ui-secondary-2:var(--erp-deep-700);
  --erp-ui-danger:var(--erp-danger);
  --erp-ui-danger-2:var(--erp-danger-dark);
  --erp-ui-accent:var(--erp-cool-300);
  --erp-ui-page:#eff7f8;
  --erp-ui-page-2:#f7fbfc;
  --erp-ui-card:rgba(255,255,255,.94);
  --erp-ui-card-solid:#ffffff;
  --erp-ui-card-soft:#f4fafb;
  --erp-ui-text:var(--erp-deep-950);
  --erp-ui-muted:#65788a;
  --erp-ui-line:rgba(34,87,122,.16);
  --erp-ui-line-strong:rgba(34,87,122,.28);
  --erp-ui-shadow:0 14px 35px rgba(13,27,42,.09);
  --erp-ui-shadow-hover:0 22px 48px rgba(13,27,42,.15);
  --erp-ui-focus:0 0 0 4px rgba(0,180,216,.16);
  --erp-ui-header-gradient:var(--erp-v4-header-gradient);
  --erp-ui-main-gradient:var(--erp-v4-primary-gradient);
  --erp-ui-secondary-gradient:var(--erp-v4-secondary-gradient);
  --erp-ui-danger-gradient:var(--erp-v4-danger-gradient);
  --erp-ui-topline:var(--erp-v4-topline);
  --erp-v4-glass:rgba(255,255,255,.72);
  --erp-v4-grid:rgba(34,87,122,.07);
  --erp-v4-ambient-a:rgba(0,180,216,.17);
  --erp-v4-ambient-b:rgba(87,204,153,.17);
  --erp-v4-ambient-c:rgba(144,224,239,.23);
}

html[data-erp-ui="v4"][data-erp-theme="dark"]{
  color-scheme:dark;
  --erp-ui-primary:var(--erp-ocean-400);
  --erp-ui-primary-2:var(--erp-cool-300);
  --erp-ui-secondary:var(--erp-deep-500);
  --erp-ui-secondary-2:var(--erp-cool-700);
  --erp-ui-danger:#f77ca9;
  --erp-ui-danger-2:#b4235a;
  --erp-ui-accent:var(--erp-cool-300);
  --erp-ui-page:#08131f;
  --erp-ui-page-2:#0d1b2a;
  --erp-ui-card:rgba(15,31,48,.94);
  --erp-ui-card-solid:#0f1f30;
  --erp-ui-card-soft:#11263a;
  --erp-ui-text:#edf8fb;
  --erp-ui-muted:#a8bdc9;
  --erp-ui-line:rgba(173,232,244,.16);
  --erp-ui-line-strong:rgba(173,232,244,.27);
  --erp-ui-shadow:0 16px 38px rgba(0,0,0,.34);
  --erp-ui-shadow-hover:0 24px 56px rgba(0,0,0,.46);
  --erp-ui-focus:0 0 0 4px rgba(72,202,228,.18);
  --erp-ui-header-gradient:linear-gradient(112deg,#06111d 0%,#0d2b41 48%,#12666d 78%,#208a70 118%);
  --erp-ui-main-gradient:linear-gradient(135deg,#007ea7 0%,#00b4d8 48%,#2fac7e 100%);
  --erp-ui-secondary-gradient:linear-gradient(135deg,#22577a 0%,#415a77 52%,#1b263b 100%);
  --erp-ui-danger-gradient:linear-gradient(135deg,#c9366e 0%,#7f123d 100%);
  --erp-ui-topline:var(--erp-v4-topline);
  --erp-v4-glass:rgba(8,19,31,.74);
  --erp-v4-grid:rgba(173,232,244,.055);
  --erp-v4-ambient-a:rgba(0,180,216,.16);
  --erp-v4-ambient-b:rgba(87,204,153,.14);
  --erp-v4-ambient-c:rgba(3,62,138,.21);

  --dc-bg:var(--erp-ui-page);
  --dc-panel:var(--erp-ui-card-solid);
  --dc-ink:var(--erp-ui-text);
  --dc-muted:var(--erp-ui-muted);
  --dc-line:var(--erp-ui-line);
  --dc-dark:var(--erp-deep-950);
  --dc-dark-2:var(--erp-cool-900);
  --dc-violet:var(--erp-ocean-500);
  --dc-violet-2:var(--erp-cool-500);
  --dc-blue:var(--erp-marine-700);
  --dc-cyan:var(--erp-cool-300);
  --dc-green:var(--erp-cool-500);
  --dc-shadow:var(--erp-ui-shadow-hover);
  --dc-card-shadow:var(--erp-ui-shadow);
}

@keyframes erpV4PageIn{
  from{opacity:0;transform:translate3d(0,14px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes erpV4Float{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(14px,-18px,0) scale(1.07)}
}
@keyframes erpV4Sheen{
  0%{transform:translateX(-150%) skewX(-18deg)}
  100%{transform:translateX(260%) skewX(-18deg)}
}
@keyframes erpV4Pulse{
  0%,100%{box-shadow:0 0 0 0 rgba(87,204,153,.28)}
  50%{box-shadow:0 0 0 7px rgba(87,204,153,0)}
}

/* ---------- Application shell ---------- */
html[data-erp-ui="v4"] body.hold-transition{
  font-family:"Segoe UI",Inter,Arial,Helvetica,sans-serif;
  color:var(--erp-ui-text)!important;
  background:var(--erp-ui-page)!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .content-wrapper{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(circle at 8% 8%,var(--erp-v4-ambient-a),transparent 30%),
    radial-gradient(circle at 93% 13%,var(--erp-v4-ambient-b),transparent 25%),
    radial-gradient(circle at 65% 92%,var(--erp-v4-ambient-c),transparent 28%),
    linear-gradient(150deg,var(--erp-ui-page-2) 0%,var(--erp-ui-page) 52%,var(--erp-ui-page-2) 100%)!important;
  color:var(--erp-ui-text)!important;
  overflow-x:hidden;
}

html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .content-wrapper::before,
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .content-wrapper::after{
  content:"";
  position:fixed;
  z-index:-1;
  width:320px;
  height:320px;
  border-radius:46% 54% 58% 42%;
  pointer-events:none;
  filter:blur(18px);
  opacity:.52;
  animation:erpV4Float 15s var(--erp-v4-ease) infinite;
}
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .content-wrapper::before{
  left:calc(var(--erp-shell-sidebar) - 170px);
  top:96px;
  background:radial-gradient(circle,var(--erp-v4-ambient-a),transparent 68%);
}
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .content-wrapper::after{
  right:-130px;
  bottom:-70px;
  background:radial-gradient(circle,var(--erp-v4-ambient-b),transparent 68%);
  animation-delay:-7s;
}

html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .content-header,
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .content{
  position:relative;
  z-index:1;
}

html[data-erp-ui="v4"] .main-header.erp-compact-header,
html[data-erp-ui="v4"] .main-header.erp-compact-header .navbar,
html[data-erp-ui="v4"] .main-header.erp-compact-header .logo{
  min-height:var(--erp-shell-header)!important;
  height:var(--erp-shell-header)!important;
  background:var(--erp-ui-header-gradient)!important;
  border:0!important;
}
html[data-erp-ui="v4"] .main-header.erp-compact-header{
  box-shadow:0 8px 28px rgba(13,27,42,.2)!important;
}
html[data-erp-ui="v4"] .main-header.erp-compact-header .navbar::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(144,224,239,.8),rgba(128,237,153,.7),transparent);
  pointer-events:none;
}
html[data-erp-ui="v4"] .main-header .sidebar-toggle,
html[data-erp-ui="v4"] .erp-header-chip,
html[data-erp-ui="v4"] .erp-mode-toggle{
  height:var(--erp-shell-header)!important;
  min-height:var(--erp-shell-header)!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#fff!important;
}
html[data-erp-ui="v4"] .erp-header-chip,
html[data-erp-ui="v4"] .erp-mode-toggle{
  margin:0 3px!important;
  padding:0 12px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  transition:background .2s ease,transform .2s ease,border-color .2s ease!important;
}
html[data-erp-ui="v4"] .erp-header-chip:hover,
html[data-erp-ui="v4"] .erp-header-chip:focus,
html[data-erp-ui="v4"] .erp-mode-toggle:hover,
html[data-erp-ui="v4"] .erp-mode-toggle:focus,
html[data-erp-ui="v4"] .erp-theme-selector.open>.erp-mode-toggle{
  background:rgba(255,255,255,.16)!important;
  border-color:rgba(255,255,255,.25)!important;
  transform:translateY(-1px)!important;
}
html[data-erp-ui="v4"] .erp-mode-toggle .erp-mode-label{min-width:42px!important;text-align:left;font-weight:750;}
html[data-erp-ui="v4"] .erp-mode-toggle .erp-mode-state{font-size:9px;opacity:.72;font-weight:600;}

/* Theme and language dropdowns */
html[data-erp-ui="v4"] .erp-language-menu,
html[data-erp-ui="v4"] .erp-theme-menu{
  top:calc(var(--erp-shell-header) - 1px)!important;
  right:3px!important;
  left:auto!important;
  padding:8px!important;
  border:1px solid var(--erp-ui-line)!important;
  border-radius:15px!important;
  background:var(--erp-ui-card-solid)!important;
  color:var(--erp-ui-text)!important;
  box-shadow:var(--erp-ui-shadow-hover)!important;
  overflow:hidden;
}
html[data-erp-ui="v4"] .erp-theme-menu{width:214px!important;min-width:214px!important;}
html[data-erp-ui="v4"] .erp-theme-menu>li>a{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:2px 0!important;
  padding:10px 11px!important;
  border-radius:11px!important;
  color:var(--erp-ui-text)!important;
  transition:background .18s ease,color .18s ease!important;
}
html[data-erp-ui="v4"] .erp-theme-menu>li>a:hover,
html[data-erp-ui="v4"] .erp-theme-menu>li>a:focus,
html[data-erp-ui="v4"] .erp-theme-menu>li>a.is-active{
  background:linear-gradient(135deg,rgba(0,180,216,.13),rgba(87,204,153,.13))!important;
  color:var(--erp-ui-primary)!important;
}
html[data-erp-ui="v4"] .erp-theme-menu .erp-theme-icon{
  width:32px;height:32px;flex:0 0 32px;border-radius:10px;
  display:inline-flex;align-items:center;justify-content:center;
  color:#fff;background:var(--erp-v4-secondary-gradient);box-shadow:0 7px 15px rgba(13,27,42,.16);
}
html[data-erp-ui="v4"] .erp-theme-menu a[data-erp-theme-choice="light"] .erp-theme-icon{background:linear-gradient(135deg,#48cae4,#80ed99);color:#0d1b2a;}
html[data-erp-ui="v4"] .erp-theme-menu a[data-erp-theme-choice="dark"] .erp-theme-icon{background:linear-gradient(135deg,#0d1b2a,#415a77);}
html[data-erp-ui="v4"] .erp-theme-copy{display:flex;flex:1;min-width:0;flex-direction:column;line-height:1.2;}
html[data-erp-ui="v4"] .erp-theme-copy strong{font-size:11px;font-weight:800;color:inherit;}
html[data-erp-ui="v4"] .erp-theme-copy small{margin-top:2px;font-size:9px;color:var(--erp-ui-muted)!important;}
html[data-erp-ui="v4"] .erp-theme-check{margin-left:auto;color:var(--erp-cool-500);opacity:0;}
html[data-erp-ui="v4"] .erp-theme-menu>li>a.is-active .erp-theme-check{opacity:1;}

/* ---------- Sidebar palette normalization ---------- */
html[data-erp-ui="v4"] .main-sidebar.erp-modern-sidebar,
html[data-erp-ui="v4"] .main-sidebar.erp-modern-sidebar .sidebar{
  background:
    radial-gradient(circle at 18% 8%,rgba(0,180,216,.2),transparent 28%),
    radial-gradient(circle at 86% 76%,rgba(87,204,153,.15),transparent 30%),
    linear-gradient(168deg,var(--erp-deep-950) 0%,var(--erp-marine-950) 50%,#082d3c 100%)!important;
}
html[data-erp-ui="v4"] .erp-sidebar-profile{
  border:1px solid rgba(173,232,244,.13)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.045))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 13px 28px rgba(0,0,0,.16)!important;
}
html[data-erp-ui="v4"] .erp-sidebar-avatar{background:linear-gradient(135deg,var(--erp-ocean-500),var(--erp-cool-500))!important;}
html[data-erp-ui="v4"] .erp-online-dot{background:var(--erp-cool-300)!important;animation:erpV4Pulse 2.2s ease-in-out infinite;}
html[data-erp-ui="v4"] .erp-modern-sidebar .sidebar-menu>li>a>i:first-child{
  background:linear-gradient(135deg,var(--erp-ocean-700),var(--erp-cool-700))!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(0,126,167,.27)!important;
}
html[data-erp-ui="v4"] .erp-modern-sidebar .sidebar-menu>li:nth-child(3n+2)>a>i:first-child{background:linear-gradient(135deg,var(--erp-cool-900),var(--erp-cool-500))!important;}
html[data-erp-ui="v4"] .erp-modern-sidebar .sidebar-menu>li:nth-child(3n+3)>a>i:first-child{background:linear-gradient(135deg,var(--erp-deep-700),var(--erp-ocean-600))!important;}
html[data-erp-ui="v4"] .erp-modern-sidebar .sidebar-menu>li:hover>a,
html[data-erp-ui="v4"] .erp-modern-sidebar .sidebar-menu>li.active>a,
html[data-erp-ui="v4"] .erp-modern-sidebar .sidebar-menu>li.menu-open>a{
  background:linear-gradient(90deg,rgba(0,180,216,.15),rgba(87,204,153,.1))!important;
  border-color:rgba(144,224,239,.17)!important;
}
html[data-erp-ui="v4"] .erp-modern-sidebar .treeview-menu>li:hover>a,
html[data-erp-ui="v4"] .erp-modern-sidebar .treeview-menu>li.active>a{
  color:#fff!important;
  background:rgba(0,180,216,.11)!important;
}

/* ---------- Customer-inspired page headers ---------- */
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .content-header{
  min-height:88px!important;
  margin:14px 16px 8px!important;
  padding:18px 22px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:var(--erp-v4-radius-lg)!important;
  overflow:hidden!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 15% 0%,rgba(128,237,153,.24),transparent 30%),
    radial-gradient(circle at 88% 12%,rgba(144,224,239,.2),transparent 25%),
    var(--erp-v4-hero-gradient)!important;
  box-shadow:0 16px 38px rgba(13,27,42,.17)!important;
  animation:erpV4PageIn .46s var(--erp-v4-ease) both;
}
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .content-header::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background-image:radial-gradient(rgba(255,255,255,.5) 1px,transparent 1px);
  background-size:20px 20px;
  mask-image:linear-gradient(110deg,rgba(0,0,0,.95),transparent 75%);
}
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .content-header::after{
  content:"";
  position:absolute;
  width:130px;height:130px;right:7%;top:-74px;
  border-radius:32px;transform:rotate(18deg);
  border:1px solid rgba(255,255,255,.13);
  background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.02));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 18px 45px rgba(0,0,0,.14);
  backdrop-filter:blur(10px);
}
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .content-header h1,
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .content-header h2{
  position:relative;z-index:1;
  margin:0!important;
  color:#fff!important;
  font-size:24px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:-.35px!important;
}
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .content-header h1 small,
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .content-header h2 small{
  display:block!important;
  margin-top:6px!important;
  color:rgba(255,255,255,.68)!important;
  font-size:11px!important;
  font-weight:550!important;
  letter-spacing:0!important;
}
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .content-header .breadcrumb{
  position:absolute!important;
  z-index:2!important;
  top:50%!important;
  right:20px!important;
  margin:0!important;
  padding:8px 12px!important;
  transform:translateY(-50%)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.08)!important;
  color:rgba(255,255,255,.8)!important;
  backdrop-filter:blur(8px);
}
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .content-header .breadcrumb>li,
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .content-header .breadcrumb>li>a,
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .content-header .breadcrumb>.active{
  color:rgba(255,255,255,.82)!important;
  font-size:10px!important;
}

/* ---------- Content geometry and surfaces ---------- */
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .content{
  padding:10px 16px 22px!important;
}
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .content>.row{margin-left:-6px;margin-right:-6px;}
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .content>.row>[class*="col-"]{padding-left:6px;padding-right:6px;}

html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .box,
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .panel,
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .well,
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .nav-tabs-custom,
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .modal-content,
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) [class$="-card"]:not(.btn):not(.label):not(.badge):not(i),
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) [class*="-card "]:not(.btn):not(.label):not(.badge):not(i),
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) [class$="-panel"]:not(.btn):not(i),
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) [class*="-panel "]:not(.btn):not(i){
  border:1px solid var(--erp-ui-line)!important;
  border-radius:var(--erp-v4-radius-lg)!important;
  background:var(--erp-ui-card)!important;
  color:var(--erp-ui-text)!important;
  box-shadow:var(--erp-ui-shadow)!important;
  backdrop-filter:blur(12px);
}
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .box,
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .panel,
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .nav-tabs-custom{
  position:relative;
  overflow:hidden!important;
}
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .box::before,
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .panel::before,
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .nav-tabs-custom::before{
  content:""!important;
  position:absolute!important;
  z-index:3!important;
  top:0!important;left:0!important;right:0!important;
  height:3px!important;
  display:block!important;
  background:var(--erp-v4-topline)!important;
  pointer-events:none!important;
}
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .box:hover,
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .panel:hover{
  border-color:var(--erp-ui-line-strong)!important;
  box-shadow:var(--erp-ui-shadow-hover)!important;
}
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .box-header,
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .panel-heading,
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .modal-header,
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .box-footer,
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .modal-footer{
  border-color:var(--erp-ui-line)!important;
  background:linear-gradient(135deg,rgba(0,180,216,.045),rgba(87,204,153,.045))!important;
  color:var(--erp-ui-text)!important;
}
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .box-header,
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .panel-heading{padding:13px 15px!important;}
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .box-body,
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .panel-body{padding:14px 15px!important;background:transparent!important;color:var(--erp-ui-text)!important;}
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .box-title,
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .panel-title,
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .modal-title{
  color:var(--erp-ui-text)!important;
  font-size:13px!important;
  font-weight:850!important;
  letter-spacing:.05px!important;
}

/* Dynamically added reveal class */
html[data-erp-ui="v4"] body.erp-final-ready .erp-v4-reveal{
  animation:erpV4PageIn .42s var(--erp-v4-ease) both;
  animation-delay:var(--erp-v4-delay,0ms);
}

/* ---------- Forms ---------- */
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) label,
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .control-label{
  color:var(--erp-ui-text)!important;
  font-size:11px!important;
  font-weight:780!important;
}
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .form-control,
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .select2-container--default .select2-selection--single,
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .select2-container--default .select2-selection--multiple,
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .input-group-addon,
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .bootstrap-tagsinput{
  min-height:39px!important;
  border:1px solid var(--erp-ui-line)!important;
  border-radius:var(--erp-v4-radius-sm)!important;
  background:var(--erp-ui-card-solid)!important;
  color:var(--erp-ui-text)!important;
  box-shadow:none!important;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease!important;
}
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .form-control{padding:8px 10px!important;font-size:11.5px!important;}
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) textarea.form-control{min-height:88px!important;resize:vertical;}
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .form-control:focus,
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .select2-container--focus .select2-selection,
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .select2-container--open .select2-selection{
  border-color:var(--erp-ocean-500)!important;
  box-shadow:var(--erp-ui-focus)!important;
  outline:0!important;
}
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .form-control::placeholder{color:var(--erp-ui-muted)!important;opacity:.72;}
html[data-erp-ui="v4"] .select2-dropdown,
html[data-erp-ui="v4"] .datepicker,
html[data-erp-ui="v4"] .daterangepicker,
html[data-erp-ui="v4"] .autocomplete-suggestions{
  border:1px solid var(--erp-ui-line)!important;
  border-radius:var(--erp-v4-radius-md)!important;
  background:var(--erp-ui-card-solid)!important;
  color:var(--erp-ui-text)!important;
  box-shadow:var(--erp-ui-shadow-hover)!important;
  overflow:hidden;
}
html[data-erp-ui="v4"] .select2-results__option--highlighted,
html[data-erp-ui="v4"] .select2-results__option[aria-selected="true"],
html[data-erp-ui="v4"] .autocomplete-suggestion:hover{
  background:linear-gradient(135deg,rgba(0,180,216,.13),rgba(87,204,153,.12))!important;
  color:var(--erp-ui-text)!important;
}
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .required,
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .required-star{color:var(--erp-danger)!important;}

/* ---------- Tables and DataTables ---------- */
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .table-responsive{
  border:1px solid var(--erp-ui-line)!important;
  border-radius:var(--erp-v4-radius-md)!important;
  background:var(--erp-ui-card-solid)!important;
  box-shadow:none!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch;
}
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) table.table{
  width:100%!important;
  margin:0!important;
  color:var(--erp-ui-text)!important;
  background:transparent!important;
}
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .table>thead>tr>th{
  padding:10px 9px!important;
  border-color:var(--erp-ui-line)!important;
  background:linear-gradient(135deg,rgba(0,126,167,.09),rgba(87,204,153,.08))!important;
  color:var(--erp-ui-text)!important;
  font-size:9.5px!important;
  font-weight:850!important;
  letter-spacing:.18px!important;
  white-space:nowrap;
}
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .table>tbody>tr>td,
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .table>tfoot>tr>td{
  padding:9px!important;
  border-color:var(--erp-ui-line)!important;
  background:transparent!important;
  color:var(--erp-ui-text)!important;
  font-size:10.5px!important;
  vertical-align:middle!important;
}
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .table-striped>tbody>tr:nth-of-type(odd){background:rgba(0,126,167,.025)!important;}
html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .table-hover>tbody>tr:hover{background:linear-gradient(90deg,rgba(0,180,216,.07),rgba(87,204,153,.055))!important;}
html[data-erp-ui="v4"] .dataTables_wrapper .dataTables_filter input,
html[data-erp-ui="v4"] .dataTables_wrapper .dataTables_length select{
  min-height:34px!important;
  border:1px solid var(--erp-ui-line)!important;
  border-radius:9px!important;
  background:var(--erp-ui-card-solid)!important;
  color:var(--erp-ui-text)!important;
}
html[data-erp-ui="v4"] .dataTables_wrapper .dataTables_info,
html[data-erp-ui="v4"] .dataTables_wrapper .dataTables_length,
html[data-erp-ui="v4"] .dataTables_wrapper .dataTables_filter{color:var(--erp-ui-muted)!important;font-size:10px!important;}
html[data-erp-ui="v4"] .pagination>li>a,
html[data-erp-ui="v4"] .pagination>li>span{
  margin:0 2px!important;
  border:1px solid var(--erp-ui-line)!important;
  border-radius:8px!important;
  background:var(--erp-ui-card-solid)!important;
  color:var(--erp-ui-text)!important;
}
html[data-erp-ui="v4"] .pagination>.active>a,
html[data-erp-ui="v4"] .pagination>.active>span,
html[data-erp-ui="v4"] .pagination>li>a:hover{
  border-color:transparent!important;
  background:var(--erp-v4-primary-gradient)!important;
  color:#fff!important;
}
html[data-erp-ui="v4"] .erp-empty-state-row td{
  min-height:150px!important;
  padding:46px 18px!important;
  text-align:center!important;
  color:var(--erp-ui-muted)!important;
  background:linear-gradient(135deg,rgba(0,180,216,.035),rgba(87,204,153,.035))!important;
}

/* ---------- One button language ---------- */
html[data-erp-ui="v4"] body .btn,
html[data-erp-ui="v4"] body button.btn,
html[data-erp-ui="v4"] body a.btn,
html[data-erp-ui="v4"] body .dt-button,
html[data-erp-ui="v4"] body .btn-grad{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:38px!important;
  height:auto!important;
  margin:3px!important;
  padding:9px 15px!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:11px!important;
  outline:0!important;
  color:#fff!important;
  background:var(--erp-v4-secondary-gradient)!important;
  background-size:160% 160%!important;
  box-shadow:0 9px 20px rgba(13,27,42,.17)!important;
  font-size:10.5px!important;
  font-weight:850!important;
  line-height:1.15!important;
  letter-spacing:.12px!important;
  text-transform:none!important;
  text-decoration:none!important;
  white-space:nowrap;
  transition:transform .2s var(--erp-v4-ease),box-shadow .2s ease,filter .2s ease,background-position .35s ease!important;
  isolation:isolate;
}
html[data-erp-ui="v4"] body .btn::after,
html[data-erp-ui="v4"] body .dt-button::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:-40%;bottom:-40%;left:-32%;width:28%;
  transform:translateX(-150%) skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);
  pointer-events:none;
}
html[data-erp-ui="v4"] body .btn:hover,
html[data-erp-ui="v4"] body .btn:focus,
html[data-erp-ui="v4"] body .dt-button:hover,
html[data-erp-ui="v4"] body .dt-button:focus{
  color:#fff!important;
  transform:translateY(-2px)!important;
  filter:saturate(1.06)!important;
  box-shadow:0 14px 28px rgba(13,27,42,.22)!important;
  background-position:100% 50%!important;
}
html[data-erp-ui="v4"] body .btn:hover::after,
html[data-erp-ui="v4"] body .btn:focus::after,
html[data-erp-ui="v4"] body .dt-button:hover::after{animation:erpV4Sheen .72s ease both;}
html[data-erp-ui="v4"] body .btn:active{transform:translateY(0)!important;box-shadow:0 6px 14px rgba(13,27,42,.16)!important;}
html[data-erp-ui="v4"] body .btn i,
html[data-erp-ui="v4"] body .dt-button i{font-size:11px!important;}

html[data-erp-ui="v4"] body .btn-primary,
html[data-erp-ui="v4"] body .btn-success,
html[data-erp-ui="v4"] body .btn-info,
html[data-erp-ui="v4"] body .erp-action-primary,
html[data-erp-ui="v4"] body .erp-action-save,
html[data-erp-ui="v4"] body .erp-action-add,
html[data-erp-ui="v4"] body .erp-action-submit,
html[data-erp-ui="v4"] body .erp-action-pay,
html[data-erp-ui="v4"] body .customer-save-btn,
html[data-erp-ui="v4"] body .supplier-save-btn,
html[data-erp-ui="v4"] body .btn-grad-save{
  background:var(--erp-v4-primary-gradient)!important;
}
html[data-erp-ui="v4"] body .btn-default,
html[data-erp-ui="v4"] body .erp-action-neutral,
html[data-erp-ui="v4"] body .erp-action-back,
html[data-erp-ui="v4"] body .erp-action-utility,
html[data-erp-ui="v4"] body .erp-action-print,
html[data-erp-ui="v4"] body .erp-action-export,
html[data-erp-ui="v4"] body .erp-action-filter,
html[data-erp-ui="v4"] body .btn-grad-back{
  background:var(--erp-v4-secondary-gradient)!important;
}
html[data-erp-ui="v4"] body .btn-danger,
html[data-erp-ui="v4"] body .erp-action-danger,
html[data-erp-ui="v4"] body .erp-action-delete,
html[data-erp-ui="v4"] body .erp-action-cancel,
html[data-erp-ui="v4"] body .btn-grad-cancel{
  background:var(--erp-v4-danger-gradient)!important;
}
html[data-erp-ui="v4"] body .btn-warning,
html[data-erp-ui="v4"] body .erp-action-warning{background:var(--erp-v4-warning-gradient)!important;}
html[data-erp-ui="v4"] body .btn[disabled],
html[data-erp-ui="v4"] body .btn.disabled{opacity:.56!important;filter:grayscale(.25)!important;transform:none!important;box-shadow:none!important;cursor:not-allowed!important;}
html[data-erp-ui="v4"] body .btn-xs{min-height:29px!important;padding:6px 9px!important;border-radius:8px!important;font-size:9px!important;}
html[data-erp-ui="v4"] body .btn-sm{min-height:33px!important;padding:7px 11px!important;border-radius:9px!important;font-size:9.5px!important;}
html[data-erp-ui="v4"] body .btn-lg{min-height:45px!important;padding:12px 20px!important;border-radius:13px!important;font-size:12px!important;}
html[data-erp-ui="v4"] body .btn-box-tool,
html[data-erp-ui="v4"] body .close,
html[data-erp-ui="v4"] body .sidebar-toggle,
html[data-erp-ui="v4"] body .dropdown-toggle.erp-header-chip,
html[data-erp-ui="v4"] body .dropdown-toggle.erp-mode-toggle{
  margin:0!important;
  box-shadow:none!important;
}

/* ---------- Tabs, alerts, modals and notifications ---------- */
html[data-erp-ui="v4"] .nav-tabs{border-color:var(--erp-ui-line)!important;}
html[data-erp-ui="v4"] .nav-tabs>li>a{border-radius:10px 10px 0 0!important;color:var(--erp-ui-muted)!important;font-size:10.5px!important;font-weight:750!important;}
html[data-erp-ui="v4"] .nav-tabs>li.active>a,
html[data-erp-ui="v4"] .nav-tabs>li>a:hover{border-color:var(--erp-ui-line)!important;background:linear-gradient(135deg,rgba(0,180,216,.1),rgba(87,204,153,.09))!important;color:var(--erp-ui-primary)!important;}
html[data-erp-ui="v4"] .alert{border:1px solid var(--erp-ui-line)!important;border-radius:12px!important;box-shadow:var(--erp-ui-shadow)!important;}
html[data-erp-ui="v4"] .modal{padding-right:0!important;}
html[data-erp-ui="v4"] .modal-dialog{max-width:calc(100vw - 24px);}
html[data-erp-ui="v4"] .modal-backdrop.in{opacity:.62!important;backdrop-filter:blur(2px);}
html[data-erp-ui="v4"] .swal-modal,
html[data-erp-ui="v4"] .sweet-alert,
html[data-erp-ui="v4"] #toast-container>div{
  border:1px solid var(--erp-ui-line)!important;
  border-radius:15px!important;
  background:var(--erp-ui-card-solid)!important;
  color:var(--erp-ui-text)!important;
  box-shadow:var(--erp-ui-shadow-hover)!important;
}
html[data-erp-ui="v4"] .swal-title,
html[data-erp-ui="v4"] .swal-text{color:var(--erp-ui-text)!important;}

/* ---------- Customer page alignment with the shared palette ---------- */
html[data-erp-ui="v4"] body.customer-entry-page .content-wrapper{
  background:
    radial-gradient(circle at 7% 8%,rgba(0,180,216,.13),transparent 28%),
    radial-gradient(circle at 91% 14%,rgba(87,204,153,.13),transparent 24%),
    linear-gradient(180deg,var(--erp-ui-page-2) 0%,var(--erp-ui-page) 58%,var(--erp-ui-page-2) 100%)!important;
}
html[data-erp-ui="v4"] body.customer-entry-page .customer-hero{
  background:
    radial-gradient(circle at 18% 12%,rgba(87,204,153,.27),transparent 28%),
    radial-gradient(circle at 84% 18%,rgba(144,224,239,.2),transparent 26%),
    var(--erp-v4-hero-gradient)!important;
}
html[data-erp-ui="v4"] body.customer-entry-page .customer-field,
html[data-erp-ui="v4"] body.customer-entry-page .customer-address-panel{
  border-color:var(--erp-ui-line)!important;
  background:var(--erp-ui-card-solid)!important;
  color:var(--erp-ui-text)!important;
}
html[data-erp-ui="v4"] body.customer-entry-page .customer-field label,
html[data-erp-ui="v4"] body.customer-entry-page .customer-profile-caption{color:var(--erp-ui-text)!important;}
html[data-erp-ui="v4"] body.customer-entry-page .customer-field label .fa,
html[data-erp-ui="v4"] body.customer-entry-page .customer-section-label i{
  color:#fff!important;
  background:var(--erp-v4-primary-gradient)!important;
}
html[data-erp-ui="v4"] body.customer-entry-page .customer-form-card{border-color:var(--erp-ui-line)!important;background:var(--erp-ui-card)!important;box-shadow:var(--erp-ui-shadow-hover)!important;}

/* ---------- Login / recovery pages ---------- */
html[data-erp-ui="v4"] body.erp-modern-login,
html[data-erp-ui="v4"] body.erp-modern-login.login-page{background:var(--erp-deep-950)!important;color:var(--erp-ui-text)!important;}
html[data-erp-ui="v4"] body.erp-modern-login .animated-bg{
  background:
    radial-gradient(circle at 8% 7%,rgba(0,180,216,.28),transparent 30%),
    radial-gradient(circle at 92% 15%,rgba(87,204,153,.26),transparent 28%),
    radial-gradient(circle at 62% 92%,rgba(0,119,182,.22),transparent 30%),
    linear-gradient(135deg,#06111d 0%,var(--erp-deep-950) 42%,var(--erp-marine-950) 72%,#0e563f 120%)!important;
}
html[data-erp-ui="v4"] body.erp-modern-login .shape-1{background:rgba(0,180,216,.29)!important;}
html[data-erp-ui="v4"] body.erp-modern-login .shape-2{background:rgba(87,204,153,.27)!important;}
html[data-erp-ui="v4"] body.erp-modern-login .shape-3{background:rgba(0,126,167,.24)!important;}
html[data-erp-ui="v4"] body.erp-modern-login .shape-4{background:rgba(128,237,153,.2)!important;}
html[data-erp-ui="v4"] body.erp-modern-login .erp-login-container{
  border-color:rgba(173,232,244,.15)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.045))!important;
  box-shadow:0 32px 90px rgba(0,0,0,.43)!important;
}
html[data-erp-ui="v4"] body.erp-modern-login .erp-login-card{
  border:1px solid var(--erp-ui-line)!important;
  background:var(--erp-ui-card-solid)!important;
  color:var(--erp-ui-text)!important;
  box-shadow:var(--erp-ui-shadow-hover)!important;
}
html[data-erp-ui="v4"] body.erp-modern-login .erp-login-heading h2,
html[data-erp-ui="v4"] body.erp-modern-login .erp-input-group label{color:var(--erp-ui-text)!important;}
html[data-erp-ui="v4"] body.erp-modern-login .erp-login-heading p,
html[data-erp-ui="v4"] body.erp-modern-login .erp-version{color:var(--erp-ui-muted)!important;}
html[data-erp-ui="v4"] body.erp-modern-login .erp-input-box .form-control{
  border-color:var(--erp-ui-line)!important;
  background:var(--erp-ui-card-soft)!important;
  color:var(--erp-ui-text)!important;
}
html[data-erp-ui="v4"] body.erp-modern-login .erp-badge,
html[data-erp-ui="v4"] body.erp-modern-login .erp-feature-item i{
  color:var(--erp-cool-100)!important;
  background:linear-gradient(135deg,rgba(0,180,216,.18),rgba(87,204,153,.18))!important;
  border-color:rgba(173,232,244,.18)!important;
}
html[data-erp-ui="v4"] body.erp-modern-login .erp-login-btn{background:var(--erp-v4-primary-gradient)!important;}

/* ---------- Dark-mode catch-up ---------- */
html[data-erp-ui="v4"][data-erp-theme="dark"] body.hold-transition:not(.login-page) .content-wrapper,
html[data-erp-ui="v4"][data-erp-theme="dark"] body.hold-transition:not(.login-page) .content-wrapper .box-body,
html[data-erp-ui="v4"][data-erp-theme="dark"] body.hold-transition:not(.login-page) .content-wrapper .panel-body,
html[data-erp-ui="v4"][data-erp-theme="dark"] body.hold-transition:not(.login-page) .content-wrapper .modal-body,
html[data-erp-ui="v4"][data-erp-theme="dark"] body.hold-transition:not(.login-page) .content-wrapper [style*="background: white"],
html[data-erp-ui="v4"][data-erp-theme="dark"] body.hold-transition:not(.login-page) .content-wrapper [style*="background:#fff"],
html[data-erp-ui="v4"][data-erp-theme="dark"] body.hold-transition:not(.login-page) .content-wrapper [style*="background: #fff"],
html[data-erp-ui="v4"][data-erp-theme="dark"] body.hold-transition:not(.login-page) .content-wrapper [style*="background-color: white"],
html[data-erp-ui="v4"][data-erp-theme="dark"] body.hold-transition:not(.login-page) .content-wrapper [style*="background-color:#fff"]{
  color:var(--erp-ui-text)!important;
}
html[data-erp-ui="v4"][data-erp-theme="dark"] body.hold-transition:not(.login-page) .content-wrapper [style*="background: white"],
html[data-erp-ui="v4"][data-erp-theme="dark"] body.hold-transition:not(.login-page) .content-wrapper [style*="background:#fff"],
html[data-erp-ui="v4"][data-erp-theme="dark"] body.hold-transition:not(.login-page) .content-wrapper [style*="background: #fff"],
html[data-erp-ui="v4"][data-erp-theme="dark"] body.hold-transition:not(.login-page) .content-wrapper [style*="background-color: white"],
html[data-erp-ui="v4"][data-erp-theme="dark"] body.hold-transition:not(.login-page) .content-wrapper [style*="background-color:#fff"]{
  background:var(--erp-ui-card-solid)!important;
  border-color:var(--erp-ui-line)!important;
}
html[data-erp-ui="v4"][data-erp-theme="dark"] body.hold-transition:not(.login-page) .content-wrapper a:not(.btn):not(.label):not(.badge){color:var(--erp-ocean-300)!important;}
html[data-erp-ui="v4"][data-erp-theme="dark"] .main-footer{border-color:var(--erp-ui-line)!important;background:var(--erp-ui-card-solid)!important;color:var(--erp-ui-muted)!important;}

/* ---------- Accessibility ---------- */
html[data-erp-ui="v4"] a:focus-visible,
html[data-erp-ui="v4"] button:focus-visible,
html[data-erp-ui="v4"] input:focus-visible,
html[data-erp-ui="v4"] select:focus-visible,
html[data-erp-ui="v4"] textarea:focus-visible,
html[data-erp-ui="v4"] [tabindex]:focus-visible{
  outline:2px solid var(--erp-ocean-400)!important;
  outline-offset:2px!important;
}
html[data-erp-ui="v4"] .sr-only-focusable:focus{position:fixed!important;top:8px;left:8px;z-index:99999;width:auto;height:auto;padding:8px 12px;background:#fff;color:#111;clip:auto;}

/* ---------- Responsive behavior ---------- */
@media(min-width:768px){
  html[data-erp-ui="v4"] body.sidebar-mini:not(.sidebar-collapse) .content-wrapper,
  html[data-erp-ui="v4"] body.sidebar-mini:not(.sidebar-collapse) .main-footer{margin-left:var(--erp-shell-sidebar)!important;}
  html[data-erp-ui="v4"] body.sidebar-mini:not(.sidebar-collapse) .main-header .navbar{margin-left:var(--erp-shell-sidebar)!important;}
  html[data-erp-ui="v4"] body.sidebar-mini:not(.sidebar-collapse) .main-header .logo,
  html[data-erp-ui="v4"] body.sidebar-mini:not(.sidebar-collapse) .main-sidebar{width:var(--erp-shell-sidebar)!important;}
}

@media(max-width:991px){
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .content-header .breadcrumb{
    position:relative!important;top:auto!important;right:auto!important;display:inline-flex!important;margin-top:11px!important;transform:none!important;
  }
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .content-header{min-height:104px!important;}
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) [class*="-grid-row"],
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) [class*="-filter-grid"],
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) [class*="-metrics-grid"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

@media(max-width:767px){
  :root{--erp-shell-header:44px;}
  html[data-erp-ui="v4"] .erp-chip-label,
  html[data-erp-ui="v4"] .erp-mode-state{display:none!important;}
  html[data-erp-ui="v4"] .erp-header-chip,
  html[data-erp-ui="v4"] .erp-mode-toggle{padding:0 10px!important;}
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .content-wrapper::before,
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .content-wrapper::after{width:210px;height:210px;opacity:.38;}
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .content-header{
    min-height:0!important;
    margin:8px 9px 6px!important;
    padding:15px 16px!important;
    border-radius:15px!important;
  }
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .content-header h1,
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .content-header h2{font-size:19px!important;}
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .content{padding:7px 9px 16px!important;}
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .box,
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .panel,
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .nav-tabs-custom,
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .modal-content{border-radius:14px!important;}
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .box-header,
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .box-body,
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .box-footer,
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .panel-heading,
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .panel-body{padding:11px!important;}
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) [class*="-grid-row"],
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) [class*="-filter-grid"],
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) [class*="-metrics-grid"],
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) [class*="-address-wrap"],
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) [class*="-title-row"]{grid-template-columns:1fr!important;}
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .box-footer,
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) [class*="-form-actions"],
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) [class*="-action-bar"]{display:flex!important;flex-wrap:wrap!important;gap:5px!important;}
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) [class*="-form-actions"]>.btn,
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) [class*="-form-actions"]>a.btn,
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .box-footer>.btn{flex:1 1 150px!important;margin:2px!important;}
  html[data-erp-ui="v4"] .dataTables_wrapper .dataTables_length,
  html[data-erp-ui="v4"] .dataTables_wrapper .dataTables_filter,
  html[data-erp-ui="v4"] .dataTables_wrapper .dataTables_info,
  html[data-erp-ui="v4"] .dataTables_wrapper .dataTables_paginate{float:none!important;width:100%!important;margin:7px 0!important;text-align:left!important;}
  html[data-erp-ui="v4"] .dataTables_wrapper .dataTables_filter input{width:calc(100% - 62px)!important;}
  html[data-erp-ui="v4"] .modal-dialog{margin:10px auto!important;width:calc(100% - 18px)!important;}
  html[data-erp-ui="v4"] body.erp-modern-login .erp-login-page{padding:14px 9px!important;}
  html[data-erp-ui="v4"] body.erp-modern-login .erp-login-container{border-radius:20px!important;}
  html[data-erp-ui="v4"] body.erp-modern-login .erp-login-card{border-radius:18px!important;padding:25px 20px!important;}
}

@media(max-width:480px){
  html[data-erp-ui="v4"] .erp-mode-toggle .erp-mode-label{display:none!important;}
  html[data-erp-ui="v4"] .erp-language-menu{right:-52px!important;}
  html[data-erp-ui="v4"] .erp-theme-menu{right:-3px!important;width:205px!important;min-width:205px!important;}
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .content-header::after{display:none;}
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) [class*="-grid-row"],
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) [class*="-filter-grid"],
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) [class*="-metrics-grid"]{grid-template-columns:1fr!important;}
}

@media(max-height:720px) and (min-width:768px){
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .content-header{min-height:72px!important;margin-top:8px!important;padding:13px 18px!important;}
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .content-header h1{font-size:20px!important;}
  html[data-erp-ui="v4"] body.hold-transition:not(.login-page) .content{padding-top:6px!important;}
}

@media(prefers-reduced-motion:reduce){
  html[data-erp-ui="v4"] *,
  html[data-erp-ui="v4"] *::before,
  html[data-erp-ui="v4"] *::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
    scroll-behavior:auto!important;
  }
}

@media print{
  html[data-erp-ui="v4"] body,
  html[data-erp-ui="v4"] .content-wrapper{background:#fff!important;color:#000!important;}
  html[data-erp-ui="v4"] .content-wrapper::before,
  html[data-erp-ui="v4"] .content-wrapper::after,
  html[data-erp-ui="v4"] .content-header::before,
  html[data-erp-ui="v4"] .content-header::after{display:none!important;}
  html[data-erp-ui="v4"] .box,
  html[data-erp-ui="v4"] .panel,
  html[data-erp-ui="v4"] .table-responsive{box-shadow:none!important;background:#fff!important;backdrop-filter:none!important;}
}

/* Compact utility controls must not inherit the full action-button treatment. */
html[data-erp-ui="v4"] body .btn-box-tool,
html[data-erp-ui="v4"] body .btn-link,
html[data-erp-ui="v4"] body .navbar-btn,
html[data-erp-ui="v4"] body .close{
  min-width:0!important;
  width:auto!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:5px 7px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  background-image:none!important;
  color:var(--erp-ui-muted)!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}
html[data-erp-ui="v4"] body .btn-box-tool:hover,
html[data-erp-ui="v4"] body .btn-link:hover,
html[data-erp-ui="v4"] body .navbar-btn:hover,
html[data-erp-ui="v4"] body .close:hover{
  background:rgba(0,180,216,.09)!important;
  color:var(--erp-ui-primary)!important;
  box-shadow:none!important;
  transform:none!important;
}
html[data-erp-ui="v4"] body .btn-box-tool::after,
html[data-erp-ui="v4"] body .btn-link::after,
html[data-erp-ui="v4"] body .navbar-btn::after,
html[data-erp-ui="v4"] body .close::after{display:none!important;}