/* Design refresh: visual-only overrides. No application logic changed. */
:root {
  --ui-primary: #696cff;
  --ui-primary-soft: rgba(105,108,255,.10);
  --ui-text: #25314c;
  --ui-muted: #8592a3;
  --ui-border: #e8ebf2;
  --ui-surface: #ffffff;
  --ui-bg: #f7f8fc;
  --ui-success: #28c76f;
  --ui-danger: #ea5455;
}

body { background: var(--ui-bg); }
.content-wrapper { background: linear-gradient(180deg,#f8f9fd 0,#f5f6fa 100%); }

/* Sidebar */
.layout-menu { border-right: 1px solid var(--ui-border); box-shadow: 6px 0 24px rgba(38,45,71,.035); }
.menu-vertical .menu-inner > .menu-item { margin: 3px 12px; }
.menu-vertical .menu-item .menu-link { border-radius: 10px; min-height: 44px; transition: .18s ease; }
.menu-vertical .menu-item .menu-link:hover { background: var(--ui-primary-soft); transform: translateX(2px); }
.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) { box-shadow: 0 7px 18px rgba(105,108,255,.20); }
.menu-vertical .menu-icon { width: 34px; height: 34px; display:inline-flex; align-items:center; justify-content:center; border-radius:9px; background:#f4f5fa; margin-right:10px !important; font-size:1.15rem; }
.menu-vertical .active > .menu-link .menu-icon { background: rgba(255,255,255,.16); }

/* Navbar */
#layout-navbar { margin-top: 12px; border: 1px solid rgba(230,233,240,.9); border-radius: 14px; box-shadow: 0 8px 30px rgba(38,45,71,.07); backdrop-filter: blur(12px); }
#layout-navbar .navbar-nav-right { min-height: 66px; }
#layout-navbar .navbar-dropdown > .nav-link { min-height: 42px; display:flex; align-items:center; gap:7px; border-radius:10px; padding:6px 9px; transition:.18s ease; }
#layout-navbar .navbar-dropdown > .nav-link:hover { background:#f5f6fa; }
.nav-action-icon { width:34px; height:34px; border-radius:10px; display:inline-flex; align-items:center; justify-content:center; background:var(--ui-primary-soft); color:var(--ui-primary); font-size:1.2rem; }
.nav-action-label { font-size:.84rem; font-weight:600; color:var(--ui-text); }
.badge-notifications { top:0 !important; right:-2px !important; border:2px solid white; }
.navbar-balance { border:0 !important; min-width:178px; min-height:50px; padding:7px 12px !important; background:linear-gradient(135deg,#f2f3ff,#fafaff); border-radius:12px !important; box-shadow: inset 0 0 0 1px rgba(105,108,255,.14); }
.navbar-balance.is-low { background:linear-gradient(135deg,#fff2f2,#fffafa); box-shadow: inset 0 0 0 1px rgba(234,84,85,.16); }
.navbar-balance .avatar { width:38px; height:38px; margin-right:10px !important; }
.balance-icon { width:38px; height:38px; display:flex; align-items:center; justify-content:center; border-radius:10px; background:var(--ui-primary); color:#fff; font-size:1.35rem; box-shadow:0 5px 12px rgba(105,108,255,.25); }
.navbar-balance.is-low .balance-icon { background:var(--ui-danger); box-shadow:0 5px 12px rgba(234,84,85,.22); }
.navbar-balance p { color:var(--ui-muted); font-size:.72rem; font-weight:600; text-transform:uppercase; letter-spacing:.35px; }
.navbar-balance h3 { font-size:1.15rem; font-weight:700; color:var(--ui-text); }
.navbar-balance sub { color:var(--ui-muted); font-size:.72rem; }
.dropdown-menu { border:1px solid var(--ui-border); border-radius:12px; box-shadow:0 12px 35px rgba(38,45,71,.12); }
.dropdown-user .avatar img { box-shadow:0 0 0 3px #fff,0 0 0 4px #e7e9f2; }

/* General dashboard/content cards */
.content-wrapper .card { border:1px solid var(--ui-border); border-radius:14px; box-shadow:0 5px 18px rgba(38,45,71,.045); }
.content-wrapper .card-header { background:transparent; border-bottom:1px solid #f0f1f5; }
.content-wrapper .card-title { color:var(--ui-text); font-weight:650; }
.content-wrapper .card-body h3 { letter-spacing:-.35px; }
.btn { border-radius:9px; font-weight:600; box-shadow:none; }
.btn-primary { box-shadow:0 5px 12px rgba(105,108,255,.18); }
.form-control,.form-select { border-radius:9px; border-color:#dfe3eb; }
.form-control:focus,.form-select:focus { box-shadow:0 0 0 3px rgba(105,108,255,.10); }
.table { --bs-table-bg: transparent; }

/* Product catalog */
.product-card { border:1px solid #e7eaf1 !important; border-radius:16px !important; box-shadow:0 6px 20px rgba(38,45,71,.055) !important; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease !important; }
.product-card:hover { transform:translateY(-4px) !important; border-color:rgba(105,108,255,.28) !important; box-shadow:0 14px 30px rgba(38,45,71,.11) !important; }
.product-img-box { height:205px !important; margin:10px 10px 0; width:calc(100% - 20px) !important; border-radius:13px; background:linear-gradient(145deg,#f7f8fc,#fff); border:1px solid #f0f1f5; }
.product-img { height:165px !important; width:165px !important; }
.product-card .card-body { padding:16px 17px 18px !important; }
.product-card .card-title { font-size:1.02rem; margin-top:2px; }
.product-card .price-box { min-height:48px; display:flex; flex-direction:column; justify-content:center; }
.product-card .old-price { color:#a7afbd !important; font-size:.78rem !important; }
.product-card .new-price { color:var(--ui-primary) !important; font-size:1.35rem !important; font-weight:750 !important; }
.product-card .product-badge { top:18px !important; left:18px !important; background:#fff4d6 !important; color:#a76b00 !important; border:1px solid #ffe3a0; box-shadow:0 4px 10px rgba(0,0,0,.06); }
.product-card .form-select { background-color:#f8f9fc; border-color:#e5e8ef; }
.product-card .btn-success { background:#28c76f; border-color:#28c76f; }
.product-card .btn-outline-warning { border-color:#e2e5ec; color:#697386; background:#fff; }
.product-card .btn-outline-warning:hover { color:var(--ui-primary); border-color:var(--ui-primary); background:var(--ui-primary-soft); }
#autocomplete-input { border:1px solid #e1e5ed !important; box-shadow:0 4px 14px rgba(38,45,71,.04); }

@media (max-width: 991.98px) {
  #layout-navbar { margin-top:8px; border-radius:12px; }
  .nav-action-label { display:none; }
  .navbar-balance { min-width:auto; }
  .navbar-balance .me-2 { display:none; }
}
@media (max-width: 575.98px) {
  .navbar-balance { padding:6px 8px !important; }
  .navbar-balance .avatar { margin-right:5px !important; }
  .navbar-balance h3 { font-size:.95rem; }
}

/* Sidebar refresh v2 — visual changes only */
#layout-menu {
  background: #fff !important;
  border-right: 1px solid #edf0f5 !important;
  box-shadow: 8px 0 30px rgba(38,45,71,.045) !important;
}
#layout-menu .app-brand.demo {
  height: 112px !important;
  margin: 0 14px 8px;
  border-bottom: 1px solid #f0f2f6;
}
#layout-menu .menu-inner { padding: 8px 10px 24px !important; }
#layout-menu .menu-inner > .menu-item { margin: 3px 0 !important; }
#layout-menu .menu-link {
  min-height: 46px !important;
  padding: 8px 12px !important;
  border-radius: 11px !important;
  color: #596579 !important;
  font-weight: 550;
  transition: background .18s ease,color .18s ease,transform .18s ease !important;
}
#layout-menu .menu-link:hover {
  background: #f5f5ff !important;
  color: var(--ui-primary) !important;
  transform: translateX(2px);
}
#layout-menu .menu-icon {
  flex: 0 0 36px;
  width: 36px !important;
  height: 36px !important;
  margin-right: 11px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 10px !important;
  background: #f4f5f9 !important;
  color: #6f7b8f !important;
  font-size: 1.25rem !important;
  transition: .18s ease;
}
#layout-menu .menu-link:hover .menu-icon {
  background: rgba(105,108,255,.11) !important;
  color: var(--ui-primary) !important;
}
#layout-menu .menu-item.active > .menu-link {
  background: linear-gradient(135deg,#696cff,#7d7fff) !important;
  color: #fff !important;
  box-shadow: 0 7px 17px rgba(105,108,255,.23) !important;
}
#layout-menu .menu-item.active > .menu-link .menu-icon {
  background: rgba(255,255,255,.17) !important;
  color: #fff !important;
}
#layout-menu .menu-sub { margin: 4px 0 6px 18px !important; padding-left: 14px !important; border-left: 1px solid #e7e9f1; }
#layout-menu .menu-sub .menu-item { margin: 2px 0 !important; }
#layout-menu .menu-sub .menu-link { min-height: 38px !important; padding: 6px 10px !important; font-size: .89rem; border-radius: 8px !important; }
#layout-menu .menu-sub .menu-link:before { display: none !important; }
#layout-menu .menu-toggle:after { opacity: .55; }
#layout-menu .menu-item.open > .menu-toggle { color: var(--ui-primary) !important; background: rgba(105,108,255,.065); }
#layout-menu .menu-item.open.active > .menu-toggle { color:#fff !important; background:linear-gradient(135deg,#696cff,#7d7fff) !important; }
#layout-menu .menu-inner-shadow { background: linear-gradient(#fff 35%,rgba(255,255,255,.75),rgba(255,255,255,0)) !important; }

/* v3 — navbar contrast fix */
#layout-navbar {
  background: linear-gradient(135deg,#24273a 0%,#30344d 100%) !important;
  border-color: rgba(255,255,255,.06) !important;
  box-shadow: 0 10px 28px rgba(31,34,51,.18) !important;
}
#layout-navbar .nav-link,
#layout-navbar .nav-action-label,
#layout-navbar .navbar-nav .nav-link,
#layout-navbar .bx { color:#eef0ff !important; }
#layout-navbar .navbar-dropdown > .nav-link:hover { background:rgba(255,255,255,.08) !important; }
#layout-navbar .nav-action-icon { background:rgba(255,255,255,.10) !important; color:#fff !important; }
#layout-navbar .navbar-balance {
  background:rgba(255,255,255,.09) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10) !important;
}
#layout-navbar .navbar-balance.is-low { background:rgba(234,84,85,.14) !important; }
#layout-navbar .navbar-balance p,
#layout-navbar .navbar-balance sub { color:#bfc4d9 !important; }
#layout-navbar .navbar-balance h3 { color:#fff !important; }
#layout-navbar .badge-notifications { border-color:#2b2e44 !important; }

/* v3 — dashboard widget refresh, content/logic untouched */
.dashboard-refresh .card {
  overflow:hidden;
  border:1px solid #e7eaf1 !important;
  border-radius:16px !important;
  box-shadow:0 7px 22px rgba(38,45,71,.055) !important;
  transition:transform .18s ease,box-shadow .18s ease !important;
}
.dashboard-refresh .card:hover {
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(38,45,71,.09) !important;
}
.dashboard-refresh .card-body { padding:20px !important; }
.dashboard-refresh .card-header { padding:18px 20px 14px !important; }
.dashboard-refresh .card h3 { color:#25314c; font-weight:750; }
.dashboard-refresh .card h4,
.dashboard-refresh .card h5,
.dashboard-refresh .card h6 { color:#303a52; }
.dashboard-refresh .card small,
.dashboard-refresh .card .text-muted { color:#8b95a7 !important; }
.dashboard-refresh .avatar {
  width:42px;
  height:42px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#f4f5ff;
  padding:7px;
}
.dashboard-refresh .avatar img { width:100%; height:100%; object-fit:contain; border-radius:8px !important; }
.dashboard-refresh .chart-statistics h3 { margin-top:8px; font-size:1.55rem; }
.dashboard-refresh .btn-primary { border-radius:9px; padding:8px 16px; }
.dashboard-refresh .row-bordered > [class^="col-"] { border-color:#eef0f5 !important; }
.dashboard-refresh #totalRevenueChart { padding-top:4px; }
.dashboard-refresh #growthChart { margin-top:-5px; }
.dashboard-refresh ul > li { padding:9px 7px 12px !important; margin-bottom:6px !important; border-bottom:1px solid #f0f2f6; border-radius:9px; }
.dashboard-refresh ul > li:last-child { border-bottom:0; }
.dashboard-refresh ul > li:hover { background:#fafaff; }
.dashboard-refresh ul > li .avatar { width:40px; height:40px; padding:5px; }
.dashboard-refresh .carousel { border-radius:17px; overflow:hidden; box-shadow:0 8px 25px rgba(38,45,71,.08); }
.dashboard-refresh marquee { border:1px solid #e8eaf1; box-shadow:0 5px 16px rgba(38,45,71,.05) !important; }
.dashboard-refresh .dashboard-connected-card {
  background:linear-gradient(135deg,#35c878,#22ad63) !important;
  border:0 !important;
  box-shadow:0 9px 22px rgba(40,199,111,.20) !important;
}
.dashboard-refresh .dashboard-connected-card span,
.dashboard-refresh .dashboard-connected-card h3 { color:#fff !important; }
.dashboard-refresh .dashboard-alert-card { border-left:4px solid #ea5455 !important; }
.dashboard-refresh .dashboard-alert-card .card-title { color:#d94748 !important; }

@media (max-width:767.98px) {
  .dashboard-refresh .card-body { padding:16px !important; }
  .dashboard-refresh .chart-statistics h3 { font-size:1.3rem; }
}
\n\n/* v4 — coordinated dark sidebar + navbar */
#layout-menu {
  background: linear-gradient(180deg,#202335 0%,#292d43 52%,#23263a 100%) !important;
  border-right: 1px solid rgba(255,255,255,.055) !important;
  box-shadow: 10px 0 32px rgba(27,30,46,.16) !important;
}
#layout-menu .app-brand.demo { border-bottom-color:rgba(255,255,255,.075) !important; }
#layout-menu .menu-link { color:#c7cbda !important; }
#layout-menu .menu-link:hover { background:rgba(255,255,255,.065) !important; color:#fff !important; }
#layout-menu .menu-icon {
  background:rgba(255,255,255,.065) !important;
  color:#aeb4ca !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
#layout-menu .menu-link:hover .menu-icon { background:rgba(105,108,255,.22) !important; color:#fff !important; }
#layout-menu .menu-item.active > .menu-link {
  background:linear-gradient(135deg,#696cff,#7b7eff) !important;
  box-shadow:0 8px 20px rgba(105,108,255,.25) !important;
}
#layout-menu .menu-sub { border-left-color:rgba(255,255,255,.09) !important; }
#layout-menu .menu-sub .menu-link { color:#aeb4c7 !important; }
#layout-menu .menu-sub .menu-link:hover { color:#fff !important; background:rgba(255,255,255,.055) !important; }
#layout-menu .menu-item.open > .menu-toggle { color:#fff !important; background:rgba(255,255,255,.06) !important; }
#layout-menu .menu-inner-shadow { background:linear-gradient(#202335 35%,rgba(32,35,53,.78),rgba(32,35,53,0)) !important; }
#layout-navbar { background:linear-gradient(135deg,#202335 0%,#30344d 100%) !important; }

/* v4 — top dashboard counters: white cards, identity kept through text/accent colors */
.dashboard-top-stat,
.dashboard-refresh .dashboard-top-stat,
.dashboard-refresh .dashboard-connected-card.dashboard-top-stat {
  position:relative;
  background:#fff !important;
  border:1px solid #e8eaf1 !important;
  border-radius:15px !important;
  box-shadow:0 7px 20px rgba(38,45,71,.055) !important;
  overflow:hidden;
  min-height:112px;
  transition:transform .18s ease,box-shadow .18s ease !important;
}
.dashboard-top-stat:before {
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:4px;
  background:currentColor;
}
.dashboard-top-stat:hover { transform:translateY(-2px); box-shadow:0 12px 26px rgba(38,45,71,.09) !important; }
.dashboard-top-stat .card-body { padding:19px 20px 17px 22px !important; }
.dashboard-top-stat span { color:#7b8498 !important; font-size:.82rem; font-weight:600; letter-spacing:.01em; }
.dashboard-top-stat h3,
.dashboard-refresh .dashboard-top-stat h3,
.dashboard-refresh .dashboard-connected-card.dashboard-top-stat h3 {
  margin-top:7px !important;
  margin-bottom:0 !important;
  color:currentColor !important;
  font-size:1.75rem !important;
  font-weight:800 !important;
}
.dashboard-top-stat.stat-command { color:#ff7f50 !important; }
.dashboard-top-stat.stat-reset { color:#5689db !important; }
.dashboard-top-stat.stat-stock { color:#ea5455 !important; }
.dashboard-top-stat.stat-connected { color:#28c76f !important; }

/* =========================================================
   V5 — FULL VISUAL REFRESH
   Presentation only: no routes, data, forms or JS behavior changed.
   ========================================================= */
:root{
  --pr-bg:#f4f6fb;
  --pr-surface:#ffffff;
  --pr-sidebar:#171a29;
  --pr-sidebar-2:#22263a;
  --pr-nav:#1b1e2e;
  --pr-primary:#696cff;
  --pr-text:#27324a;
  --pr-muted:#8992a6;
  --pr-line:#e8ebf2;
  --pr-radius:16px;
}
html,body{background:var(--pr-bg)!important;}
body{color:var(--pr-text);}
.content-wrapper{background:var(--pr-bg)!important;}
.container-p-y{padding-top:1.45rem!important;padding-bottom:1.45rem!important;}

/* unified shell */
#layout-menu{
  background:linear-gradient(180deg,#171a29 0%,#202438 55%,#181b2b 100%)!important;
  border-right:1px solid rgba(255,255,255,.055)!important;
  box-shadow:12px 0 34px rgba(23,26,41,.14)!important;
}
#layout-menu .app-brand.demo{height:116px!important;border-bottom:1px solid rgba(255,255,255,.07)!important;}
#layout-menu .menu-inner{padding:13px 12px 24px!important;}
#layout-menu .menu-item{margin:3px 0!important;}
#layout-menu .menu-link{min-height:46px;border-radius:12px!important;padding:10px 12px!important;color:#bfc5d7!important;font-weight:550;transition:.18s ease!important;}
#layout-menu .menu-link:hover{background:rgba(255,255,255,.065)!important;color:#fff!important;transform:translateX(2px);}
#layout-menu .menu-icon{width:31px!important;height:31px!important;min-width:31px!important;margin-right:11px!important;border-radius:9px!important;background:rgba(255,255,255,.06)!important;color:#aeb6ce!important;display:inline-flex!important;align-items:center;justify-content:center;font-size:1.15rem!important;}
#layout-menu .menu-item.active>.menu-link{background:linear-gradient(135deg,#696cff,#7c7fff)!important;color:#fff!important;box-shadow:0 8px 22px rgba(105,108,255,.28)!important;}
#layout-menu .menu-item.active>.menu-link .menu-icon{background:rgba(255,255,255,.16)!important;color:#fff!important;}
#layout-menu .menu-item.open>.menu-link{color:#fff!important;background:rgba(255,255,255,.055)!important;}
#layout-menu .menu-sub{margin:5px 0 7px 15px!important;padding-left:13px!important;border-left:1px solid rgba(255,255,255,.09)!important;}
#layout-menu .menu-sub .menu-link{min-height:38px!important;padding:7px 10px!important;font-size:.875rem;color:#aeb5c9!important;}
#layout-menu .menu-sub .menu-link:hover{background:rgba(255,255,255,.05)!important;}

#layout-navbar{
  background:linear-gradient(135deg,#1b1e2e 0%,#292d43 100%)!important;
  border:1px solid rgba(255,255,255,.055)!important;
  box-shadow:0 8px 25px rgba(25,28,44,.15)!important;
  border-radius:0 0 18px 18px!important;
  min-height:76px!important;
}
#layout-navbar .nav-link{color:#d8dcea!important;}
#layout-navbar .navbar-nav-right{min-height:74px;}
#layout-navbar .navbar-dropdown>.nav-link{border-radius:11px;padding:8px 10px!important;transition:.18s ease;}
#layout-navbar .navbar-dropdown>.nav-link:hover{background:rgba(255,255,255,.07);}
#layout-navbar .nav-action-icon{background:rgba(255,255,255,.08)!important;color:#fff!important;border-radius:9px!important;}
#layout-navbar .nav-action-label{color:#cdd2e1!important;font-weight:600!important;}
#layout-navbar .navbar-balance{border:0!important;background:rgba(255,255,255,.075)!important;border-radius:13px!important;padding:8px 12px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);}
#layout-navbar .navbar-balance p,#layout-navbar .navbar-balance sub{color:#bfc5d6!important;}
#layout-navbar .navbar-balance h3{color:#fff!important;font-size:1.22rem!important;}
#layout-navbar .balance-icon{background:rgba(105,108,255,.22)!important;color:#aeb0ff!important;border-radius:10px!important;}
#layout-navbar .dropdown-menu{border:1px solid var(--pr-line)!important;border-radius:14px!important;box-shadow:0 15px 40px rgba(38,45,71,.14)!important;overflow:hidden;}

/* common components across the panel */
.card{border:1px solid var(--pr-line)!important;border-radius:var(--pr-radius)!important;box-shadow:0 7px 22px rgba(38,45,71,.055)!important;background:var(--pr-surface)!important;}
.card-header{background:transparent!important;border-bottom:1px solid #eef0f5!important;padding:18px 20px!important;}
.card-body{padding:20px;}
.card-title{color:var(--pr-text);font-weight:700;}
.btn{border-radius:10px!important;font-weight:600;box-shadow:none!important;}
.btn-primary{background:linear-gradient(135deg,#696cff,#777aff)!important;border-color:#696cff!important;}
.btn-primary:hover{filter:brightness(.97);transform:translateY(-1px);}
.form-control,.form-select,.input-group-text,.select2-container--default .select2-selection--single{border-color:#e2e6ef!important;border-radius:10px!important;min-height:40px;}
.form-control:focus,.form-select:focus{border-color:#9b9dff!important;box-shadow:0 0 0 .18rem rgba(105,108,255,.11)!important;}
.table{--bs-table-bg:transparent;}
.table>thead>tr>th{background:#f7f8fc!important;color:#667087!important;font-size:.76rem;text-transform:uppercase;letter-spacing:.035em;border-bottom:1px solid #e8ebf2!important;padding-top:13px!important;padding-bottom:13px!important;}
.table>tbody>tr>td{border-color:#eef0f5!important;vertical-align:middle;padding-top:13px!important;padding-bottom:13px!important;}
.table>tbody>tr:hover{background:#fafbfe!important;}
.table-responsive{border-radius:13px;}
.modal-content{border:0!important;border-radius:18px!important;box-shadow:0 22px 65px rgba(30,35,55,.22)!important;}
.modal-header{border-bottom:1px solid #eef0f5!important;}
.modal-footer{border-top:1px solid #eef0f5!important;}
.alert{border:0!important;border-radius:12px!important;}
.badge{border-radius:7px!important;font-weight:650;}
.pagination .page-link{border-radius:8px!important;margin:0 2px;border:0!important;}
.dropdown-menu{border-radius:13px!important;border:1px solid var(--pr-line)!important;box-shadow:0 12px 34px rgba(38,45,71,.13)!important;}

/* dashboard: same widgets/content, stronger visual hierarchy */
.dashboard-refresh .card{border-radius:18px!important;}
.dashboard-top-stat,.dashboard-refresh .dashboard-top-stat,.dashboard-refresh .dashboard-connected-card.dashboard-top-stat{
  min-height:120px!important;border:1px solid #e8ebf2!important;border-radius:17px!important;background:#fff!important;box-shadow:0 8px 24px rgba(38,45,71,.06)!important;
}
.dashboard-top-stat:before{width:5px!important;border-radius:0 5px 5px 0;}
.dashboard-top-stat .card-body{padding:22px 22px 19px 25px!important;}
.dashboard-top-stat span{font-size:.78rem!important;text-transform:uppercase;letter-spacing:.035em;color:#8790a4!important;font-weight:700!important;}
.dashboard-top-stat h3,.dashboard-refresh .dashboard-top-stat h3,.dashboard-refresh .dashboard-connected-card.dashboard-top-stat h3{font-size:2rem!important;line-height:1.05!important;margin-top:12px!important;}
.dashboard-top-stat:hover{transform:translateY(-3px)!important;box-shadow:0 14px 32px rgba(38,45,71,.10)!important;}
.dashboard-refresh marquee{border:0!important;border-left:4px solid #696cff!important;border-radius:13px!important;text-shadow:none!important;box-shadow:0 7px 22px rgba(38,45,71,.055)!important;}
.dashboard-refresh .carousel{border-radius:18px!important;border:1px solid var(--pr-line);box-shadow:0 9px 28px rgba(38,45,71,.08)!important;}
.dashboard-refresh ul>li{border-radius:11px!important;border-bottom:1px solid #f0f2f6!important;}
.dashboard-refresh ul>li:hover{background:#f8f9fd!important;}

/* product/list cards already present in project */
.product-card,.product-item,.card-product,[class*="product-card"]{border-radius:17px!important;overflow:hidden;}
.product-card img,.product-item img,.card-product img{transition:transform .25s ease;}
.product-card:hover img,.product-item:hover img,.card-product:hover img{transform:scale(1.025);}

/* DataTables */
.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select{border:1px solid #e2e6ef!important;border-radius:9px!important;background:#fff!important;}
.dataTables_wrapper .dataTables_paginate .paginate_button{border-radius:8px!important;border:0!important;}

/* footer */
.content-footer{background:transparent!important;color:#8b94a7;}

@media(max-width:1199.98px){
  #layout-navbar{border-radius:0 0 14px 14px!important;}
  #layout-menu{box-shadow:10px 0 30px rgba(23,26,41,.22)!important;}
}
@media(max-width:767.98px){
  .container-p-y{padding-top:1rem!important;}
  #layout-navbar{min-height:68px!important;}
  #layout-navbar .navbar-nav-right{min-height:66px;}
  #layout-navbar .nav-action-label{display:none!important;}
  #layout-navbar .navbar-balance{padding:6px 8px!important;}
  #layout-navbar .navbar-balance .me-2{display:none;}
  .card-body{padding:16px;}
  .dashboard-top-stat .card-body{padding:18px!important;}
}

/* =========================================================
   V6 — SHELL POLISH
   Visual-only refinements based on real browser capture.
   ========================================================= */

/* Navbar: remove the unwanted top gap and make the shell feel anchored. */
#layout-navbar {
  margin-top: 0 !important;
  position: relative;
  overflow: visible;
  background:
    radial-gradient(900px 160px at 72% -80%, rgba(116,119,255,.30), transparent 58%),
    linear-gradient(135deg,#191c2b 0%,#24283c 54%,#202438 100%) !important;
  border-top: 0 !important;
  box-shadow:
    0 10px 30px rgba(18,21,35,.18),
    inset 0 -1px 0 rgba(255,255,255,.035),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}
#layout-navbar:before {
  content:"";
  position:absolute;
  left:22px;
  right:22px;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(132,135,255,.55),rgba(255,255,255,.16),transparent);
  pointer-events:none;
}
#layout-navbar .nav-action-icon,
#layout-navbar .balance-icon {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 5px 12px rgba(10,12,24,.12) !important;
}
#layout-navbar .navbar-balance {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), inset 0 0 0 1px rgba(255,255,255,.075), 0 7px 16px rgba(11,13,26,.11) !important;
}

/* Sidebar: same palette as navbar, but with depth/light instead of a flat color. */
#layout-menu {
  background:
    radial-gradient(310px 240px at 12% 2%, rgba(105,108,255,.15), transparent 64%),
    radial-gradient(260px 380px at 110% 58%, rgba(90,94,210,.09), transparent 68%),
    linear-gradient(180deg,#191c2b 0%,#202438 48%,#191c2b 100%) !important;
  box-shadow:
    12px 0 34px rgba(17,20,33,.17),
    inset -1px 0 0 rgba(255,255,255,.035) !important;
}
#layout-menu:after {
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:1px;
  height:100%;
  background:linear-gradient(180deg,rgba(121,124,255,.25),rgba(255,255,255,.035) 24%,rgba(255,255,255,.02) 76%,transparent);
  pointer-events:none;
}

/* Keep logo area clean while menu scrolls: no shadow/gradient passing over it. */
#layout-menu .menu-inner-shadow { display:none !important; }
#layout-menu .app-brand.demo {
  position:relative;
  z-index:5;
  margin:0 !important;
  padding:0 14px !important;
  background:rgba(18,21,34,.20);
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.065);
}

/* Better horizontal centering and remove Sneat's detached blue active strip. */
#layout-menu .menu-inner { padding:13px 10px 24px !important; }
#layout-menu .menu-inner > .menu-item { margin:4px 0 !important; }
.layout-wrapper:not(.layout-horizontal) #layout-menu.bg-menu-theme .menu-inner > .menu-item.active:before,
#layout-menu.bg-menu-theme .menu-inner > .menu-item.active:before {
  display:none !important;
  content:none !important;
}
#layout-menu .menu-link {
  margin:0 !important;
  padding-left:12px !important;
  padding-right:12px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.015);
}
#layout-menu .menu-icon {
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055), 0 4px 10px rgba(7,9,18,.10) !important;
}
#layout-menu .menu-link:hover {
  background:linear-gradient(90deg,rgba(255,255,255,.075),rgba(255,255,255,.045)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 6px 15px rgba(8,10,20,.08) !important;
}
#layout-menu .menu-item.active > .menu-link {
  background:
    linear-gradient(135deg,rgba(118,121,255,1),rgba(96,99,239,1)) !important;
  box-shadow:
    0 9px 22px rgba(82,85,225,.27),
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -1px 0 rgba(31,34,128,.18) !important;
}
#layout-menu .menu-item.active > .menu-link:after {
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  top:0;
  height:1px;
  border-radius:12px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);
  pointer-events:none;
}
#layout-menu .menu-sub { margin-left:17px !important; }

@media (min-width:1200px) {
  /* Detached navbar keeps its side breathing room, only the top gap is removed. */
  #layout-navbar.navbar-detached { margin-top:0 !important; }
}

/* V7 — page-only polish: categories + add reseller. Navbar/sidebar intentionally untouched. */
.category-page-card { border: 1px solid #e7eaf2 !important; box-shadow: 0 12px 34px rgba(31,39,75,.06) !important; }
.category-grid { margin: -6px !important; align-items: stretch; }
.category-grid-item { padding: 6px !important; }
.category-tile { position: relative; overflow: hidden; border: 1px solid #e5e8f1 !important; border-radius: 16px !important; background: #fff !important; box-shadow: 0 8px 22px rgba(31,39,75,.06) !important; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.category-tile:hover { transform: translateY(-3px); border-color: rgba(105,103,255,.32) !important; box-shadow: 0 14px 30px rgba(31,39,75,.11) !important; }
.category-image-wrap { height: 155px; margin: 10px 10px 0; border-radius: 12px; overflow: hidden; background: #f5f6fa; display:flex; align-items:center; justify-content:center; }
.category-image { width: 100%; height: 100%; object-fit: cover; }
.category-count { position:absolute; top:136px; left:22px; margin:0 !important; width:auto !important; min-width:76px; padding:6px 12px !important; border:1px solid #eceef5; border-radius:11px !important; box-shadow:0 7px 18px rgba(31,39,75,.12) !important; }
.category-count h5 { font-size:16px; line-height:18px; font-weight:700; }
.category-count span { font-size:12px; font-weight:600; }
.category-body { padding: 26px 16px 15px !important; min-height:70px; }
.category-name { margin:0 !important; font-size:16px; font-weight:650; color:#34405b; }
@media (min-width: 1400px) { .category-grid-item { width:20%; } }
@media (max-width: 767.98px) { .category-image-wrap { height:145px; } .category-count { top:126px; } }

.addrev-single-form { border:0 !important; box-shadow:none !important; background:transparent !important; }
.addrev-single-form .bs-stepper-content { padding: 8px 6px 4px !important; }
.addrev-single-form .addrev-section { display:block !important; visibility:visible !important; opacity:1 !important; margin:0 0 18px !important; padding:22px !important; border:1px solid #e5e8f1; border-radius:16px; background:#fff; box-shadow:0 8px 24px rgba(31,39,75,.055); }
.addrev-single-form .addrev-section .content-header { margin-bottom:18px !important; }
.addrev-single-form #account-details .content-header:after { content:'Détails du compte'; }
.addrev-single-form #account-details .content-header h6 { display:none; }
.addrev-single-form .content-header h6,
.addrev-single-form #account-details .content-header:after { color:#34405b; font-size:16px; font-weight:700; }
.addrev-single-form .form-label { font-weight:600; color:#59647c; margin-bottom:7px; }
.addrev-single-form .form-control,
.addrev-single-form .form-select { min-height:45px; border-radius:10px; border-color:#dfe3ec; background:#fbfcfe; }
.addrev-single-form .form-control:focus,
.addrev-single-form .form-select:focus { background:#fff; border-color:#7775ff; box-shadow:0 0 0 3px rgba(105,103,255,.10); }
.addrev-single-form .input-group > .form-control:first-child { border-radius:10px 0 0 10px; }
.addrev-single-form .custom-option { border-radius:12px !important; border-color:#e3e7ef !important; background:#fbfcfe; }
.addrev-single-form .custom-option:hover { border-color:rgba(105,103,255,.35) !important; background:#fff; }
.addrev-single-form .addrev-products-section { margin-bottom:10px !important; }
.addrev-single-form .addrev-submit-wrap { padding-top:8px; }
.addrev-single-form #formadd { min-width:150px; min-height:44px; border-radius:10px; font-weight:700; box-shadow:0 7px 16px rgba(40,199,111,.18); }