/* =========================================================
   CSBN V3 ENTERPRISE — UX/UI PREMIUM
   ========================================================= */
:root{
  --cs-blue:#14265C;
  --cs-dark:#081B3A;
  --cs-orange:#F58220;
  --cs-bg:#F4F7FB;
  --cs-text:#162033;
  --cs-muted:#64748B;
  --cs-line:#E5EAF1;
  --cs-green:#16A34A;
  --cs-red:#DC2626;
  --cs-yellow:#F59E0B;
}
.enterprise-hero{
  background:linear-gradient(135deg,#0b1b44,#14265C 60%,#1b3d91);
  color:#fff;
  border-radius:28px;
  padding:22px;
  box-shadow:0 22px 55px rgba(8,35,92,.18);
  margin-bottom:18px;
  position:relative;
  overflow:hidden;
}
.enterprise-hero:after{
  content:"";
  position:absolute;
  width:210px;height:210px;border-radius:50%;
  background:rgba(245,130,32,.22);
  right:-50px;top:-80px;
}
.enterprise-hero h2{margin:0;color:#fff;font-size:28px}
.enterprise-hero p{color:#dbeafe}
.enterprise-kpis{display:grid;grid-template-columns:repeat(5,minmax(155px,1fr));gap:15px;margin:18px 0}
.enterprise-kpi{
  background:rgba(255,255,255,.96);
  border:1px solid var(--cs-line);
  border-radius:24px;
  padding:18px;
  box-shadow:0 16px 38px rgba(8,35,92,.10);
}
.enterprise-kpi .label{font-size:11px;text-transform:uppercase;color:var(--cs-muted);font-weight:900}
.enterprise-kpi .value{font-size:24px;font-weight:950;color:var(--cs-dark);margin-top:8px}
.enterprise-kpi .sub{font-size:12px;color:var(--cs-muted);margin-top:4px}
.enterprise-section{
  background:#fff;
  border:1px solid var(--cs-line);
  border-radius:26px;
  padding:18px;
  box-shadow:0 16px 38px rgba(8,35,92,.08);
  margin-bottom:16px;
}
.enterprise-row{display:grid;grid-template-columns:1.35fr .85fr;gap:16px}
.enterprise-row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.enterprise-row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.enterprise-badge{
  display:inline-flex;align-items:center;gap:6px;
  padding:7px 11px;border-radius:999px;font-size:12px;font-weight:900;
}
.enterprise-badge.green{background:#dcfce7;color:#166534}
.enterprise-badge.red{background:#fee2e2;color:#991b1b}
.enterprise-badge.orange{background:#ffedd5;color:#9a3412}
.enterprise-badge.blue{background:#dbeafe;color:#1e40af}
.enterprise-toolbar{
  display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px
}
.enterprise-filter{
  display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1fr auto;gap:10px;margin-bottom:14px
}
.enterprise-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}
.enterprise-product{
  background:#fff;border:1px solid var(--cs-line);border-radius:24px;padding:14px;
  box-shadow:0 14px 32px rgba(8,35,92,.08);
}
.enterprise-product img{
  width:100%;height:200px;object-fit:contain;background:#f8fbff;border-radius:18px;border:1px solid #edf2f7;padding:8px
}
.enterprise-product h3{margin:10px 0 6px;color:var(--cs-dark)}
.enterprise-price{font-size:20px;font-weight:950;color:var(--cs-orange)}
.enterprise-stock{display:flex;gap:8px;flex-wrap:wrap}
.enterprise-stock span{background:#eef2ff;color:#1e3a8a;border-radius:999px;padding:6px 10px;font-weight:900;font-size:12px}
.enterprise-chart{height:255px;display:flex;align-items:end;gap:10px;border-left:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:15px 10px 25px}
.enterprise-bar{flex:1;background:linear-gradient(180deg,#F58220,#ffbc7a);border-radius:10px 10px 0 0;min-height:4px;position:relative}
.enterprise-bar span{position:absolute;bottom:-23px;left:50%;transform:translateX(-50%);font-size:11px;color:var(--cs-muted)}
.brand .logo{
  width:64px!important;height:64px!important;min-width:64px!important;
  background:#fff!important;border-radius:50%!important;padding:9px!important;
  box-shadow:0 14px 32px rgba(0,0,0,.2)!important;
}
.brand .logo img{width:100%!important;height:100%!important;object-fit:contain!important}
.mobile-topbar img,.login-logo img{background:#fff!important;border-radius:50%!important;padding:9px!important;object-fit:contain!important}
@media(max-width:1050px){
  .enterprise-kpis,.enterprise-row,.enterprise-row2,.enterprise-row3,.enterprise-filter{grid-template-columns:1fr}
  .enterprise-kpis{gap:10px}
}
@media print{
  .noPrint,.actions,.sidebar,.mobile-topbar,.enterprise-toolbar{display:none!important}
}