/**
 * Dell Wall Technologies — Dellwall SALESERP theme overrides.
 * Colors sourced from dt.dellwall.com theme (cobalt blue + orange accent).
 */
:root {
  --dw-navy: #0d1b40;
  --dw-navy-lt: #152254;
  --dw-cobalt: #1b69ff;
  --dw-cobalt-dk: #1450cc;
  --dw-cobalt-lt: #2e7bff;
  --dw-orange: #f47820;
  --dw-orange-dk: #d4640e;
  --dw-charcoal: #2c2c3a;
  --dw-mid: #5a5a72;
  --dw-light: #eef2fa;
  --dw-surface: #f7f9fc;
  --dw-border: #d6dded;
  --dw-white: #ffffff;
  --dw-login-bg: #e8eef8;
  --brand-primary: var(--dw-cobalt);
  --brand-secondary: var(--dw-navy);
}

body.dellwall-branded {
  background-color: var(--dw-surface);
}

/* ── Header & logo strip ─────────────────────────────────────────── */
body.dellwall-branded .main-header .logo {
  background-color: var(--dw-white) !important;
  border-bottom: 3px solid var(--dw-orange);
  border-right: 1px solid var(--dw-border);
}

body.dellwall-branded .main-header .logo .logo-lg img,
body.dellwall-branded .main-header .logo .logo-mini img {
  height: 38px;
  width: auto;
  max-width: 210px;
  object-fit: contain;
}

body.dellwall-branded .main-header .navbar {
  background-color: var(--dw-white) !important;
  border-bottom: 1px solid var(--dw-border) !important;
  box-shadow: 0 1px 0 rgba(13, 27, 64, 0.04);
}

body.dellwall-branded .main-header .navbar .nav > li > a {
  color: var(--dw-navy);
}

body.dellwall-branded .top-fixed-link .btn-success.btn-outline,
body.dellwall-branded .navbar .btn-success.btn-outline {
  color: var(--dw-cobalt) !important;
  border-color: var(--dw-cobalt) !important;
  background: transparent !important;
}

body.dellwall-branded .top-fixed-link .btn-success.btn-outline:hover,
body.dellwall-branded .navbar .btn-success.btn-outline:hover {
  color: var(--dw-white) !important;
  background: var(--dw-cobalt) !important;
  border-color: var(--dw-cobalt-dk) !important;
}

/* ── Top bar: Ask AI + POS Sale ──────────────────────────────────── */
body.dellwall-branded .navbar-custom-menu > .nav.navbar-nav {
  display: flex;
  align-items: center;
}

body.dellwall-branded .navbar-custom-menu .nav > li {
  display: flex;
  align-items: center;
}

body.dellwall-branded .dw-navbar-actions {
  margin-right: 8px;
}

body.dellwall-branded .dw-navbar-actions-group {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

body.dellwall-branded .dw-topbar-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 38px;
  padding: 8px 16px !important;
  border-radius: 6px !important;
  border: 1px solid var(--dw-cobalt-dk) !important;
  background-color: var(--dw-cobalt) !important;
  color: var(--dw-white) !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  text-decoration: none !important;
  box-shadow: 0 2px 6px rgba(27, 105, 255, 0.22);
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

body.dellwall-branded .dw-topbar-btn:hover,
body.dellwall-branded .dw-topbar-btn:focus {
  background-color: var(--dw-cobalt-dk) !important;
  border-color: var(--dw-navy) !important;
  color: var(--dw-white) !important;
  box-shadow: 0 4px 10px rgba(27, 105, 255, 0.28);
}

body.dellwall-branded .dw-topbar-btn i {
  font-size: 15px;
  line-height: 1;
}

body.dellwall-branded .btn-c,
body.dellwall-branded .btn_ai_setting {
  background-color: var(--dw-cobalt) !important;
}

body.dellwall-branded .btn-c:hover,
body.dellwall-branded .btn_ai_setting:hover {
  background-color: var(--dw-cobalt-dk) !important;
}

body.dellwall-branded .pos-btn.btn-success,
body.dellwall-branded .navbar .pos-btn {
  background-color: var(--dw-cobalt) !important;
  border-color: var(--dw-cobalt-dk) !important;
  color: var(--dw-white) !important;
}

body.dellwall-branded .pos-btn.btn-success:hover,
body.dellwall-branded .navbar .pos-btn:hover {
  background-color: var(--dw-cobalt-dk) !important;
  border-color: var(--dw-navy) !important;
}

/* ── Sidebar ─────────────────────────────────────────────────────── */
body.dellwall-branded .main-sidebar,
body.dellwall-branded .main-sidebar .sidebar {
  background-color: var(--dw-navy) !important;
}

body.dellwall-branded .sidebar-menu > li > a {
  color: rgba(255, 255, 255, 0.92) !important;
}

body.dellwall-branded .sidebar-menu > li.active > a:before {
  background: var(--dw-orange) !important;
}

body.dellwall-branded .sidebar-menu > li.active > a,
body.dellwall-branded .sidebar-menu > li:hover > a {
  background: var(--dw-navy-lt) !important;
  color: var(--dw-white) !important;
}

body.dellwall-branded .sidebar-menu .treeview-menu > li > a:hover,
body.dellwall-branded .sidebar-menu .treeview-menu > li.active > a {
  color: var(--dw-orange) !important;
}

body.dellwall-branded .user-panel .info a .text-success,
body.dellwall-branded .user-panel .info a .fa-circle.text-success {
  color: var(--dw-orange) !important;
}

/* ── Links, text utilities, selection ────────────────────────────── */
body.dellwall-branded a {
  color: var(--dw-cobalt);
}

body.dellwall-branded a:hover,
body.dellwall-branded a:focus {
  color: var(--dw-cobalt-dk);
}

body.dellwall-branded ::selection,
body.dellwall-branded ::-moz-selection {
  background: var(--dw-cobalt) !important;
  color: var(--dw-white) !important;
}

body.dellwall-branded .text-success,
body.dellwall-branded .color-green {
  color: var(--dw-cobalt) !important;
}

body.dellwall-branded .bg-green {
  background: var(--dw-cobalt) !important;
}

body.dellwall-branded .border-green {
  border-color: var(--dw-cobalt) !important;
}

body.dellwall-branded .content-header .header-icon {
  color: var(--dw-cobalt) !important;
}

/* ── Buttons ───────────────────────────────────────────────────── */
body.dellwall-branded .btn-success,
body.dellwall-branded .btn-success:focus,
body.dellwall-branded .btn-success:active {
  background-color: var(--dw-cobalt) !important;
  border-color: var(--dw-cobalt-dk) !important;
  color: var(--dw-white) !important;
}

body.dellwall-branded .btn-success:hover {
  background-color: var(--dw-cobalt-dk) !important;
  border-color: var(--dw-navy) !important;
}

body.dellwall-branded .btn-primary,
body.dellwall-branded .btn-primary:focus {
  background-color: var(--dw-navy) !important;
  border-color: var(--dw-navy-lt) !important;
}

body.dellwall-branded .btn-primary:hover {
  background-color: var(--dw-cobalt-dk) !important;
  border-color: var(--dw-cobalt) !important;
}

body.dellwall-branded .btn-warning,
body.dellwall-branded .label-warning {
  background-color: var(--dw-orange) !important;
  border-color: var(--dw-orange-dk) !important;
}

body.dellwall-branded .back-top {
  background-color: var(--dw-cobalt) !important;
  border-color: var(--dw-cobalt) !important;
}

body.dellwall-branded .back-top:hover {
  background-color: var(--dw-orange) !important;
  border-color: var(--dw-orange-dk) !important;
}

/* ── Panels & page chrome ───────────────────────────────────────── */
body.dellwall-branded .panel-success > .panel-heading,
body.dellwall-branded .panel-bd > .panel-heading {
  background-color: var(--dw-navy) !important;
  border-color: var(--dw-navy-lt) !important;
  color: var(--dw-white) !important;
}

body.dellwall-branded .panel-bd .panel-heading::before {
  border-top-color: var(--dw-orange) !important;
}

body.dellwall-branded .panel-title h4,
body.dellwall-branded .panel-heading h4 {
  color: inherit;
}

body.dellwall-branded .breadcrumb > .active {
  color: var(--dw-orange);
}

body.dellwall-branded .main-footer {
  background: var(--dw-white);
  border-top: 3px solid var(--dw-orange);
  color: var(--dw-mid);
}

body.dellwall-branded .main-footer a {
  color: var(--dw-cobalt);
  font-weight: 600;
}

body.dellwall-branded .main-footer a:hover {
  color: var(--dw-orange);
}

/* ── Tables, pagination, toggles ───────────────────────────────── */
body.dellwall-branded .pagination > .active > a,
body.dellwall-branded .pagination > .active > span {
  background-color: var(--dw-cobalt) !important;
  border-color: var(--dw-cobalt-dk) !important;
}

body.dellwall-branded .dataTables_wrapper .dataTables_paginate .paginate_button.current,
body.dellwall-branded .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: var(--dw-cobalt) !important;
  border-color: var(--dw-cobalt-dk) !important;
  color: var(--dw-white) !important;
}

body.dellwall-branded .toggle.btn-success {
  background-color: var(--dw-cobalt) !important;
}

/* ── Loader ──────────────────────────────────────────────────────── */
body.dellwall-branded .spinner-layer.pl-green,
body.dellwall-branded .spinner-layer.pl-dellwall {
  border-color: var(--dw-cobalt) !important;
}

body.dellwall-branded .page-loader-wrapper p {
  color: var(--dw-navy);
  font-weight: 600;
}

/* ── Login page ─────────────────────────────────────────────────── */
body.dellwall-login {
  min-height: 100vh;
  background-color: var(--dw-login-bg);
  background-image:
    radial-gradient(circle at 12% 18%, rgba(27, 105, 255, 0.07), transparent 32%),
    radial-gradient(circle at 88% 82%, rgba(27, 105, 255, 0.05), transparent 28%);
}

body.dellwall-login .container-center {
  min-height: 100vh;
  background: transparent;
}

body.dellwall-login .login_wrapper {
  background-color: var(--dw-white);
  border: 1px solid var(--dw-border);
  border-radius: 10px;
  box-shadow: 0 16px 48px rgba(13, 27, 64, 0.1);
  border-top: 4px solid var(--dw-orange);
  max-width: 440px;
  width: 100%;
  padding: 1.75rem 1.5rem 1.5rem;
}

body.dellwall-login .login_wrapper .panel-heading,
body.dellwall-login .login_wrapper .panel-body {
  background: var(--dw-white);
  border: none;
  padding: 0;
}

body.dellwall-login .login-brand {
  text-align: center;
  margin-bottom: 1.25rem;
}

body.dellwall-login .login-brand img {
  max-width: 220px;
  height: auto;
  margin-bottom: 0.75rem;
}

body.dellwall-login .login-brand h1 {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--dw-navy);
  letter-spacing: 0.02em;
}

body.dellwall-login .login-brand p {
  margin: 0.35rem 0 0;
  color: var(--dw-mid);
  font-size: 0.92rem;
}

body.dellwall-login .view_header .pe-7s-unlock {
  color: var(--dw-cobalt) !important;
}

body.dellwall-login .btn-success {
  width: 100%;
  background-color: var(--dw-cobalt) !important;
  border-color: var(--dw-cobalt-dk) !important;
  font-weight: 600;
  letter-spacing: 0.02em;
}

body.dellwall-login .btn-success:hover {
  background-color: var(--dw-orange) !important;
  border-color: var(--dw-orange-dk) !important;
}

body.dellwall-login .modal-header {
  background: var(--dw-navy);
  color: var(--dw-white);
}

body.dellwall-login .modal-header .title {
  color: var(--dw-white);
}

body.dellwall-login .modal-footer .btn-success {
  width: auto;
}

/* ── POS shell accents ───────────────────────────────────────────── */
body.pos-fullscreen.dellwall-branded {
  background: var(--dw-light) !important;
}

body.dellwall-branded .gui_pos .btn-success,
body.dellwall-branded #gui_pos .btn-success {
  background-color: var(--dw-cobalt) !important;
  border-color: var(--dw-cobalt-dk) !important;
}

body.dellwall-branded .gui_pos .btn-success:hover,
body.dellwall-branded #gui_pos .btn-success:hover {
  background-color: var(--dw-orange) !important;
  border-color: var(--dw-orange-dk) !important;
}

body.dellwall-branded .modal-success .modal-header,
body.dellwall-branded .modal-header.bg-success {
  background-color: var(--dw-navy) !important;
  color: var(--dw-white) !important;
}

body.dellwall-branded .label-success {
  background-color: var(--dw-cobalt) !important;
}

body.dellwall-branded .progress-bar-success {
  background-color: var(--dw-cobalt) !important;
}

body.dellwall-branded .nav-tabs > li.active > a,
body.dellwall-branded .nav-tabs > li.active > a:hover,
body.dellwall-branded .nav-tabs > li.active > a:focus {
  border-top-color: var(--dw-orange) !important;
  color: var(--dw-cobalt) !important;
}

/* ── Dashboard: white text on dark surfaces ─────────────────────── */
body.dellwall-branded .btn-primary,
body.dellwall-branded .btn-primary:hover,
body.dellwall-branded .btn-primary:focus,
body.dellwall-branded .btn-primary:active,
body.dellwall-branded .btn-c,
body.dellwall-branded .btn-c:hover,
body.dellwall-branded .btn_ai_setting,
body.dellwall-branded .btn_ai_setting:hover {
  color: var(--dw-white) !important;
}

body.dellwall-branded .whitecolor,
body.dellwall-branded .whitecolor h3,
body.dellwall-branded .whitecolor h4,
body.dellwall-branded .whitecolor p,
body.dellwall-branded .whitecolor .count-number,
body.dellwall-branded .small-box.bg-green,
body.dellwall-branded .small-box.bg-pase,
body.dellwall-branded .small-box.bg-bringal,
body.dellwall-branded .small-box.bg-darkgreen {
  color: var(--dw-white) !important;
}

body.dellwall-branded .small-box.bg-green .inner h3,
body.dellwall-branded .small-box.bg-green .inner h4,
body.dellwall-branded .small-box.bg-green .inner p,
body.dellwall-branded .small-box.bg-green .inner .count-number,
body.dellwall-branded .small-box.bg-pase .inner h3,
body.dellwall-branded .small-box.bg-pase .inner h4,
body.dellwall-branded .small-box.bg-pase .inner p,
body.dellwall-branded .small-box.bg-pase .inner .count-number,
body.dellwall-branded .small-box.bg-bringal .inner h3,
body.dellwall-branded .small-box.bg-bringal .inner h4,
body.dellwall-branded .small-box.bg-bringal .inner p,
body.dellwall-branded .small-box.bg-bringal .inner .count-number,
body.dellwall-branded .small-box.bg-darkgreen .inner h3,
body.dellwall-branded .small-box.bg-darkgreen .inner h4,
body.dellwall-branded .small-box.bg-darkgreen .inner p,
body.dellwall-branded .small-box.bg-darkgreen .inner .count-number {
  color: var(--dw-white) !important;
}

body.dellwall-branded .small-box.bg-green > .small-box-footer,
body.dellwall-branded .small-box.bg-pase > .small-box-footer,
body.dellwall-branded .small-box.bg-bringal > .small-box-footer,
body.dellwall-branded .small-box.bg-darkgreen > .small-box-footer,
body.dellwall-branded .small-box.bg-green > .small-box-footer:hover,
body.dellwall-branded .small-box.bg-pase > .small-box-footer:hover,
body.dellwall-branded .small-box.bg-bringal > .small-box-footer:hover,
body.dellwall-branded .small-box.bg-darkgreen > .small-box-footer:hover {
  color: rgba(255, 255, 255, 0.92) !important;
}

body.dellwall-branded .panel-bd > .panel-heading,
body.dellwall-branded .panel-success > .panel-heading {
  color: var(--dw-white) !important;
}

body.dellwall-branded .panel-bd > .panel-heading h1,
body.dellwall-branded .panel-bd > .panel-heading h2,
body.dellwall-branded .panel-bd > .panel-heading h3,
body.dellwall-branded .panel-bd > .panel-heading h4,
body.dellwall-branded .panel-bd > .panel-heading h5,
body.dellwall-branded .panel-bd > .panel-heading h6,
body.dellwall-branded .panel-bd > .panel-heading .panel-title,
body.dellwall-branded .panel-bd > .panel-heading .best-sale-title,
body.dellwall-branded .panel-bd > .panel-heading .charttitle,
body.dellwall-branded .panel-success > .panel-heading h1,
body.dellwall-branded .panel-success > .panel-heading h2,
body.dellwall-branded .panel-success > .panel-heading h3,
body.dellwall-branded .panel-success > .panel-heading h4,
body.dellwall-branded .panel-success > .panel-heading h5,
body.dellwall-branded .panel-success > .panel-heading h6 {
  color: var(--dw-white) !important;
}

body.dellwall-branded .panel-bd > .panel-heading .btn-success,
body.dellwall-branded .panel-bd > .panel-heading .best-sale-seeall,
body.dellwall-branded .panel-bd > .panel-heading .filterbutton,
body.dellwall-branded .panel-bd > .panel-heading .filterbutton i {
  color: var(--dw-white) !important;
}

body.dellwall-branded .filterbutton,
body.dellwall-branded .filterbutton:hover,
body.dellwall-branded .filterbutton:focus,
body.dellwall-branded .filterbutton:active {
  background-color: var(--dw-cobalt) !important;
  color: var(--dw-white) !important;
}

/* White / light panels keep normal dark text */
body.dellwall-branded .panel-bd > .panel-body,
body.dellwall-branded .panel-bd .panel-body,
body.dellwall-branded .panel-body .table,
body.dellwall-branded .panel-body .table th,
body.dellwall-branded .panel-body .table td,
body.dellwall-branded .todayssaletitle,
body.dellwall-branded .todayssaletitle .table th,
body.dellwall-branded .todayssaletitle .table td {
  color: var(--dw-charcoal);
}

body.dellwall-branded .panel-body .table a {
  color: var(--dw-cobalt);
}

body.dellwall-branded .panel-body .table a:hover {
  color: var(--dw-cobalt-dk);
}

/* Chart areas sit on light backgrounds — axis/legend labels stay dark */
body.dellwall-branded .panel-body canvas,
body.dellwall-branded .panel-bd .panel-body {
  background-color: var(--dw-white);
}