:root{
  --primary:#123d8b !important;
  --primary-dark:#091f4a !important;
  --secondary:#1e63ff !important;
  --accent:#55a3ff !important;
  --accent-soft:#eaf2ff !important;
  --success:#1976d2 !important;
  --danger:#da4b53 !important;
  --warning:#f0b44c !important;
  --light-bg:#f4f8ff !important;
  --border:#d8e3f5 !important;
  --text:#132238 !important;
  --muted:#5f7294 !important;
  --card:#ffffff !important;
  --bg:#f4f8ff !important;
  --line:#d8e3f5 !important;
  --green:#123d8b !important;
  --green-dark:#091f4a !important;
  --green-2:#1e63ff !important;
  --gold:#55a3ff !important;
  --g:#123d8b !important;
  --gd:#091f4a !important;
  --txt:#132238 !important;
  --mut:#5f7294 !important;
}
html{scroll-behavior:smooth}
body{
  background:linear-gradient(180deg,#f7faff 0%,#eef4ff 100%) !important;
  color:var(--text) !important;
  font-family:Inter,Segoe UI,Arial,sans-serif !important;
}
*{scrollbar-width:thin;scrollbar-color:#9bb6e8 #eef4ff}
::-webkit-scrollbar{height:10px;width:10px}
::-webkit-scrollbar-track{background:#eef4ff}
::-webkit-scrollbar-thumb{background:#9bb6e8;border-radius:999px;border:2px solid #eef4ff}
a{color:var(--primary)}
#sidebar,.topbar,.top,.header,.hero,.login-brand{
  background:linear-gradient(135deg,var(--primary-dark),var(--primary)) !important;
  color:#fff !important;
  border-color:rgba(85,163,255,.35) !important;
  box-shadow:0 14px 35px rgba(9,31,74,.18) !important;
}
.hero,.page .hero,.wrap .hero{
  border:1px solid rgba(85,163,255,.18) !important;
}
.brand-inline,.brand,.company-header,.brand-mark{color:#8ec5ff !important}
.status-pill,.badge,#erpStatus{
  background:rgba(255,255,255,.12) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.24) !important;
  backdrop-filter: blur(10px);
}
.flow,.group,.form-section,.summary-section,.tbl,.kpi,.item-table-container,.data-table-container,.hero,
.orders-view,.container,.card,.erp-card,.login-shell,.login-card,.wrap section,.filters,
.page-section,.master-layout,.list-layout,.editor-panel,.preview-panel,.upload-panel,.tech-card{
  border-radius:18px !important;
}
.wrap section,.form-section,.summary-section,.orders-view,.tbl,.kpi,.item-table-container,.data-table-container,
.page .hero,.filters,.query-bar,.group .grid+.grid,.page-block,.tech-card,.upload-panel,.editor-panel,.preview-panel{
  box-shadow:0 14px 34px rgba(18,61,139,.08) !important;
}
.form-section,.summary-section,.orders-view,.tbl,.kpi,.item-table-container,.data-table-container,.card,.erp-card,
.query-bar,.filters,.login-card,.login-shell,.wrap section,.page-block,.tech-card,.upload-panel,.editor-panel,.preview-panel,
.table-shell,.search-panel,.list-card,.stat-card{
  background:#fff !important;
  border:1px solid var(--border) !important;
}
.section-title,.group h2,.hero h1,.login-card h2,.wrap h1,.wrap h2,.page h1,.page h2{
  color:var(--primary-dark) !important;
}
.group h2,.section-title{
  border-bottom:2px solid #cfe0ff !important;
  padding-bottom:10px !important;
  margin-bottom:16px !important;
}
.card,.erp-card{
  border:1px solid var(--border) !important;
  box-shadow:0 12px 24px rgba(18,61,139,.06) !important;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}
.card:hover,.erp-card:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 22px 36px rgba(18,61,139,.12) !important;
  border-color:#8fb9ff !important;
}
.card b,.erp-card h3,.erp-card b,.kpi b,.summary-total,.size-count,.top b{color:var(--primary-dark) !important}
.card span,.erp-card p,.muted,.msg,.form-note,.query-help,.helper-text{color:var(--muted) !important}
input,select,textarea,.query-input{
  border:1px solid var(--border) !important;
  border-radius:12px !important;
  background:#fbfdff !important;
  color:var(--text) !important;
  min-height:44px;
  padding:10px 12px !important;
  box-shadow:none !important;
}
textarea{min-height:110px}
input[readonly],select[disabled],textarea[readonly]{background:#edf3ff !important;color:#3f5377 !important}
input:focus,select:focus,textarea:focus,.query-input:focus{
  outline:none !important;
  border-color:#6ea8ff !important;
  box-shadow:0 0 0 4px rgba(30,99,255,.12) !important;
  background:#fff !important;
}
button,.btn,.btn-primary,.btn-success,.btn-warning,.btn-danger,.btn-small,.logout,.add-btn{
  border:none !important;
  border-radius:12px !important;
  min-height:42px;
  font-weight:700 !important;
  letter-spacing:.1px;
  box-shadow:0 10px 18px rgba(18,61,139,.10);
}
button:hover,.btn:hover,.logout:hover,.add-btn:hover{transform:translateY(-1px)}
.btn-primary,.btn-success,.btn-edit,.top button.primary,.button-primary,.save-btn,.submit-btn,.action-primary{
  background:linear-gradient(135deg,var(--primary),var(--secondary)) !important;color:#fff !important;
}
.btn-warning,.action-secondary,.filter-btn,.print-btn{
  background:#e9f1ff !important;color:var(--primary-dark) !important;border:1px solid #cfe0ff !important;
}
.btn-danger,.btn-delete,.remove-btn,.delete-btn,.action-danger{
  background:linear-gradient(135deg,#dc4b56,#c73845) !important;color:#fff !important;
}
.top a,.top .logout,#sidebar a,.nav-link,.menu a{
  border-radius:12px !important;
}
#sidebar a,.nav-link,.top a[href],.logout,.top button,.menu a{
  background:rgba(255,255,255,.08) !important;
  color:#f3f8ff !important;
  border:1px solid rgba(255,255,255,.18) !important;
}
#sidebar a:hover,#sidebar a.active,.nav-link:hover,.nav-link.active,.top a[href]:hover{
  background:rgba(255,255,255,.18) !important;
  color:#fff !important;
}
table{border-collapse:separate;border-spacing:0}
.item-table,.data-table,.order-table,table{
  background:#fff !important;
}
.item-table th,.data-table th,thead th,.order-table th,table th{
  background:linear-gradient(135deg,var(--primary-dark),var(--primary)) !important;
  color:#fff !important;
  border-color:#234f9d !important;
}
.item-table td,.data-table td,.order-table td,table td{
  border-color:#dde7f6 !important;
}
.item-table tbody tr:nth-child(even),.data-table tbody tr:nth-child(even),table tbody tr:nth-child(even){
  background:#f9fbff !important;
}
.item-table tbody tr:hover,.data-table tbody tr:hover,table tbody tr:hover{background:#eef4ff !important}
.total-cell,.total-row,.summary-section,.kpi,.stat-card{background:#f7faff !important}
.message.info,.msg.show,.alert-info{
  background:#edf4ff !important;
  color:#2452a3 !important;
  border:1px solid #d5e6ff !important;
}
.message.error,.alert-danger{
  background:#fff2f3 !important;
  color:#b73a44 !important;
  border:1px solid #ffc9cf !important;
}
.brand-mark{border-color:rgba(255,255,255,.18) !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.home-insight-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:14px}
.insight-card{
  background:linear-gradient(145deg,#0e2b66,#123d8b) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:18px !important;
  padding:20px !important;
  box-shadow:0 18px 34px rgba(9,31,74,.18) !important;
}
.insight-card h3,.insight-card b{color:#fff !important;margin:0 0 8px !important}
.insight-card p,.insight-card li,.insight-card small{color:#d8e6ff !important}
.insight-card ul{margin:12px 0 0 18px;padding:0}
.insight-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.insight-actions a{
  text-decoration:none;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.18);
  color:#fff;background:rgba(255,255,255,.08);font-weight:700;
}
.quick-actions-dock{
  position:fixed;right:18px;bottom:18px;z-index:9999;display:flex;flex-direction:column;gap:10px
}
.quick-actions-dock a{
  display:flex;align-items:center;justify-content:center;gap:8px;min-width:148px;padding:12px 14px;
  border-radius:14px;text-decoration:none;font-weight:800;color:#fff;
  background:linear-gradient(135deg,var(--primary-dark),var(--primary));
  box-shadow:0 14px 30px rgba(9,31,74,.22);border:1px solid rgba(255,255,255,.1)
}
.quick-actions-dock a.secondary{background:linear-gradient(135deg,#0f376f,#1f6dff)}
.quick-actions-dock a span{font-size:18px}
.mobile-stack,.query-bar,.button-group,.top-actions{gap:12px !important}
@media(max-width:1100px){
  .grid,.card-grid,.home-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media(max-width:840px){
  #sidebar,.top{padding:12px 14px !important}
  #sidebar ul{flex-wrap:wrap !important}
  .hero{padding:18px !important;flex-direction:column !important;align-items:flex-start !important}
  .quick-actions-dock{right:12px;bottom:12px}
  .quick-actions-dock a{min-width:120px;padding:10px 12px;font-size:13px}
}
@media(max-width:640px){
  .grid,.card-grid,.home-insight-grid,.filters,.kpis{grid-template-columns:1fr !important}
  .page,.wrap{width:min(100%,calc(100% - 14px)) !important}
  .form-section,.orders-view,.summary-section,.hero{padding:14px !important}
  #sidebar ul{width:100% !important}
  #sidebar li{flex:1 1 calc(50% - 6px)}
  #sidebar a{min-width:0 !important;width:100% !important}
  .company-header,.brand{font-size:14px !important;white-space:normal !important}
  .top,.topbar{height:auto !important}
  .quick-actions-dock{left:12px;right:12px}
  .quick-actions-dock a{min-width:0;width:100%}
}


/* ==========================================================
   SMAG ERP V4 - PREMIUM NAVIGATION + DARK/LIGHT MODE
   ========================================================== */
html{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark}

/* Premium shell/navigation */
.sidebar{
  background:linear-gradient(180deg,#071a3d 0%,#0a2b66 55%,#123d8b 100%) !important;
  border-right:1px solid rgba(255,255,255,.08) !important;
  box-shadow:10px 0 30px rgba(9,31,74,.12) !important;
}
.sidebar-header{
  background:rgba(255,255,255,.045) !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
}
.sidebar-header h2{color:#fff !important;letter-spacing:-.01em}
.nav-tab{
  min-height:54px !important;
  border-left:3px solid transparent !important;
  border-radius:0 14px 14px 0 !important;
  margin:4px 10px 4px 0 !important;
  color:#dbe8ff !important;
  background:transparent !important;
  box-shadow:none !important;
}
.nav-tab:hover{
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
  border-left-color:#69a7ff !important;
}
.nav-tab.active{
  background:linear-gradient(90deg,rgba(30,99,255,.28),rgba(85,163,255,.10)) !important;
  color:#fff !important;
  border-left-color:#6aabff !important;
}
.nav-tab > i.fas{display:none !important}

#sidebar{
  background:linear-gradient(90deg,#071a3d,#0b2c68 55%,#123d8b) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}
#sidebar a{
  min-height:44px !important;
  padding:10px 14px !important;
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.11) !important;
  color:#e8f1ff !important;
  backdrop-filter:blur(12px);
}
#sidebar a:hover,#sidebar a.active{
  background:linear-gradient(135deg,rgba(30,99,255,.42),rgba(85,163,255,.20)) !important;
  border-color:rgba(123,181,255,.5) !important;
  color:#fff !important;
  box-shadow:0 8px 22px rgba(0,0,0,.16) !important;
}
.company-header{color:#fff !important;letter-spacing:.06em !important}

.erp-menu-icon{
  width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:9px;flex:0 0 30px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);
  color:currentColor;
}
.erp-menu-icon svg{width:16px;height:16px;display:block;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.card-icon,.erp-card-icon{
  width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  margin-bottom:14px;color:#1e63ff;background:linear-gradient(145deg,#eef5ff,#dceaff);
  border:1px solid #cfe0ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)
}
.card-icon svg,.erp-card-icon svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.card.has-premium-icon,.erp-card.has-premium-icon{position:relative;overflow:hidden}
.card.has-premium-icon:after,.erp-card.has-premium-icon:after{
  content:"";position:absolute;right:-30px;top:-30px;width:100px;height:100px;border-radius:50%;
  background:radial-gradient(circle,rgba(30,99,255,.10),transparent 66%);pointer-events:none
}

/* Page header polish */
.header,.top,.topbar,.hero{
  position:relative;overflow:hidden;
}
.header:after,.top:after,.topbar:after,.hero:after{
  content:"";position:absolute;right:-80px;top:-100px;width:270px;height:270px;border-radius:50%;
  background:radial-gradient(circle,rgba(120,181,255,.16),transparent 70%);pointer-events:none
}

/* Theme toggle */
.erp-theme-toggle{
  width:42px;height:42px;min-height:42px !important;padding:0 !important;
  display:inline-flex !important;align-items:center;justify-content:center;flex:0 0 42px;
  border-radius:12px !important;background:rgba(255,255,255,.09) !important;
  border:1px solid rgba(255,255,255,.18) !important;color:#fff !important;
  box-shadow:none !important;cursor:pointer;position:relative;z-index:3
}
.erp-theme-toggle:hover{background:rgba(255,255,255,.17) !important;transform:translateY(-1px)}
.erp-theme-toggle svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.erp-floating-theme{
  position:fixed !important;right:18px;top:18px;z-index:10020 !important;
  background:linear-gradient(135deg,#0b2c68,#1e63ff) !important;
  border-color:rgba(255,255,255,.22) !important;
  box-shadow:0 12px 28px rgba(9,31,74,.24) !important
}

/* Light mode surfaces */
.main,.content,.form-body,.form-container,.table-wrap,.toolbar,.section.active{
  transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
.form-container,.table-wrap,.form-body,.content{color:var(--text)}
.form-header{background:linear-gradient(135deg,#0b2c68,#1e63ff) !important;color:#fff !important}
.chip{background:#eef4ff !important;color:#274c87 !important;border:1px solid #d7e5fb}

/* Dark theme */
html[data-theme="dark"] body{
  background:linear-gradient(180deg,#07111f 0%,#091728 100%) !important;
  color:#e8eef8 !important;
}
html[data-theme="dark"] .main,
html[data-theme="dark"] .content,
html[data-theme="dark"] .page,
html[data-theme="dark"] .wrap{
  color:#e8eef8 !important;
}
html[data-theme="dark"] .form-section,
html[data-theme="dark"] .summary-section,
html[data-theme="dark"] .orders-view,
html[data-theme="dark"] .tbl,
html[data-theme="dark"] .kpi,
html[data-theme="dark"] .item-table-container,
html[data-theme="dark"] .data-table-container,
html[data-theme="dark"] .card,
html[data-theme="dark"] .erp-card,
html[data-theme="dark"] .query-bar,
html[data-theme="dark"] .filters,
html[data-theme="dark"] .login-card,
html[data-theme="dark"] .login-shell,
html[data-theme="dark"] .wrap section,
html[data-theme="dark"] .page-block,
html[data-theme="dark"] .tech-card,
html[data-theme="dark"] .upload-panel,
html[data-theme="dark"] .editor-panel,
html[data-theme="dark"] .preview-panel,
html[data-theme="dark"] .table-shell,
html[data-theme="dark"] .search-panel,
html[data-theme="dark"] .list-card,
html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .form-container,
html[data-theme="dark"] .form-body,
html[data-theme="dark"] .table-wrap,
html[data-theme="dark"] .header:not(.login-brand):not(.hero){
  background:#0d1b2e !important;
  color:#e8eef8 !important;
  border-color:#203552 !important;
  box-shadow:0 14px 36px rgba(0,0,0,.20) !important;
}
html[data-theme="dark"] .header h1,
html[data-theme="dark"] .section-title,
html[data-theme="dark"] .group h2,
html[data-theme="dark"] .card b,
html[data-theme="dark"] .erp-card h3,
html[data-theme="dark"] .erp-card b,
html[data-theme="dark"] .kpi b,
html[data-theme="dark"] .summary-total,
html[data-theme="dark"] .size-count,
html[data-theme="dark"] .form-group label,
html[data-theme="dark"] label{
  color:#e9f1ff !important;
}
html[data-theme="dark"] .card span,
html[data-theme="dark"] .erp-card p,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .form-note,
html[data-theme="dark"] .helper-text,
html[data-theme="dark"] .address{
  color:#9fb1cc !important;
}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .query-input,
html[data-theme="dark"] .form-control{
  background:#0a1627 !important;
  color:#edf4ff !important;
  border-color:#29415f !important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#7186a4 !important}
html[data-theme="dark"] input[readonly],
html[data-theme="dark"] select[disabled],
html[data-theme="dark"] textarea[readonly]{
  background:#111f33 !important;color:#9fb1cc !important;border-color:#29415f !important
}
html[data-theme="dark"] .item-table,
html[data-theme="dark"] .data-table,
html[data-theme="dark"] .order-table,
html[data-theme="dark"] table{background:#0d1b2e !important;color:#e6edf8 !important}
html[data-theme="dark"] .item-table td,
html[data-theme="dark"] .data-table td,
html[data-theme="dark"] .order-table td,
html[data-theme="dark"] table td{border-color:#233957 !important;color:#dfe9f8 !important}
html[data-theme="dark"] .item-table tbody tr:nth-child(even),
html[data-theme="dark"] .data-table tbody tr:nth-child(even),
html[data-theme="dark"] table tbody tr:nth-child(even){background:#101f34 !important}
html[data-theme="dark"] .item-table tbody tr:hover,
html[data-theme="dark"] .data-table tbody tr:hover,
html[data-theme="dark"] table tbody tr:hover{background:#132844 !important}
html[data-theme="dark"] .total-cell,
html[data-theme="dark"] .total-row,
html[data-theme="dark"] .summary-section,
html[data-theme="dark"] .kpi,
html[data-theme="dark"] .stat-card{background:#101f34 !important}
html[data-theme="dark"] .chip{background:#132844 !important;color:#c9ddff !important;border-color:#29415f !important}
html[data-theme="dark"] .card-icon,
html[data-theme="dark"] .erp-card-icon{background:#102544;color:#7db4ff;border-color:#294d7d}
html[data-theme="dark"] .toolbar{background:#0b182a !important;border-color:#203552 !important}
html[data-theme="dark"] .message.info,
html[data-theme="dark"] .msg.show,
html[data-theme="dark"] .alert-info{background:#102544 !important;color:#b7d2ff !important;border-color:#294d7d !important}
html[data-theme="dark"] .message.error,
html[data-theme="dark"] .alert-danger{background:#31181d !important;color:#ffb5bd !important;border-color:#68313a !important}

@media(max-width:768px){
  .sidebar{width:100% !important;box-shadow:0 10px 24px rgba(9,31,74,.12) !important}
  .sidebar .nav-tab{border-radius:12px !important;margin:4px 8px !important;border-left:none !important;border-bottom:2px solid transparent !important}
  .sidebar .nav-tab.active{border-bottom-color:#6aabff !important}
  .erp-floating-theme{right:12px;top:12px}
}


/* ==========================================================
   SMAG ERP V5 - UNIVERSAL PREMIUM ENTERPRISE FORM SYSTEM
   Applied to ALL interactive forms without changing business logic.
   ========================================================== */
:root{
  --erp-navy-950:#06152f;
  --erp-navy-900:#081e46;
  --erp-navy-800:#0b2f6d;
  --erp-blue-700:#164ea6;
  --erp-blue-600:#1e63ff;
  --erp-blue-500:#3c7cff;
  --erp-blue-200:#cfe0ff;
  --erp-blue-100:#eaf2ff;
  --erp-surface:#ffffff;
  --erp-surface-2:#f8fbff;
  --erp-canvas:#f1f6ff;
  --erp-border:#d7e4f7;
  --erp-text:#12233d;
  --erp-muted:#617596;
  --erp-shadow:0 18px 50px rgba(8,30,70,.10);
  --erp-shadow-soft:0 10px 28px rgba(8,30,70,.075);
}

/* Overall application canvas */
html,body{min-height:100%}
body{
  letter-spacing:.005em;
  background:
    radial-gradient(circle at 85% -5%, rgba(60,124,255,.12), transparent 24rem),
    linear-gradient(180deg,#f8fbff 0%,#f1f6ff 100%) !important;
}

/* Universal page widths and breathing room */
.page,.wrap,.main,.content,.container,.app-container,.page-container,.main-content{
  max-width:1800px;
}
.wrap,.page,.main-content,.app-container,.page-container{margin-left:auto !important;margin-right:auto !important}

/* Premium top bars and headings */
.top,.topbar,.header,#sidebar,.hero,.page-header,.app-header,.main-header{
  background:linear-gradient(118deg,var(--erp-navy-950) 0%,var(--erp-navy-800) 60%,var(--erp-blue-700) 100%) !important;
  border-color:rgba(255,255,255,.09) !important;
  box-shadow:0 16px 42px rgba(6,21,47,.20) !important;
}
.top,.topbar,.header,.page-header,.app-header,.main-header{
  min-height:70px;
  padding-top:14px !important;padding-bottom:14px !important;
}
.hero{padding:24px 28px !important}
.hero h1,.page-header h1,.app-header h1,.main-header h1{color:#fff !important;letter-spacing:-.025em !important}
.hero p,.page-header p,.app-header p,.main-header p{color:#d9e8ff !important}

/* Form section cards */
.form-section,.section,.section-card,.panel,.box,.group,.orders-view,.data-view,.editor-section,.filter-section,.search-section,
.master-form,.master-list,.form-card,.card-panel,.detail-card,.form-panel,.table-panel,.content-card,.query-panel,
.tech-section,.workflow-card,.process-card,.production-card,.fms-card{
  border:1px solid var(--erp-border) !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:var(--erp-shadow-soft) !important;
  border-radius:18px !important;
}

/* Section headers */
.section-title,.section-header,.panel-title,.card-title,.form-title,.group>h2,.group>h3,.box-title,
.form-section>h2,.form-section>h3,.orders-view>h2,.orders-view>h3,.data-view>h2,.data-view>h3{
  color:var(--erp-navy-900) !important;
  font-weight:800 !important;
  letter-spacing:-.015em !important;
}
.section-title,.section-header,.panel-title,.form-title,.group>h2,.form-section>h2,.orders-view>h2,.data-view>h2{
  position:relative;
  padding-bottom:11px !important;
  border-bottom:1px solid #e5edf9 !important;
}
.section-title:after,.section-header:after,.panel-title:after,.form-title:after,.group>h2:after,.form-section>h2:after,.orders-view>h2:after,.data-view>h2:after{
  content:"";position:absolute;left:0;bottom:-1px;width:56px;height:3px;border-radius:999px;
  background:linear-gradient(90deg,var(--erp-blue-600),#78afff);
}

/* Labels and field hierarchy */
label,.label,.field-label,.form-label,.input-label,.control-label{
  color:#3d5274 !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.045em !important;
  text-transform:uppercase;
}
input,select,textarea,.input,.select,.textarea,.form-control,.form-select{
  border:1px solid #ccd9ed !important;
  border-radius:12px !important;
  background:#fbfdff !important;
  color:var(--erp-text) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8) !important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease !important;
}
input:hover,select:hover,textarea:hover,.form-control:hover,.form-select:hover{border-color:#a9c4ee !important}
input:focus,select:focus,textarea:focus,.form-control:focus,.form-select:focus{
  border-color:#73a7ff !important;
  background:#fff !important;
  box-shadow:0 0 0 4px rgba(30,99,255,.11),0 5px 14px rgba(18,61,139,.06) !important;
}
input::placeholder,textarea::placeholder{color:#93a4bd !important}

/* Buttons */
button,.btn,.button,.action-btn,.nav-btn,.save-button,.submit-button,.search-button,.filter-button,.add-button{
  border-radius:12px !important;
  font-weight:800 !important;
  transition:transform .14s ease,box-shadow .14s ease,filter .14s ease !important;
}
button:not(.btn-danger):not(.btn-delete):not(.delete-btn):not(.remove-btn):not(.x):not(.erp-theme-toggle),
.btn-primary,.btn-success,.save-btn,.submit-btn,.add-btn,.action-primary{
  box-shadow:0 9px 20px rgba(18,61,139,.13) !important;
}
button:hover,.btn:hover,.button:hover{filter:brightness(1.025);transform:translateY(-1px)}
button:active,.btn:active,.button:active{transform:translateY(0)}

/* Data grids */
.table-wrap,.table-container,.data-table-container,.item-table-container,.responsive-table,.grid-table{
  border:1px solid var(--erp-border) !important;
  border-radius:15px !important;
  overflow:auto !important;
  background:#fff !important;
  box-shadow:0 8px 24px rgba(8,30,70,.055) !important;
}
table{border-radius:14px;overflow:hidden}
thead th,table th,.data-table th,.item-table th,.order-table th{
  background:linear-gradient(180deg,#0b2f6d,#09275a) !important;
  color:#f7fbff !important;
  font-weight:800 !important;
  letter-spacing:.035em !important;
  text-transform:uppercase !important;
  font-size:10px !important;
  padding-top:10px !important;padding-bottom:10px !important;
}
tbody td,table td{color:#253854 !important;vertical-align:middle !important}
tbody tr:nth-child(even){background:#fafcff !important}
tbody tr:hover{background:#eef5ff !important}

/* KPI, totals and summary cards */
.kpi,.stat,.stat-card,.summary-card,.metric-card,.total-card,.summary-section{
  background:linear-gradient(145deg,#fff,#f7faff) !important;
  border:1px solid #d8e5f7 !important;
  box-shadow:0 12px 26px rgba(8,30,70,.07) !important;
  border-radius:16px !important;
}
.kpi strong,.kpi b,.stat strong,.stat b,.metric-card strong,.total-card strong,.summary-section strong{
  color:var(--erp-navy-900) !important;
}

/* Tabs and step navigation */
.tabs,.tabbar,.tab-bar,.steps,.flow,.workflow-steps{gap:8px !important}
.tab,.tab-btn,.nav-tab,.step,.flow a,.flow button{
  border-radius:11px !important;
  font-weight:750 !important;
}
.tab.active,.tab-btn.active,.step.active,.flow a.active,.flow button.active{
  background:linear-gradient(135deg,var(--erp-blue-700),var(--erp-blue-600)) !important;
  color:#fff !important;
}

/* Messages and status chips */
.badge,.chip,.pill,.status-badge,.status-pill,.tag{
  border-radius:999px !important;
  font-weight:800 !important;
  letter-spacing:.015em;
}
.message,.msg,.alert,.notification{border-radius:12px !important}

/* Premium home cards */
.card,.erp-card,.module-card,.home-card{
  border-radius:18px !important;
  border:1px solid var(--erp-border) !important;
  background:linear-gradient(145deg,#fff,#fbfdff) !important;
  box-shadow:0 12px 30px rgba(8,30,70,.07) !important;
}
.card:hover,.erp-card:hover,.module-card:hover,.home-card:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 22px 44px rgba(8,30,70,.13) !important;
  border-color:#a9c8ff !important;
}

/* Search bars */
.search-bar,.search-box,.query-bar,.filter-bar,.toolbar,.filters{
  background:rgba(255,255,255,.96) !important;
  border:1px solid var(--erp-border) !important;
  border-radius:15px !important;
  box-shadow:0 10px 26px rgba(8,30,70,.055) !important;
}

/* Modal/dialog */
.modal-content,.dialog,.dialog-box,.modal-box,.modalBox{
  border-radius:20px !important;
  border:1px solid #d6e2f4 !important;
  box-shadow:0 30px 80px rgba(6,21,47,.28) !important;
  background:#fff !important;
}
.modal,.dialog-backdrop{backdrop-filter:blur(5px)}

/* Login */
.login-shell,.login-card,.login-panel,.auth-card{
  border-radius:24px !important;
  box-shadow:0 30px 80px rgba(6,21,47,.19) !important;
  border:1px solid #d8e4f6 !important;
}
.login-brand{border-radius:24px 0 0 24px !important}

/* FMS / production rows */
.process-stage,.production-stage,.fms-step,.stage-card,.track-card{
  background:linear-gradient(145deg,#fff,#f7faff) !important;
  border:1px solid #d7e4f7 !important;
  border-radius:16px !important;
  box-shadow:0 10px 24px rgba(8,30,70,.06) !important;
}

/* WhatsApp and AI cards stay premium enterprise-blue */
.insight-card{
  background:linear-gradient(145deg,#081e46,#123d8b 68%,#1b56b6) !important;
  border:1px solid rgba(142,197,255,.18) !important;
  box-shadow:0 22px 50px rgba(6,21,47,.20) !important;
}

/* Responsive enterprise behavior */
@media(max-width:1280px){
  .grid-4,.four-col{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media(max-width:980px){
  .grid,.form-grid,.fields-grid,.header-grid,.master-grid,.filters,.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .top,.topbar,.header{flex-wrap:wrap !important;gap:10px !important}
  .who,.top-actions,.header-actions{margin-left:auto !important}
}
@media(max-width:680px){
  body{font-size:14px}
  .grid,.form-grid,.fields-grid,.header-grid,.master-grid,.filters,.filter-grid,.home-insight-grid,.kpis,.cards-grid{grid-template-columns:1fr !important}
  .wrap,.page,.main-content,.app-container,.page-container{width:calc(100% - 12px) !important;padding-left:0 !important;padding-right:0 !important}
  .form-section,.section,.group,.orders-view,.data-view,.panel,.card-panel{padding:13px !important}
  .hero{padding:18px !important;border-radius:15px !important}
  .hero h1{font-size:22px !important}
  input,select,textarea,.form-control,.form-select{font-size:16px !important}
  button,.btn,.button{min-height:44px !important}
  .table-wrap,.table-container,.data-table-container,.item-table-container{border-radius:12px !important}
  thead th,table th{font-size:9px !important}
  .quick-actions-dock{display:grid !important;grid-template-columns:1fr 1fr !important;left:8px !important;right:8px !important;bottom:8px !important}
  .quick-actions-dock a{width:auto !important;min-width:0 !important}
}

/* Dark mode universal surfaces */
html[data-theme="dark"] body{
  background:radial-gradient(circle at 85% -5%,rgba(30,99,255,.16),transparent 26rem),linear-gradient(180deg,#071224,#09172d 100%) !important;
  color:#dce9ff !important;
}
html[data-theme="dark"] .form-section,html[data-theme="dark"] .section,html[data-theme="dark"] .section-card,
html[data-theme="dark"] .panel,html[data-theme="dark"] .box,html[data-theme="dark"] .group,
html[data-theme="dark"] .orders-view,html[data-theme="dark"] .data-view,html[data-theme="dark"] .card,
html[data-theme="dark"] .erp-card,html[data-theme="dark"] .module-card,html[data-theme="dark"] .home-card,
html[data-theme="dark"] .table-wrap,html[data-theme="dark"] .table-container,html[data-theme="dark"] .data-table-container,
html[data-theme="dark"] .item-table-container,html[data-theme="dark"] .search-bar,html[data-theme="dark"] .search-box,
html[data-theme="dark"] .query-bar,html[data-theme="dark"] .filter-bar,html[data-theme="dark"] .toolbar,html[data-theme="dark"] .filters,
html[data-theme="dark"] .modal-content,html[data-theme="dark"] .dialog,html[data-theme="dark"] .dialog-box,html[data-theme="dark"] .modal-box,
html[data-theme="dark"] .modalBox,html[data-theme="dark"] .kpi,html[data-theme="dark"] .stat,html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .summary-card,html[data-theme="dark"] .metric-card,html[data-theme="dark"] .total-card,html[data-theme="dark"] .summary-section{
  background:#0d1d36 !important;border-color:#203a62 !important;color:#dce9ff !important;
  box-shadow:0 14px 34px rgba(0,0,0,.20) !important;
}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea,
html[data-theme="dark"] .form-control,html[data-theme="dark"] .form-select{
  background:#0a1930 !important;border-color:#29456e !important;color:#eaf2ff !important;
}
html[data-theme="dark"] label,html[data-theme="dark"] .label,html[data-theme="dark"] .field-label,html[data-theme="dark"] .form-label{color:#a9bfe1 !important}
html[data-theme="dark"] .section-title,html[data-theme="dark"] .section-header,html[data-theme="dark"] .panel-title,
html[data-theme="dark"] .card-title,html[data-theme="dark"] .form-title,html[data-theme="dark"] .group>h2,
html[data-theme="dark"] .group>h3{color:#edf5ff !important;border-color:#203a62 !important}
html[data-theme="dark"] tbody td,html[data-theme="dark"] table td{color:#cfe0f8 !important;border-color:#203a62 !important;background:#0d1d36 !important}
html[data-theme="dark"] tbody tr:nth-child(even) td{background:#10223f !important}
html[data-theme="dark"] tbody tr:hover td{background:#132a4e !important}


/* ==========================================================
   V6 GLOBAL ERP NAVIGATION
   Home + WhatsApp API + AI Section are visible at the TOP.
   Legacy bottom-right floating buttons are intentionally hidden.
   ========================================================== */
.quick-actions-dock{display:none !important}
.erp-actions-host{position:relative !important}
.erp-global-actions{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  margin-left:14px !important;
  flex-wrap:wrap !important;
}
.erp-global-actions .erp-global-link,
.erp-global-actions .erp-theme-toggle{
  min-height:40px !important;
  height:40px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  padding:0 12px !important;
  text-decoration:none !important;
  color:#f7fbff !important;
  background:rgba(255,255,255,.09) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:12px !important;
  box-shadow:none !important;
  font-size:12px !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  cursor:pointer !important;
}
.erp-global-actions .erp-global-link:hover,
.erp-global-actions .erp-global-link.active,
.erp-global-actions .erp-theme-toggle:hover{
  background:linear-gradient(135deg,#1e63ff,#2f7cff) !important;
  border-color:#6da5ff !important;
  color:#fff !important;
  transform:translateY(-1px) !important;
  box-shadow:0 9px 20px rgba(30,99,255,.20) !important;
}
.erp-global-actions .erp-menu-icon,
.erp-global-actions .erp-theme-toggle svg{
  width:17px !important;
  height:17px !important;
  flex:0 0 17px !important;
}
.erp-global-floating{
  position:fixed !important;
  right:14px !important;
  top:14px !important;
  z-index:9998 !important;
  padding:6px !important;
  border-radius:15px !important;
  background:linear-gradient(135deg,#091f4a,#123d8b) !important;
  box-shadow:0 15px 34px rgba(9,31,74,.24) !important;
}
/* Style Manager: obvious Home navigation in the left menu. */
.sidebar .erp-home-tab{
  color:#fff !important;
  background:rgba(255,255,255,.07) !important;
  border-left-color:#70a9ff !important;
}
.sidebar .erp-home-tab:hover{
  background:rgba(30,99,255,.28) !important;
  color:#fff !important;
}
/* Keep page titles and top actions on one professional enterprise row. */
.header.erp-actions-host,
.top.erp-actions-host,
.topbar.erp-actions-host{
  display:flex !important;
  align-items:center !important;
}
.header.erp-actions-host > .erp-global-actions,
.top.erp-actions-host > .erp-global-actions,
.topbar.erp-actions-host > .erp-global-actions{
  margin-left:auto !important;
}
.who.erp-actions-host{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
}
.who.erp-actions-host > .erp-global-actions{margin-left:8px !important}
@media(max-width:980px){
  .erp-global-actions{gap:6px !important;margin-left:auto !important}
  .erp-global-actions .erp-global-link,.erp-global-actions .erp-theme-toggle{padding:0 10px !important}
  .erp-global-label{display:none !important}
}
@media(max-width:680px){
  .header.erp-actions-host,.top.erp-actions-host,.topbar.erp-actions-host{gap:8px !important}
  .erp-global-actions{width:auto !important;flex-wrap:nowrap !important}
  .erp-global-actions .erp-global-link,.erp-global-actions .erp-theme-toggle{
    width:42px !important;min-width:42px !important;padding:0 !important;border-radius:11px !important;
  }
  .sidebar .erp-home-tab{display:flex !important}
}