:root {
  --watsmax-primary: #00b894;
  --watsmax-primary-rgb: 0, 184, 148;
  --watsmax-primary-dark: #009b7d;
  --watsmax-sidebar: #111827;
  --watsmax-header: #111827;
  --watsmax-content: #f3f6f9;
  --watsmax-dark-content: #0b1220;
  --watsmax-card: #fff;
  --watsmax-dark-card: #111827;
  --watsmax-dark-card-2: #151e2d;
  --watsmax-border: #e7edf5;
  --watsmax-dark-border: #263244;
  --watsmax-text: #1f2937;
  --watsmax-muted: #768197;
  --watsmax-sidebar-width: 250px;
  --watsmax-sidebar-sm: 70px;
  --watsmax-topbar-height: 60px;
  --vz-primary: #00b894;
  --vz-primary-rgb: 0, 184, 148;
}
html,
body {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  background: var(--watsmax-content);
  color: var(--watsmax-text);
}
html[lang="ar"],
html[lang="ar"] body {
  font-family: "Almarai", "Inter", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
}

.no-border{
	border: 0 !important;
}
	
.w-ltr,
.phone-ltr,
.date-ltr,
.number-ltr,
.amount-ltr,
.endpoint-ltr,
.key-ltr {
  direction: ltr !important;
  unicode-bidi: embed !important;
  display: inline-block;
  text-align: left !important;
}
.min-w-0 {
  min-width: 0;
}
.card {
  border: 1px solid #e7ebf1 !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 2px 0 rgba(56, 65, 74, 0.15) !important;
  background: var(--watsmax-card);
}
.card-header {
  border-radius: 8px 8px 0 0 !important;
  border-bottom: 1px solid var(--watsmax-border);
  background: transparent;
}
.form-control,
.form-select,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.dropdown-menu,
.modal-content,
.alert,
.endpoint-box,
.response-box,
.code-panel,
.integration-card {
  border-radius: 6px !important;
}
.btn {
  border-radius: 4px !important;
}
.form-control,
.form-select,
.select2-container--default .select2-selection--single {
  border-color: #dbe4ef;
  min-height: 42px;
}
.form-control:focus,
.form-select:focus {
  border-color: rgba(var(--watsmax-primary-rgb), 0.65);
  box-shadow: 0 0 0 0.15rem rgba(var(--watsmax-primary-rgb), 0.12);
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 40px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 40px;
}
.select2-container--default .select2-selection--multiple {
  min-height: 42px;
}
.btn-primary,
.btn-success {
  background: var(--watsmax-primary) !important;
  border-color: var(--watsmax-primary) !important;
}
.btn-primary:hover,
.btn-success:hover {
  background: var(--watsmax-primary-dark) !important;
  border-color: var(--watsmax-primary-dark) !important;
}
.text-primary {
  color: var(--watsmax-primary) !important;
}
.bg-primary,
.avatar-title.bg-primary {
  background: var(--watsmax-primary) !important;
}
.bg-primary-subtle {
  background: rgba(var(--watsmax-primary-rgb), 0.12) !important;
}
.btn-soft-primary {
  background: rgb(0 184 148 / 27%) !important;
  color: var(--watsmax-primary) !important;
  border-color: transparent !important;
}
.btn-soft-primary:hover {
  background: var(--watsmax-primary) !important;
  color: #fff !important;
}
a,
a:hover,
a:focus,
.text-decoration-underline {
  text-decoration: none !important;
}
.layout-width {
  max-width: none !important;
}
.app-menu.navbar-menu {
  position: fixed !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: auto !important;
  width: var(--watsmax-sidebar-width) !important;
  z-index: 1002 !important;
  background: var(--watsmax-sidebar) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.06) !important;
  transition: width 0.2s ease, left 0.2s ease, right 0.2s ease;
}
.navbar-brand-box {
  height: var(--watsmax-topbar-height) !important;
  background: var(--watsmax-sidebar) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.navbar-menu .navbar-nav .nav-link {
  height: 38px;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #a9b4c5;
  border-radius: 6px;
  margin: 2px 6px;
  padding: 0 14px !important;
  white-space: nowrap;
  transition: 0.15s ease;
}
.navbar-menu .navbar-nav .nav-link i {
  font-size: 20px;
  min-width: 22px;
  text-align: center;
  color: var(--watsmax-primary);
}
.navbar-menu .navbar-nav .nav-link.active,
.navbar-menu .navbar-nav .nav-link:hover {
  color: #fff;
  background: rgba(var(--watsmax-primary-rgb), 0.18);
}
.navbar-menu .menu-title {
  font-size: 11px;
  letter-spacing: 0.08em;
  color: #8b98aa;
  padding: 18px 20px 8px;
  text-transform: uppercase;
}
html[data-sidebar-size="sm-hover"] .app-menu.navbar-menu {
  width: var(--watsmax-sidebar-sm) !important;
}
html[data-sidebar-size="sm-hover"] .app-menu.navbar-menu:hover {
  width: var(--watsmax-sidebar-width) !important;
}
html[data-sidebar-size="sm-hover"] .navbar-menu .logo-lg,
html[data-sidebar-size="sm-hover"] .navbar-menu .menu-title span,
html[data-sidebar-size="sm-hover"] .navbar-menu .nav-link span {
  opacity: 0;
  visibility: hidden;
  transition: 0.1s ease;
}
html[data-sidebar-size="sm-hover"] .navbar-menu:hover .logo-lg,
html[data-sidebar-size="sm-hover"] .navbar-menu:hover .menu-title span,
html[data-sidebar-size="sm-hover"] .navbar-menu:hover .nav-link span {
  opacity: 1;
  visibility: visible;
}
html[data-sidebar-size="sm-hover"] .navbar-menu .menu-title {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
html[data-sidebar-size="sm-hover"] .navbar-menu .menu-title:before {
  content: "•••";
  color: #8b98aa;
}
html[data-sidebar-size="sm-hover"] .navbar-menu:hover .menu-title:before {
  content: "";
}
.main-content {
  margin-left: var(--watsmax-sidebar-width) !important;
  margin-right: 0 !important;
  transition: margin 0.2s ease;
  min-height: 100vh;
  padding-bottom: 20px;
}
html[data-sidebar-size="sm-hover"] .main-content {
  margin-left: var(--watsmax-sidebar-sm) !important;
}
#page-topbar {
  position: fixed !important;
  top: 0 !important;
  left: var(--watsmax-sidebar-width) !important;
  right: 0 !important;
  width: auto !important;
  z-index: 1001 !important;
  background: #fff;
  border-bottom: 1px solid #1118272b;
  transition: left 0.2s ease, right 0.2s ease;
  background-clip: padding-box;
}
html[data-sidebar-size="sm-hover"] #page-topbar {
  left: var(--watsmax-sidebar-sm) !important;
}
.navbar-header {
  height: var(--watsmax-topbar-height) !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 5px !important;
}
.topbar-page-title {
  font-size: 20px;
  font-weight: 600;
  color: #263445;
  text-transform: uppercase;
  max-width: 460px;
}
.topnav-hamburger {
  color: #64748b;
}
.page-content {
  padding-top: calc(var(--watsmax-topbar-height) + 24px) !important;
  background: var(--watsmax-content);
  min-height: calc(100vh - var(--watsmax-topbar-height));
  /* padding-bottom: 30px; */
}
.footer {
  left: var(--watsmax-sidebar-width) !important;
  right: 0 !important;
  width: auto !important;
  background: #fff;
  border-top: 1px solid #e8edf4;
  color: #64748b;
  transition: left 0.2s ease, right 0.2s ease;
}
html[data-sidebar-size="sm-hover"] .footer {
  left: var(--watsmax-sidebar-sm) !important;
}
.table > thead.table-light > tr > th,
.table-light th {
  background: #f8fafc !important;
  color: #334155;
  border-color: #e8edf4;
}
.table-nowrap td,
.table-nowrap th {
  white-space: nowrap;
}
.table th,
.table td {
  vertical-align: middle;
}
.status-pill {
  display: inline-flex;
  align-items: center;
  padding: 0.28rem 0.58rem;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  text-transform: capitalize;
}
.status-active,
.status-subscribed,
.status-paid,
.status-completed,
.status-200 {
  background: rgba(0, 184, 148, 0.12);
  color: #009879;
}
.status-inactive,
.status-unsubscribed,
.status-cancelled,
.status-failed,
.status-401,
.status-422,
.status-500 {
  background: rgba(239, 68, 68, 0.12);
  color: #dc2626;
}
.status-abandoned,
.status-pending,
.status-405 {
  background: rgba(245, 158, 11, 0.14);
  color: #b45309;
}
.status-converted {
  background: rgba(14, 165, 233, 0.12);
  color: #0284c7;
}
.status-cleared,
.status-blocked {
  background: rgba(100, 116, 139, 0.14);
  color: #475569;
}
.endpoint-box {
  background: #071126;
  color: #fff;
  padding: 0.78rem 1.05rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", monospace;
  display: inline-block;
  text-align: left;
}
.response-box {
  background: #071126;
  color: #dffdf6;
  padding: 1.25rem;
  min-height: 170px;
  white-space: pre-wrap;
  direction: ltr;
  text-align: left;
  unicode-bidi: embed;
}
.code-panel {
  background: #f8fafc;
  border: 1px solid #e6edf6;
  padding: 18px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", monospace;
  white-space: pre-wrap;
  color: #1e293b;
  direction: ltr;
  text-align: left;
}
.small-muted {
  font-size: 12px;
  color: #64748b;
}
.tester-sticky-key {
  position: sticky;
  top: calc(var(--watsmax-topbar-height) + 14px);
  z-index: 10;
}
.dataTables_wrapper
  .dataTables_paginate
  .pagination
  .page-item.active
  .page-link {
  background: var(--watsmax-primary) !important;
  border-color: var(--watsmax-primary) !important;
  color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate .pagination .page-link {
  color: var(--watsmax-primary);
  border-radius: 4px !important;
  margin: 0 2px;
}
.dataTables_wrapper .dataTables_filter input {
  border-radius: 6px;
  border: 1px solid #dbe4ef;
  padding: 0.45rem 0.75rem;
}
.dt-buttons .btn {
  margin-inline-end: 0.4rem;
}
.filter-actions {
  display: flex;
  gap: 0.5rem;
  align-items: end;
}
.copy-input {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", monospace;
}
.modal-content {
  box-shadow: 0 14px 40px rgba(15, 23, 42, 0.14);
}
.integration-shell {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 24px;
}
.integration-nav {
  position: sticky;
  top: calc(var(--watsmax-topbar-height) + 24px);
}
.integration-nav-item {
  display: flex;
  gap: 14px;
  align-items: center;
  padding: 14px 16px;
  border-radius: 8px;
  color: #475569;
  margin-bottom: 8px;
  border: 1px solid transparent;
}
.integration-nav-item:hover,
.integration-nav-item.active {
  background: rgba(var(--watsmax-primary-rgb), 0.1);
  border-color: rgba(var(--watsmax-primary-rgb), 0.18);
  color: #0f766e;
}
.integration-nav-icon {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #f1f5f9;
  color: var(--watsmax-primary);
  font-size: 22px;
}
.integration-nav-item.active .integration-nav-icon {
  background: #fff;
}
.step-badge {
  width: 34px;
  min-width: 34px;
  max-width: 34px;
  height: 34px;
  min-height: 34px;
  max-height: 34px;
  flex: 0 0 34px;
  aspect-ratio: 1 / 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #e6eef8;
  color: #64748b;
  font-weight: 700;
  line-height: 1;
}
.endpoint-line {
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid #e6edf6;
  border-radius: 8px 8px 0 0;
  padding: 16px 18px;
  background: #fff;
}
.endpoint-body {
  border: 1px solid #e6edf6;
  border-top: 0;
  border-radius: 0 0 8px 8px;
  padding: 18px;
  background: #fff;
}
.method-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 64px;
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--watsmax-primary);
  color: #fff;
  font-weight: 600;
  font-size: 12px;
}
.auth-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #64748b;
  font-size: 12px;
  font-weight: 600;
}
.note-box {
  background: #eef6ff;
  border: 1px solid #bfdbfe;
  color: #2563eb;
  border-radius: 6px;
  padding: 10px 12px;
}
[dir="rtl"] body {
  text-align: right;
}
[dir="rtl"] .app-menu.navbar-menu {
  right: 0 !important;
  left: auto !important;
  border-left: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-right: 0 !important;
}
[dir="rtl"] .main-content {
  margin-right: var(--watsmax-sidebar-width) !important;
  margin-left: 0 !important;
}
[dir="rtl"][data-sidebar-size="sm-hover"] .main-content {
  margin-right: var(--watsmax-sidebar-sm) !important;
  margin-left: 0 !important;
}
[dir="rtl"] #page-topbar {
  right: var(--watsmax-sidebar-width) !important;
  left: 0 !important;
}
[dir="rtl"][data-sidebar-size="sm-hover"] #page-topbar {
  right: var(--watsmax-sidebar-sm) !important;
  left: 0 !important;
}
[dir="rtl"] .footer {
  right: var(--watsmax-sidebar-width) !important;
  left: 0 !important;
}
[dir="rtl"][data-sidebar-size="sm-hover"] .footer {
  right: var(--watsmax-sidebar-sm) !important;
  left: 0 !important;
}
[dir="rtl"] .navbar-header {
  direction: rtl;
}
[dir="rtl"] .topbar-actions {
  direction: rtl;
}
[dir="rtl"] .navbar-menu .navbar-nav .nav-link {
  direction: rtl;
}
[dir="rtl"] .ms-1 {
  margin-right: 0.25rem !important;
  margin-left: 0 !important;
}
[dir="rtl"] .ms-2 {
  margin-right: 0.5rem !important;
  margin-left: 0 !important;
}
[dir="rtl"] .ms-sm-3 {
  margin-right: 1rem !important;
  margin-left: 0 !important;
}
[dir="rtl"] .ms-xl-2 {
  margin-right: 0.5rem !important;
  margin-left: 0 !important;
}
[dir="rtl"] .me-1 {
  margin-left: 0.25rem !important;
  margin-right: 0 !important;
}
[dir="rtl"] .me-2 {
  margin-left: 0.5rem !important;
  margin-right: 0 !important;
}
[dir="rtl"] .text-start {
  text-align: right !important;
}
[dir="rtl"] .text-end {
  text-align: left !important;
}
[dir="rtl"] .table th,
[dir="rtl"] .table td {
  text-align: right;
}
[dir="rtl"] .dataTables_wrapper .row {
  direction: rtl;
}
[dir="rtl"] .dataTables_filter {
  text-align: left !important;
}
[dir="rtl"] .dataTables_info {
  text-align: right;
}
[dir="rtl"] .pagination {
  justify-content: flex-start;
}
[dir="rtl"]
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  text-align: right;
  padding-right: 8px;
  padding-left: 20px;
}
[dir="rtl"]
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  left: 1px;
  right: auto;
}
[dir="rtl"] .dropdown-menu {
  text-align: right;
}
[dir="rtl"] .integration-shell {
  direction: rtl;
}
[dir="rtl"] .endpoint-line,
[dir="rtl"] .endpoint-body,
[dir="rtl"] .code-panel,
[dir="rtl"] .response-box {
  direction: ltr;
  text-align: left;
}
[dir="rtl"] .note-box {
  direction: rtl;
  text-align: right;
}
html[data-bs-theme="dark"],
html[data-theme="dark"] {
  color-scheme: dark;
}
html[data-bs-theme="dark"] body,
html[data-theme="dark"] body {
  background: var(--watsmax-dark-content);
  color: #cbd5e1;
}
html[data-bs-theme="dark"] #page-topbar,
html[data-theme="dark"] #page-topbar,
html[data-bs-theme="dark"] .footer,
html[data-theme="dark"] .footer,
html[data-bs-theme="dark"] .navbar-brand-box,
html[data-theme="dark"] .navbar-brand-box,
html[data-bs-theme="dark"] .app-menu.navbar-menu,
html[data-theme="dark"] .app-menu.navbar-menu {
  background: #111827 !important;
  border-color: #263244 !important;
}
html[data-bs-theme="dark"] .topbar-page-title,
html[data-theme="dark"] .topbar-page-title,
html[data-bs-theme="dark"] .user-name-text,
html[data-theme="dark"] .user-name-text {
  color: #e5e7eb;
}
html[data-bs-theme="dark"] .page-content,
html[data-theme="dark"] .page-content {
  background: var(--watsmax-dark-content);
}
html[data-bs-theme="dark"] .card,
html[data-theme="dark"] .card {
  background: #111827 !important;
  color: #dbeafe;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18) !important;
}
html[data-bs-theme="dark"] .card-header,
html[data-theme="dark"] .card-header {
  border-color: #263244;
}
html[data-bs-theme="dark"] .form-control,
html[data-bs-theme="dark"] .form-select,
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select {
  background: #111827;
  color: #e5e7eb;
  border-color: #334155;
}
html[data-bs-theme="dark"] .form-control::placeholder,
html[data-theme="dark"] .form-control::placeholder {
  color: #64748b;
}
html[data-bs-theme="dark"] .table,
html[data-theme="dark"] .table {
  color: #cbd5e1;
  border-color: #263244;
}
html[data-bs-theme="dark"] .table td,
html[data-bs-theme="dark"] .table th,
html[data-theme="dark"] .table td,
html[data-theme="dark"] .table th {
  border-color: #263244;
}
html[data-bs-theme="dark"] .table-light th,
html[data-theme="dark"] .table-light th {
  background: #1f2937 !important;
  color: #e2e8f0;
  border-color: #334155;
}
html[data-bs-theme="dark"] .modal-content,
html[data-theme="dark"] .modal-content {
  background: #111827;
  color: #e5e7eb;
  border-color: #334155;
}
html[data-bs-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .dropdown-menu {
  background: #111827;
  color: #e5e7eb;
  border-color: #334155;
}
html[data-bs-theme="dark"] .dropdown-item,
html[data-theme="dark"] .dropdown-item {
  color: #e5e7eb;
}
html[data-bs-theme="dark"] .dropdown-item:hover,
html[data-theme="dark"] .dropdown-item:hover {
  background: #1f2937;
}
html[data-bs-theme="dark"]
  .select2-container--default
  .select2-selection--single,
html[data-bs-theme="dark"]
  .select2-container--default
  .select2-selection--multiple,
html[data-theme="dark"] .select2-container--default .select2-selection--single,
html[data-theme="dark"]
  .select2-container--default
  .select2-selection--multiple {
  background: #111827;
  border-color: #334155;
  color: #e5e7eb;
}
html[data-bs-theme="dark"]
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered,
html[data-theme="dark"]
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #e5e7eb;
}
html[data-bs-theme="dark"] .select2-dropdown,
html[data-theme="dark"] .select2-dropdown {
  background: #1f2937;
  border-color: #334155;
  color: #e5e7eb;
}
html[data-bs-theme="dark"]
  .select2-container--default
  .select2-search--dropdown
  .select2-search__field,
html[data-theme="dark"]
  .select2-container--default
  .select2-search--dropdown
  .select2-search__field {
  background: #111827;
  border-color: #334155;
  color: #e5e7eb;
}
html[data-bs-theme="dark"]
  .select2-container--default
  .select2-results__option--highlighted[aria-selected],
html[data-theme="dark"]
  .select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background: var(--watsmax-primary);
  color: #fff;
}
html[data-bs-theme="dark"]
  .select2-container--default
  .select2-results__option[aria-selected="true"],
html[data-theme="dark"]
  .select2-container--default
  .select2-results__option[aria-selected="true"] {
  background: #263244;
  color: #fff;
}
html[data-bs-theme="dark"] .dataTables_wrapper .dataTables_filter input,
html[data-theme="dark"] .dataTables_wrapper .dataTables_filter input {
  background: #111827;
  color: #e5e7eb;
  border-color: #334155;
}
html[data-bs-theme="dark"] .page-link,
html[data-theme="dark"] .page-link {
  background: #1f2937;
  border-color: #334155;
  color: #7dd3c7;
}
html[data-bs-theme="dark"] .page-item.disabled .page-link,
html[data-theme="dark"] .page-item.disabled .page-link {
  background: #111827;
  border-color: #263244;
  color: #64748b;
}
html[data-bs-theme="dark"] .code-panel,
html[data-theme="dark"] .code-panel {
  background: #0b1220;
  border-color: #263244;
  color: #dbeafe;
}
html[data-bs-theme="dark"] .endpoint-line,
html[data-bs-theme="dark"] .endpoint-body,
html[data-theme="dark"] .endpoint-line,
html[data-theme="dark"] .endpoint-body {
  background: #111827;
  border-color: #263244;
  color: #e5e7eb;
}
html[data-bs-theme="dark"] .integration-nav-item,
html[data-theme="dark"] .integration-nav-item {
  color: #cbd5e1;
}
html[data-bs-theme="dark"] .integration-nav-icon,
html[data-theme="dark"] .integration-nav-icon {
  background: #1f2937;
}
html[data-bs-theme="dark"] .note-box,
html[data-theme="dark"] .note-box {
  background: #10233f;
  border-color: #1d4ed8;
  color: #bfdbfe;
}
@media (max-width: 991.98px) {
  .app-menu.navbar-menu {
    transform: translateX(-100%);
    width: var(--watsmax-sidebar-width) !important;
  }
  .main-content,
  #page-topbar,
  .footer {
    margin-left: 0 !important;
    left: 0 !important;
    right: 0 !important;
  }
  [dir="rtl"] .app-menu.navbar-menu {
    transform: translateX(100%);
  }
  body.sidebar-enable .app-menu.navbar-menu {
    transform: translateX(0);
  }
  .integration-shell {
    grid-template-columns: 1fr;
  }
  .integration-nav {
    position: relative;
    top: auto;
  }
}
html[data-bs-theme="dark"] .bg-light,
html[data-theme="dark"] .bg-light {
  background: #1f2937 !important;
  color: #e5e7eb !important;
  border-color: #334155 !important;
}
.select2-container {
  max-width: 100%;
}
.select2-dropdown {
  z-index: 1085;
}
.table-responsive {
  border-radius: 6px;
}
.table-responsive .dataTables_wrapper {
  min-width: 100%;
}
[dir="rtl"] .dataTables_wrapper table.dataTable thead th,
[dir="rtl"] .dataTables_wrapper table.dataTable tbody td {
  text-align: right;
}
[dir="rtl"] .dataTables_wrapper table.dataTable tbody td .w-ltr {
  /* text-align: left !important; */
}

/* watsmax v5 layout fixes */
.topbar-page-title {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #263445 !important;
  text-transform: none !important;
  max-width: 460px !important;
}
html[data-bs-theme="dark"] .topbar-page-title,
html[data-theme="dark"] .topbar-page-title {
  color: #e5e7eb !important;
}
html[lang="ar"] body,
html[lang="ar"]
  body
  *:not(i):not([class^="ri-"]):not([class*=" ri-"]):not([class^="mdi"]):not(
    [class*=" mdi"]
  ):not([class^="bx"]):not([class*=" bx"]) {
  font-family: "Almarai", "Inter", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif !important;
}
#scrollbar {
  height: calc(100vh - var(--watsmax-topbar-height));
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 20px;
}
#scrollbar > .container-fluid {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.simplebar-content {
  padding: 0 !important;
}
.simplebar-wrapper,
.simplebar-mask,
.simplebar-offset,
.simplebar-content-wrapper {
  inset: auto !important;
}
.navbar-menu .simplebar-content-wrapper {
  height: auto !important;
  overflow: visible !important;
}
.navbar-menu .simplebar-mask,
.navbar-menu .simplebar-offset {
  position: static !important;
}
.table-responsive,
.dataTables_wrapper,
table.dataTable {
  width: 100% !important;
}
.dataTables_wrapper table.dataTable {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.dataTables_scrollHeadInner,
.dataTables_scrollHeadInner table {
  width: 100% !important;
}
.watsmax-menu-toggle {
  min-width: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.watsmax-menu-toggle i {
  font-size: 26px;
  line-height: 1;
}

.watsmax-menu-toggle.sidebar-collapsed {
  color: var(--watsmax-primary) !important;
}
.watsmax-menu-toggle.sidebar-collapsed i {
  font-size: 26px;
  line-height: 1;
}
.hamburger-icon {
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
}
.hamburger-icon span {
  display: block;
  width: 20px;
  height: 2px;
  background: currentColor;
  border-radius: 8px;
}
.footer .row {
  align-items: center;
}
.footer .footer-left {
  text-align: left;
}
.footer .footer-right {
  text-align: right;
}
[dir="rtl"] .footer .row {
  direction: rtl;
}
[dir="rtl"] .footer .footer-left {
  text-align: right;
}
[dir="rtl"] .footer .footer-right {
  text-align: left;
}
@media (max-width: 575.98px) {
  .footer .footer-left,
  .footer .footer-right,
  [dir="rtl"] .footer .footer-left,
  [dir="rtl"] .footer .footer-right {
    text-align: center !important;
  }
}
.integration-shell {
  grid-template-columns: 320px minmax(0, 1fr);
  height: calc(100vh - var(--watsmax-topbar-height) - 76px);
  overflow: hidden;
  align-items: start;
}
.integration-nav {
  position: sticky;
  top: 0;
  align-self: start;
  max-height: 100%;
  overflow-y: auto;
}
.integration-main-scroll {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-inline-end: 10px;
  scroll-behavior: smooth;
  position: relative;
}
.integration-main-scroll .card[id] {
  scroll-margin-top: 10px;
}
.integration-nav-item.active {
  background: rgba(var(--watsmax-primary-rgb), 0.14) !important;
  border-color: rgba(var(--watsmax-primary-rgb), 0.32) !important;
  color: #047857 !important;
}
.integration-nav-item.active strong {
  color: #047857 !important;
}
.integration-nav-item.active .integration-nav-icon {
  background: #fff !important;
  color: var(--watsmax-primary) !important;
  box-shadow: 0 3px 10px rgba(15, 23, 42, 0.05);
}
[dir="rtl"] .integration-main-scroll {
  padding-inline-end: 0;
  padding-inline-start: 10px;
}
[dir="rtl"] .integration-nav-item {
  text-align: right;
}
.integration-nav-item {
  cursor: pointer;
}
[dir="rtl"] .navbar-menu .navbar-nav .nav-link {
  padding-right: 14px !important;
  padding-left: 14px !important;
  justify-content: flex-start;
}
[dir="rtl"][data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .nav-link {
  justify-content: center;
}
[dir="rtl"][data-sidebar-size="sm-hover"]
  .navbar-menu:hover
  .navbar-nav
  .nav-link {
  justify-content: flex-start;
}
[dir="rtl"] .navbar-menu .menu-title {
  text-align: right;
}
[dir="rtl"][data-sidebar-size="sm-hover"] .navbar-menu .menu-title {
  text-align: center;
}
[dir="rtl"][data-sidebar-size="sm-hover"] .navbar-menu:hover .menu-title {
  text-align: right;
}
[dir="rtl"] .navbar-menu .navbar-nav .nav-link span {
  margin-inline-start: 0;
  margin-inline-end: 0;
}
[dir="rtl"] .table th,
[dir="rtl"] .table td {
  text-align: right !important;
}
[dir="rtl"] .table th .w-ltr,
[dir="rtl"] .table td .w-ltr,
[dir="rtl"] .table th .phone-ltr,
[dir="rtl"] .table td .phone-ltr,
[dir="rtl"] .table th .date-ltr,
[dir="rtl"] .table td .date-ltr,
[dir="rtl"] .table th .amount-ltr,
[dir="rtl"] .table td .amount-ltr {
  /* text-align: left !important; */
  direction: ltr !important;
  unicode-bidi: embed !important;
}
[dir="rtl"] .dataTables_filter {
  text-align: left !important;
}
[dir="rtl"] .dataTables_wrapper .row {
  direction: rtl;
}
[dir="rtl"] .dataTables_paginate {
  direction: ltr;
  text-align: left !important;
}
html[data-bs-theme="dark"] .topnav-hamburger,
html[data-theme="dark"] .topnav-hamburger {
  color: #cbd5e1;
}
html[data-bs-theme="dark"] .card,
html[data-theme="dark"] .card {
  background: #111827 !important;
  color: #dbeafe !important;
  border: 1px solid #263244 !important;
}
html[data-bs-theme="dark"] .table > tbody > tr > td,
html[data-theme="dark"] .table > tbody > tr > td {
  background: #111827 !important;
  color: #cbd5e1 !important;
}
html[data-bs-theme="dark"] .table > thead.table-light > tr > th,
html[data-theme="dark"] .table > thead.table-light > tr > th {
  background: #1f2937 !important;
  color: #e5e7eb !important;
  border-color: #334155 !important;
}
html[data-bs-theme="dark"]
  .select2-container--default
  .select2-results__option--disabled,
html[data-theme="dark"]
  .select2-container--default
  .select2-results__option--disabled {
  color: #64748b !important;
}
html[data-bs-theme="dark"] .select2-container--default .select2-results__option,
html[data-theme="dark"] .select2-container--default .select2-results__option {
  color: #e5e7eb !important;
}
html[data-bs-theme="dark"] .dataTables_wrapper .dataTables_info,
html[data-theme="dark"] .dataTables_wrapper .dataTables_info,
html[data-bs-theme="dark"] .dataTables_wrapper .dataTables_filter label,
html[data-theme="dark"] .dataTables_wrapper .dataTables_filter label {
  color: #cbd5e1 !important;
}
@media (max-width: 991.98px) {
  .integration-shell {
    grid-template-columns: 1fr;
    height: auto;
    overflow: visible;
  }
  .integration-main-scroll {
    height: auto;
    overflow: visible;
    padding-inline-end: 0;
    padding-inline-start: 0;
  }
  .integration-nav {
    position: relative;
    top: auto;
    max-height: none;
  }
}

/* watsmax v6 fixed mini-sidebar behavior */
:root {
  --vz-vertical-menu-width: var(--watsmax-sidebar-width);
  --vz-vertical-menu-width-sm: var(--watsmax-sidebar-sm);
}
@media (min-width: 992px) {
  html[data-sidebar-size="sm"] .app-menu.navbar-menu {
    width: var(--watsmax-sidebar-sm) !important;
    min-width: var(--watsmax-sidebar-sm) !important;
    max-width: var(--watsmax-sidebar-sm) !important;
    position: fixed !important;
    overflow: visible !important;
    padding-top: 0 !important;
    transition: none !important;
    z-index: 1002 !important;
  }
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover {
    width: var(--watsmax-sidebar-sm) !important;
    min-width: var(--watsmax-sidebar-sm) !important;
    max-width: var(--watsmax-sidebar-sm) !important;
  }
  html[data-sidebar-size="sm"] #scrollbar,
  html[data-sidebar-size="sm"] #scrollbar > .container-fluid,
  html[data-sidebar-size="sm"] #navbar-nav {
    overflow: visible !important;
  }
  html[data-sidebar-size="sm"] #scrollbar {
    height: calc(100vh - var(--watsmax-topbar-height));
  }
  html[data-sidebar-size="sm"] .navbar-brand-box {
    width: var(--watsmax-sidebar-sm) !important;
    min-width: var(--watsmax-sidebar-sm) !important;
    padding: 0 !important;
    text-align: center !important;
    position: relative !important;
    background: var(--watsmax-sidebar) !important;
  }
  html[data-sidebar-size="sm"] .navbar-menu .logo-lg {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }
  html[data-sidebar-size="sm"] .navbar-menu .logo-sm {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  html[data-sidebar-size="sm"] .navbar-menu .menu-title {
    padding: 6px !important;
    text-align: center !important;
    height: 32px !important;
    overflow: visible !important;
    position: relative !important;
  }
  html[data-sidebar-size="sm"] .navbar-menu .menu-title span {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }
  html[data-sidebar-size="sm"] .navbar-menu .menu-title:before {
    content: "•••";
    color: #9aa8b8;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 20px;
  }
  html[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-item {
    position: relative !important;
    width: var(--watsmax-sidebar-sm) !important;
    overflow: visible !important;
    margin: 3px 0 !important;
  }
  html[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-link {
    height: 46px !important;
    min-height: 46px !important;
    width: var(--watsmax-sidebar-sm) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 8px !important;
    position: relative !important;
    white-space: nowrap !important;
    overflow: visible !important;
    transition: none !important;
  }
  html[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-link i {
    font-size: 22px !important;
    margin: 0 !important;
    min-width: auto !important;
    line-height: 1 !important;
  }
  html[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-link span {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    padding: 1px 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }
  html[data-sidebar-size="sm"]
    .navbar-menu
    .navbar-nav
    .nav-item:hover
    > .nav-link {
    width: 270px !important;
    justify-content: flex-start !important;
    padding-inline-start: 23px !important;
    padding-inline-end: 16px !important;
    background: var(--watsmax-sidebar) !important;
    color: #fff !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18) !important;
    border-radius: 0 8px 8px 0 !important;
    z-index: 1010 !important;
  }
  html[data-sidebar-size="sm"]
    .navbar-menu
    .navbar-nav
    .nav-item:hover
    > .nav-link.active {
    background: var(--vz-vertical-menu-bg);
    color: #fff !important;
  }
  html[data-sidebar-size="sm"]
    .navbar-menu
    .navbar-nav
    .nav-item:hover
    > .nav-link
    span {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
    margin-inline-start: 0px !important;
    color: inherit !important;
    font-weight: 500 !important;
  }
  html[data-sidebar-size="sm"] .main-content {
    margin-left: var(--watsmax-sidebar-sm) !important;
    margin-right: 0 !important;
    width: auto !important;
  }
  html[data-sidebar-size="sm"] #page-topbar {
    left: var(--watsmax-sidebar-sm) !important;
    right: 0 !important;
    width: auto !important;
  }
  html[data-sidebar-size="sm"] .footer {
    left: var(--watsmax-sidebar-sm) !important;
    right: 0 !important;
    width: auto !important;
  }
  html:not([data-sidebar-size="sm"]) .main-content {
    margin-left: var(--watsmax-sidebar-width) !important;
    margin-right: 0 !important;
    width: auto !important;
  }
  html:not([data-sidebar-size="sm"]) #page-topbar {
    left: var(--watsmax-sidebar-width) !important;
    right: 0 !important;
    width: auto !important;
  }
  html:not([data-sidebar-size="sm"]) .footer {
    left: var(--watsmax-sidebar-width) !important;
    right: 0 !important;
    width: auto !important;
  }
  html[dir="rtl"][data-sidebar-size="sm"] .main-content {
    margin-right: var(--watsmax-sidebar-sm) !important;
    margin-left: 0 !important;
    width: auto !important;
  }
  html[dir="rtl"][data-sidebar-size="sm"] #page-topbar {
    right: var(--watsmax-sidebar-sm) !important;
    left: 0 !important;
    width: auto !important;
  }
  html[dir="rtl"][data-sidebar-size="sm"] .footer {
    right: var(--watsmax-sidebar-sm) !important;
    left: 0 !important;
    width: auto !important;
  }
  html[dir="rtl"]:not([data-sidebar-size="sm"]) .main-content {
    margin-right: var(--watsmax-sidebar-width) !important;
    margin-left: 0 !important;
    width: auto !important;
  }
  html[dir="rtl"]:not([data-sidebar-size="sm"]) #page-topbar {
    right: var(--watsmax-sidebar-width) !important;
    left: 0 !important;
    width: auto !important;
  }
  html[dir="rtl"]:not([data-sidebar-size="sm"]) .footer {
    right: var(--watsmax-sidebar-width) !important;
    left: 0 !important;
    width: auto !important;
  }
  html[dir="rtl"][data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-link {
    justify-content: center !important;
    padding: 0 !important;
    /* text-align: center !important; */
  }
  html[dir="rtl"][data-sidebar-size="sm"]
    .navbar-menu
    .navbar-nav
    .nav-item:hover
    > .nav-link {
    justify-content: flex-start !important;
    /* padding-inline-start: 16px !important; */
    padding-inline-end: 23px !important;
    border-radius: 8px 0 0 8px !important;
    direction: rtl !important;
  }
  html[dir="rtl"][data-sidebar-size="sm"]
    .navbar-menu
    .navbar-nav
    .nav-item:hover
    > .nav-link
    span {
    margin-inline-start: 0 !important;
    margin-inline-end: 18px !important;
    text-align: right !important;
  }
  html[dir="rtl"][data-sidebar-size="sm"]
    .navbar-menu
    .navbar-nav
    .nav-item:hover
    > .menu-dropdown {
    right: var(--watsmax-sidebar-sm) !important;
    left: auto !important;
    border-radius: 8px 0 8px 8px !important;
    text-align: right !important;
  }
}
html[data-sidebar-size="sm-hover"] .app-menu.navbar-menu:hover {
  width: var(--watsmax-sidebar-sm) !important;
  max-width: var(--watsmax-sidebar-sm) !important;
}
.watsmax-menu-toggle.sidebar-collapsed {
  background: transparent !important;
  color: #64748b !important;
  border: 0 !important;
}
.watsmax-menu-toggle.sidebar-collapsed:hover {
  color: var(--watsmax-primary) !important;
}
.watsmax-menu-toggle.sidebar-collapsed i {
  font-size: 27px !important;
  font-weight: 400 !important;
}
html[lang="ar"] body,
html[lang="ar"]
  body
  *:not(i):not([class^="ri-"]):not([class*=" ri-"]):not([class^="mdi"]):not(
    [class*=" mdi"]
  ):not([class^="bx"]):not([class*=" bx"]) {
  font-family: "Almarai", "Inter", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif !important;
}
html[dir="rtl"] .footer .row {
  direction: rtl !important;
}
html[dir="rtl"] .footer-left {
  text-align: right !important;
}
html[dir="rtl"] .footer-right {
  text-align: left !important;
}
.table-responsive,
.dataTables_wrapper,
.dataTables_wrapper .row,
.dataTables_wrapper table.dataTable,
.dataTables_scrollHeadInner,
.dataTables_scrollHeadInner table {
  width: 100% !important;
  max-width: 100% !important;
}

/* Sidebar spacing fix */
.app-menu #scrollbar {
  padding: 20px 0 !important;
  margin: 0 !important;
}

.app-menu .sidebar-menu-inner {
  padding: 0 !important;
  margin: 0 !important;
  width: 100%;
}

.app-menu #navbar-nav {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.app-menu .navbar-nav .nav-item {
  margin: 0 !important;
  padding: 1px 0 !important;
}

.app-menu .navbar-nav .nav-link {
  margin: 0 !important;
  border-radius: 0 !important;
  width: 100%;
}

/* Keep proper inside spacing */
html[dir="ltr"] .app-menu .navbar-nav .nav-link {
  padding: 18px 6px !important;
}

html[dir="rtl"] .app-menu .navbar-nav .nav-link {
  padding: 18px 6px !important;
  text-align: right;
}

/* Active item should touch full sidebar width */
.app-menu .navbar-nav .nav-link {
  margin: 0 4px !important;
  width: calc(100% - 24px);
  border-radius: 8px !important;
}
/* watsmax latest refinements */
.tester-key-main {
  min-width: 0;
}
.tester-key-main .input-group {
  max-width: 820px;
}
.tester-key-actions .btn {
  white-space: nowrap;
}
.api-keys-table td,
.api-keys-table th {
  vertical-align: middle;
}
.api-key-mask {
  display: inline-block;
  background: #f3f6f9;
  border-radius: 4px;
  padding: 6px 10px;
  color: #111827;
}
.api-key-status-select {
  min-width: 120px;
}
.swal2-popup .swal2-close {
  color: #374151 !important;
}
.swal2-popup .swal2-title,
.swal2-popup h4 {
  color: #343a40 !important;
}
.swal2-popup .text-muted {
  color: #64748b !important;
}
html[data-bs-theme="dark"] .api-key-mask,
html[data-theme="dark"] .api-key-mask {
  background: #1f2937;
  color: #e5e7eb;
}
.btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
input::placeholder,
textarea::placeholder {
  color: transparent !important;
}

/* API key table refinements */
.api-key-inline {
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
}
.api-key-inline .api-key-mask {
  max-width: 520px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.api-key-inline .btn-icon {
  width: 34px;
  height: 34px;
  min-width: 34px;
}
.api-keys-table td:first-child .avatar-xs {
  display: none !important;
}
.watsmax-swal-popup .swal2-actions {
  gap: 10px;
}
.watsmax-swal-popup .swal2-actions .btn {
  border: 0 !important;
  border-radius: 4px !important;
  padding: 10px 22px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}
.watsmax-swal-popup .swal2-actions .btn-primary {
  background: #687cde !important;
  color: #fff !important;
}
.watsmax-swal-popup .swal2-actions .btn-danger {
  background: #ef5f5f !important;
  color: #fff !important;
}
.watsmax-swal-popup .watsmax-swal-close {
  color: #374151 !important;
  font-size: 30px !important;
}
.watsmax-delete-alert h4 {
  color: #343a40 !important;
  font-weight: 600 !important;
}
.watsmax-delete-alert .text-muted {
  color: #64748b !important;
  font-size: 18px !important;
}
html[data-bs-theme="dark"] .watsmax-swal-popup,
html[data-theme="dark"] .watsmax-swal-popup {
  background: #111827 !important;
  color: #e5e7eb !important;
}
html[data-bs-theme="dark"] .watsmax-delete-alert h4,
html[data-theme="dark"] .watsmax-delete-alert h4 {
  color: #f9fafb !important;
}
html[data-bs-theme="dark"] .watsmax-delete-alert .text-muted,
html[data-theme="dark"] .watsmax-delete-alert .text-muted {
  color: #cbd5e1 !important;
}
.status-customer {
  background: rgba(0, 184, 148, 0.12);
  color: #009879;
}
.status-guest {
  background: rgba(59, 130, 246, 0.12);
  color: #2563eb;
}

button.status-pill {
  cursor: pointer;
  line-height: 1.2;
}
button.status-pill:hover {
  filter: brightness(0.96);
}
.integration-nav .integration-nav-item[href="#api-credentials"] {
  margin-top: 14px;
}

/* Phase 1 Module 2 */
.audience-summary-card {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  background: rgba(0, 191, 165, 0.06);
  border: 1px solid rgba(0, 191, 165, 0.18);
  border-radius: 8px;
  padding: 14px 18px;
}
.audience-summary-card h3,
.audience-summary-card h6 {
  color: #111827;
}
html[data-bs-theme="dark"] .audience-summary-card,
html[data-theme="dark"] .audience-summary-card {
  background: rgba(0, 191, 165, 0.1);
  border-color: rgba(0, 191, 165, 0.24);
}
html[data-bs-theme="dark"] .audience-summary-card h3,
html[data-bs-theme="dark"] .audience-summary-card h6,
html[data-theme="dark"] .audience-summary-card h3,
html[data-theme="dark"] .audience-summary-card h6 {
  color: #e5e7eb;
}
@media (max-width: 767.98px) {
  .audience-summary-card {
    grid-template-columns: 1fr;
  }
}

/* Module 2 fixes */
.app-menu #scrollbar {
  height: calc(100vh - 70px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: auto;
  scrollbar-color: var(--watsmax-primary) transparent;
}
.app-menu #scrollbar::-webkit-scrollbar {
  width: 10px;
}
.app-menu #scrollbar::-webkit-scrollbar-track {
  background: transparent;
}
.app-menu #scrollbar::-webkit-scrollbar-thumb {
  background: var(--watsmax-primary);
  border-radius: 12px;
}
.app-menu #scrollbar::-webkit-scrollbar-thumb:hover {
  background: var(--watsmax-primary-dark);
}
.automation-rules-table .status-pill,
button.status-pill {
  min-width: 74px;
  justify-content: center;
}
.watsmax-optin-switch {
  border: 1px solid var(--watsmax-border);
  border-radius: 8px;
  padding: 14px 16px;
  background: rgba(0, 184, 148, 0.04);
  min-width: 290px;
}
.watsmax-optin-switch .form-check {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-left: 0;
}
html[dir="rtl"] .watsmax-optin-switch .form-check {
  padding-right: 0;
  flex-direction: row-reverse;
  justify-content: flex-start;
}
.watsmax-optin-switch .form-check-input {
  width: 54px;
  height: 28px;
  margin: 0 !important;
  cursor: pointer;
}
.watsmax-optin-switch .form-check-label {
  font-weight: 600;
  cursor: pointer;
  margin: 0;
}
html[data-bs-theme="dark"] .watsmax-optin-switch,
html[data-theme="dark"] .watsmax-optin-switch {
  border-color: var(--watsmax-dark-border);
  background: rgba(0, 184, 148, 0.08);
}
@media (max-width: 767.98px) {
  .watsmax-optin-switch {
    width: 100%;
    min-width: 0;
  }
}

/* Module 2 v22 refinements */
.automation-help-box {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  border: 1px solid rgba(0, 191, 165, 0.18);
  background: rgba(0, 191, 165, 0.06);
  border-radius: 8px;
  padding: 14px 16px;
}
.automation-help-icon {
  width: 42px;
  height: 42px;
  border-radius: 8px;
  background: rgba(0, 191, 165, 0.12);
  color: var(--watsmax-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  flex: 0 0 42px;
}
.rule-type-help {
  display: none;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 8px;
  background: #f8fafc;
  border: 1px solid var(--watsmax-border);
  color: #64748b;
}
.rule-type-help i {
  color: var(--watsmax-primary);
  font-size: 18px;
  margin-top: 1px;
}
.rule-type-help span {
  font-weight: 500;
}
.automation-rule-form-card .card.border > .card-header {
  border-bottom: 1px solid var(--watsmax-border);
}
.automation-rule-form-card .form-text {
  color: #8792a5;
}
.audience-summary-card-wide {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: 100%;
}
.audience-summary-card-wide h2 {
  font-weight: 600;
  color: #111827;
}
.app-menu #scrollbar {
  scrollbar-width: auto;
  scrollbar-color: var(--watsmax-primary) transparent;
}
.app-menu #scrollbar::-webkit-scrollbar {
  width: 10px;
}
.app-menu #scrollbar::-webkit-scrollbar-track {
  background: transparent;
}
.app-menu #scrollbar::-webkit-scrollbar-thumb {
  background: var(--watsmax-primary);
  border-radius: 20px;
}
.app-menu #scrollbar::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}
html[data-bs-theme="dark"] .automation-help-box,
html[data-theme="dark"] .automation-help-box {
  background: rgba(0, 191, 165, 0.09);
  border-color: rgba(0, 191, 165, 0.22);
}
html[data-bs-theme="dark"] .rule-type-help,
html[data-theme="dark"] .rule-type-help {
  background: #111827;
  border-color: rgba(148, 163, 184, 0.18);
  color: #cbd5e1;
}
html[data-bs-theme="dark"] .audience-summary-card-wide h2,
html[data-theme="dark"] .audience-summary-card-wide h2 {
  color: #e5e7eb;
}
@media (max-width: 991.98px) {
  .audience-summary-card-wide {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575.98px) {
  .audience-summary-card-wide {
    grid-template-columns: 1fr;
  }
  .automation-help-box {
    flex-direction: column;
  }
}

/* v24 fixes */
.automation-form-actions {
  flex-shrink: 0;
  white-space: nowrap;
}
.automation-form-actions .btn {
  white-space: nowrap;
}
.automation-rule-form-card > .card-header {
  gap: 16px;
}
.api-keys-table .status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  line-height: 1;
}
.api-keys-table td {
  vertical-align: middle !important;
}
.api-keys-table td.text-end {
  vertical-align: middle !important;
}
.my-account-card {
  width: 100%;
}
.rule-type-help {
  line-height: 24px;
}
.flatpickr-months,
.flatpickr-months .flatpickr-month {
  background: #00b894 !important;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  padding: 5px !important;
  color: #fff !important;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  fill: #fff !important;
}
.flatpickr-current-month,
.flatpickr-current-month input.cur-year,
.flatpickr-current-month .flatpickr-monthDropdown-months {
  color: #fff !important;
}
.api-test-form .card-header h6 {
  line-height: 24px;
}

/* v27 Arabic localization and input direction fixes */
html[dir="rtl"] .dataTables_wrapper .dataTables_filter {
  text-align: left !important;
}
html[dir="rtl"] .dataTables_wrapper .dataTables_filter label {
  direction: rtl !important;
}
html[dir="rtl"] .dataTables_wrapper .dataTables_filter input {
  margin-right: 0.5rem !important;
  margin-left: 0 !important;
  direction: ltr !important;
  unicode-bidi: embed !important;
}
html[dir="rtl"] .dataTables_wrapper .dataTables_info {
  text-align: right !important;
}
html[dir="rtl"] .dataTables_wrapper .dataTables_paginate {
  text-align: left !important;
}
html[dir="rtl"] table.dataTable thead > tr > th.sorting,
html[dir="rtl"] table.dataTable thead > tr > th.sorting_asc,
html[dir="rtl"] table.dataTable thead > tr > th.sorting_desc,
html[dir="rtl"] table.dataTable thead > tr > td.sorting,
html[dir="rtl"] table.dataTable thead > tr > td.sorting_asc,
html[dir="rtl"] table.dataTable thead > tr > td.sorting_desc {
  padding-left: 26px !important;
  padding-right: 12px !important;
}
html[dir="rtl"] table.dataTable thead > tr > th.sorting:before,
html[dir="rtl"] table.dataTable thead > tr > th.sorting:after,
html[dir="rtl"] table.dataTable thead > tr > th.sorting_asc:before,
html[dir="rtl"] table.dataTable thead > tr > th.sorting_asc:after,
html[dir="rtl"] table.dataTable thead > tr > th.sorting_desc:before,
html[dir="rtl"] table.dataTable thead > tr > th.sorting_desc:after,
html[dir="rtl"] table.dataTable thead > tr > td.sorting:before,
html[dir="rtl"] table.dataTable thead > tr > td.sorting:after,
html[dir="rtl"] table.dataTable thead > tr > td.sorting_asc:before,
html[dir="rtl"] table.dataTable thead > tr > td.sorting_asc:after,
html[dir="rtl"] table.dataTable thead > tr > td.sorting_desc:before,
html[dir="rtl"] table.dataTable thead > tr > td.sorting_desc:after {
  left: 8px !important;
  right: auto !important;
}
html[dir="rtl"] .alert-dismissible {
  padding-right: 1rem !important;
  padding-left: 3rem !important;
  text-align: right !important;
}
html[dir="rtl"] .alert-dismissible .btn-close {
  left: 0 !important;
  right: auto !important;
  margin-left: 0.75rem !important;
  margin-right: 0 !important;
}
input[type="number"],
input[type="date"],
input[type="datetime-local"],
input[type="time"],
input.js-flatpickr,
input.js-decimal-3,
input[data-ltr="1"],
input[name*="date"],
input[name*="time"],
input[name*="_at"],
input[name*="amount"],
input[name*="price"],
input[name*="total"],
input[name="phone"],
.w-ltr,
.date-ltr,
.phone-ltr,
.amount-ltr,
.key-ltr {
  direction: ltr !important;
  unicode-bidi: embed !important;
  text-align: left !important;
}
html[dir="rtl"] .toast .btn-close {
  margin-right: auto !important;
  margin-left: 0.5rem !important;
}
html[dir="rtl"] .swal2-popup {
  text-align: center !important;
  direction: rtl !important;
}
html[dir="rtl"] .watsmax-swal-popup .swal2-actions .btn-primary {
  margin-left: 0.5rem !important;
  margin-right: 0 !important;
}

/* =========================================================
   FINAL SIDEBAR SCROLLBAR RULE
   Hidden by default, visible only on sidebar hover, 4px wide
   ========================================================= */
.app-menu #scrollbar {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: none !important;
  scrollbar-color: transparent transparent !important;
}

.app-menu:hover #scrollbar {
  scrollbar-width: thin !important;
  scrollbar-color: var(--watsmax-primary) transparent !important;
}

.app-menu #scrollbar::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}

.app-menu:hover #scrollbar::-webkit-scrollbar {
  width: 4px !important;
  height: 4px !important;
}

.app-menu #scrollbar::-webkit-scrollbar-track {
  background: transparent !important;
}

.app-menu #scrollbar::-webkit-scrollbar-thumb {
  background: var(--watsmax-primary) !important;
  border-radius: 20px !important;
}

.app-menu #scrollbar::-webkit-scrollbar-thumb:hover {
  background: var(--watsmax-primary-dark) !important;
}

.app-menu #scrollbar::-webkit-scrollbar-button {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

/* API tester customer/guest description */
.card-header .small.text-muted {
  line-height: 1.55;
}

/* RTL phone/mobile and date/time inputs alignment */
html[dir="rtl"] input[name="phone"],
html[dir="rtl"] input[name*="phone"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input.js-flatpickr,
html[dir="rtl"] input[data-enable-time="1"],
html[dir="rtl"] input[data-enable-time="true"] {
  direction: ltr !important;
  unicode-bidi: embed !important;
  text-align: right !important;
}

/* Theme matched DataTables processing loader */
div.dataTables_processing {
  color: #111827 !important;
  border: 1px solid rgba(0, 184, 148, 0.18) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.1) !important;
}

div.dataTables_processing > div:last-child > div {
  background: var(--watsmax-primary, #00b894) !important;
}

html[data-bs-theme="dark"] div.dataTables_processing,
html[data-theme="dark"] div.dataTables_processing {
  background: #111827 !important;
  color: #ffffff !important;
  border-color: rgba(0, 184, 148, 0.3) !important;
}

/* Guest chip theme alignment */
.status-pill.status-guest,
.status-guest {
  background: rgba(0, 184, 148, 0.12) !important;
  color: #008f74 !important;
  border: 1px solid rgba(0, 184, 148, 0.18) !important;
}

html[data-bs-theme="dark"] .status-pill.status-guest,
html[data-theme="dark"] .status-pill.status-guest,
html[data-bs-theme="dark"] .status-guest,
html[data-theme="dark"] .status-guest {
  background: rgba(0, 184, 148, 0.16) !important;
  color: #42e7c4 !important;
  border-color: rgba(0, 184, 148, 0.26) !important;
}

/* v30 customer/guest chip colors */
.status-pill.status-customer,
.status-customer {
  background: #ddf8ef !important;
  color: #00a884 !important;
  border: 1px solid #ddf8ef !important;
}

.status-pill.status-guest,
.status-guest {
  background: #eef0f4 !important;
  color: #344861 !important;
  border: 1px solid #eef0f4 !important;
}

html[data-bs-theme="dark"] .status-pill.status-customer,
html[data-theme="dark"] .status-pill.status-customer,
html[data-bs-theme="dark"] .status-customer,
html[data-theme="dark"] .status-customer {
  background: rgba(0, 184, 148, 0.18) !important;
  color: #42e7c4 !important;
  border-color: rgba(0, 184, 148, 0.24) !important;
}

html[data-bs-theme="dark"] .status-pill.status-guest,
html[data-theme="dark"] .status-pill.status-guest,
html[data-bs-theme="dark"] .status-guest,
html[data-theme="dark"] .status-guest {
  background: rgba(148, 163, 184, 0.16) !important;
  color: #cbd5e1 !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
}

/* v30 theme processing dots */
div.dataTables_processing > div:last-child > div,
div.dataTables_processing .dt-processing-dot,
.dataTables_processing span,
.dataTables_processing .spinner-grow,
.dataTables_processing .spinner-border {
  background-color: var(--watsmax-primary, #00b894) !important;
  border-color: var(--watsmax-primary, #00b894) !important;
  color: var(--watsmax-primary, #00b894) !important;
}

/* Module 3 status colors */
.status-ready {
  background: rgba(0, 184, 148, 0.12) !important;
  color: #008f72 !important;
}
.status-sent {
  background: rgba(59, 130, 246, 0.12) !important;
  color: #2563eb !important;
}
.status-skipped {
  background: rgba(107, 114, 128, 0.12) !important;
  color: #4b5563 !important;
}
html[data-bs-theme="dark"] .status-ready,
html[data-theme="dark"] .status-ready {
  background: rgba(0, 184, 148, 0.2) !important;
  color: #34d399 !important;
}
html[data-bs-theme="dark"] .status-sent,
html[data-theme="dark"] .status-sent {
  background: rgba(59, 130, 246, 0.2) !important;
  color: #93c5fd !important;
}
html[data-bs-theme="dark"] .status-skipped,
html[data-theme="dark"] .status-skipped {
  background: rgba(107, 114, 128, 0.25) !important;
  color: #d1d5db !important;
}

/* WhatsApp template mobile preview */
.whatsapp-preview-card .card-body {
  background: linear-gradient(
    180deg,
    rgba(0, 184, 148, 0.08),
    rgba(17, 24, 39, 0.03)
  );
  border-radius: 0 0 8px 8px;
}
.wa-phone-preview {
  width: 100%;
  max-width: 320px;
  min-height: 610px;
  border-radius: 34px;
  background: #101828;
  padding: 12px;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.18);
  position: relative;
}
.wa-phone-notch {
  width: 88px;
  height: 20px;
  background: #101828;
  border-radius: 0 0 14px 14px;
  position: absolute;
  top: 9px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
}
.wa-phone-topbar {
  height: 72px;
  background: #075e54;
  border-radius: 24px 24px 0 0;
  padding: 24px 16px 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
}
.wa-avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #00b894;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  flex: 0 0 auto;
}
.wa-contact-meta {
  min-width: 0;
}
.wa-contact-name {
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 210px;
}
.wa-contact-status {
  font-size: 11px;
  opacity: 0.85;
}
.wa-chat-screen {
  min-height: 455px;
  background: #e5ddd5;
  background-image: radial-gradient(
    rgba(17, 24, 39, 0.05) 1px,
    transparent 1px
  );
  background-size: 12px 12px;
  padding: 22px 14px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  overflow: hidden;
}
.wa-message-bubble {
  background: #dcf8c6;
  color: #111827;
  border-radius: 8px 0 8px 8px;
  padding: 10px 12px;
  max-width: 86%;
  font-size: 14px;
  line-height: 1.55;
  box-shadow: 0 1px 1px rgba(15, 23, 42, 0.12);
  white-space: normal;
  overflow-wrap: anywhere;
}
.wa-message-bubble[dir="rtl"] {
  text-align: right;
  border-radius: 0 8px 8px 8px;
  direction: rtl;
}
.wa-message-bubble[dir="ltr"] {
  text-align: left;
  direction: ltr;
}
.wa-phone-input-bar {
  height: 54px;
  background: #f0f2f5;
  border-radius: 0 0 24px 24px;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.wa-phone-input-bar span {
  height: 34px;
  border-radius: 999px;
  background: #fff;
  display: block;
  flex: 1;
}
.wa-phone-input-bar i {
  color: #54656f;
  font-size: 22px;
}
.wa-phone-preview [dir="rtl"] {
  font-family: Almarai, Inter, sans-serif;
}
html[data-layout-mode="dark"] .whatsapp-preview-card .card-body,
html[data-bs-theme="dark"] .whatsapp-preview-card .card-body,
body[data-layout-mode="dark"] .whatsapp-preview-card .card-body {
  background: rgba(17, 24, 39, 0.35);
}

/* Module 3 UI polish */
.form-top-actions .btn,
.audience-preview-actions .btn,
.card-header .btn {
  text-wrap: nowrap;
  white-space: nowrap;
}
.btn-soft-primary,
.btn-soft-success,
.btn-soft-info {
  color: #008f72 !important;
}
.btn-soft-primary:hover,
.btn-soft-success:hover,
.btn-soft-info:hover {
  color: #006f59 !important;
}
.dt-buttons .btn,
.dt-buttons .buttons-excel,
.buttons-excel {
  color: #14804a !important;
  font-weight: 600 !important;
}
.dataTables_processing .dot,
.dataTables_processing span {
  background-color: #00b894 !important;
}
.alert {
  color: #334155;
}
.alert .btn-close {
  filter: none !important;
  opacity: 0.85;
}
.alert-success {
  color: #166534 !important;
}
.alert-success .btn-close {
  color: #166534 !important;
  opacity: 0.9;
}
.alert-danger {
  color: #991b1b !important;
}
.alert-danger .btn-close {
  color: #991b1b !important;
  opacity: 0.9;
}
.watsmax-swal-popup .swal2-actions {
  gap: 10px;
}
.watsmax-swal-popup .swal2-actions .btn {
  border: 0 !important;
  border-radius: 4px !important;
  padding: 10px 22px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}
.watsmax-swal-popup .swal2-actions .btn-primary {
  background: #00b894 !important;
  color: #fff !important;
}
.watsmax-swal-popup .swal2-actions .btn-danger {
  background: #ef4444 !important;
  color: #fff !important;
}
.watsmax-delete-alert h4 {
  color: #343a40 !important;
  font-weight: 600 !important;
}
.watsmax-delete-alert .text-muted {
  color: #475569 !important;
}
.watsmax-swal-popup .watsmax-swal-close {
  color: #334155 !important;
}
.audience-summary-card-wide h2,
.audience-summary-card-wide h6 {
  color: var(--vz-card-title-color) !important;
}
.audience-summary-card-wide .text-muted {
  color: #64748b !important;
}
.whatsapp-preview-card-clean .card-body {
  background: transparent !important;
  border-radius: 8px !important;
}
.wa-template-phone-preview {
  max-width: 360px;
  height: 560px;
  min-height: 560px;
  border-radius: 38px;
  background: #111827;
  padding: 8px;
  box-shadow: 0 20px 55px rgba(15, 23, 42, 0.18);
  overflow: hidden;
}
.wa-template-phone-preview .wa-phone-notch {
  width: 112px;
  height: 22px;
  background: #111827;
  border-radius: 0 0 16px 16px;
  top: 8px;
}
.wa-template-topbar {
  height: 82px;
  border-radius: 30px 30px 0 0;
  background: #075e54;
  padding: 30px 18px 12px;
  gap: 10px;
}
.wa-template-topbar .wa-back-icon {
  font-size: 24px;
  color: #fff;
  flex: 0 0 auto;
}
.wa-media-icon {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.13);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #d4f7ed;
  font-size: 18px;
  flex: 0 0 auto;
}
.wa-template-topbar .wa-contact-name {
  font-size: 17px;
  font-weight: 600;
  color: #fff;
  line-height: 1.1;
  max-width: 220px;
}
.wa-template-topbar .wa-contact-status {
  font-size: 12px;
  color: #d2f5e8;
  opacity: 1;
}
.wa-template-chat-screen {
  height: 462px;
  min-height: 462px;
  background-color: #e8e1d8;
  background-image: linear-gradient(
      rgba(255, 255, 255, 0.15),
      rgba(255, 255, 255, 0.15)
    ),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='78' height='78' viewBox='0 0 78 78'%3E%3Cg fill='none' stroke='%23b8afa6' stroke-width='1' opacity='.28'%3E%3Cpath d='M12 16h18v12H12zM46 14l12 8-8 12-12-8zM16 49c8-8 18-8 26 0M19 54c6-5 14-5 20 0M55 51c0 7-10 7-10 0s10-7 10 0zM59 52h8M5 59h12M58 33h12M30 8h7M7 30h9'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 78px 78px;
  padding: 18px 16px;
  display: block;
  overflow: hidden;
  position: relative;
}
.wa-today-chip {
  display: inline-block;
  position: absolute;
  top: 14px;
  left: 50%;
  transform: translateX(-50%);
  background: #d8f0ff;
  color: #176aa1;
  border-radius: 7px;
  padding: 3px 12px;
  font-size: 11px;
  font-weight: 600;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  z-index: 2;
}
.wa-template-message-card {
  margin: 44px 4px 0;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(15, 23, 42, 0.18);
  max-width: 88%;
  padding: 0;
  color: #0f172a;
  overflow: hidden;
}
.wa-template-message-card[dir="ltr"] {
  margin-left: 4px;
  margin-right: auto;
  text-align: left;
}
.wa-template-message-card[dir="rtl"] {
  margin-right: 4px;
  margin-left: auto;
  text-align: right;
  font-family: Almarai, Inter, sans-serif;
}
.wa-template-message-title {
  font-weight: 600;
  font-size: 16px;
  color: #0f172a;
  line-height: 1.35;
  padding: 14px 14px 10px;
}
.wa-template-divider {
  height: 1px;
  background: #eef2f7;
}
.wa-template-message-body {
  font-size: 15px;
  line-height: 1.55;
  padding: 12px 14px;
  white-space: normal;
  overflow-wrap: anywhere;
}
.wa-template-message-footer {
  font-size: 13px;
  color: #8792a5;
  padding: 0 14px 8px;
}
.wa-template-time {
  text-align: right;
  font-size: 11px;
  color: #8a98ad;
  padding: 0 14px 12px;
}
.wa-template-message-card[dir="rtl"] .wa-template-time {
  text-align: left;
}
.wa-phone-input-bar {
  display: none !important;
}
.whatsapp-preview-card {
  position: sticky;
  top: 92px;
}
html[data-bs-theme="dark"] .wa-template-message-card,
html[data-theme="dark"] .wa-template-message-card {
  background: #f8fafc;
  color: #0f172a;
}
html[data-bs-theme="dark"] .wa-template-message-title,
html[data-theme="dark"] .wa-template-message-title {
  color: #0f172a;
}
@media (max-width: 1199.98px) {
  .whatsapp-preview-card {
    position: static;
  }
  .wa-template-phone-preview {
    height: 540px;
    min-height: 540px;
  }
  .wa-template-chat-screen {
    height: 442px;
    min-height: 442px;
  }
}

/* WhatsApp mobile template preview exact style update */
.whatsapp-preview-card-clean {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}
.whatsapp-preview-card-clean .card-body {
  background: transparent !important;
  padding: 0 !important;
}
.wa-template-phone-preview {
  width: 360px !important;
  max-width: 360px !important;
  height: 670px !important;
  min-height: 670px !important;
  border-radius: 42px !important;
  background: #101010 !important;
  padding: 6px !important;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.18) !important;
  overflow: hidden !important;
  border: 4px solid #1b1b1b !important;
}
.wa-template-phone-preview .wa-phone-notch {
  width: 118px !important;
  height: 28px !important;
  background: #101010 !important;
  border-radius: 0 0 18px 18px !important;
  top: 5px !important;
  left: 50% !important;
  z-index: 7 !important;
}
.wa-template-topbar {
  height: 98px !important;
  border-radius: 34px 34px 0 0 !important;
  background: #006b5b !important;
  padding: 36px 20px 16px !important;
  gap: 13px !important;
}
.wa-template-topbar .wa-back-icon {
  font-size: 25px !important;
  color: #fff !important;
  line-height: 1 !important;
}
.wa-media-icon {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: #00604f !important;
  color: #d9fff2 !important;
  font-size: 19px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
}
.wa-template-topbar .wa-contact-name {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 1.1 !important;
  letter-spacing: -0.2px !important;
  max-width: 210px !important;
}
.wa-template-topbar .wa-contact-status {
  font-size: 13px !important;
  color: #ccf4e7 !important;
  opacity: 1 !important;
  margin-top: 3px !important;
}
.wa-template-chat-screen {
  height: 560px !important;
  min-height: 560px !important;
  border-radius: 0 0 34px 34px !important;
  background-color: #eee8df !important;
  background-image: url("../images/wa-bg.png") !important;
  background-repeat: repeat !important;
  background-size: 420px 315px !important;
  background-position: center top !important;
  padding: 20px 10px 10px !important;
  display: block !important;
  overflow: hidden !important;
  position: relative !important;
}
.wa-today-chip {
  top: 12px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: #d9eefb !important;
  color: #096797 !important;
  border-radius: 6px !important;
  padding: 3px 12px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) !important;
  text-transform: uppercase !important;
}
.wa-template-message-card {
  margin: 0 0 0 0 !important;
  background: #fff !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.18) !important;
  width: 292px !important;
  max-width: 292px !important;
  color: #06112b !important;
  overflow: hidden !important;
}
.wa-template-message-card[dir="ltr"] {
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
}
.wa-template-message-card[dir="rtl"] {
  margin-right: 0 !important;
  margin-left: auto !important;
  text-align: right !important;
  font-family: Almarai, Inter, sans-serif !important;
}
.wa-template-message-title {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #06112b !important;
  line-height: 1.25 !important;
  padding: 17px 16px 13px !important;
}
.wa-template-divider {
  height: 1px !important;
  background: #f0f1f3 !important;
}
.wa-template-message-body {
  font-size: 16px !important;
  line-height: 1.48 !important;
  color: #06112b !important;
  padding: 15px 16px 6px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
.wa-template-message-footer {
  font-size: 14px !important;
  color: #96a0bd !important;
  line-height: 1.35 !important;
  padding: 4px 16px 8px !important;
}
.wa-template-time {
  text-align: right !important;
  font-size: 12px !important;
  color: #99a1b5 !important;
  padding: 0 16px 14px !important;
  line-height: 1 !important;
}
.wa-template-message-card[dir="rtl"] .wa-template-time {
  text-align: left !important;
}
.wa-phone-input-bar {
  display: none !important;
}
.whatsapp-preview-card {
  position: sticky !important;
  top: 92px !important;
}
@media (max-width: 1399.98px) {
  .wa-template-phone-preview {
    width: 340px !important;
    max-width: 340px !important;
    height: 635px !important;
    min-height: 635px !important;
  }
  .wa-template-chat-screen {
    height: 519px !important;
    min-height: 519px !important;
  }
  .wa-template-message-card {
    width: 100% !important;
    max-width: 100% !important;
  }
  .wa-template-message-title {
    font-size: 16px !important;
  }
  .wa-template-message-body {
    font-size: 15px !important;
  }
}
@media (max-width: 1199.98px) {
  .whatsapp-preview-card {
    position: static !important;
  }
  .wa-template-phone-preview {
    width: 340px !important;
    max-width: 340px !important;
    height: 635px !important;
    min-height: 635px !important;
  }
  .wa-template-chat-screen {
    height: 525px !important;
    min-height: 525px !important;
  }
}

/* watsmax v2 dashboard, sidebar, templates and WABA settings */
.watsmax-sidebar-nav .watsmax-submenu-toggle { position: relative; }
.watsmax-sidebar-nav .submenu-arrow { margin-left:auto; font-style:normal; transition: transform .18s ease; font-size:18px; color:#8b98aa; }
.watsmax-has-submenu.open > .watsmax-submenu-toggle .submenu-arrow,
.watsmax-submenu-toggle[aria-expanded="true"] .submenu-arrow { transform: rotate(180deg); }
.watsmax-submenu { padding: 4px 0 8px; }
.watsmax-submenu .nav-sublink { display:flex; align-items:center; gap:10px; min-height:36px; padding:8px 18px 8px 42px; margin:1px 12px; border-radius:8px; color:#a9b4c5; font-weight:500; }
.watsmax-submenu .nav-sublink i { color:var(--watsmax-primary); font-size:16px; min-width:18px; text-align:center; }
.watsmax-submenu .nav-sublink:hover, .watsmax-submenu .nav-sublink.active { color:#fff; background:rgba(var(--watsmax-primary-rgb), .16); }
.navbar-menu .navbar-nav .nav-link.active-parent { color:#fff; background:rgba(var(--watsmax-primary-rgb), .12); }
html[data-sidebar-size="sm"] .watsmax-submenu, html[data-sidebar-size="sm"] .submenu-arrow { display:none !important; }
html[data-sidebar-size="sm"] .watsmax-has-submenu:hover > .watsmax-submenu-toggle span { display:inline-block !important; opacity:1 !important; visibility:visible !important; }
html[dir="rtl"] .watsmax-submenu .nav-sublink { padding:8px 42px 8px 18px; }
html[dir="rtl"] .watsmax-sidebar-nav .submenu-arrow { margin-left:0; margin-right:auto; }

.watsmax-kpi-card { border:0; border-radius:10px !important; overflow:hidden; position:relative; min-height:112px; }
/* .watsmax-kpi-card:after { content:""; position:absolute; width:120px; height:120px; right:-40px; top:-50px; border-radius:50%; background:rgba(255,255,255,.45); } */
.watsmax-kpi-card .kpi-icon { width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:22px; color:#fff; flex:0 0 42px; }
.kpi-blue { background:linear-gradient(100deg,#f8fbff,#eaf1ff); } .kpi-blue .kpi-icon{background:#497cff;}
.kpi-green { background:linear-gradient(100deg,#f8fffc,#eafaf2); } .kpi-green .kpi-icon{background:#1fbf75;}
.kpi-orange { background:linear-gradient(100deg,#fffaf5,#fff1de); } .kpi-orange .kpi-icon{background:#ff9f2f;}
.kpi-purple { background:linear-gradient(100deg,#fbf8ff,#f0e8ff); } .kpi-purple .kpi-icon{background:#8b5cf6;}
.kpi-pink { background:linear-gradient(100deg,#fff8fc,#ffe9f4); } .kpi-pink .kpi-icon{background:#ec4899;}
.kpi-cyan { background:linear-gradient(100deg,#f8fdff,#e8f8ff); } .kpi-cyan .kpi-icon{background:#06b6d4;}
.kpi-dark { background:linear-gradient(100deg,#f9fafb,#edf2f7); } .kpi-dark .kpi-icon{background:#111827;}
.kpi-red { background:linear-gradient(100deg,#fff8f8,#ffecec); } .kpi-red .kpi-icon{background:#ef4444;}
.watsmax-kpi-value { font-size:24px; line-height:1.1; font-weight:600; color:#101828; margin:0; }
.watsmax-kpi-label { color:#111827; font-weight:700; margin-bottom:4px; }
.watsmax-kpi-sub { font-size:12px; color:#64748b; }
.dashboard-mini-list .list-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 0; border-bottom:1px solid #eef2f7; }
.dashboard-mini-list .list-row:last-child { border-bottom:0; }
.dashboard-mini-list .list-title { font-weight:700; color:#263445; }
.dashboard-mini-list .list-sub { color:#768197; font-size:12px; }
.template-upload-box { border:1.5px dashed #d7e2ee; border-radius:16px; min-height:156px; display:flex; align-items:center; justify-content:center; text-align:center; background:#fbfdff; cursor:pointer; transition:.18s ease; padding:18px; position:relative; overflow:hidden; }
.template-upload-box:hover { border-color:var(--watsmax-primary); background:rgba(var(--watsmax-primary-rgb),.04); }
.template-upload-plus { width:58px; height:58px; border-radius:14px; box-shadow:0 6px 16px rgba(15,23,42,.12); display:flex; align-items:center; justify-content:center; margin:0 auto 14px; background:#fff; color:var(--watsmax-primary); font-size:34px; }
.template-upload-preview { width:100%; max-height:220px; object-fit:cover; border-radius:12px; display:block; }
.template-format-badge { display:inline-flex; align-items:center; gap:6px; border-radius:999px; padding:6px 12px; background:rgba(0,184,148,.12); color:#008f72; font-weight:600; font-size:12px; }
.wa-template-button { display:flex; align-items:center; justify-content:center; gap:8px; color:#0984e3; font-weight:600; border-top:1px solid #edf2f7; padding:10px 12px; background:#fff; }
.wa-template-image { width:100%; height:150px; object-fit:cover; background:#111827; display:none; }
.wa-carousel-track { display:flex; gap:10px; overflow:hidden; margin-top:8px; }
.wa-carousel-card { min-width:230px; background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 2px 5px rgba(0,0,0,.18); }
.wa-carousel-card img { width:100%; height:120px; object-fit:cover; background:#e5e7eb; display:block; }
.wa-carousel-card-title { font-weight:600; padding:10px 12px 2px; color:#0f172a; }
.wa-carousel-card-body { color:#64748b; font-size:12px; padding:0 12px 8px; }
.waba-secret-mask { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; direction:ltr; unicode-bidi:embed; }
.message-send-btn { width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; }

/* watsmax v3 professional sidebar fix */
.app-menu.navbar-menu {
  box-shadow: 4px 0 22px rgba(15, 23, 42, 0.08) !important;
}
.app-menu .navbar-brand-box {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.app-menu #scrollbar {
  height: calc(100vh - var(--watsmax-topbar-height)) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 18px 0 22px !important;
}
.watsmax-sidebar-nav {
  padding: 0 12px !important;
  margin: 0 !important;
}
.watsmax-sidebar-nav .menu-title {
  margin: 18px 0 0 !important;
  padding: 0 14px !important;
  height: auto !important;
  color: #8b98aa !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.11em !important;
  text-transform: uppercase !important;
  line-height: 1.4 !important;
}
[dir="rtl"] .watsmax-sidebar-nav .menu-title {
  font-size: 15px !important;
}
.watsmax-sidebar-nav > .nav-item {
  width: 100% !important;
  margin: 0 0 4px !important;
  padding: 0 !important;
  display: block !important;
}
.watsmax-sidebar-nav .menu-link {
  width: 100% !important;
  height: 46px !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  color: #aab6c8 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  position: relative !important;
  overflow: hidden !important;
}
.watsmax-sidebar-nav .menu-link > i {
  width: 24px !important;
  min-width: 24px !important;
  height: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--watsmax-primary) !important;
  font-size: 22px !important;
  line-height: 1 !important;
}
.watsmax-sidebar-nav .menu-link > span {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.watsmax-sidebar-nav .menu-link:hover,
.watsmax-sidebar-nav .menu-link.active,
.watsmax-sidebar-nav .menu-link.active-parent,
.watsmax-sidebar-nav .menu-link[aria-expanded="true"] {
  color: #ffffff !important;
  /* background: rgba(var(--watsmax-primary-rgb), 0.18) !important; */
}
.watsmax-sidebar-nav .menu-link:hover > i,
.watsmax-sidebar-nav .menu-link.active > i,
.watsmax-sidebar-nav .menu-link.active-parent > i,
.watsmax-sidebar-nav .menu-link[aria-expanded="true"] > i {
  color: var(--watsmax-primary) !important;
}
.watsmax-sidebar-nav .watsmax-submenu-toggle:after {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  content: "\ea4e" !important;
  font-family: remixicon !important;
  position: absolute !important;
  top: 50% !important;
  right: 13px !important;
  transform: translateY(-50%) rotate(0deg) !important;
  margin: 0 !important;
  width: 18px !important;
  height: 18px !important;
  color: #8b98aa !important;
  font-size: 18px !important;
  line-height: 1 !important;
  transition: transform .18s ease, color .18s ease !important;
}
.watsmax-sidebar-nav .watsmax-submenu-toggle[aria-expanded="true"]:after,
.watsmax-sidebar-nav .watsmax-submenu-toggle.active-parent:after {
  transform: translateY(-50%) rotate(180deg) !important;
  color: #ffffff !important;
}
.watsmax-sidebar-nav .watsmax-submenu {
  display: none;
  width: 100% !important;
  padding: 0 !important;
  margin: 2px 0 6px !important;
  /* background: rgba(255, 255, 255, 0.025) !important; */
  border-radius: 12px !important;
  overflow: hidden !important;
}
.watsmax-sidebar-nav .watsmax-submenu.show,
.watsmax-sidebar-nav .watsmax-submenu.collapsing {
  display: block !important;
}
.watsmax-sidebar-nav .watsmax-submenu .nav,
.watsmax-sidebar-nav .watsmax-submenu .nav-sm {
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}
.watsmax-sidebar-nav .watsmax-submenu .nav-item {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.watsmax-sidebar-nav .watsmax-submenu .nav-sublink {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 38px !important;
  gap: 10px !important;
  padding: 9px 12px 9px 44px !important;
  margin: 1px 0 !important;
  border-radius: 8px !important;
  color: #9dabbe !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  position: relative !important;
}
.watsmax-sidebar-nav .watsmax-submenu .nav-sublink:before {
  content: "" !important;
  position: absolute !important;
  left: 24px !important;
  top: 50% !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 999px !important;
  transform: translateY(-50%) !important;
  background: rgba(169, 180, 197, 0.42) !important;
  opacity: 1 !important;
}
.watsmax-sidebar-nav .watsmax-submenu .nav-sublink i {
  display: none !important;
}
.watsmax-sidebar-nav .watsmax-submenu .nav-sublink span {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.watsmax-sidebar-nav .watsmax-submenu .nav-sublink:hover,
.watsmax-sidebar-nav .watsmax-submenu .nav-sublink.active {
  color: #ffffff !important;
  background: rgba(var(--watsmax-primary-rgb), 0.14) !important;
}
.watsmax-sidebar-nav .watsmax-submenu .nav-sublink:hover:before,
.watsmax-sidebar-nav .watsmax-submenu .nav-sublink.active:before {
  background: var(--watsmax-primary) !important;
}
html[dir="rtl"] .watsmax-sidebar-nav .watsmax-submenu-toggle:after {
  right: auto !important;
  left: 13px !important;
}
html[dir="rtl"] .watsmax-sidebar-nav .watsmax-submenu .nav-sublink {
  padding: 9px 44px 9px 12px !important;
}
html[dir="rtl"] .watsmax-sidebar-nav .watsmax-submenu .nav-sublink:before {
  left: auto !important;
  right: 24px !important;
}
@media (min-width: 992px) {
  html[data-sidebar-size="sm"] .watsmax-sidebar-nav {
    padding: 0 8px !important;
  }
  html[data-sidebar-size="sm"] .watsmax-sidebar-nav .menu-title {
    height: 28px !important;
    margin: 12px 0 6px !important;
    padding: 0 !important;
    text-align: center !important;
  }
  html[data-sidebar-size="sm"] .watsmax-sidebar-nav .menu-title span {
    display: none !important;
  }
  html[data-sidebar-size="sm"] .watsmax-sidebar-nav .menu-title:before {
    content: "•••" !important;
    color: #8b98aa !important;
    font-size: 14px !important;
    letter-spacing: 2px !important;
  }
  html[data-sidebar-size="sm"] .watsmax-sidebar-nav .menu-link {
    width: 54px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    justify-content: center !important;
    overflow: visible !important;
  }
  html[data-sidebar-size="sm"] .watsmax-sidebar-nav .menu-link:after,
  html[data-sidebar-size="sm"] .watsmax-sidebar-nav .watsmax-submenu {
    display: none !important;
  }
  html[data-sidebar-size="sm"] .watsmax-sidebar-nav .menu-link span {
    display: none !important;
  }
  html[data-sidebar-size="sm"] .watsmax-sidebar-nav .nav-item:hover > .menu-link {
    width: 250px !important;
    justify-content: flex-start !important;
    padding: 0 18px !important;
    background: var(--watsmax-sidebar) !important;
    border-radius: 0 10px 10px 0 !important;
    box-shadow: 0 12px 24px rgba(0,0,0,.2) !important;
  }
  html[data-sidebar-size="sm"] .watsmax-sidebar-nav .nav-item:hover > .menu-link span {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
    margin-inline-start: 16px !important;
  }
}


/* watsmax v4 polish fixes */
.table .text-muted.small,
.table small.text-muted,
.table .small-muted {
  display: block !important;
  margin-top: 3px !important;
  line-height: 1.25 !important;
}
.message-send-btn i.ri-whatsapp-line {
  font-size: 18px !important;
}
.wa-template-message-title[style*="display:none"] + .wa-template-divider,
.js-preview-title[style*="display:none"] + .js-preview-divider {
  display: none !important;
}

/* Professional sidebar final behavior */
.watsmax-sidebar-nav,
.watsmax-sidebar-nav ul,
.watsmax-sidebar-nav li,
.watsmax-sidebar-nav .nav,
.watsmax-sidebar-nav .nav-sm {
  list-style: none !important;
}
.watsmax-sidebar-nav .watsmax-submenu .nav-sublink:before {
  display: none !important;
  content: none !important;
}
.watsmax-sidebar-nav .watsmax-submenu .nav-sublink i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  min-width: 18px !important;
  color: var(--watsmax-primary) !important;
  font-size: 17px !important;
}
.watsmax-sidebar-nav .watsmax-submenu .nav-sublink {
  padding: 9px 14px 9px 18px !important;
  margin: 2px 10px !important;
  gap: 10px !important;
}
html[dir="rtl"] .watsmax-sidebar-nav .watsmax-submenu .nav-sublink {
  padding: 9px 18px 9px 14px !important;
}
@media (min-width: 992px) {
  html[data-sidebar-size="sm"] .app-menu.navbar-menu {
    overflow: visible !important;
    transition: width .18s ease !important;
  }
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover {
    width: var(--watsmax-sidebar-width) !important;
    min-width: var(--watsmax-sidebar-width) !important;
    max-width: var(--watsmax-sidebar-width) !important;
  }
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .navbar-brand-box {
    width: var(--watsmax-sidebar-width) !important;
    min-width: var(--watsmax-sidebar-width) !important;
  }
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .logo-sm {
    display: none !important;
  }
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .logo-lg {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav {
    padding: 0 12px !important;
  }
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .menu-title {
    height: auto !important;
    margin: 18px 0 0 !important;
    padding: 0 14px !important;
    text-align: left !important;
  }
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .menu-title:before {
    display: none !important;
    content: none !important;
  }
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .menu-title span {
    display: inline !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .menu-link {
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    justify-content: flex-start !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    background: transparent !important;
  }
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .menu-link:hover,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .menu-link.active,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .menu-link.active-parent,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .menu-link[aria-expanded="true"] {
    background: rgba(var(--watsmax-primary-rgb), 0.18) !important;
  }
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .menu-link span {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
    margin-inline-start: 0 !important;
  }
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .menu-link:after {
    display: flex !important;
  }
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .watsmax-submenu.show {
    display: block !important;
  }
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .watsmax-submenu {
    width: 100% !important;
    padding: 7px 0 !important;
    margin: 2px 0 6px !important;
    background: rgba(255, 255, 255, 0.025) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .watsmax-submenu .nav-sublink span {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  html[data-sidebar-size="sm"] .watsmax-sidebar-nav .nav-item:hover > .menu-link {
    width: 54px !important;
    padding: 0 !important;
    justify-content: center !important;
    border-radius: 10px !important;
    box-shadow: none !important;
  }
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .nav-item:hover > .menu-link {
    width: 100% !important;
    padding: 0 14px !important;
    justify-content: flex-start !important;
    border-radius: 10px !important;
  }
}

/* watsmax v6 requested fixes */
.template-upload-box .text-muted::after {
  content: "";
}
.wa-template-topbar .wa-back-icon {
  display: none !important;
}
.wa-template-phone-preview {
  height: 665px !important;
  min-height: 665px !important;
}
.wa-template-chat-screen {
  height: 550px !important;
  min-height: 550px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(0, 184, 148, .65) transparent !important;
}
.wa-template-chat-screen::-webkit-scrollbar {
  width: 5px !important;
}
.wa-template-chat-screen::-webkit-scrollbar-track {
  background: transparent !important;
}
.wa-template-chat-screen::-webkit-scrollbar-thumb {
  background: rgba(0, 184, 148, .65) !important;
  border-radius: 99px !important;
}
.wa-today-chip {
  position: sticky !important;
  top: 0 !important;
  display: table !important;
  margin: 0 auto 10px !important;
  transform: none !important;
  left: auto !important;
  z-index: 3 !important;
}
.wa-template-message-card {
  max-height: none !important;
}
.wa-template-image {
  max-height: 185px !important;
  object-fit: cover !important;
}
@media (max-width: 1399.98px) {
  .wa-template-phone-preview {
    height: 660px !important;
    min-height: 660px !important;
  }
  .wa-template-chat-screen {
    height: 555px !important;
    min-height: 555px !important;
  }
}

@media (min-width: 992px) {
  html[data-sidebar-size="sm"] .app-menu.navbar-menu {
    width: var(--watsmax-sidebar-sm) !important;
    min-width: var(--watsmax-sidebar-sm) !important;
    max-width: var(--watsmax-sidebar-sm) !important;
    overflow: visible !important;
  }
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover {
    width: var(--watsmax-sidebar-width) !important;
    min-width: var(--watsmax-sidebar-width) !important;
    max-width: var(--watsmax-sidebar-width) !important;
  }
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover #scrollbar {
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .menu-link {
    width: 100% !important;
    justify-content: flex-start !important;
    padding: 0 14px !important;
  }
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .menu-link span,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .nav-sublink span,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .menu-title span {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .watsmax-submenu.show {
    display: block !important;
  }
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .menu-link:after,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .submenu-arrow {
    display: inline-flex !important;
  }
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .menu-title:before {
    display: none !important;
    content: none !important;
  }
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .logo-sm {
    display: none !important;
  }
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .logo-lg {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* watsmax vNext fixes */
html[data-bs-theme="dark"] .watsmax-kpi-card .watsmax-kpi-label,
html[data-theme="dark"] .watsmax-kpi-card .watsmax-kpi-label,
html[data-bs-theme="dark"] .watsmax-kpi-card .watsmax-kpi-value,
html[data-theme="dark"] .watsmax-kpi-card .watsmax-kpi-value {
  color: #f8fafc !important;
}
html[data-bs-theme="dark"] .watsmax-kpi-card .watsmax-kpi-sub,
html[data-theme="dark"] .watsmax-kpi-card .watsmax-kpi-sub {
  color: #94a3b8 !important;
}
html[data-bs-theme="dark"] .watsmax-kpi-card,
html[data-theme="dark"] .watsmax-kpi-card {
  background: #111827 !important;
  border: 1px solid #263244 !important;
}
html[data-bs-theme="dark"] .dashboard-mini-list .list-title,
html[data-theme="dark"] .dashboard-mini-list .list-title {
  color: #e5e7eb !important;
}
html[data-bs-theme="dark"] .dashboard-mini-list .list-sub,
html[data-theme="dark"] .dashboard-mini-list .list-sub {
  color: #94a3b8 !important;
}
.js-meta-template-name {
  text-transform: none;
}

/* WABA connection lock state */
.waba-locked-field,
.waba-locked-field[readonly] {
  background: #f1f5f9 !important;
  color: #64748b !important;
  cursor: not-allowed !important;
}
html[data-bs-theme="dark"] .waba-locked-field,
html[data-theme="dark"] .waba-locked-field,
html[data-bs-theme="dark"] .waba-locked-field[readonly],
html[data-theme="dark"] .waba-locked-field[readonly] {
  background: #1f2937 !important;
  color: #94a3b8 !important;
}

/* watsmax v14 integration copy controls */
.integration-endpoint-line .integration-copy-icon {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  background: transparent !important;
  color: #8fa0b8 !important;
  border-radius: 8px !important;
  font-size: 20px !important;
  line-height: 1 !important;
  margin-inline-start: 8px !important;
  margin-inline-end: auto !important;
}
.integration-endpoint-line .integration-copy-icon:hover {
  color: var(--watsmax-primary) !important;
  background: rgba(var(--watsmax-primary-rgb), 0.1) !important;
}
.integration-code-box {
  border: 1px solid #e6edf6 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #f8fafc !important;
}
.integration-code-header {
  height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 0 22px !important;
  background: #f8fafc !important;
  border-bottom: 1px solid #e6edf6 !important;
  color: #98a6ba !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}
.integration-copy-text {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  border: 0 !important;
  background: transparent !important;
  color: #98a6ba !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  padding: 6px 0 !important;
  line-height: 1 !important;
}
.integration-copy-text i {
  font-size: 18px !important;
}
.integration-copy-text:hover {
  color: var(--watsmax-primary) !important;
}
.integration-code-panel {
  border: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  background: #f8fafc !important;
  padding: 22px !important;
  min-height: 0 !important;
  color: #111827 !important;
}
html[data-bs-theme="dark"] .integration-code-box,
html[data-theme="dark"] .integration-code-box {
  border-color: #263244 !important;
  background: #0b1220 !important;
}
html[data-bs-theme="dark"] .integration-code-header,
html[data-theme="dark"] .integration-code-header,
html[data-bs-theme="dark"] .integration-code-panel,
html[data-theme="dark"] .integration-code-panel {
  background: #0b1220 !important;
  border-color: #263244 !important;
}
html[data-bs-theme="dark"] .integration-copy-icon,
html[data-theme="dark"] .integration-copy-icon,
html[data-bs-theme="dark"] .integration-copy-text,
html[data-theme="dark"] .integration-copy-text {
  color: #9aa8bd !important;
}
html[dir="rtl"] .integration-endpoint-line .integration-copy-icon {
  margin-inline-start: auto !important;
  margin-inline-end: 8px !important;
}

/* watsmax v15 carousel editor controls */
.carousel-card-editor {
  background: #fbfdff;
  border-color: #e2ebf5 !important;
}
.carousel-card-editor .btn-icon {
  width: 32px;
  height: 32px;
}
.carousel-card-editor .js-remove-carousel-card:disabled {
  opacity: .45;
  cursor: not-allowed;
}
.wa-carousel-track {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  max-width: 100% !important;
  padding: 2px 0 8px !important;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 184, 148, .75) transparent;
}
.wa-carousel-track::-webkit-scrollbar {
  height: 5px !important;
}
.wa-carousel-track::-webkit-scrollbar-track {
  background: transparent !important;
}
.wa-carousel-track::-webkit-scrollbar-thumb {
  background: rgba(0, 184, 148, .75) !important;
  border-radius: 999px !important;
}
.wa-carousel-track .wa-carousel-card {
  flex: 0 0 230px !important;
  scroll-snap-align: start;
}
html[data-bs-theme="dark"] .carousel-card-editor,
html[data-theme="dark"] .carousel-card-editor {
  background: #111827;
  border-color: #263244 !important;
}


/* watsmax v17 carousel preview placeholder and drag scroll */
.wa-carousel-track {
  cursor: grab !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  scroll-behavior: auto !important;
}
.wa-carousel-track.is-dragging {
  cursor: grabbing !important;
  scroll-snap-type: none !important;
}
.wa-carousel-track.is-dragging,
.wa-carousel-track.is-dragging * {
  user-select: none !important;
  -webkit-user-select: none !important;
}
.wa-carousel-image-placeholder {
  width: 100% !important;
  height: 120px !important;
  background: #eef2f7 !important;
  color: #c9d3df !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 32px !important;
}
.wa-carousel-card .wa-carousel-card-body:first-child,
.wa-carousel-card .wa-carousel-image-placeholder + .wa-carousel-card-body {
  padding-top: 10px !important;
}
html[data-bs-theme="dark"] .wa-carousel-image-placeholder,
html[data-theme="dark"] .wa-carousel-image-placeholder {
  background: #eef2f7 !important;
  color: #c9d3df !important;
}

/* watsmax v18 carousel preview: carousel cards live outside the main message bubble */
.wa-template-chat-screen > .wa-carousel-track {
  display: none;
  width: 100% !important;
  max-width: 100% !important;
  margin: 12px 0 0 0 !important;
  padding: 0 0 10px 0 !important;
  gap: 10px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  align-items: stretch !important;
  cursor: grab !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(0, 184, 148, .75) transparent !important;
  -webkit-overflow-scrolling: touch !important;
  scroll-snap-type: x mandatory !important;
}
.wa-template-chat-screen > .wa-carousel-track.is-dragging {
  cursor: grabbing !important;
  scroll-snap-type: none !important;
}
.wa-template-chat-screen > .wa-carousel-track::-webkit-scrollbar {
  height: 6px !important;
}
.wa-template-chat-screen > .wa-carousel-track::-webkit-scrollbar-track {
  background: transparent !important;
}
.wa-template-chat-screen > .wa-carousel-track::-webkit-scrollbar-thumb {
  background: rgba(0, 184, 148, .75) !important;
  border-radius: 999px !important;
}
.wa-template-chat-screen > .wa-carousel-track .wa-carousel-card {
  flex: 0 0 282px !important;
  width: 282px !important;
  max-width: 282px !important;
  scroll-snap-align: start !important;
  background: #fff !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .18) !important;
}
.wa-template-chat-screen > .wa-carousel-track .wa-carousel-card img,
.wa-template-chat-screen > .wa-carousel-track .wa-carousel-image-placeholder {
  height: 145px !important;
}
.wa-template-chat-screen > .wa-carousel-track .wa-carousel-card-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #06112b !important;
  padding: 11px 12px 3px !important;
  line-height: 1.3 !important;
}
.wa-template-chat-screen > .wa-carousel-track .wa-carousel-card-body {
  font-size: 13px !important;
  color: #64748b !important;
  padding: 0 12px 10px !important;
  line-height: 1.35 !important;
}
.wa-template-chat-screen > .wa-carousel-track .wa-template-button {
  font-size: 14px !important;
  padding: 10px 12px !important;
}


/* watsmax v21 template format chips and status toggle */
.template-format-badge.template-format-image_button,
.template-format-badge.template-format-image-button {
  background: #e8f1ff !important;
  color: #2563eb !important;
  border: 1px solid #d6e6ff !important;
}
.template-format-badge.template-format-image_only,
.template-format-badge.template-format-image-only {
  background: #ecfdf5 !important;
  color: #059669 !important;
  border: 1px solid #d1fae5 !important;
}
.template-format-badge.template-format-button_only,
.template-format-badge.template-format-button-only {
  background: #fff7ed !important;
  color: #ea580c !important;
  border: 1px solid #ffedd5 !important;
}
.template-format-badge.template-format-text_only,
.template-format-badge.template-format-text-only {
  background: #f5f3ff !important;
  color: #7c3aed !important;
  border: 1px solid #ede9fe !important;
}
.template-format-badge.template-format-carousel {
  background: #fdf2f8 !important;
  color: #db2777 !important;
  border: 1px solid #fce7f3 !important;
}
button.status-pill {
  border: 0 !important;
  min-width: 74px;
  justify-content: center;
}


/* watsmax v23 table pagination, chip color and phone-input refinements */
.template-format-badge.template-format-image_button,
.template-format-badge.template-format-image-button {
    background: #e8ebd7 !important;
    color: #f15336 !important;
    border: 1px solid #ffd1ba !important;
}
.template-format-badge.template-format-image_only,
.template-format-badge.template-format-image-only {
  background: #ffe8ef !important;
  color: #be123c !important;
  border: 1px solid #ffd0de !important;
}
.template-format-badge.template-format-button_only,
.template-format-badge.template-format-button-only {
  background: #ffe9dd !important;
  color: #c2410c !important;
  border: 1px solid #ffd7c2 !important;
}
.template-format-badge.template-format-text_only,
.template-format-badge.template-format-text-only {
  background: #eef0f4 !important;
  color: #344861 !important;
  border: 1px solid #dfe3ea !important;
}
.template-format-badge.template-format-carousel {
  background: #fce7f3 !important;
  color: #be185d !important;
  border: 1px solid #fbcfe8 !important;
}
.status-pill.status-active,
.status-active,
.status-pill.status-subscribed,
.status-subscribed,
.status-pill.status-paid,
.status-paid,
.status-pill.status-completed,
.status-completed,
.status-pill.status-200,
.status-200,
.status-pill.status-ready,
.status-ready,
.status-pill.status-customer,
.status-customer {
  background: #eef0f4 !important;
  color: #344861 !important;
  border: 1px solid #dfe3ea !important;
}
.status-pill.status-sent,
.status-sent,
.status-pill.status-converted,
.status-converted {
    background: #e8ebd7 !important;
    color: #f15336 !important;
    border: 1px solid #ffd1ba !important;
}
.status-pill.status-pending,
.status-pending,
.status-pill.status-abandoned,
.status-abandoned,
.status-pill.status-405,
.status-405 {
  background: #ffe9dd !important;
  color: #c2410c !important;
  border: 1px solid #ffd7c2 !important;
}
.status-pill.status-guest,
.status-guest,
.status-pill.status-skipped,
.status-skipped,
.status-pill.status-cleared,
.status-cleared,
.status-pill.status-blocked,
.status-blocked {
  background: #f1f3f7 !important;
  color: #475569 !important;
  border: 1px solid #e2e8f0 !important;
}
input.js-number-only,
input[data-filter="phone"],
input[name="phone"],
input[name="to_phone"],
input[name="test_phone"],
input[name="registered_phone_number"],
input[name*="phone" i] {
  direction: ltr !important;
  unicode-bidi: embed !important;
}

/* v32 automation queue compact tooltip UI */
.queue-hover-tip {
  cursor: help;
}
.status-pill.status-attempts {
  background: #eef0f4 !important;
  color: #344861 !important;
  border: 1px solid #d9dee7 !important;
  min-width: 54px;
  justify-content: center;
}
html[data-bs-theme="dark"] .status-pill.status-attempts,
html[data-theme="dark"] .status-pill.status-attempts {
  background: rgba(148, 163, 184, 0.16) !important;
  color: #cbd5e1 !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
}
.watsmax-queue-tooltip .tooltip-inner {
  max-width: 340px;
  padding: 10px 12px;
  text-align: left;
  background: #111827;
  color: #ffffff;
  border-radius: 8px;
  font-size: 12px;
  line-height: 1.45;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.22);
}
.watsmax-queue-tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.watsmax-queue-tooltip.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: #111827;
}
.watsmax-queue-tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.watsmax-queue-tooltip.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: #111827;
}
.watsmax-queue-tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.watsmax-queue-tooltip.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: #111827;
}
.watsmax-queue-tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.watsmax-queue-tooltip.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: #111827;
}

/* v39 UX refinements */
.cron-type-list {
  display: grid;
  gap: 16px;
}
.cron-type-card {
  border: 1px solid var(--watsmax-border);
  border-radius: 14px;
  padding: 16px;
  background: rgba(255,255,255,0.72);
  box-shadow: 0 8px 22px rgba(15,23,42,0.04);
}
.cron-rule-type-label {
  color: var(--vz-secondary-color, #878a99);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-bottom: 4px;
}
.cron-rule-type-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--vz-heading-color, #1f2937);
}
.watsmax-segmented-toggle {
  display: inline-flex;
  width: 100%;
  padding: 4px;
  border: 1px solid rgba(0, 191, 165, 0.22);
  background: rgba(0, 191, 165, 0.06);
  border-radius: 6px;
  gap: 4px;
}
.watsmax-segmented-option {
  flex: 1 1 0;
  text-align: center;
  padding: 9px 6px;
  border-radius: 6px;
  color: var(--vz-body-color, #495057);
  font-weight: 700;
  cursor: pointer;
  transition: all .18s ease;
  margin: 0;
  user-select: none;
  white-space: nowrap;
}
.watsmax-segmented-toggle .btn-check:checked + .watsmax-segmented-option {
  background: var(--watsmax-primary);
  color: #fff;
  box-shadow: 0 8px 18px rgba(0, 184, 148, 0.22);
}
.watsmax-segmented-option:hover {
  color: var(--watsmax-primary);
}
.watsmax-segmented-toggle .btn-check:checked + .watsmax-segmented-option:hover {
  color: #fff;
}
html[data-bs-theme="dark"] .cron-type-card,
html[data-theme="dark"] .cron-type-card {
  background: rgba(15, 23, 42, 0.7);
  border-color: var(--watsmax-dark-border);
}
html[data-bs-theme="dark"] .watsmax-segmented-toggle,
html[data-theme="dark"] .watsmax-segmented-toggle {
  border-color: rgba(0, 191, 165, 0.25);
  background: rgba(0, 191, 165, 0.09);
}
@media (max-width: 575.98px) {
  .watsmax-segmented-toggle {
    flex-direction: column;
  }
}

/* v40 cron cards and binary toggles */
.cron-card-shell {
  background: linear-gradient(180deg, rgba(0, 184, 148, 0.08), rgba(0, 184, 148, 0.03));
}
.cron-type-card {
  border-color: rgba(0, 184, 148, 0.16);
  background: rgba(255,255,255,0.86);
  border-radius: 18px;
  padding: 20px;
  box-shadow: 0 14px 34px rgba(15,23,42,0.05);
}
.cron-rule-type-label {
  font-size: 13px;
  letter-spacing: .07em;
}
.cron-rule-type-title {
  font-size: 21px;
  line-height: 1.3;
}
.cron-endpoint-copy {
  position: relative;
  display: flex;
  align-items: stretch;
  gap: 8px;
  direction: ltr;
}
.cron-endpoint-copy .endpoint-box {
  padding-inline-end: 54px;
  min-height: 58px;
  display: flex;
  align-items: center;
}
.cron-copy-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  inset-inline-end: 10px;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.12) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
}
.cron-copy-btn:hover {
  background: rgba(0, 184, 148, 0.95) !important;
  color: #fff !important;
}
.watsmax-segmented-toggle-binary {
  background: #f5f7fb;
  border-color: #e4e8f0;
}
.watsmax-segmented-toggle-binary .watsmax-segmented-option {
  border: 1px solid transparent;
}
.watsmax-segmented-toggle-binary .btn-check:checked + .watsmax-segmented-positive {
  background: rgba(0, 184, 148, 0.14);
  color: #008767;
  border-color: rgba(0, 184, 148, 0.38);
  box-shadow: none;
}
.watsmax-segmented-toggle-binary .btn-check:checked + .watsmax-segmented-negative {
  background: rgba(240, 101, 72, 0.13);
  color: #c2412d;
  border-color: rgba(240, 101, 72, 0.34);
  box-shadow: none;
}
.watsmax-segmented-toggle-binary .watsmax-segmented-positive:hover {
  color: #008767;
}
.watsmax-segmented-toggle-binary .watsmax-segmented-negative:hover {
  color: #c2412d;
}
html[data-bs-theme="dark"] .cron-card-shell,
html[data-theme="dark"] .cron-card-shell {
  background: rgba(0, 184, 148, 0.07);
}
html[data-bs-theme="dark"] .cron-type-card,
html[data-theme="dark"] .cron-type-card {
  background: rgba(15, 23, 42, 0.82);
  border-color: rgba(0, 184, 148, 0.22);
}
html[data-bs-theme="dark"] .watsmax-segmented-toggle-binary,
html[data-theme="dark"] .watsmax-segmented-toggle-binary {
  background: rgba(255,255,255,0.04);
  border-color: rgba(255,255,255,0.12);
}
@media (max-width: 575.98px) {
  .cron-type-card {
    padding: 16px;
  }
  .cron-endpoint-copy .endpoint-box {
    font-size: 13px;
    word-break: break-all;
  }
}

/* v41 final UI refinements */
.alert.alert-success .btn-close,
.alert .btn-close {
  opacity: 1 !important;
  filter: none !important;
  width: 1.15rem !important;
  height: 1.15rem !important;
  background-size: 1.15rem !important;
  color: #344861 !important;
}
.alert.alert-success .btn-close:hover,
.alert .btn-close:hover {
  opacity: .85 !important;
}
.watsmax-segmented-toggle {
  max-width: 100%;
  overflow: hidden;
}
.watsmax-segmented-option {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 1.25;
}
.watsmax-segmented-toggle-binary .watsmax-segmented-positive:hover,
.watsmax-segmented-toggle-binary .watsmax-segmented-negative:hover,
.watsmax-segmented-toggle-binary .btn-check:checked + .watsmax-segmented-positive:hover,
.watsmax-segmented-toggle-binary .btn-check:checked + .watsmax-segmented-negative:hover {
  color: #344861 !important;
}
.watsmax-segmented-toggle-binary .btn-check:checked + .watsmax-segmented-positive,
.watsmax-segmented-toggle-binary .btn-check:checked + .watsmax-segmented-negative {
  box-shadow: none !important;
}
@media (max-width: 1399.98px) {
  .watsmax-segmented-option {
    font-size: 13px;
    padding: 9px 8px;
  }
}
.status-pill.status-lang-en,
.status-lang-en,
.status-pill.status-customer,
.status-customer,
.status-pill.status-yes,
.status-yes {
  background: rgba(239, 68, 68, 0.12) !important;
  color: #dc2626 !important;
  border: 1px solid rgba(239, 68, 68, 0.18) !important;
}
.status-pill.status-lang-ar,
.status-lang-ar,
.status-pill.status-guest,
.status-guest,
.status-pill.status-no,
.status-no {
  background: #eef0f4 !important;
  color: #344861 !important;
  border: 1px solid #dfe3ea !important;
}
.swal2-popup .watsmax-delete-alert .mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.swal2-popup .watsmax-delete-alert .mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* watsmax v49 Dashboard + System Health */
.dashboard-health-grid .health-card{border:1px solid #e7ecef;border-radius:14px;padding:14px;background:#fbfdfc;height:100%;display:flex;gap:12px;align-items:flex-start;min-height:122px}
.health-icon{width:38px;height:38px;border-radius:12px;background:rgba(18,77,65,.10);color:#124d41;display:flex;align-items:center;justify-content:center;font-size:20px;flex:0 0 38px}
.health-title{font-weight:700;color:#263445;margin-bottom:8px}.health-sub{font-size:12px;color:#6b778c;margin-top:8px;line-height:1.35}.health-metric{border:1px solid #e7ecef;border-radius:12px;padding:12px;background:#fff;display:flex;justify-content:space-between;gap:12px;align-items:center}.health-metric span{color:#6b778c;font-size:12px}.health-metric strong{color:#263445;font-size:13px;text-align:end}.queue-health-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.queue-health-counts>div{border:1px solid #e7ecef;border-radius:12px;padding:12px;background:#fbfdfc;text-align:center}.queue-health-counts span{display:block;color:#6b778c;font-size:12px;margin-bottom:4px}.queue-health-counts strong{font-size:22px;color:#263445}.automation-health-row{padding:12px 0;border-bottom:1px solid #eef2f7;display:flex;align-items:center;justify-content:space-between;gap:12px}.automation-health-row:last-child{border-bottom:0}.status-success{background:rgba(22,101,52,.12)!important;color:#166534!important}.status-failed{background:rgba(239,68,68,.12)!important;color:#dc2626!important}.status-skipped{background:#eef0f4!important;color:#344861!important;border:1px solid #dfe3ea!important}.status-ready,.status-pending{background:rgba(245,158,11,.12)!important;color:#b45309!important}.status-sent{background:rgba(22,101,52,.12)!important;color:#166534!important}
@media (max-width:575.98px){.queue-health-counts{grid-template-columns:1fr}.automation-health-row{align-items:flex-start;flex-direction:column}}
html[data-bs-theme="dark"] .dashboard-health-grid .health-card,html[data-theme="dark"] .dashboard-health-grid .health-card,html[data-bs-theme="dark"] .health-metric,html[data-theme="dark"] .health-metric,html[data-bs-theme="dark"] .queue-health-counts>div,html[data-theme="dark"] .queue-health-counts>div{background:#17212b;border-color:#263241}html[data-bs-theme="dark"] .health-title,html[data-theme="dark"] .health-title,html[data-bs-theme="dark"] .health-metric strong,html[data-theme="dark"] .health-metric strong,html[data-bs-theme="dark"] .queue-health-counts strong,html[data-theme="dark"] .queue-health-counts strong{color:#f3f6f9}

/* watsmax v50 professional dashboard refresh */
.dashboard-pro-card{border:1px solid #e7ebf1 !important;border-radius:16px!important;box-shadow:0 2px 2px 0 rgba(56, 65, 74, 0.15) !important;overflow:hidden}.dashboard-control-card .card-body{padding:22px}.dashboard-section-eyebrow{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#7a8799;margin-bottom:4px}.dashboard-section-title{font-weight:600;color:#263445}.health-pro-card{height:100%;border:1px solid #e6ebf1;border-radius:14px;background:#fff;padding:16px;display:flex;flex-direction:column;gap:9px;min-height:155px}.health-pro-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.health-pro-icon{width:38px;height:38px;border-radius:12px;background:#eef8f6;color:#00a884;display:inline-flex;align-items:center;justify-content:center;font-size:21px}.health-pro-warning .health-pro-icon{background:#fff7ed;color:#ea580c}.health-pro-info .health-pro-icon{background:#eff6ff;color:#2563eb}.health-pro-label{font-size:12px;color:#7a8799;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.health-pro-value{font-size:20px;font-weight:600;color:#263445;line-height:1.2}.health-pro-note{font-size:12.5px;color:#6b778c;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dashboard-sync-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dashboard-sync-strip>div,.queue-total-box{border:1px solid #e6ebf1;background:#fbfcfe;border-radius:13px;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.dashboard-sync-strip span,.queue-total-box span{font-size:12px;color:#7a8799;font-weight:700}.dashboard-sync-strip strong,.queue-total-box strong{font-size:15px;color:#263445;text-align:end}.queue-score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.queue-score-card{display:block;text-align:center;border:1px solid #e6ebf1;border-radius:14px;background:#fff;padding:15px 10px;color:inherit;text-decoration:none!important;transition:.18s ease}.queue-score-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(15,23,42,.07)}.queue-score-card span{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#7a8799;margin-bottom:8px}.queue-score-card strong{font-size:30px;line-height:1;color:#263445}.queue-score-ready{background:#fff7ed}.queue-score-failed{background:#fff1f2}.queue-score-skipped{background:#f8fafc}.queue-total-box{margin-top:12px}.automation-pro-list{display:flex;flex-direction:column;gap:12px}.automation-pro-row{border:1px solid #e6ebf1;border-radius:14px;background:#fff;padding:14px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:center}.automation-pro-title{font-weight:600;color:#263445;font-size:15px}.automation-pro-sub{font-size:12.5px;color:#7a8799;margin-top:3px}.automation-pro-progress{min-width:0}.dashboard-progress{height:8px;background:#eef2f7;border-radius:999px;overflow:hidden}.dashboard-progress-sent{background:#00a884!important}.dashboard-progress-failed{background:#ef4444!important}.automation-pro-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px;justify-content:flex-end}.dashboard-command-center .status-pill,.dashboard-queue-row .status-pill{font-weight:600}.dashboard-mini-list .list-row{border-radius:0px;padding:11px 0}.dashboard-mini-list .list-row+.list-row{border-top:1px solid #eef2f7}@media(max-width:1199.98px){.dashboard-sync-strip{grid-template-columns:repeat(2,1fr)}.automation-pro-row{grid-template-columns:1fr}.automation-pro-badges{justify-content:flex-start}}@media(max-width:575.98px){.dashboard-sync-strip,.queue-score-grid{grid-template-columns:1fr}.dashboard-control-card .card-body{padding:16px}.health-pro-card{min-height:auto}.queue-total-box{flex-direction:column;align-items:flex-start}.automation-pro-row{padding:12px}}html[data-bs-theme="dark"] .dashboard-pro-card,html[data-theme="dark"] .dashboard-pro-card,html[data-bs-theme="dark"] .health-pro-card,html[data-theme="dark"] .health-pro-card,html[data-bs-theme="dark"] .dashboard-sync-strip>div,html[data-theme="dark"] .dashboard-sync-strip>div,html[data-bs-theme="dark"] .queue-total-box,html[data-theme="dark"] .queue-total-box,html[data-bs-theme="dark"] .automation-pro-row,html[data-theme="dark"] .automation-pro-row{background:#151f2a;border-color:#273445!important}html[data-bs-theme="dark"] .health-pro-value,html[data-theme="dark"] .health-pro-value,html[data-bs-theme="dark"] .dashboard-section-title,html[data-theme="dark"] .dashboard-section-title,html[data-bs-theme="dark"] .automation-pro-title,html[data-theme="dark"] .automation-pro-title,html[data-bs-theme="dark"] .dashboard-sync-strip strong,html[data-theme="dark"] .dashboard-sync-strip strong,html[data-bs-theme="dark"] .queue-score-card strong,html[data-theme="dark"] .queue-score-card strong{color:#f3f6f9}
/* watsmax v51 dashboard alignment and translation polish */
.queue-total-box{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:12px!important;background:#fff!important;border:1px solid #e6ebf1!important;border-radius:14px!important}.queue-total-item{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-width:0!important;padding:10px 12px!important;border:1px solid #eef2f7!important;border-radius:12px!important;background:#fbfcfe!important}.queue-total-item span{font-size:13px!important;font-weight:600!important;color:#7a8799!important;line-height:1.3!important;white-space:nowrap!important}.queue-total-item strong{font-size:18px!important;font-weight:900!important;color:#263445!important;line-height:1.2!important;text-align:end!important;white-space:nowrap!important}.queue-score-card{padding:18px 12px!important}.queue-score-card span{min-height:30px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}.dashboard-section-title{letter-spacing:-.01em}.dashboard-sync-strip>div{min-height:64px}.dashboard-sync-strip span{line-height:1.25}.dashboard-sync-strip strong{line-height:1.25}.automation-pro-row{box-shadow:0 4px 14px rgba(15,23,42,.035)}.app-menu .menu-title span,.app-menu .nav-link span{white-space:normal}.app-menu .nav-sublink{gap:10px!important}@media(max-width:575.98px){.queue-total-box{grid-template-columns:1fr!important}.queue-total-item{width:100%!important}.queue-total-item span,.queue-total-item strong{white-space:normal!important}}
html[data-bs-theme="dark"] .queue-total-box,html[data-theme="dark"] .queue-total-box{background:#151f2a!important;border-color:#273445!important}html[data-bs-theme="dark"] .queue-total-item,html[data-theme="dark"] .queue-total-item{background:#111827!important;border-color:#273445!important}html[data-bs-theme="dark"] .queue-total-item strong,html[data-theme="dark"] .queue-total-item strong{color:#f3f6f9!important}

/* watsmax v52 dashboard queue snapshot expansion */
.queue-total-box-advanced{grid-template-columns:1fr!important;gap:10px!important;padding:14px!important;align-content:start!important}.queue-total-box-advanced .queue-total-item{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;padding:11px 14px!important;min-height:46px!important}.queue-total-box-advanced .queue-total-item span{white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important}.queue-total-box-advanced .queue-total-item strong{font-size:18px!important}.dashboard-queue-row .dashboard-pro-card{min-height:100%!important}@media(min-width:1400px){.queue-total-box-advanced .queue-total-item{padding:12px 16px!important}}@media(max-width:575.98px){.queue-total-box-advanced{padding:12px!important}.queue-total-box-advanced .queue-total-item{grid-template-columns:1fr!important;gap:4px!important}.queue-total-box-advanced .queue-total-item strong{text-align:start!important}}html[data-bs-theme="dark"] .queue-total-box-advanced,html[data-theme="dark"] .queue-total-box-advanced,html[data-bs-theme="dark"] .queue-total-box-advanced .queue-total-item,html[data-theme="dark"] .queue-total-box-advanced .queue-total-item{background:#151f2a!important;border-color:#273445!important}

/* v54 dashboard queue status consistency */
.queue-score-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}.queue-score-card{min-height:118px;display:flex!important;flex-direction:column;align-items:center;justify-content:center}.queue-score-card span{min-height:28px;display:flex!important;align-items:center;justify-content:center}.queue-score-pending{background:#f0fdf4!important}.queue-score-sent{background:#ecfdf5!important}.queue-score-ready{background:#fff7ed!important}.queue-score-failed{background:#fff1f2!important}.queue-score-skipped{background:#f8fafc!important}@media(max-width:1399.98px){.queue-score-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:575.98px){.queue-score-grid{grid-template-columns:1fr!important}.queue-score-card{min-height:auto}}
/* v55 dashboard date range and queue UI refinements */
.dashboard-filter-bar{border:1px solid #e5eaf0!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(15,23,42,.04)!important}.dashboard-filter-bar .card-body{padding:16px 18px!important}.dashboard-filter-title{font-size:18px;font-weight:900;color:#263445;line-height:1.2}.dashboard-date-form .form-control{min-width:150px}.queue-score-list{display:flex!important;flex-direction:column!important;gap:9px!important}.queue-score-list .queue-score-card{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:auto!important;padding:11px 14px!important;border-radius:999px!important;text-align:left!important}.queue-score-list .queue-score-card span{margin:0!important;min-height:0!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;font-size:11px!important;line-height:1!important;white-space:nowrap!important;max-width:60%;overflow:hidden;text-overflow:ellipsis}.queue-score-list .queue-score-card strong{font-size:17px!important;line-height:1!important;white-space:nowrap!important;max-width:40%;overflow:hidden;text-overflow:ellipsis}.queue-percentage-panel{padding:8px 0 0!important;border:0!important;background:transparent!important}.dashboard-queue-chart{min-height:250px}.automation-pro-row{grid-template-columns:210px minmax(0,1fr)!important}.automation-pro-main{min-width:0}.automation-pro-title{white-space:normal;line-height:1.25}.automation-pro-badges .status-pill{font-size:12px}@media(max-width:575.98px){.dashboard-date-form{width:100%}.dashboard-date-form>div{width:100%}.dashboard-date-form .form-control{width:100%;min-width:0}.dashboard-date-form .btn{width:100%}.queue-score-list .queue-score-card span{max-width:55%}.queue-score-list .queue-score-card strong{max-width:45%}.automation-pro-row{grid-template-columns:1fr!important}}
html[data-bs-theme="dark"] .dashboard-filter-bar,html[data-theme="dark"] .dashboard-filter-bar{background:#151f2a!important;border-color:#273445!important}html[data-bs-theme="dark"] .dashboard-filter-title,html[data-theme="dark"] .dashboard-filter-title{color:#f3f6f9!important}
.dashboard-header-date-form{margin-left:18px;min-width:0}.dashboard-header-date-input{width:260px!important;height:38px!important;border-radius:10px!important}.dashboard-header-date-form .btn{height:38px!important;border-radius:10px!important;white-space:nowrap}.dashboard-mobile-date-form{background:#fff;border:1px solid #e5eaf0;border-radius:14px;padding:12px;box-shadow:0 8px 24px rgba(15,23,42,.04)}html[dir="rtl"] .dashboard-header-date-form{margin-left:0;margin-right:18px}@media(max-width:1199.98px){.dashboard-header-date-input{width:210px!important}.dashboard-header-date-form{margin-left:10px}.dashboard-header-date-form .btn{padding-left:10px!important;padding-right:10px!important}}html[data-bs-theme="dark"] .dashboard-mobile-date-form,html[data-theme="dark"] .dashboard-mobile-date-form{background:#151f2a!important;border-color:#273445!important}

/* v57: Dashboard header date filter button alignment */
.dashboard-header-date-form .btn,
.dashboard-mobile-date-form .btn{
  border-radius:4px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  line-height:1!important;
  min-height:42px!important;
  padding:0 18px!important;
  white-space:nowrap!important;
}
.dashboard-header-date-form .btn i,
.dashboard-mobile-date-form .btn i{
  margin:0!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
}
.dashboard-header-date-input{
  border-radius:4px!important;
}
@media(max-width:991.98px){
  .dashboard-mobile-date-form .form-control{border-radius:4px!important;}
}

/* v58 dashboard and date picker refinements */
.dashboard-header-date-form .btn,
.dashboard-mobile-date-form .btn{border-radius:4px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;line-height:1!important;}
.dashboard-header-date-input{border-radius:4px!important;}
.dashboard-lifetime-btn{width:42px!important;min-width:42px!important;padding-left:0!important;padding-right:0!important;}
.dashboard-lifetime-btn i{margin:0!important;font-size:16px!important;}
.flatpickr-calendar .flatpickr-months,
.flatpickr-calendar .flatpickr-months .flatpickr-month,
.flatpickr-calendar .flatpickr-current-month,
.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-calendar .flatpickr-current-month input.cur-year,
.flatpickr-calendar .flatpickr-prev-month,
.flatpickr-calendar .flatpickr-next-month{background:var(--watsmax-primary)!important;color:#fff!important;fill:#fff!important;}
.flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar .flatpickr-day.startRange,
.flatpickr-calendar .flatpickr-day.endRange,
.flatpickr-calendar .flatpickr-day.selected:hover,
.flatpickr-calendar .flatpickr-day.startRange:hover,
.flatpickr-calendar .flatpickr-day.endRange:hover{background:var(--watsmax-primary)!important;border-color:var(--watsmax-primary)!important;color:#fff!important;}
.flatpickr-calendar .flatpickr-day.inRange{background:rgba(0,168,132,.14)!important;border-color:rgba(0,168,132,.14)!important;box-shadow:-5px 0 0 rgba(0,168,132,.14),5px 0 0 rgba(0,168,132,.14)!important;}
.btn-soft-primary:hover,
.btn-soft-success:hover,
.btn-soft-info:hover{color:#ffffff!important;}
.queue-percentage-panel,.dashboard-queue-chart{display:none!important;}
.queue-score-list{gap:10px!important;}
.queue-score-list .queue-score-card{padding:13px 16px!important;}
.queue-score-list .queue-score-card span{max-width:65%!important;}
.queue-score-list .queue-score-card strong{font-size:20px!important;max-width:35%!important;}
html[data-bs-theme="dark"] .flatpickr-calendar .flatpickr-day.inRange,
html[data-theme="dark"] .flatpickr-calendar .flatpickr-day.inRange{background:rgba(0,168,132,.22)!important;border-color:rgba(0,168,132,.22)!important;}


/* watsmax v60 dashboard KPI reference style */
.card,
.dashboard-pro-card,
.health-pro-card,
.dashboard-sync-strip > div,
.queue-total-box,
.queue-score-card,
.automation-pro-row,
.dashboard-filter-bar,
.template-upload-box,
.modal-content {
  border-radius: 6px !important;
}
.watsmax-kpi-card {
  background: #ffffff !important;
  border: 1px solid #e7ebf1 !important;
  border-radius: 6px !important;
  min-height: 150px !important;
  box-shadow: 0 2px 2px 0 rgba(56, 65, 74, 0.15) !important;
  overflow: hidden;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
/* .watsmax-kpi-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(15,23,42,.10) !important;
  border-color: #dce3ec !important;
} */
.watsmax-kpi-body {
  min-height: 150px;
  padding: 22px 24px !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.watsmax-kpi-label {
  color: #6b7280 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
  margin: 0 !important;
}
.watsmax-kpi-main {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}
.watsmax-kpi-value {
  color: #374151 !important;
  font-size: 28px !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
  margin: 0 0 18px !important;
}
.watsmax-kpi-sub {
  color: #2f4b7c !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;
}
.watsmax-kpi-card .kpi-icon {
  width: 58px !important;
  height: 58px !important;
  border-radius: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 26px !important;
  flex: 0 0 58px !important;
  color: var(--watsmax-primary) !important;
  background: rgba(var(--watsmax-primary-rgb), .14) !important;
}
.kpi-blue .kpi-icon { color:#497cff !important; background:rgba(73,124,255,.14) !important; }
.kpi-green .kpi-icon { color:#1fbf75 !important; background:rgba(31,191,117,.14) !important; }
.kpi-orange .kpi-icon { color:#ff9f2f !important; background:rgba(255,159,47,.14) !important; }
.kpi-purple .kpi-icon { color:#8b5cf6 !important; background:rgba(139,92,246,.14) !important; }
.kpi-pink .kpi-icon { color:#ec4899 !important; background:rgba(236,72,153,.14) !important; }
.kpi-cyan .kpi-icon { color:#06b6d4 !important; background:rgba(6,182,212,.14) !important; }
.kpi-dark .kpi-icon { color:#111827 !important; background:rgba(17,24,39,.12) !important; }
.kpi-red .kpi-icon { color:#ef4444 !important; background:rgba(239,68,68,.13) !important; }
html[data-bs-theme="dark"] .watsmax-kpi-card,
html[data-theme="dark"] .watsmax-kpi-card {
  background: #111827 !important;
  border-color: #263244 !important;
}
html[data-bs-theme="dark"] .watsmax-kpi-sub,
html[data-theme="dark"] .watsmax-kpi-sub {
  color: #93c5fd !important;
}
@media (max-width: 575.98px) {
  .watsmax-kpi-body { padding: 18px !important; min-height: 136px; }
  .watsmax-kpi-value { font-size: 25px !important; margin-bottom: 14px !important; }
  .watsmax-kpi-card .kpi-icon { width: 52px !important; height: 52px !important; flex-basis: 52px !important; }
}

/* Analytics reports */

.analytics-filter-card .card-body{padding:1rem}.analytics-filter-card .btn{white-space:nowrap;min-width:max-content}.analytics-date-input{min-width:230px}.analytics-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.analytics-tab{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .75rem;border-radius:6px;background:#f3f6f9;color:#495057;font-weight:600;text-decoration:none;font-size:.875rem}.analytics-tab.active,.analytics-tab:hover{background:#e8fff3;color:#0f8f55}.analytics-kpi .card-body{padding:1rem}.analytics-kpi-label{font-size:.78rem;font-weight:700;color:#6c757d;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics-kpi-value{font-size:1.45rem;font-weight:600;margin:.35rem 0 0;color:#212529}.analytics-kpi-sub{font-size:.82rem;color:#878a99;margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics-mini-icon{width:42px;height:42px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#effaf4;color:#0f8f55;font-size:1.35rem}.analytics-table td,.analytics-table th{vertical-align:middle}.analytics-progress{height:8px;border-radius:999px;background:#eef2f7;overflow:hidden}.analytics-progress span{display:block;height:100%;background:#0f8f55;border-radius:999px}.analytics-empty{padding:2rem;text-align:center;color:#878a99}.analytics-chart{min-height:280px}.analytics-safe-note{border:1px dashed #b7ebcd;background:#f3fff8;color:#256b47;border-radius:6px;padding:.75rem 1rem;font-size:.875rem}.analytics-opportunity-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.85rem 0;border-bottom:1px solid #eef2f7}.analytics-opportunity-row:last-child{border-bottom:0}.analytics-opportunity-row p{margin:.25rem 0 0;color:#878a99;font-size:.82rem}.analytics-opportunity-row span{font-weight:600;color:#0f8f55;white-space:nowrap}.analytics-owner-summary{display:grid;gap:.7rem}.analytics-owner-summary>div{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem;border:1px solid #eef2f7;border-radius:6px;background:#fbfcfd}.analytics-owner-summary span{color:#6c757d;font-size:.84rem}.analytics-owner-summary strong{font-size:1.05rem;white-space:nowrap}

/* v74: match dashboard header filter button typography with analytics filter buttons */
.dashboard-header-date-form .btn,
.dashboard-mobile-date-form .btn{
  font-size:.875rem!important;
}

.recommended-products-list{display:flex;flex-direction:column;gap:.75rem}.recommended-product-row{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid #edf0f3;border-radius:6px;background:#fff}.recommended-product-img{width:48px;height:48px;border-radius:6px;object-fit:cover;flex:0 0 48px}.recommended-product-placeholder{display:flex;align-items:center;justify-content:center;background:#ecfdf5;color:#009878;font-size:20px}.recommended-product-info{min-width:0;flex:1}.recommended-product-meta{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.15rem}
.analytics-scorecard-item>div{display:block;text-align:start}.analytics-scorecard-item strong{display:block;font-size:1.05rem;font-weight:600;line-height:1.35;margin-bottom:.25rem;white-space:normal}.analytics-scorecard-item span{display:block;font-size:1.05rem;font-weight:600;line-height:1.35;color:#6c757d;white-space:normal}


/* v79 business intelligence and recommended products refinements */
.analytics-scorecard-item>div{display:grid!important;grid-template-columns:1fr!important;align-items:start!important;justify-content:start!important;gap:.45rem!important;text-align:left!important}
html[dir="rtl"] .analytics-scorecard-item>div{text-align:right!important}
.analytics-scorecard-item strong{display:block!important;font-size:1.05rem!important;font-weight:600!important;line-height:1.25!important;color:#212529!important;white-space:normal!important}
.analytics-scorecard-item span{display:block!important;font-size:1.05rem!important;font-weight:600!important;line-height:1.35!important;color:#6c757d!important}
#recommendedProductsModal .modal-body{max-height:400px;overflow-y:auto}
.recommended-products-list{display:block!important}
.recommended-product-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:1rem!important;padding:1rem 0!important;border:0!important;border-bottom:1px solid #eef2f7!important;border-radius:0!important;background:#fff!important}
.recommended-product-row:last-child{border-bottom:0!important}
.recommended-product-name{font-weight:600!important;font-size:.95rem!important;color:#212529!important;margin-bottom:.3rem!important}
.recommended-product-meta{display:grid!important;gap:.15rem!important;color:#878a99!important;font-size:.875rem!important;margin:0!important}
.recommended-product-action-wrap{display:flex!important;justify-content:flex-end!important;align-items:center!important;min-width:max-content!important}
.recommended-product-action{white-space:nowrap!important}

/* v81 RTL dynamic value alignment */
[dir="rtl"] .w-ltr,
[dir="rtl"] .date-ltr,
[dir="rtl"] .phone-value,
[dir="rtl"] .analytics-kpi-value,
[dir="rtl"] .analytics-opportunity-row span,
[dir="rtl"] .analytics-owner-summary strong,
[dir="rtl"] .table .text-end,
[dir="rtl"] td .small.w-ltr{
  direction:ltr!important;
  unicode-bidi:isolate!important;
}
[dir="rtl"] td .small.w-ltr,
[dir="rtl"] .phone-value{
  display:block!important;
  text-align:right!important;
}
[dir="rtl"] .analytics-kpi-value,
[dir="rtl"] .analytics-opportunity-row span,
[dir="rtl"] .analytics-owner-summary strong{
  text-align:right!important;
}


/* v82 RTL dynamic data alignment fixes */
html[dir="rtl"] .watsmax-time,
html[lang="ar"] .watsmax-time,
html[dir="rtl"] .time-value,
html[lang="ar"] .time-value,
html[dir="rtl"] td.col-time,
html[lang="ar"] td.col-time,
html[dir="rtl"] .phone-value,
html[lang="ar"] .phone-value,
html[dir="rtl"] td.col-phone,
html[lang="ar"] td.col-phone,
html[dir="rtl"] .numeric-value,
html[lang="ar"] .numeric-value,
html[dir="rtl"] .amount-value,
html[lang="ar"] .amount-value {
    direction: ltr !important;
    unicode-bidi: isolate !important;
    text-align: right !important;
}

html[dir="rtl"] .modal-header .btn-close,
html[lang="ar"] .modal-header .btn-close,
html[dir="rtl"] .modal-header .close,
html[lang="ar"] .modal-header .close,
html[dir="rtl"] .recommended-products-modal .btn-close,
html[lang="ar"] .recommended-products-modal .btn-close {
    margin-left: 0 !important;
    margin-right: auto !important;
    order: -1;
}

html[dir="rtl"] .recommended-product-row,
html[lang="ar"] .recommended-product-row {
    direction: rtl;
}

html[dir="rtl"] .recommended-product-price,
html[lang="ar"] .recommended-product-price,
html[dir="rtl"] .recommended-product-id,
html[lang="ar"] .recommended-product-id {
    direction: ltr !important;
    unicode-bidi: isolate !important;
    text-align: right !important;
}

html[dir="rtl"] .dashboard-mobile-date-form .btn,
html[lang="ar"] .dashboard-mobile-date-form .btn {
    font-size: .875rem !important;
}


/* v83 required RTL/table and dashboard card fixes */
.dashboard-sync-strip>div, .queue-total-box {
    border: 1px solid #e6ebf1 !important;
    background: #fbfcfe !important;
    border-radius: 13px !important;
    padding: 13px 14px !important;
    display: grid !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
}
.dashboard-sync-strip strong, .queue-total-box strong {
    font-size: 15px !important;
    color: #263445 !important;
    text-align: start !important;
}
html[dir="rtl"] .date-ltr,
html[lang="ar"] .date-ltr,
html[dir="rtl"] .watsmax-time,
html[lang="ar"] .watsmax-time,
html[dir="rtl"] td .date-ltr,
html[lang="ar"] td .date-ltr {
    direction: ltr !important;
    unicode-bidi: isolate !important;
    text-align: right !important;
    display: block !important;
    width: 100% !important;
}
html[dir="rtl"] .phone-ltr,
html[lang="ar"] .phone-ltr,
html[dir="rtl"] .watsmax-phone,
html[lang="ar"] .watsmax-phone,
html[dir="rtl"] td .phone-ltr,
html[lang="ar"] td .phone-ltr {
    direction: ltr !important;
    unicode-bidi: isolate !important;
    text-align: right !important;
    display: block !important;
    width: 100% !important;
}
html[dir="rtl"] .modal-header .btn-close,
html[lang="ar"] .modal-header .btn-close,
html[dir="rtl"] .recommended-products-modal .btn-close,
html[lang="ar"] .recommended-products-modal .btn-close {
    margin-right: auto !important;
    margin-left: 0 !important;
    order: -1 !important;
}
.dashboard-mobile-date-form .btn{
  font-size:.875rem!important;
}


/* v84 multilingual RTL table/modal fixes */
html[dir="rtl"] .date-ltr,
html[dir="rtl"] .watsmax-time,
html[dir="rtl"] .phone-ltr,
html[dir="rtl"] .watsmax-phone,
html[dir="rtl"] .number-ltr,
html[dir="rtl"] .amount-ltr {
    direction: ltr !important;
    unicode-bidi: isolate !important;
    text-align: right !important;
}
html[dir="rtl"] table .date-ltr,
html[dir="rtl"] table .watsmax-time,
html[dir="rtl"] table .phone-ltr,
html[dir="rtl"] table .watsmax-phone {
    display: block !important;
    width: 100% !important;
    margin-inline-start: auto !important;
}
html[dir="rtl"] .recommended-products-modal .modal-header {
    flex-direction: row-reverse;
}
html[dir="rtl"] .recommended-products-modal .modal-title {
    margin-inline-start: auto;
    text-align: right;
}
html[dir="rtl"] .recommended-products-modal .btn-close {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.recommended-products-list {
    max-height: 400px;
    overflow-y: auto;
}
.recommended-product-row {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 16px;
    padding: 15px 0;
    border-bottom: 1px solid #e6ebf1;
}
.recommended-product-row:last-child {
    border-bottom: 0;
}
html[dir="rtl"] .recommended-product-row {
    grid-template-columns: auto 1fr;
}
html[dir="rtl"] .recommended-product-info {
    text-align: right;
    order: 2;
}
html[dir="rtl"] .recommended-product-action-wrap {
    order: 1;
    justify-self: start;
}
.recommended-product-meta-line {
    display: flex;
    gap: 6px;
    align-items: center;
    color: #7b8497;
}
html[dir="rtl"] .recommended-product-meta-line {
    flex-direction: row-reverse;
    justify-content: flex-start;
}
html[dir="rtl"] .recommended-product-meta-value {
    direction: ltr;
    unicode-bidi: isolate;
}
.dashboard-sync-strip>div, .queue-total-box {
    border: 1px solid #e6ebf1;
    background: #fbfcfe;
    border-radius: 13px;
    padding: 13px 14px;
    display: grid;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.dashboard-sync-strip strong, .queue-total-box strong {
    font-size: 15px;
    color: #263445;
    text-align: start;
}
.dashboard-mobile-date-form .btn{
  font-size:.875rem!important;
}


/* v86 stable RTL/form/table fixes */
html[dir="rtl"] input.form-control,
html[dir="rtl"] textarea.form-control,
html[dir="rtl"] select.form-select,
html[dir="rtl"] .select2-container .select2-selection,
html[lang="ar"] input.form-control,
html[lang="ar"] textarea.form-control,
html[lang="ar"] select.form-select,
html[lang="ar"] .select2-container .select2-selection{
    text-align:right!important;
}
html[dir="rtl"] input.w-ltr,
html[dir="rtl"] textarea.w-ltr,
html[dir="rtl"] .w-ltr,
html[lang="ar"] input.w-ltr,
html[lang="ar"] textarea.w-ltr,
html[lang="ar"] .w-ltr{
    direction:ltr!important;
    unicode-bidi:isolate!important;
    text-align:right!important;
}
html[dir="rtl"] .date-ltr,
html[dir="rtl"] .watsmax-time,
html[dir="rtl"] .phone-ltr,
html[dir="rtl"] .watsmax-phone,
html[dir="rtl"] .phone-value,
html[dir="rtl"] .time-value,
html[lang="ar"] .date-ltr,
html[lang="ar"] .watsmax-time,
html[lang="ar"] .phone-ltr,
html[lang="ar"] .watsmax-phone,
html[lang="ar"] .phone-value,
html[lang="ar"] .time-value{
    direction:ltr!important;
    unicode-bidi:isolate!important;
    text-align:right!important;
    display:block!important;
    width:100%!important;
}
html[dir="rtl"] .recommended-products-modal .modal-header,
html[lang="ar"] .recommended-products-modal .modal-header{
    display:flex!important;
    flex-direction:row-reverse!important;
}
html[dir="rtl"] .recommended-products-modal .modal-title,
html[lang="ar"] .recommended-products-modal .modal-title{
    text-align:right!important;
    margin-inline-end:auto!important;
}
html[dir="rtl"] .recommended-products-modal .btn-close,
html[lang="ar"] .recommended-products-modal .btn-close{
    margin-right:auto!important;
    margin-left:0!important;
    order:-1!important;
}
html[dir="rtl"] .recommended-product-row,
html[lang="ar"] .recommended-product-row{
    direction:rtl!important;
}
html[dir="rtl"] .recommended-product-info,
html[lang="ar"] .recommended-product-info{
    text-align:right!important;
}
html[dir="rtl"] .recommended-product-action-wrap,
html[lang="ar"] .recommended-product-action-wrap{
    justify-self:start!important;
}
.dashboard-sync-strip>div, .queue-total-box {
    border: 1px solid #e6ebf1!important;
    background: #fbfcfe!important;
    border-radius: 13px!important;
    padding: 13px 14px!important;
    display: grid!important;
    align-items: center!important;
    justify-content: space-between!important;
    gap: 12px!important;
}
.dashboard-sync-strip strong, .queue-total-box strong {
    font-size: 15px!important;
    color: #263445!important;
    text-align: start!important;
}
.dashboard-mobile-date-form .btn{
  font-size:.875rem!important;
}

/* Phase D Customer Insights tabs */
.customer-insights-card .card-header{padding-bottom:.75rem}.customer-insights-tabs{gap:.35rem}.customer-insights-tabs .nav-link{border-radius:6px;font-size:.78rem;font-weight:600;padding:.35rem .6rem;color:#495057;background:#f3f6f9}.customer-insights-tabs .nav-link.active{background:#0f8f55;color:#fff}.insight-mini-stat{border:1px solid #eef2f7;border-radius:6px;background:#fbfcfd;padding:.65rem .75rem;height:100%;display:flex;flex-direction:column}.insight-mini-stat strong{display:block;color:#212529;font-size:1.05rem;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;order:1}.insight-mini-stat span{display:block;color:#6c757d;font-size:.76rem;font-weight:600;line-height:1.25;margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;order:2}.customer-insights-card .analytics-chart{min-height:265px}[dir="rtl"] .customer-insights-tabs{padding-right:0}[dir="rtl"] .insight-mini-stat{text-align:right}

/* vFinal date display fixes */
.watsmax-datetime-two-line{
  display:inline-flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  width:auto!important;
}
.watsmax-datetime-two-line .watsmax-date-line{
  display:block!important;
  font-weight:600!important;
  color:#1f2937!important;
}
.watsmax-datetime-two-line .watsmax-time-line{
  display:block!important;
  margin-top:3px!important;
  font-size:.8125rem!important;
  color:#7b8190!important;
  font-weight:500!important;
}
html[dir="rtl"] .watsmax-datetime-two-line,
html[lang="ar"] .watsmax-datetime-two-line{
  direction:ltr!important;
  unicode-bidi:isolate!important;
  text-align:left!important;
  align-items:flex-start!important;
}
html[dir="rtl"] .dashboard-sync-strip .date-ltr,
html[lang="ar"] .dashboard-sync-strip .date-ltr,
html[dir="rtl"] .health-pro-note .date-ltr,
html[lang="ar"] .health-pro-note .date-ltr{
  display:inline-block!important;
  width:auto!important;
  text-align:left!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
}

/* vNext settings API format and date polish */
.watsmax-inline-date{font-size:15px!important;font-weight:600!important;color:#263445!important;line-height:1.25!important;white-space:nowrap!important;display:inline-block!important;direction:ltr!important;unicode-bidi:isolate!important;text-align:left!important}.dashboard-sync-strip strong .watsmax-inline-date{font:inherit!important;color:inherit!important}.product-api-help-box{display:flex!important;align-items:center!important;gap:14px!important;flex-wrap:wrap!important}.product-api-help-box .btn{margin-inline-start:auto}.product-api-format-modal .modal-body{background:#f8fafc}.api-format-panel{border:1px solid #e6ebf1;border-radius:14px;background:#fff;padding:18px;box-shadow:0 2px 2px 0 rgba(56,65,74,.08)}.api-format-title{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;color:#263445;margin-bottom:8px}.api-format-title i{width:34px;height:34px;border-radius:10px;background:#e9fbf7;color:#00a884;display:inline-flex;align-items:center;justify-content:center;font-size:19px}.api-format-block{border:1px solid #e6ebf1;border-radius:12px;background:#0f172a;overflow:hidden}.api-format-block pre{margin:0;padding:16px;color:#e5e7eb;font-size:12.5px;line-height:1.55;white-space:pre;overflow:auto;text-align:left;direction:ltr}.api-format-note{margin-top:12px;color:#6b778c;font-size:13px;line-height:1.45}html[data-bs-theme="dark"] .api-format-panel,html[data-theme="dark"] .api-format-panel{background:#151f2a;border-color:#273445}html[data-bs-theme="dark"] .api-format-title,html[data-theme="dark"] .api-format-title{color:#f3f6f9}@media(max-width:575.98px){.product-api-help-box .btn{width:100%;margin-inline-start:0}.api-format-block pre{font-size:11.5px}}

/* v4 polish: modal RTL placement and product API help row */
.product-api-help-box{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  flex-wrap:nowrap!important;
}
.product-api-help-box .automation-help-icon{grid-column:1!important;flex:0 0 auto!important}
.product-api-help-box .flex-grow-1{grid-column:2!important;min-width:0!important}
.product-api-help-box .btn{grid-column:3!important;margin-inline-start:0!important;white-space:nowrap!important;justify-self:end!important}
html[dir="rtl"] .product-api-help-box .btn{justify-self:start!important}
@media(max-width:767.98px){
  .product-api-help-box{grid-template-columns:48px minmax(0,1fr)!important}
  .product-api-help-box .btn{grid-column:1 / -1!important;justify-self:start!important;width:auto!important}
  html[dir="rtl"] .product-api-help-box .btn{justify-self:end!important}
}

html[dir="rtl"] #recommendedProductsModal .recommended-products-modal .modal-header,
html[lang="ar"] #recommendedProductsModal .recommended-products-modal .modal-header,
html[dir="rtl"] .product-api-format-modal .modal-header,
html[lang="ar"] .product-api-format-modal .modal-header{
  direction:ltr!important;
  display:flex!important;
  flex-direction:row-reverse!important;
  align-items:center!important;
  justify-content:space-between!important;
}
html[dir="rtl"] #recommendedProductsModal .recommended-products-modal .modal-title,
html[lang="ar"] #recommendedProductsModal .recommended-products-modal .modal-title,
html[dir="rtl"] .product-api-format-modal .modal-title,
html[lang="ar"] .product-api-format-modal .modal-title{
  direction:rtl!important;
  text-align:right!important;
  margin:0!important;
  order:1!important;
}
html[dir="rtl"] #recommendedProductsModal .recommended-products-modal .btn-close,
html[lang="ar"] #recommendedProductsModal .recommended-products-modal .btn-close,
html[dir="rtl"] .product-api-format-modal .btn-close,
html[lang="ar"] .product-api-format-modal .btn-close{
  order:2!important;
  margin:0!important;
}
html[dir="rtl"] #recommendedProductsModal .recommended-product-row,
html[lang="ar"] #recommendedProductsModal .recommended-product-row{
  direction:ltr!important;
  grid-template-columns:auto minmax(0,1fr)!important;
}
html[dir="rtl"] #recommendedProductsModal .recommended-product-action-wrap,
html[lang="ar"] #recommendedProductsModal .recommended-product-action-wrap{
  order:1!important;
  grid-column:1!important;
  justify-self:start!important;
}
html[dir="rtl"] #recommendedProductsModal .recommended-product-info,
html[lang="ar"] #recommendedProductsModal .recommended-product-info{
  order:2!important;
  grid-column:2!important;
  text-align:right!important;
}
html[dir="rtl"] #recommendedProductsModal .recommended-product-meta,
html[lang="ar"] #recommendedProductsModal .recommended-product-meta{
  justify-items:end!important;
}
html[dir="rtl"] #recommendedProductsModal .recommended-product-meta-line,
html[lang="ar"] #recommendedProductsModal .recommended-product-meta-line{
  direction:rtl!important;
  flex-direction:row!important;
  justify-content:flex-start!important;
  text-align:right!important;
}
html[dir="rtl"] #recommendedProductsModal .recommended-product-meta-label,
html[lang="ar"] #recommendedProductsModal .recommended-product-meta-label{
  direction:rtl!important;
  unicode-bidi:isolate!important;
}
html[dir="rtl"] #recommendedProductsModal .recommended-product-meta-value,
html[lang="ar"] #recommendedProductsModal .recommended-product-meta-value{
  direction:ltr!important;
  unicode-bidi:isolate!important;
  display:inline-block!important;
}
html[dir="rtl"] .product-api-format-modal .modal-footer,
html[lang="ar"] .product-api-format-modal .modal-footer{
  justify-content:flex-start!important;
}

/* v5 Arabic recommended products modal final layout */
html[dir="rtl"] .recommended-products-modal .recommended-product-row,
html[lang="ar"] .recommended-products-modal .recommended-product-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    direction:rtl!important;
    align-items:center!important;
    gap:1rem!important;
}
html[dir="rtl"] .recommended-products-modal .recommended-product-info,
html[lang="ar"] .recommended-products-modal .recommended-product-info{
    order:1!important;
    grid-column:1!important;
    text-align:right!important;
    justify-self:stretch!important;
}
html[dir="rtl"] .recommended-products-modal .recommended-product-action-wrap,
html[lang="ar"] .recommended-products-modal .recommended-product-action-wrap{
    order:2!important;
    grid-column:2!important;
    justify-self:start!important;
    text-align:left!important;
}
html[dir="rtl"] .recommended-products-modal .recommended-product-name,
html[lang="ar"] .recommended-products-modal .recommended-product-name,
html[dir="rtl"] .recommended-products-modal .recommended-product-meta,
html[lang="ar"] .recommended-products-modal .recommended-product-meta{
    text-align:right!important;
}
html[dir="rtl"] .recommended-products-modal .recommended-product-meta-line,
html[lang="ar"] .recommended-products-modal .recommended-product-meta-line{
    display:flex!important;
    flex-direction:row-reverse!important;
    justify-content:flex-end!important;
    gap:6px!important;
    width:100%!important;
    text-align:right!important;
}
html[dir="rtl"] .recommended-products-modal .recommended-product-meta-value,
html[lang="ar"] .recommended-products-modal .recommended-product-meta-value{
    direction:ltr!important;
    unicode-bidi:isolate!important;
}


/* Latest polish: recommended products modal uses page/modal scroll only, not internal list scroll */
#recommendedProductsModal .modal-body{max-height:none!important;overflow:visible!important;}
#recommendedProductsModal .recommended-products-list{max-height:none!important;overflow:visible!important;}

/* Global button border polish */
.btn{
  border-color:#00b89440!important;
}
.btn-soft-primary{
  background:rgb(0 184 148 / 27%)!important;
  border-color:#00b89440!important;
}

/* Analytics tab border polish */
.analytics-tab{
  border:1px solid #00b89440!important;
}
.analytics-tab.active,
.analytics-tab:hover{
  border-color:#00b89440!important;
}

/* watsmax v20 dark mode and header action alignment fixes */
.watsmax-card-header-actions,
.card-header.watsmax-card-header-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  flex-wrap:nowrap!important;
}
.watsmax-card-title-wrap{min-width:0!important;flex:1 1 auto!important;}
.watsmax-card-title-wrap .card-title,.watsmax-card-title-wrap p{min-width:0!important;}
.watsmax-card-actions{
  margin-inline-start:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  flex:0 0 auto!important;
}
.watsmax-card-actions form{margin:0!important;display:inline-flex!important;}
.watsmax-card-actions .dt-buttons{display:inline-flex!important;margin:0!important;}
.watsmax-card-actions .btn{white-space:nowrap!important;}
@media(max-width:767.98px){
  .watsmax-card-header-actions,.card-header.watsmax-card-header-actions{align-items:flex-start!important;flex-direction:column!important;}
  .watsmax-card-actions{width:100%!important;justify-content:flex-start!important;margin-inline-start:0!important;}
}

html[data-bs-theme="dark"] .dashboard-sync-strip>div,
html[data-theme="dark"] .dashboard-sync-strip>div,
html[data-bs-theme="dark"] .queue-total-box,
html[data-theme="dark"] .queue-total-box,
html[data-bs-theme="dark"] .health-metric,
html[data-theme="dark"] .health-metric,
html[data-bs-theme="dark"] .health-pro-card,
html[data-theme="dark"] .health-pro-card,
html[data-bs-theme="dark"] .dashboard-health-grid .health-card,
html[data-theme="dark"] .dashboard-health-grid .health-card,
html[data-bs-theme="dark"] .queue-health-counts>div,
html[data-theme="dark"] .queue-health-counts>div,
html[data-bs-theme="dark"] .analytics-owner-summary>div,
html[data-theme="dark"] .analytics-owner-summary>div,
html[data-bs-theme="dark"] .insight-mini-stat,
html[data-theme="dark"] .insight-mini-stat,
html[data-bs-theme="dark"] .analytics-scorecard-item,
html[data-theme="dark"] .analytics-scorecard-item,
html[data-bs-theme="dark"] .recommended-product-row,
html[data-theme="dark"] .recommended-product-row,
html[data-bs-theme="dark"] .carousel-card-editor,
html[data-theme="dark"] .carousel-card-editor,
html[data-bs-theme="dark"] .api-format-panel,
html[data-theme="dark"] .api-format-panel{
  background:#111827!important;
  border-color:#263244!important;
  color:#cbd5e1!important;
}
html[data-bs-theme="dark"] .dashboard-sync-strip span,
html[data-theme="dark"] .dashboard-sync-strip span,
html[data-bs-theme="dark"] .dashboard-sync-strip strong,
html[data-theme="dark"] .dashboard-sync-strip strong,
html[data-bs-theme="dark"] .queue-total-box span,
html[data-theme="dark"] .queue-total-box span,
html[data-bs-theme="dark"] .queue-total-box strong,
html[data-theme="dark"] .queue-total-box strong,
html[data-bs-theme="dark"] .health-title,
html[data-theme="dark"] .health-title,
html[data-bs-theme="dark"] .health-metric strong,
html[data-theme="dark"] .health-metric strong,
html[data-bs-theme="dark"] .health-pro-value,
html[data-theme="dark"] .health-pro-value,
html[data-bs-theme="dark"] .queue-health-counts strong,
html[data-theme="dark"] .queue-health-counts strong,
html[data-bs-theme="dark"] .analytics-kpi-value,
html[data-theme="dark"] .analytics-kpi-value,
html[data-bs-theme="dark"] .analytics-scorecard-item strong,
html[data-theme="dark"] .analytics-scorecard-item strong,
html[data-bs-theme="dark"] .recommended-product-name,
html[data-theme="dark"] .recommended-product-name,
html[data-bs-theme="dark"] .api-format-title,
html[data-theme="dark"] .api-format-title{
  color:#f8fafc!important;
}
html[data-bs-theme="dark"] .health-sub,
html[data-theme="dark"] .health-sub,
html[data-bs-theme="dark"] .health-metric span,
html[data-theme="dark"] .health-metric span,
html[data-bs-theme="dark"] .health-pro-note,
html[data-theme="dark"] .health-pro-note,
html[data-bs-theme="dark"] .analytics-kpi-label,
html[data-theme="dark"] .analytics-kpi-label,
html[data-bs-theme="dark"] .analytics-kpi-sub,
html[data-theme="dark"] .analytics-kpi-sub,
html[data-bs-theme="dark"] .analytics-scorecard-item span,
html[data-theme="dark"] .analytics-scorecard-item span,
html[data-bs-theme="dark"] .recommended-product-meta,
html[data-theme="dark"] .recommended-product-meta,
html[data-bs-theme="dark"] .api-format-note,
html[data-theme="dark"] .api-format-note{
  color:#94a3b8!important;
}
html[data-bs-theme="dark"] .dashboard-sync-strip>div,
html[data-theme="dark"] .dashboard-sync-strip>div{
  box-shadow:none!important;
}
html[data-bs-theme="dark"] .analytics-mini-icon,
html[data-theme="dark"] .analytics-mini-icon,
html[data-bs-theme="dark"] .health-icon,
html[data-theme="dark"] .health-icon,
html[data-bs-theme="dark"] .health-pro-icon,
html[data-theme="dark"] .health-pro-icon,
html[data-bs-theme="dark"] .integration-nav-icon,
html[data-theme="dark"] .integration-nav-icon{
  background:rgba(0,184,148,.13)!important;
  color:#38e6c4!important;
}
html[data-bs-theme="dark"] .integration-nav-item,
html[data-theme="dark"] .integration-nav-item{
  color:#cbd5e1!important;
  border-color:transparent!important;
}
html[data-bs-theme="dark"] .integration-nav-item strong,
html[data-theme="dark"] .integration-nav-item strong{
  color:#e5e7eb!important;
}
html[data-bs-theme="dark"] .integration-nav-item.active,
html[data-theme="dark"] .integration-nav-item.active,
html[data-bs-theme="dark"] .integration-nav-item:hover,
html[data-theme="dark"] .integration-nav-item:hover{
  background:rgba(0,184,148,.16)!important;
  border-color:rgba(0,184,148,.28)!important;
  color:#e5e7eb!important;
}
html[data-bs-theme="dark"] .integration-nav-item.active .integration-nav-icon,
html[data-theme="dark"] .integration-nav-item.active .integration-nav-icon{
  background:rgba(255,255,255,.08)!important;
}
.integration-nav-item{align-items:center!important;}
.integration-nav-icon{flex:0 0 42px!important;}
.integration-nav-item strong,.integration-nav-item span{line-height:1.35!important;}

html[data-bs-theme="dark"] .integration-code-box,
html[data-theme="dark"] .integration-code-box,
html[data-bs-theme="dark"] .integration-code-header,
html[data-theme="dark"] .integration-code-header,
html[data-bs-theme="dark"] .integration-code-panel,
html[data-theme="dark"] .integration-code-panel,
html[data-bs-theme="dark"] .code-panel,
html[data-theme="dark"] .code-panel{
  background:#0b1220!important;
  border-color:#263244!important;
  color:#e5e7eb!important;
}
html[data-bs-theme="dark"] .integration-code-panel pre,
html[data-theme="dark"] .integration-code-panel pre,
html[data-bs-theme="dark"] .code-panel pre,
html[data-theme="dark"] .code-panel pre,
html[data-bs-theme="dark"] pre,
html[data-theme="dark"] pre{
  color:#e5e7eb!important;
  opacity:1!important;
}
html[data-bs-theme="dark"] .bg-white,
html[data-theme="dark"] .bg-white,
html[data-bs-theme="dark"] .bg-body,
html[data-theme="dark"] .bg-body,
html[data-bs-theme="dark"] .bg-light-subtle,
html[data-theme="dark"] .bg-light-subtle{
  background:#111827!important;
  color:#e5e7eb!important;
}
html[data-bs-theme="dark"] .text-dark,
html[data-theme="dark"] .text-dark,
html[data-bs-theme="dark"] .text-body,
html[data-theme="dark"] .text-body{
  color:#e5e7eb!important;
}
html[data-bs-theme="dark"] .text-muted,
html[data-theme="dark"] .text-muted{
  color:#94a3b8!important;
}

/* v21 dark mode global table date/time visibility fix */
html[data-bs-theme="dark"] .table .watsmax-datetime-two-line .watsmax-date-line,
html[data-theme="dark"] .table .watsmax-datetime-two-line .watsmax-date-line,
html[data-bs-theme="dark"] table .watsmax-datetime-two-line .watsmax-date-line,
html[data-theme="dark"] table .watsmax-datetime-two-line .watsmax-date-line,
html[data-bs-theme="dark"] .table .date-ltr,
html[data-theme="dark"] .table .date-ltr,
html[data-bs-theme="dark"] table .date-ltr,
html[data-theme="dark"] table .date-ltr,
html[data-bs-theme="dark"] .table .watsmax-date-line,
html[data-theme="dark"] .table .watsmax-date-line,
html[data-bs-theme="dark"] table .watsmax-date-line,
html[data-theme="dark"] table .watsmax-date-line {
  color: #e5e7eb !important;
  opacity: 1 !important;
}
html[data-bs-theme="dark"] .table .watsmax-datetime-two-line .watsmax-time-line,
html[data-theme="dark"] .table .watsmax-datetime-two-line .watsmax-time-line,
html[data-bs-theme="dark"] table .watsmax-datetime-two-line .watsmax-time-line,
html[data-theme="dark"] table .watsmax-datetime-two-line .watsmax-time-line,
html[data-bs-theme="dark"] .table .watsmax-time,
html[data-theme="dark"] .table .watsmax-time,
html[data-bs-theme="dark"] table .watsmax-time,
html[data-theme="dark"] table .watsmax-time,
html[data-bs-theme="dark"] .table .time-value,
html[data-theme="dark"] .table .time-value,
html[data-bs-theme="dark"] table .time-value,
html[data-theme="dark"] table .time-value,
html[data-bs-theme="dark"] .table .watsmax-time-line,
html[data-theme="dark"] .table .watsmax-time-line,
html[data-bs-theme="dark"] table .watsmax-time-line,
html[data-theme="dark"] table .watsmax-time-line {
  color: #9fb2cf !important;
  opacity: 1 !important;
}
html[data-bs-theme="dark"] .table small,
html[data-theme="dark"] .table small,
html[data-bs-theme="dark"] table small,
html[data-theme="dark"] table small,
html[data-bs-theme="dark"] .table .text-muted,
html[data-theme="dark"] .table .text-muted,
html[data-bs-theme="dark"] table .text-muted,
html[data-theme="dark"] table .text-muted,
html[data-bs-theme="dark"] .table .small-muted,
html[data-theme="dark"] .table .small-muted,
html[data-bs-theme="dark"] table .small-muted,
html[data-theme="dark"] table .small-muted {
  color: #9fb2cf !important;
  opacity: 1 !important;
}
html[data-bs-theme="dark"] .dataTables_wrapper table.dataTable tbody td,
html[data-theme="dark"] .dataTables_wrapper table.dataTable tbody td {
  color: #dbeafe !important;
}

/* v22 final collapsed sidebar behavior
   Collapsed: logo-sm + icons only.
   Hover: full sidebar exactly like expanded mode, no floating tooltip rows. */
@media (min-width: 992px) {
  html[data-sidebar-size="sm"] .app-menu.navbar-menu {
    width: var(--watsmax-sidebar-sm) !important;
    min-width: var(--watsmax-sidebar-sm) !important;
    max-width: var(--watsmax-sidebar-sm) !important;
    overflow: hidden !important;
    transition: width .18s ease, min-width .18s ease, max-width .18s ease !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu .navbar-brand-box {
    width: var(--watsmax-sidebar-sm) !important;
    min-width: var(--watsmax-sidebar-sm) !important;
    max-width: var(--watsmax-sidebar-sm) !important;
    justify-content: center !important;
    padding: 0 !important;
    transition: width .18s ease, min-width .18s ease, max-width .18s ease !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu .logo-sm {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu .logo-lg,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu .menu-title span,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu .menu-link > span,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu .nav-sublink > span,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu .watsmax-submenu,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu .watsmax-submenu-toggle:after,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu .submenu-arrow {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu .watsmax-sidebar-nav {
    padding: 0 8px !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu .menu-title {
    height: 26px !important;
    min-height: 26px !important;
    margin: 10px 0 6px !important;
    padding: 0 !important;
    text-align: center !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu .menu-title:before {
    content: "•••" !important;
    display: inline-block !important;
    color: #8b98aa !important;
    font-size: 14px !important;
    letter-spacing: 2px !important;
    line-height: 26px !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu .nav-item {
    width: 100% !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu .menu-link,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu .nav-item:hover > .menu-link {
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    box-shadow: none !important;
    position: relative !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu .menu-link > i {
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    font-size: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover {
    width: var(--watsmax-sidebar-width) !important;
    min-width: var(--watsmax-sidebar-width) !important;
    max-width: var(--watsmax-sidebar-width) !important;
    overflow: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .navbar-brand-box {
    width: var(--watsmax-sidebar-width) !important;
    min-width: var(--watsmax-sidebar-width) !important;
    max-width: var(--watsmax-sidebar-width) !important;
    justify-content: center !important;
    padding: 0 16px !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .logo-sm {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .logo-lg {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav {
    padding: 0 12px !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .menu-title {
    height: auto !important;
    min-height: 0 !important;
    margin: 18px 0 8px !important;
    padding: 0 14px !important;
    text-align: left !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .menu-title:before {
    content: none !important;
    display: none !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .menu-title span,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .menu-link > span,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .nav-sublink > span {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .menu-link,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .nav-item:hover > .menu-link {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border-radius: 10px !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    box-shadow: none !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .menu-link > i {
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .menu-link > span {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-submenu-toggle:after,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .submenu-arrow {
    display: inline-flex !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-submenu.show,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-submenu.collapsing {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-submenu {
    width: 100% !important;
    padding: 7px 0 !important;
    margin: 2px 0 6px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-submenu .nav-sublink {
    width: auto !important;
    min-height: 38px !important;
    margin: 2px 10px !important;
    padding: 9px 14px 9px 18px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-submenu .nav-sublink i {
    display: inline-flex !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html[dir="rtl"][data-sidebar-size="sm"] .app-menu.navbar-menu:hover .menu-title {
    text-align: right !important;
  }

  html[dir="rtl"][data-sidebar-size="sm"] .app-menu.navbar-menu:hover .menu-link,
  html[dir="rtl"][data-sidebar-size="sm"] .app-menu.navbar-menu:hover .nav-item:hover > .menu-link {
    justify-content: flex-start !important;
    padding: 0 14px !important;
  }

  html[dir="rtl"][data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-submenu .nav-sublink {
    padding: 9px 18px 9px 14px !important;
  }
}

/* v23 final collapsed sidebar: hover must look exactly like the normal open sidebar */
@media (min-width: 992px) {
  html[data-sidebar-size="sm"] .app-menu.navbar-menu {
    width: var(--watsmax-sidebar-sm) !important;
    min-width: var(--watsmax-sidebar-sm) !important;
    max-width: var(--watsmax-sidebar-sm) !important;
    overflow: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover {
    width: var(--watsmax-sidebar-width) !important;
    min-width: var(--watsmax-sidebar-width) !important;
    max-width: var(--watsmax-sidebar-width) !important;
    overflow: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .navbar-brand-box {
    width: var(--watsmax-sidebar-sm) !important;
    min-width: var(--watsmax-sidebar-sm) !important;
    max-width: var(--watsmax-sidebar-sm) !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .navbar-brand-box {
    width: var(--watsmax-sidebar-width) !important;
    min-width: var(--watsmax-sidebar-width) !important;
    max-width: var(--watsmax-sidebar-width) !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .logo-lg,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-title span,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-link > span,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .nav-link > span,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-submenu,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .submenu-arrow,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-submenu-toggle:after {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .logo-sm {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-sidebar-nav {
    padding: 0 8px !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-title {
    height: 28px !important;
    margin: 12px 0 6px !important;
    padding: 0 !important;
    text-align: center !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-title:before {
    content: "•••" !important;
    display: inline-block !important;
    color: #8b98aa !important;
    font-size: 14px !important;
    letter-spacing: 2px !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-link,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .nav-link {
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 10px !important;
    justify-content: center !important;
    gap: 0 !important;
    overflow: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-link > i,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .nav-link > i {
    width: 24px !important;
    min-width: 24px !important;
    margin: 0 !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .logo-sm {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .logo-lg {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav {
    padding: 0 12px !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .menu-title {
    height: auto !important;
    min-height: 0 !important;
    margin: 18px 0 8px !important;
    padding: 0 14px !important;
    text-align: left !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .menu-title:before {
    content: none !important;
    display: none !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .menu-title span,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .menu-link > span,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .nav-link > span {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .menu-link,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .nav-link,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .nav-item:hover > .menu-link,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .nav-item:hover > .nav-link,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .navbar-nav .nav-item:hover > .nav-link,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .navbar-nav .nav-item:hover > .menu-link {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border-radius: 10px !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    box-shadow: none !important;
    position: relative !important;
    background: rgba(var(--watsmax-primary-rgb), 0.18) !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .menu-link:hover,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .nav-link:hover,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .menu-link.active,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .nav-link.active,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .menu-link.active-parent,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .nav-link.active-parent,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .menu-link[aria-expanded="true"],
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .nav-link[aria-expanded="true"] {
    background: rgba(var(--watsmax-primary-rgb), 0.18) !important;
    color: #ffffff !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .menu-link > i,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .nav-link > i {
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .menu-link > span,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .nav-link > span {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-submenu-toggle:after,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .submenu-arrow {
    display: inline-flex !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-submenu.show,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-submenu.collapsing {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-submenu {
    width: 100% !important;
    padding: 7px 0 !important;
    margin: 2px 0 6px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    position: static !important;
    background: rgba(255,255,255,0.025) !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-submenu .nav-sublink {
    width: auto !important;
    min-height: 38px !important;
    margin: 2px 10px !important;
    padding: 9px 14px 9px 18px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    position: relative !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-submenu .nav-sublink:hover,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-submenu .nav-sublink.active {
    background: rgba(var(--watsmax-primary-rgb), 0.14) !important;
    color: #ffffff !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-submenu .nav-sublink i,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-submenu .nav-sublink span {
    display: inline-flex !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html[dir="rtl"][data-sidebar-size="sm"] .app-menu.navbar-menu:hover .menu-title {
    text-align: right !important;
  }

  html[dir="rtl"][data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-submenu .nav-sublink {
    padding: 9px 18px 9px 14px !important;
  }
}

/* watsmax v24 collapsed sidebar icons fix */
@media (min-width: 992px) {
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-title,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-title span,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-title:before {
    display: none !important;
    content: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-sidebar-nav,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) #navbar-nav {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 12px 8px !important;
    margin: 0 !important;
    width: 100% !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .nav-item,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-sidebar-nav > .nav-item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 54px !important;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-link,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .nav-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-link.active,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .nav-link.active,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-link.active-parent,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .nav-link.active-parent {
    background: rgba(var(--watsmax-primary-rgb), 0.18) !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-link > i,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .nav-link > i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    color: var(--watsmax-primary) !important;
    font-size: 22px !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* watsmax v25 collapsed sidebar: show every menu icon, hide only text/titles */
@media (min-width: 992px) {
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) {
    width: var(--watsmax-sidebar-sm) !important;
    min-width: var(--watsmax-sidebar-sm) !important;
    max-width: var(--watsmax-sidebar-sm) !important;
    overflow: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .logo-lg {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .logo-sm {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-title,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-title span,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-title:before {
    display: none !important;
    content: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-sidebar-nav,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) #navbar-nav {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    padding: 12px 8px !important;
    margin: 0 !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-submenu,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-submenu.show,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-submenu.collapsing {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: static !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .nav-item,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-sidebar-nav > .nav-item,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-submenu .nav-item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-link,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .nav-link,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-submenu .nav-sublink {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: transparent !important;
    box-shadow: none !important;
    gap: 0 !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-link > span,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .nav-link > span,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-submenu .nav-sublink span,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .submenu-arrow,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-submenu-toggle:after {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-link > i,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .nav-link > i,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-submenu .nav-sublink i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    color: var(--watsmax-primary) !important;
    font-size: 22px !important;
    line-height: 1 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-link.active,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .nav-link.active,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-link.active-parent,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .nav-link.active-parent,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-submenu .nav-sublink.active {
    background: rgba(var(--watsmax-primary-rgb), 0.18) !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-submenu:not(.show) {
    display: none !important;
  }
}

/* v26 collapsed sidebar professional icon stack */
@media (min-width: 992px) {
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) {
    width: var(--watsmax-sidebar-sm) !important;
    min-width: var(--watsmax-sidebar-sm) !important;
    max-width: var(--watsmax-sidebar-sm) !important;
    overflow: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .navbar-brand-box {
    width: var(--watsmax-sidebar-sm) !important;
    min-width: var(--watsmax-sidebar-sm) !important;
    max-width: var(--watsmax-sidebar-sm) !important;
    padding: 0 !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .logo-lg {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .logo-sm {
    display: inline-flex !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) #scrollbar {
    height: calc(100vh - var(--watsmax-topbar-height)) !important;
    padding: 14px 0 18px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-sidebar-nav,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) #navbar-nav {
    width: 100% !important;
    padding: 0 7px !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-title,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-title span,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-title:before {
    display: none !important;
    content: none !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .nav-item {
    width: 100% !important;
    min-height: 46px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: visible !important;
    position: static !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-link,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .nav-link.menu-link {
    width: 54px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-width: 54px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    position: static !important;
    transform: none !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-link:hover,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-link.active,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-link.active-parent {
    width: 54px !important;
    max-width: 54px !important;
    padding: 0 !important;
    justify-content: center !important;
    border-radius: 10px !important;
    background: rgba(var(--watsmax-primary-rgb), 0.18) !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-link > i,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .nav-link > i {
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 22px !important;
    line-height: 1 !important;
    color: var(--watsmax-primary) !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-link > span,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .nav-link > span,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-link:after,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .submenu-arrow {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-submenu,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-submenu.show,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-submenu.collapse {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 6px !important;
    background: transparent !important;
    border-radius: 0 !important;
    overflow: visible !important;
    height: auto !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-submenu .nav,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-submenu .nav-sm {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    gap: 6px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-submenu .nav-item {
    width: 100% !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-submenu .nav-sublink {
    width: 54px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-width: 54px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    background: transparent !important;
    overflow: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-submenu .nav-sublink:hover,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-submenu .nav-sublink.active {
    background: rgba(var(--watsmax-primary-rgb), 0.14) !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-submenu .nav-sublink i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    font-size: 22px !important;
    margin: 0 !important;
    color: var(--watsmax-primary) !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-submenu .nav-sublink span,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-submenu .nav-sublink:before {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover {
    width: var(--watsmax-sidebar-width) !important;
    min-width: var(--watsmax-sidebar-width) !important;
    max-width: var(--watsmax-sidebar-width) !important;
  }
}

/* v27 final collapsed sidebar icon layout fix */
@media (min-width: 992px) {
  html[data-sidebar-size="sm"] .app-menu.navbar-menu {
    width: var(--watsmax-sidebar-sm) !important;
    min-width: var(--watsmax-sidebar-sm) !important;
    max-width: var(--watsmax-sidebar-sm) !important;
    overflow: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu .navbar-brand-box {
    width: var(--watsmax-sidebar-sm) !important;
    min-width: var(--watsmax-sidebar-sm) !important;
    max-width: var(--watsmax-sidebar-sm) !important;
    height: 82px !important;
    min-height: 82px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu .logo,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu .logo-sm {
    width: var(--watsmax-sidebar-sm) !important;
    height: 82px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu .logo-sm img {
    max-width: 48px !important;
    max-height: 48px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu .logo-lg {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu #scrollbar {
    height: calc(100vh - 82px) !important;
    padding: 10px 0 18px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu .sidebar-menu-inner,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu #navbar-nav,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu .watsmax-sidebar-nav {
    width: var(--watsmax-sidebar-sm) !important;
    min-width: var(--watsmax-sidebar-sm) !important;
    max-width: var(--watsmax-sidebar-sm) !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu .menu-title {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu .menu-title:before,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu .menu-title span {
    display: none !important;
    content: none !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu .watsmax-sidebar-nav > .nav-item,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu .watsmax-sidebar-nav .watsmax-submenu .nav-item {
    width: var(--watsmax-sidebar-sm) !important;
    min-width: var(--watsmax-sidebar-sm) !important;
    max-width: var(--watsmax-sidebar-sm) !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: static !important;
    overflow: visible !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu .watsmax-sidebar-nav .menu-link,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu .watsmax-sidebar-nav .nav-sublink {
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    line-height: 1 !important;
    position: relative !important;
    overflow: hidden !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu .watsmax-sidebar-nav .menu-link.active,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu .watsmax-sidebar-nav .nav-sublink.active,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu .watsmax-sidebar-nav .menu-link:hover,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu .watsmax-sidebar-nav .nav-sublink:hover {
    background: rgba(var(--watsmax-primary-rgb), 0.18) !important;
    color: #ffffff !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu .watsmax-sidebar-nav .menu-link > i,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu .watsmax-sidebar-nav .nav-sublink > i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--watsmax-primary) !important;
    font-size: 22px !important;
    line-height: 1 !important;
    position: static !important;
    transform: none !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu .watsmax-sidebar-nav .menu-link > span,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu .watsmax-sidebar-nav .nav-sublink > span,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu .watsmax-sidebar-nav .menu-link:after,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu .watsmax-sidebar-nav .nav-sublink:before,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu .watsmax-sidebar-nav .submenu-arrow {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    content: none !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu .watsmax-sidebar-nav .watsmax-submenu,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu .watsmax-sidebar-nav .watsmax-submenu.show,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu .watsmax-sidebar-nav .watsmax-submenu.collapsing,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu .watsmax-sidebar-nav .watsmax-submenu .nav,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu .watsmax-sidebar-nav .watsmax-submenu .nav-sm {
    width: var(--watsmax-sidebar-sm) !important;
    min-width: var(--watsmax-sidebar-sm) !important;
    max-width: var(--watsmax-sidebar-sm) !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    position: static !important;
    transform: none !important;
    overflow: visible !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu .watsmax-sidebar-nav .nav-item:hover > .menu-link,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu .watsmax-sidebar-nav .nav-item:hover > .nav-sublink {
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 48px !important;
    padding: 0 !important;
    justify-content: center !important;
    border-radius: 12px !important;
    box-shadow: none !important;
  }

  html[data-sidebar-size="sm"] .main-content {
    margin-left: var(--watsmax-sidebar-sm) !important;
  }

  html[data-sidebar-size="sm"] #page-topbar,
  html[data-sidebar-size="sm"] .footer {
    left: var(--watsmax-sidebar-sm) !important;
  }

  /* Hover state: make the collapsed sidebar look exactly like the normal open sidebar */
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover {
    width: var(--watsmax-sidebar-width) !important;
    min-width: var(--watsmax-sidebar-width) !important;
    max-width: var(--watsmax-sidebar-width) !important;
    overflow: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .navbar-brand-box {
    width: var(--watsmax-sidebar-width) !important;
    min-width: var(--watsmax-sidebar-width) !important;
    max-width: var(--watsmax-sidebar-width) !important;
    height: var(--watsmax-topbar-height) !important;
    min-height: var(--watsmax-topbar-height) !important;
	padding: 0 1.3rem !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .logo,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .logo-lg {
    width: 100% !important;
    height: var(--watsmax-topbar-height) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .logo-sm {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover #scrollbar {
    height: calc(100vh - var(--watsmax-topbar-height)) !important;
    padding: 18px 0 22px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .sidebar-menu-inner,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover #navbar-nav,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .menu-title {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 18px 0 8px !important;
    padding: 0 14px !important;
    overflow: visible !important;
    text-align: left !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .menu-title span {
    display: inline !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav > .nav-item,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .watsmax-submenu .nav-item {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    display: block !important;
    margin: 0 !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .menu-link,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .nav-sublink,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .nav-item:hover > .menu-link,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .nav-item:hover > .nav-sublink {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 4px !important;
    padding: 18px 6px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    overflow: hidden !important;
    box-shadow: none !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .nav-sublink,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .nav-item:hover > .nav-sublink {
    height: 38px !important;
    min-height: 38px !important;
    padding: 18px 6px !important;
    margin: 2px 10px !important;
    gap: 10px !important;
	background: rgba(var(--watsmax-primary-rgb), 0.18);
	font-weight: 500 !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .menu-link > i,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .nav-sublink > i {
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    font-size: 22px !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .nav-sublink > i {
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
    font-size: 17px !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .menu-link > span,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .nav-sublink > span {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .watsmax-submenu,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .watsmax-submenu.show,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .watsmax-submenu.collapsing,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .watsmax-submenu .nav,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .watsmax-submenu .nav-sm {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    display: block !important;
    padding: 0 !important;
    margin: 2px 0 6px !important;
    background: transparent !important;
    border-radius: 12px !important;
  }

  html[dir="rtl"][data-sidebar-size="sm"] .app-menu.navbar-menu:hover .menu-title {
    text-align: right !important;
  }

  html[dir="rtl"][data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .menu-link,
  html[dir="rtl"][data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .nav-item:hover > .menu-link {
    justify-content: flex-start !important;
    padding: 0 14px !important;
  }

  html[dir="rtl"][data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .nav-sublink,
  html[dir="rtl"][data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-sidebar-nav .nav-item:hover > .nav-sublink {
    padding: 18px 6px !important;
  }
}

/* v28 collapsed sidebar: show every child menu icon in exact open-menu order */
@media (min-width: 992px) {
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) {
    width: var(--watsmax-sidebar-sm) !important;
    min-width: var(--watsmax-sidebar-sm) !important;
    max-width: var(--watsmax-sidebar-sm) !important;
    overflow: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .navbar-brand-box {
    width: var(--watsmax-sidebar-sm) !important;
    min-width: var(--watsmax-sidebar-sm) !important;
    max-width: var(--watsmax-sidebar-sm) !important;
    height: var(--watsmax-topbar-height) !important;
    min-height: var(--watsmax-topbar-height) !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .logo,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .logo-sm {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: var(--watsmax-sidebar-sm) !important;
    height: var(--watsmax-topbar-height) !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .logo-sm img {
    max-width: 46px !important;
    max-height: 46px !important;
    object-fit: contain !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .logo-lg {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) #scrollbar {
    height: calc(100vh - var(--watsmax-topbar-height)) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 18px 0 26px !important;
    scrollbar-width: none !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) #scrollbar::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .sidebar-menu-inner,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) #navbar-nav,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-sidebar-nav {
    width: var(--watsmax-sidebar-sm) !important;
    min-width: var(--watsmax-sidebar-sm) !important;
    max-width: var(--watsmax-sidebar-sm) !important;
    padding: 0 7px !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-title,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-title:before,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-title span,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-has-submenu > .menu-link,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .submenu-arrow,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-link:after,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .nav-sublink:before {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    content: none !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-has-submenu,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-submenu,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-submenu.show,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-submenu.collapsing,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-submenu .nav,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-submenu .nav-sm {
    display: contents !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    position: static !important;
    transform: none !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-sidebar-nav > .nav-item:not(.watsmax-has-submenu),
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-submenu .nav-item {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    overflow: visible !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-sidebar-nav .menu-link,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-sidebar-nav .nav-sublink,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-sidebar-nav .nav-item:hover > .menu-link,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-sidebar-nav .nav-item:hover > .nav-sublink {
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    margin: 0 auto !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    background: transparent !important;
    color: var(--watsmax-primary) !important;
    box-shadow: none !important;
    position: static !important;
    overflow: hidden !important;
    transform: none !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-sidebar-nav .menu-link.active,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-sidebar-nav .nav-sublink.active,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-sidebar-nav .menu-link:hover,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-sidebar-nav .nav-sublink:hover {
    background: rgba(var(--watsmax-primary-rgb), 0.18) !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-sidebar-nav .menu-link > i,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-sidebar-nav .nav-sublink > i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--watsmax-primary) !important;
    font-size: 22px !important;
    line-height: 1 !important;
    position: static !important;
    transform: none !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-sidebar-nav .menu-link > span,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-sidebar-nav .nav-sublink > span {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-has-submenu,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-submenu,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-submenu .nav,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-submenu .nav-sm {
    display: block !important;
  }
}

/* v29 collapsed sidebar final: all icons in open-menu order with no overlap */
@media (min-width: 992px) {
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) {
    width: var(--watsmax-sidebar-sm) !important;
    min-width: var(--watsmax-sidebar-sm) !important;
    max-width: var(--watsmax-sidebar-sm) !important;
    overflow: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .navbar-brand-box {
    width: var(--watsmax-sidebar-sm) !important;
    min-width: var(--watsmax-sidebar-sm) !important;
    max-width: var(--watsmax-sidebar-sm) !important;
    height: var(--watsmax-topbar-height) !important;
    min-height: var(--watsmax-topbar-height) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .logo,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .logo-sm {
    width: var(--watsmax-sidebar-sm) !important;
    height: var(--watsmax-topbar-height) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .logo-sm img {
    max-width: 46px !important;
    max-height: 46px !important;
    object-fit: contain !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .logo-lg {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) #scrollbar {
    height: calc(100vh - var(--watsmax-topbar-height)) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 18px 0 28px !important;
    scrollbar-width: none !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) #scrollbar::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .sidebar-menu-inner,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) #navbar-nav,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-sidebar-nav {
    width: var(--watsmax-sidebar-sm) !important;
    min-width: var(--watsmax-sidebar-sm) !important;
    max-width: var(--watsmax-sidebar-sm) !important;
    padding: 0 7px !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
    overflow: visible !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-title,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-title:before,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-title span,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .submenu-arrow,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .menu-link:after,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .nav-sublink:before,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-has-submenu > .menu-link {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    content: none !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-sidebar-nav > .nav-item,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-has-submenu,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-submenu,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-submenu.show,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-submenu.collapsing {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    position: static !important;
    transform: none !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-submenu .nav,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-submenu .nav-sm {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    position: static !important;
    overflow: visible !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-sidebar-nav > .nav-item:not(.watsmax-has-submenu),
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-submenu .nav-item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    margin: 0 !important;
    position: static !important;
    overflow: visible !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-sidebar-nav .menu-link,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-sidebar-nav .nav-sublink,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-sidebar-nav .nav-item:hover > .menu-link,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-sidebar-nav .nav-item:hover > .nav-sublink {
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    position: static !important;
    overflow: hidden !important;
    transform: none !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-sidebar-nav .menu-link.active,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-sidebar-nav .nav-sublink.active,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-sidebar-nav .menu-link:hover,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-sidebar-nav .nav-sublink:hover {
    background: rgba(var(--watsmax-primary-rgb), 0.18) !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-sidebar-nav .menu-link > i,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-sidebar-nav .nav-sublink > i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--watsmax-primary) !important;
    font-size: 22px !important;
    line-height: 1 !important;
    position: static !important;
    transform: none !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-sidebar-nav .menu-link > span,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:not(:hover) .watsmax-sidebar-nav .nav-sublink > span {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-submenu .nav,
  html[data-sidebar-size="sm"] .app-menu.navbar-menu:hover .watsmax-submenu .nav-sm {
    display: flex !important;
    flex-direction: column !important;
  }
}

/* v30 dashboard queue health dark-mode visibility fix */
html[data-bs-theme="dark"] .queue-score-list .queue-score-card,
html[data-theme="dark"] .queue-score-list .queue-score-card{
  border-color:rgba(255,255,255,.12)!important;
}
html[data-bs-theme="dark"] .queue-score-list .queue-score-card span,
html[data-theme="dark"] .queue-score-list .queue-score-card span{
  color:#64748b!important;
}
html[data-bs-theme="dark"] .queue-score-list .queue-score-card strong,
html[data-theme="dark"] .queue-score-list .queue-score-card strong{
  color:#64748b!important;
  opacity:1!important;
  text-shadow:none!important;
}
html[data-bs-theme="dark"] .queue-score-list .queue-score-ready,
html[data-theme="dark"] .queue-score-list .queue-score-ready{
  background:none !important;
}
html[data-bs-theme="dark"] .queue-score-list .queue-score-pending,
html[data-theme="dark"] .queue-score-list .queue-score-pending,
html[data-bs-theme="dark"] .queue-score-list .queue-score-sent,
html[data-theme="dark"] .queue-score-list .queue-score-sent{
  background:none !important;
}
html[data-bs-theme="dark"] .queue-score-list .queue-score-failed,
html[data-theme="dark"] .queue-score-list .queue-score-failed{
  background:none !important;
}
html[data-bs-theme="dark"] .queue-score-list .queue-score-skipped,
html[data-theme="dark"] .queue-score-list .queue-score-skipped{
  background:none !important;
}

/* v97 contact import controls */
.contact-import-actions .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;white-space:nowrap!important}.status-pill.status-aborted{background:rgba(239,68,68,.12)!important;color:#dc2626!important;border:1px solid rgba(239,68,68,.18)!important}.status-pill.status-rolled-back{background:rgba(59,130,246,.12)!important;color:#2563eb!important;border:1px solid rgba(59,130,246,.18)!important}.status-pill.status-processing{background:rgba(0,184,148,.12)!important;color:#008f72!important;border:1px solid rgba(0,184,148,.18)!important}.btn-soft-warning{background:rgba(245,158,11,.14)!important;color:#b45309!important;border-color:rgba(245,158,11,.24)!important}.btn-soft-warning:hover{background:#f59e0b!important;color:#fff!important}.btn-soft-danger{background:rgba(239,68,68,.12)!important;color:#dc2626!important;border-color:rgba(239,68,68,.22)!important}.btn-soft-danger:hover{background:#ef4444!important;color:#fff!important}

/* v100 import action visibility fix */
.contact-import-actions .btn.d-none{display:none!important;}

/* v117 dynamic WhatsApp template preview refinements */
body[data-template-automation-type="product_view_followup"] .wa-template-image,
.wa-template-image {
  aspect-ratio: 1 / 1;
  height: auto !important;
  max-height: none !important;
  object-fit: cover !important;
  background: #eef2f7 !important;
}
.wa-square-placeholder,
.wa-carousel-image-placeholder.wa-square-placeholder,
.wa-dynamic-carousel-preview-card .wa-carousel-image-placeholder {
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  min-height: 0 !important;
  width: 100% !important;
}
.wa-dynamic-carousel-preview-card img {
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  object-fit: cover !important;
}
.automation-rule-form-card .dt-buttons,
.automation-page .dt-buttons,
body.automation-page .dt-buttons {
  display: none !important;
}

/* watsmax v118 template editor fixes */
.watsmax-page-whatsapp_templates .dt-buttons,
.watsmax-page-automation_rules .dt-buttons,
.watsmax-page-automation_queue .dt-buttons,
.watsmax-page-templates .dt-buttons,
.watsmax-page-template_mappings .dt-buttons { display:none!important; }
.template-language-pane { padding: 0 !important; }
html[dir="rtl"] .template-language-pane { padding: 0 !important; }
.js-template-editor .whatsapp-preview-card { position: sticky; top: 92px; }
@media (min-width: 992px) { .js-template-editor > .col-lg-8 { width: 66.66666667%; } .js-template-editor > .col-lg-4 { width: 33.33333333%; } }
body[data-template-format="image_only"]:not([data-template-automation-type="product_view_followup"]) .wa-template-image,
body[data-template-format="image_button"] .wa-template-image { height: auto!important; aspect-ratio: 16/9!important; object-fit: cover!important; }
body[data-template-automation-type="product_view_followup"] .wa-template-image { height: auto!important; aspect-ratio: 1/1!important; object-fit: cover!important; background:#eef2f7!important; }
.wa-dynamic-carousel-preview-card .wa-square-placeholder,
.wa-carousel-image-placeholder.wa-square-placeholder { height: auto!important; aspect-ratio: 1/1!important; }
.wa-dynamic-carousel-preview-card .wa-template-button { margin-top: 0; }

/* watsmax v119 template editor corrective fixes */
.template-language-pane { padding: 1.25rem !important; }
html[dir="rtl"] .template-language-pane,
.template-language-pane[dir="rtl"] { padding: 1.25rem !important; }
.js-template-editor { align-items: flex-start !important; }
.js-template-editor > .col-lg-4,
.js-template-editor > .col-xl-4 { align-self: flex-start !important; }
.js-template-editor .whatsapp-preview-card { position: sticky !important; top: 92px !important; }
.wa-template-image { background:#eef2f7 !important; }
.wa-template-image[src=""] { display:none !important; }
body[data-template-automation-type="product_view_followup"] .wa-template-image,
body[data-template-format="image_only"] .wa-template-image,
body[data-template-format="image_button"] .wa-template-image { display:block; }
body[data-template-format="image_only"]:not([data-template-automation-type="product_view_followup"]) .wa-template-image,
body[data-template-format="image_button"] .wa-template-image { aspect-ratio:16/9!important; width:100%!important; height:auto!important; object-fit:cover!important; }
body[data-template-automation-type="product_view_followup"] .wa-template-image { aspect-ratio:1/1!important; width:100%!important; height:auto!important; object-fit:cover!important; }


/* watsmax v120 template editor fixes */
.watsmax-template-lang-pane { padding: 1.25rem !important; }
html[dir="rtl"] .watsmax-template-lang-pane,
.watsmax-template-lang-pane[dir="rtl"] { padding: 1.25rem !important; }
.template-language-pane { padding: 1.25rem !important; }
.js-template-editor { display:flex !important; flex-wrap:nowrap !important; align-items:flex-start !important; }
.js-template-editor > .col-lg-8,
.js-template-editor > .col-xl-8 { flex: 1 1 auto !important; width:auto !important; max-width: calc(100% - 430px) !important; min-width:0 !important; }
.js-template-editor > .col-lg-4,
.js-template-editor > .col-xl-4 { flex:0 0 410px !important; width:410px !important; max-width:410px !important; align-self:flex-start !important; }
@media (max-width: 1199.98px) {
  .js-template-editor { flex-wrap:wrap !important; }
  .js-template-editor > .col-lg-8,
  .js-template-editor > .col-xl-8,
  .js-template-editor > .col-lg-4,
  .js-template-editor > .col-xl-4 { flex:0 0 100% !important; width:100% !important; max-width:100% !important; }
}
.wa-template-image,
.wa-carousel-image-placeholder { background:#eef2f7 !important; color:#c9d3df !important; }
.wa-template-image[src^="data:image/svg+xml"] { background:#eef2f7 !important; }
.wa-carousel-image-placeholder i { color:#c9d3df !important; font-size:32px !important; }
.wa-dynamic-carousel-preview-card .wa-carousel-card-title { font-weight:700 !important; }


/* watsmax v121 template polish */
.template-language-pane { padding: initial !important; }
.watsmax-template-lang-pane { padding: 1.25rem !important; }
html[dir="rtl"] .watsmax-template-lang-pane,
.watsmax-template-lang-pane[dir="rtl"] { padding: 1.25rem !important; }
.wa-template-image,
.wa-carousel-image-placeholder,
.wa-square-placeholder {
  background: #eef2f7 !important;
  color: #c9d3df !important;
}
.wa-template-image[src^="data:image/svg+xml"] {
  background: #eef2f7 !important;
  object-fit: cover !important;
}
.wa-template-image:not([src]),
.wa-template-image[src=""] { background:#eef2f7 !important; }
body[data-template-format="image_only"] .wa-template-image,
body[data-template-format="image_button"] .wa-template-image,
body[data-template-automation-type="product_view_followup"] .wa-template-image { display:block !important; }

/* watsmax v125 corrected template preview media behavior */
.wa-preview-media{width:100%;overflow:hidden;background:#eef2f7;color:#c9d3df;display:block;}
.wa-preview-media.is-hidden{display:none!important;}
.wa-preview-media .wa-carousel-image-placeholder{display:none;align-items:center;justify-content:center;width:100%;background:#eef2f7;color:#c9d3df;}
.wa-preview-media.is-placeholder .wa-carousel-image-placeholder{display:flex!important;}
.wa-preview-media.is-uploaded .wa-carousel-image-placeholder{display:none!important;}
.wa-preview-media .wa-carousel-image-placeholder i{font-size:42px;color:#c9d3df;}
.wa-preview-media.is-header-preview .wa-carousel-image-placeholder,.wa-preview-media.is-header-preview .wa-template-image{aspect-ratio:16/9!important;width:100%!important;height:auto!important;}
.wa-preview-media.is-square-preview .wa-carousel-image-placeholder,.wa-preview-media.is-square-preview .wa-template-image{aspect-ratio:1/1!important;width:100%!important;height:auto!important;}
.wa-preview-media .wa-template-image{display:none!important;width:100%!important;object-fit:cover!important;background:#eef2f7!important;}
.wa-preview-media.is-uploaded .wa-template-image{display:block!important;}
.wa-preview-media.is-placeholder .wa-template-image{display:none!important;}
body[data-template-format="text_only"] .wa-preview-media,body[data-template-format="button_only"] .wa-preview-media{display:none!important;}
body[data-template-format="text_only"] .wa-template-image,body[data-template-format="button_only"] .wa-template-image{display:none!important;}

/* v126 template preview media visibility fix */
.wa-preview-media.is-header-preview,.wa-preview-media.is-square-preview{display:block!important;}
.wa-preview-media.is-hidden{display:none!important;}
.wa-preview-media.is-header-preview .wa-carousel-image-placeholder,.wa-preview-media.is-header-preview .wa-template-image{aspect-ratio:16/9!important;width:100%!important;height:auto!important;}
.wa-preview-media.is-square-preview .wa-carousel-image-placeholder,.wa-preview-media.is-square-preview .wa-template-image{aspect-ratio:1/1!important;width:100%!important;height:auto!important;}
.wa-preview-media.is-placeholder .wa-carousel-image-placeholder{display:flex!important;align-items:center!important;justify-content:center!important;}
.wa-preview-media.is-placeholder .wa-template-image{display:none!important;}
.wa-preview-media.is-uploaded .wa-carousel-image-placeholder{display:none!important;}
.wa-preview-media.is-uploaded .wa-template-image{display:block!important;}

/* v130 keep KD currency in LTR order inside RTL WhatsApp preview */
.wa-preview-price-ltr{direction:ltr!important;unicode-bidi:isolate!important;display:inline-block!important;}
html[dir="rtl"] .wa-template-chat-screen > .wa-carousel-track .wa-carousel-card-body,
.wa-template-chat-screen[dir="rtl"] > .wa-carousel-track .wa-carousel-card-body{text-align:right!important;}

/* v132 product name links */
.watsmax-product-link{color:inherit!important;text-decoration:none!important;transition:color .15s ease;}
.watsmax-product-link:hover,.watsmax-product-link:focus{color:#00b894!important;text-decoration:none!important;}
.watsmax-detail-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.watsmax-detail-summary-item{border:1px solid #edf0f3;border-radius:8px;padding:.75rem;background:#fff}.watsmax-detail-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.02em;color:#878a99;margin-bottom:.25rem}.watsmax-detail-value{font-size:.95rem;font-weight:700;color:#1f2937;word-break:break-word}.watsmax-product-thumb{width:100px;height:100px;object-fit:cover;border-radius:8px;border:1px solid #edf0f3;background:#f8f9fa}.watsmax-product-thumb-placeholder{display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:28px}.watsmax-detail-items-table td{vertical-align:middle}@media(max-width:575.98px){.watsmax-detail-summary{grid-template-columns:1fr}.watsmax-product-thumb{width:72px;height:72px}.watsmax-detail-items-table{min-width:720px}}[data-bs-theme="dark"] .watsmax-detail-summary-item{background:#252b3b;border-color:#32394e}[data-bs-theme="dark"] .watsmax-detail-value{color:#e5e7eb}[data-bs-theme="dark"] .watsmax-product-thumb{background:#1f2433;border-color:#32394e}

/* watsmax professional order/cart detail modal */
.watsmax-detail-modal{border:0;border-radius:18px;overflow:hidden;box-shadow:0 24px 70px rgba(15,23,42,.18)}.watsmax-detail-modal .modal-body{background:#f8fafc}.watsmax-detail-header{padding:1.15rem 1.35rem;background:#fff;border-bottom:1px solid #edf0f3}.watsmax-detail-header-icon{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:rgba(0,184,148,.12);color:#00b894;font-size:23px;flex:0 0 auto}.watsmax-detail-header-kicker,.watsmax-detail-section-kicker,.watsmax-detail-hero-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#64748b}.watsmax-detail-header-subtitle{margin-top:.18rem;color:#64748b;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.watsmax-detail-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.35rem;background:linear-gradient(135deg,rgba(0,184,148,.14),rgba(0,184,148,.03));border-bottom:1px solid rgba(0,184,148,.16)}.watsmax-detail-total-value{font-size:2rem;line-height:1.1;font-weight:800;color:#0f172a;margin-top:.2rem}.watsmax-detail-pill-row{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.watsmax-detail-pill{display:inline-flex;align-items:center;gap:.45rem;border:1px solid rgba(0,184,148,.24);background:#fff;border-radius:999px;padding:.45rem .72rem;color:#475569;font-size:.78rem;box-shadow:0 10px 25px rgba(15,23,42,.05)}.watsmax-detail-pill i{color:#00b894;font-size:1rem}.watsmax-detail-pill strong{color:#0f172a;font-weight:800}.watsmax-detail-body{padding:1.35rem}.watsmax-detail-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-bottom:1.1rem}.watsmax-detail-summary-item{display:flex;align-items:flex-start;gap:.75rem;border:1px solid #e9eef4;border-radius:14px;padding:1rem;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.045)}.watsmax-detail-summary-icon{width:36px;height:36px;border-radius:11px;background:#f1f5f9;color:#00b894;display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;flex:0 0 auto}.watsmax-detail-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:.25rem;font-weight:800}.watsmax-detail-value{font-size:.95rem;font-weight:800;color:#0f172a;word-break:break-word}.watsmax-detail-items-card{background:#fff;border:1px solid #e9eef4;border-radius:16px;overflow:hidden;box-shadow:0 14px 35px rgba(15,23,42,.055)}.watsmax-detail-items-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;border-bottom:1px solid #eef2f7}.watsmax-detail-items-count{border-radius:999px;background:#ecfdf5;color:#047857;font-size:.78rem;font-weight:800;padding:.38rem .65rem;white-space:nowrap}.watsmax-detail-items-table{margin:0}.watsmax-detail-items-table thead th{background:#f8fafc!important;color:#334155;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e9eef4!important;padding:.85rem 1rem!important;white-space:nowrap}.watsmax-detail-items-table tbody td{padding:1rem!important;border-bottom:1px solid #f1f5f9!important;vertical-align:middle}.watsmax-detail-items-table tbody tr:last-child td{border-bottom:0!important}.watsmax-detail-items-table tfoot td{padding:1rem!important;background:#f8fafc!important;border-top:1px solid #e9eef4!important;font-weight:800;color:#0f172a}.watsmax-detail-product-cell{display:flex;align-items:center;gap:1rem;min-width:320px}.watsmax-product-thumb{width:100px!important;height:100px!important;min-width:100px;object-fit:cover;border-radius:14px;border:1px solid #e2e8f0;background:#f8fafc;box-shadow:0 8px 18px rgba(15,23,42,.08)}.watsmax-product-thumb-placeholder{display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:28px}.watsmax-detail-product-name{font-size:.98rem;font-weight:800;color:#111827;margin-bottom:.28rem;line-height:1.35}.watsmax-detail-product-code{font-size:.78rem;color:#64748b}.watsmax-detail-qty{display:inline-flex;min-width:38px;justify-content:center;border-radius:999px;background:#f1f5f9;color:#334155;font-weight:800;padding:.3rem .55rem}.watsmax-detail-footer{background:#fff;border-top:1px solid #edf0f3;padding:.9rem 1.35rem}.watsmax-detail-loading{background:#fff}.watsmax-detail-error{border-radius:14px}@media(max-width:1199.98px){.watsmax-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767.98px){.watsmax-detail-hero{align-items:flex-start;flex-direction:column}.watsmax-detail-pill-row{justify-content:flex-start}.watsmax-detail-summary{grid-template-columns:1fr}.watsmax-detail-product-cell{min-width:260px}.watsmax-detail-items-table{min-width:760px}.watsmax-detail-total-value{font-size:1.65rem}}[dir="rtl"] .watsmax-detail-pill-row{justify-content:flex-start}[dir="rtl"] .watsmax-detail-product-cell{direction:rtl}[dir="rtl"] .watsmax-detail-product-code{direction:ltr;text-align:right}[data-bs-theme="dark"] .watsmax-detail-modal,[data-layout-mode="dark"] .watsmax-detail-modal{background:#1f2433;color:#e5e7eb}[data-bs-theme="dark"] .watsmax-detail-modal .modal-body,[data-layout-mode="dark"] .watsmax-detail-modal .modal-body{background:#171b28}[data-bs-theme="dark"] .watsmax-detail-header,[data-bs-theme="dark"] .watsmax-detail-footer,[data-bs-theme="dark"] .watsmax-detail-summary-item,[data-bs-theme="dark"] .watsmax-detail-items-card,[data-layout-mode="dark"] .watsmax-detail-header,[data-layout-mode="dark"] .watsmax-detail-footer,[data-layout-mode="dark"] .watsmax-detail-summary-item,[data-layout-mode="dark"] .watsmax-detail-items-card{background:#252b3b;border-color:#32394e}[data-bs-theme="dark"] .watsmax-detail-hero,[data-layout-mode="dark"] .watsmax-detail-hero{background:linear-gradient(135deg,rgba(0,184,148,.20),rgba(0,184,148,.04));border-color:#32394e}[data-bs-theme="dark"] .watsmax-detail-total-value,[data-bs-theme="dark"] .watsmax-detail-value,[data-bs-theme="dark"] .watsmax-detail-pill strong,[data-bs-theme="dark"] .watsmax-detail-product-name,[data-bs-theme="dark"] .watsmax-detail-items-table tfoot td,[data-layout-mode="dark"] .watsmax-detail-total-value,[data-layout-mode="dark"] .watsmax-detail-value,[data-layout-mode="dark"] .watsmax-detail-pill strong,[data-layout-mode="dark"] .watsmax-detail-product-name,[data-layout-mode="dark"] .watsmax-detail-items-table tfoot td{color:#e5e7eb}[data-bs-theme="dark"] .watsmax-detail-pill,[data-layout-mode="dark"] .watsmax-detail-pill{background:#252b3b;border-color:#32394e}[data-bs-theme="dark"] .watsmax-detail-summary-icon,[data-bs-theme="dark"] .watsmax-detail-qty,[data-layout-mode="dark"] .watsmax-detail-summary-icon,[data-layout-mode="dark"] .watsmax-detail-qty{background:#1f2433;color:#94f2dd}[data-bs-theme="dark"] .watsmax-detail-items-table thead th,[data-bs-theme="dark"] .watsmax-detail-items-table tfoot td,[data-layout-mode="dark"] .watsmax-detail-items-table thead th,[data-layout-mode="dark"] .watsmax-detail-items-table tfoot td{background:#1f2433!important;border-color:#32394e!important;color:#cbd5e1}[data-bs-theme="dark"] .watsmax-detail-items-table tbody td,[data-layout-mode="dark"] .watsmax-detail-items-table tbody td{border-color:#32394e!important}[data-bs-theme="dark"] .watsmax-product-thumb,[data-layout-mode="dark"] .watsmax-product-thumb{background:#1f2433;border-color:#32394e}

/* watsmax order/cart detail modal v3 */
.watsmax-detail-modal .modal-dialog{max-width:1120px}.watsmax-detail-header{padding:1rem 1.35rem!important}.watsmax-detail-header .modal-title{font-weight:800;color:#0f172a}.watsmax-detail-hero{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;padding:1.25rem 1.35rem!important;background:linear-gradient(135deg,rgba(0,184,148,.14),rgba(0,184,148,.04))!important;border-bottom:1px solid rgba(0,184,148,.16)!important}.watsmax-detail-meta-list{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;min-width:0}.watsmax-detail-meta-item{display:inline-flex;align-items:center;gap:.45rem;border:1px solid rgba(0,184,148,.24);background:#fff;border-radius:999px;padding:.48rem .78rem;color:#475569;font-size:.8rem;box-shadow:0 8px 22px rgba(15,23,42,.05);max-width:100%}.watsmax-detail-meta-icon{color:#00b894;font-size:1rem;display:inline-flex}.watsmax-detail-meta-label{white-space:nowrap}.watsmax-detail-meta-value{color:#0f172a;font-weight:800;white-space:nowrap}.watsmax-detail-total-box{text-align:right;min-width:190px}.watsmax-detail-total-value{font-size:2.1rem!important;line-height:1.05!important;font-weight:800!important;color:#0f172a!important;margin-top:.2rem!important}.watsmax-detail-body{padding:1.25rem!important}.watsmax-detail-summary{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;gap:.85rem!important;margin-bottom:1rem!important}.watsmax-detail-summary-item{min-height:86px!important}.watsmax-detail-items-card{margin-top:.25rem!important}.watsmax-detail-items-table{table-layout:fixed!important;width:100%!important}.watsmax-detail-items-table .watsmax-col-product{width:58%}.watsmax-detail-items-table .watsmax-col-qty{width:12%}.watsmax-detail-items-table .watsmax-col-price{width:15%}.watsmax-detail-items-table .watsmax-col-total{width:15%}.watsmax-detail-items-table thead th{vertical-align:middle!important}.watsmax-product-heading{text-align:left!important}.watsmax-number-heading{text-align:center!important}.watsmax-detail-product-td{text-align:left!important}.watsmax-detail-number-cell{text-align:center!important;vertical-align:middle!important;white-space:nowrap}.watsmax-detail-line-total{font-weight:800;color:#0f172a}.watsmax-detail-product-cell{display:flex!important;align-items:center!important;gap:1rem!important;min-width:0!important}.watsmax-detail-product-info{min-width:0}.watsmax-detail-product-name{overflow-wrap:anywhere}.watsmax-product-thumb{width:100px!important;height:100px!important;min-width:100px!important;max-width:100px!important;object-fit:cover!important}.watsmax-arabic-name{font-family:'Almarai','Inter',system-ui,sans-serif!important;direction:rtl;unicode-bidi:plaintext}.watsmax-detail-value.w-ltr,.watsmax-detail-meta-value.w-ltr,.watsmax-detail-number-cell.w-ltr,.watsmax-detail-total-value.w-ltr{direction:ltr!important;unicode-bidi:embed!important}[dir="rtl"] .watsmax-detail-header .d-flex{flex-direction:row-reverse}[dir="rtl"] .watsmax-detail-hero{direction:rtl}[dir="rtl"] .watsmax-detail-total-box{text-align:left}[dir="rtl"] .watsmax-detail-meta-list{justify-content:flex-start}[dir="rtl"] .watsmax-product-heading{text-align:right!important}[dir="rtl"] .watsmax-detail-product-td{text-align:right!important}[dir="rtl"] .watsmax-detail-product-cell{direction:rtl}[dir="rtl"] .watsmax-detail-product-code{text-align:right}[dir="rtl"] .watsmax-number-heading,[dir="rtl"] .watsmax-detail-number-cell{text-align:center!important}@media(max-width:767.98px){.watsmax-detail-hero{align-items:stretch!important;flex-direction:column!important}.watsmax-detail-total-box{text-align:left;min-width:0}.watsmax-detail-meta-list{display:grid;grid-template-columns:1fr;width:100%}.watsmax-detail-meta-item{border-radius:14px;justify-content:flex-start}.watsmax-detail-items-table{min-width:760px}.watsmax-detail-total-value{font-size:1.75rem!important}[dir="rtl"] .watsmax-detail-total-box{text-align:right}}[data-bs-theme="dark"] .watsmax-detail-header .modal-title,[data-layout-mode="dark"] .watsmax-detail-header .modal-title,[data-bs-theme="dark"] .watsmax-detail-meta-value,[data-layout-mode="dark"] .watsmax-detail-meta-value,[data-bs-theme="dark"] .watsmax-detail-total-value,[data-layout-mode="dark"] .watsmax-detail-total-value,[data-bs-theme="dark"] .watsmax-detail-line-total,[data-layout-mode="dark"] .watsmax-detail-line-total{color:#e5e7eb!important}[data-bs-theme="dark"] .watsmax-detail-meta-item,[data-layout-mode="dark"] .watsmax-detail-meta-item{background:#252b3b;border-color:#32394e}
.watsmax-detail-modal-shell .modal-dialog{max-width:1120px}

/* watsmax order/cart detail modal refinements v4 */
.watsmax-detail-modal-shell .modal-dialog{max-width:1120px!important}.watsmax-detail-modal{border:1px solid #e7ebf1!important;border-radius:6px!important;overflow:hidden}.watsmax-detail-header{min-height:76px!important;padding:1rem 1.25rem!important;background:#fff!important;border-bottom:1px solid #e7ebf1!important}.watsmax-detail-title-wrap{min-width:0!important;flex:1 1 auto!important}.watsmax-detail-header-icon{width:46px!important;height:46px!important;border-radius:12px!important;box-shadow:none!important;flex:0 0 46px!important}.watsmax-detail-header .modal-title{font-size:22px!important;line-height:1.25!important;font-weight:700!important;color:#263445!important}.watsmax-detail-header .btn-close{margin:0!important;flex:0 0 auto!important}.watsmax-detail-body{background:#f3f6f9!important}.watsmax-detail-hero{box-shadow:none!important}.watsmax-detail-meta-item,.watsmax-detail-summary-item,.watsmax-detail-items-card,.watsmax-product-thumb{box-shadow:none!important}.watsmax-detail-meta-item{border-color:#d7f3ec!important}.watsmax-detail-summary-item,.watsmax-detail-items-card{border:1px solid #e7ebf1!important;border-radius:6px!important;background:#fff!important}.watsmax-detail-summary-item{min-height:76px!important;padding:.9rem 1rem!important}.watsmax-detail-summary-icon{box-shadow:none!important;background:#f3f6f9!important}.watsmax-product-thumb{width:100px!important;height:100px!important;min-width:100px!important;max-width:100px!important;border:1px solid #e7ebf1!important;border-radius:6px!important;background:#fff!important;object-fit:cover!important}.watsmax-detail-product-name{font-weight:500!important;font-size:.95rem!important;line-height:1.35!important;color:#0f172a!important}.watsmax-detail-product-code{font-weight:400!important;color:#64748b!important}.watsmax-detail-items-table{table-layout:fixed!important;width:100%!important;min-width:900px!important;border-collapse:collapse!important}.watsmax-detail-items-table .watsmax-col-product{width:58%!important}.watsmax-detail-items-table .watsmax-col-qty{width:10%!important}.watsmax-detail-items-table .watsmax-col-price{width:16%!important}.watsmax-detail-items-table .watsmax-col-total{width:16%!important}.watsmax-detail-items-table thead th{display:table-cell!important;vertical-align:middle!important;background:#f8fafc!important;border-bottom:1px solid #e7ebf1!important}.watsmax-detail-items-table tbody tr{display:table-row!important}.watsmax-detail-items-table tbody td{display:table-cell!important;vertical-align:middle!important}.watsmax-detail-product-td{width:auto!important;text-align:left!important}.watsmax-detail-number-cell{width:auto!important;text-align:center!important;white-space:nowrap!important;display:table-cell!important;vertical-align:middle!important}.watsmax-detail-number-cell .w-ltr,.watsmax-detail-number-value{display:inline-block!important;direction:ltr!important;unicode-bidi:embed!important;text-align:center!important}.watsmax-detail-line-total{font-weight:600!important;color:#0f172a!important}.watsmax-detail-qty{box-shadow:none!important;font-weight:600!important;align-items:center!important}.watsmax-product-heading{text-align:left!important}.watsmax-number-heading{text-align:center!important}.watsmax-detail-product-cell{display:flex!important;align-items:center!important;gap:1rem!important;min-width:0!important}.watsmax-detail-product-info{min-width:0!important}[dir="rtl"] .watsmax-detail-header{flex-direction:row-reverse!important}[dir="rtl"] .watsmax-detail-title-wrap{direction:rtl!important;flex-direction:row!important;justify-content:flex-start!important;text-align:right!important}[dir="rtl"] .watsmax-detail-header .modal-title{text-align:right!important}[dir="rtl"] .watsmax-detail-header .btn-close{margin:0!important}[dir="rtl"] .watsmax-detail-hero{direction:rtl!important}[dir="rtl"] .watsmax-detail-meta-list{justify-content:flex-start!important}[dir="rtl"] .watsmax-detail-total-box{text-align:left!important}[dir="rtl"] .watsmax-detail-summary{direction:rtl!important}[dir="rtl"] .watsmax-detail-summary-item{direction:rtl!important;text-align:right!important}[dir="rtl"] .watsmax-detail-product-heading,[dir="rtl"] .watsmax-product-heading{text-align:right!important}[dir="rtl"] .watsmax-detail-product-td{text-align:right!important}[dir="rtl"] .watsmax-detail-product-cell{direction:rtl!important;flex-direction:row!important}[dir="rtl"] .watsmax-detail-product-code{text-align:right!important}[dir="rtl"] .watsmax-number-heading,[dir="rtl"] .watsmax-detail-number-cell{text-align:center!important}[dir="rtl"] .watsmax-detail-number-cell .w-ltr,html[lang="ar"] .watsmax-detail-number-cell .w-ltr{text-align:center!important;direction:ltr!important;unicode-bidi:embed!important}[data-bs-theme="dark"] .watsmax-detail-header,[data-layout-mode="dark"] .watsmax-detail-header,[data-bs-theme="dark"] .watsmax-detail-summary-item,[data-layout-mode="dark"] .watsmax-detail-summary-item,[data-bs-theme="dark"] .watsmax-detail-items-card,[data-layout-mode="dark"] .watsmax-detail-items-card{background:#252b3b!important;border-color:#32394e!important}[data-bs-theme="dark"] .watsmax-detail-body,[data-layout-mode="dark"] .watsmax-detail-body{background:#171b28!important}[data-bs-theme="dark"] .watsmax-detail-header .modal-title,[data-layout-mode="dark"] .watsmax-detail-header .modal-title,[data-bs-theme="dark"] .watsmax-detail-product-name,[data-layout-mode="dark"] .watsmax-detail-product-name{color:#e5e7eb!important}@media(max-width:767.98px){.watsmax-detail-items-table{min-width:760px!important}.watsmax-detail-total-box{text-align:left!important}[dir="rtl"] .watsmax-detail-total-box{text-align:right!important}}

/* watsmax order/cart modal v5 */
.watsmax-detail-modal .watsmax-product-thumb{width:70px!important;height:70px!important;min-width:70px!important;max-width:70px!important;border-radius:6px!important;object-fit:cover!important;box-shadow:none!important}.watsmax-detail-modal .watsmax-product-thumb-link{display:inline-flex;width:70px;height:70px;min-width:70px;text-decoration:none;border-radius:6px;outline:0}.watsmax-detail-modal .watsmax-product-thumb-link:focus-visible{box-shadow:0 0 0 .16rem rgba(0,184,148,.2)}.watsmax-detail-modal .watsmax-detail-product-link{display:inline;color:#0f172a!important;text-decoration:none!important;font-weight:500!important}.watsmax-detail-modal .watsmax-detail-product-link:hover{text-decoration:underline!important;color:#00a884!important}.watsmax-detail-modal .watsmax-detail-product-cell{gap:.85rem!important}.watsmax-detail-modal .watsmax-detail-items-table tbody td{padding:.85rem 1rem!important}[dir="rtl"] .watsmax-detail-modal .watsmax-product-thumb-link{direction:ltr}[data-bs-theme="dark"] .watsmax-detail-modal .watsmax-detail-product-link,[data-layout-mode="dark"] .watsmax-detail-modal .watsmax-detail-product-link{color:#e5e7eb!important}[data-bs-theme="dark"] .watsmax-detail-modal .watsmax-detail-product-link:hover,[data-layout-mode="dark"] .watsmax-detail-modal .watsmax-detail-product-link:hover{color:#94f2dd!important}


/* watsmax v6 analytics profile row links */
.watsmax-clickable-row{cursor:pointer!important}.watsmax-clickable-row:focus{outline:2px solid rgba(0,184,148,.35);outline-offset:-2px}.watsmax-clickable-row:hover td{background-color:rgba(0,184,148,.04)!important}

/* Category dropdown/category list labels: remove leading data whitespace and reduce Select2's default left inset. */
.watsmax-category-dropdown .select2-results__option {
  padding-left: 4px !important;
  padding-right: 12px !important;
}
.select2-container--default .select2-selection--single.watsmax-category-selection .select2-selection__rendered {
  padding-left: 8px !important;
  padding-right: 34px !important;
}
[dir="rtl"] .watsmax-category-dropdown .select2-results__option {
  padding-right: 4px !important;
  padding-left: 12px !important;
}
[dir="rtl"] .select2-container--default .select2-selection--single.watsmax-category-selection .select2-selection__rendered {
  padding-right: 8px !important;
  padding-left: 34px !important;
}

/* watsmax v11 category dropdown label edge alignment */
.select2-container--default .select2-dropdown.watsmax-category-dropdown .select2-results__options,
.watsmax-category-dropdown .select2-results__options{
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
}
.select2-container--default .select2-dropdown.watsmax-category-dropdown .select2-results__option,
.watsmax-category-dropdown .select2-results__option{
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:8px!important;
  padding-inline-start:0!important;
  padding-inline-end:8px!important;
  text-indent:0!important;
}
[dir="rtl"] .select2-container--default .select2-dropdown.watsmax-category-dropdown .select2-results__option,
[dir="rtl"] .watsmax-category-dropdown .select2-results__option{
  padding-right:0!important;
  padding-left:8px!important;
  padding-inline-start:0!important;
  padding-inline-end:8px!important;
  text-align:right!important;
}
.select2-container--default .select2-dropdown.watsmax-category-dropdown .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-dropdown.watsmax-category-dropdown .select2-results__option[aria-selected="true"],
.watsmax-category-dropdown .select2-results__option--highlighted[aria-selected],
.watsmax-category-dropdown .select2-results__option[aria-selected="true"]{
  padding-left:0!important;
  padding-inline-start:0!important;
}
[dir="rtl"] .select2-container--default .select2-dropdown.watsmax-category-dropdown .select2-results__option--highlighted[aria-selected],
[dir="rtl"] .select2-container--default .select2-dropdown.watsmax-category-dropdown .select2-results__option[aria-selected="true"],
[dir="rtl"] .watsmax-category-dropdown .select2-results__option--highlighted[aria-selected],
[dir="rtl"] .watsmax-category-dropdown .select2-results__option[aria-selected="true"]{
  padding-right:0!important;
  padding-inline-start:0!important;
}

/* watsmax v16 customer profile links */
.watsmax-customer-link{color:inherit!important;text-decoration:none!important;font-weight:inherit!important;transition:color .15s ease;}
.watsmax-customer-link:hover,.watsmax-customer-link:focus{color:#00b894!important;text-decoration:none!important;}
.watsmax-customer-link.watsmax-arabic-name{font-family:'Almarai','Inter',system-ui,sans-serif!important;}

/* watsmax v18 customer journey and product opportunity enhancements */
.watsmax-data-freshness{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .7rem;border:1px solid rgba(0,184,148,.22);border-radius:6px;background:rgba(0,184,148,.07);font-size:.78rem;color:#64748b;white-space:nowrap}.watsmax-data-freshness i{font-size:1rem;color:#00a884}.watsmax-data-freshness strong{font-weight:600;color:#334155}.watsmax-activity-timeline{position:relative}.watsmax-timeline-item{position:relative;display:flex;gap:1rem;padding:0 0 1rem 0}.watsmax-timeline-item:last-child{padding-bottom:0}.watsmax-timeline-item:not(:last-child):before{content:"";position:absolute;top:34px;bottom:0;left:16px;width:1px;background:#e7ebf1}.watsmax-timeline-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;font-size:1rem;border:1px solid transparent}.watsmax-timeline-order{background:rgba(34,197,94,.1);color:#16803d;border-color:rgba(34,197,94,.2)}.watsmax-timeline-cart{background:rgba(245,158,11,.11);color:#b96d00;border-color:rgba(245,158,11,.22)}.watsmax-timeline-view{background:rgba(59,130,246,.1);color:#2563eb;border-color:rgba(59,130,246,.2)}.watsmax-timeline-content{flex:1;min-width:0;padding:.15rem 0 .85rem;border-bottom:1px solid #eef1f5}.watsmax-timeline-item:last-child .watsmax-timeline-content{border-bottom:0;padding-bottom:0}.watsmax-timeline-title{display:block;color:#1f2937;font-size:.92rem;margin-bottom:.2rem}.watsmax-timeline-description{font-size:.86rem;color:#64748b;line-height:1.45}.watsmax-timeline-time{font-size:.78rem;color:#8492a6;white-space:nowrap}.watsmax-opportunity-list{display:flex;flex-direction:column;gap:.75rem}.watsmax-opportunity-card{display:flex;align-items:flex-start;gap:.8rem;padding:.85rem;border:1px solid #e7ebf1;border-radius:7px;background:#fff}.watsmax-opportunity-icon{display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:7px;background:#f3f6f9;color:#475569;font-size:1.08rem}.watsmax-opportunity-card strong{display:block;color:#1f2937;font-size:.9rem;margin-bottom:.2rem}.watsmax-opportunity-card p{margin:0;color:#64748b;font-size:.82rem;line-height:1.45}.watsmax-opportunity-card span{display:inline-block;margin-top:.35rem;font-size:.76rem;font-weight:600;color:#00a884}.watsmax-opportunity-cart{border-inline-start:3px solid #f59e0b}.watsmax-opportunity-product{border-inline-start:3px solid #3b82f6}.watsmax-opportunity-risk{border-inline-start:3px solid #ef4444}.watsmax-opportunity-vip{border-inline-start:3px solid #8b5cf6}.watsmax-opportunity-loyal{border-inline-start:3px solid #00b894}.watsmax-opportunity-new{border-inline-start:3px solid #06b6d4}.watsmax-performance-pill{display:inline-flex;align-items:center;max-width:190px;padding:.3rem .55rem;border-radius:5px;font-size:.75rem;font-weight:600;line-height:1.25;white-space:normal}.watsmax-performance-pill.opportunity-cart{background:rgba(245,158,11,.13);color:#9a5b00}.watsmax-performance-pill.opportunity-warning{background:rgba(239,68,68,.11);color:#c0392b}.watsmax-performance-pill.opportunity-success{background:rgba(34,197,94,.12);color:#16803d}.watsmax-performance-pill.opportunity-info{background:rgba(59,130,246,.11);color:#2563eb}.watsmax-performance-pill.opportunity-product{background:rgba(6,182,212,.11);color:#0e7490}.watsmax-performance-pill.opportunity-neutral{background:#f1f5f9;color:#64748b}[dir="rtl"] .watsmax-timeline-item:not(:last-child):before{left:auto;right:16px}[dir="rtl"] .watsmax-timeline-content,[dir="rtl"] .watsmax-opportunity-card{text-align:right}[data-bs-theme="dark"] .watsmax-data-freshness,[data-layout-mode="dark"] .watsmax-data-freshness{background:rgba(0,184,148,.09);border-color:rgba(0,184,148,.25);color:#a7b0c0}[data-bs-theme="dark"] .watsmax-data-freshness strong,[data-layout-mode="dark"] .watsmax-data-freshness strong,[data-bs-theme="dark"] .watsmax-timeline-title,[data-layout-mode="dark"] .watsmax-timeline-title,[data-bs-theme="dark"] .watsmax-opportunity-card strong,[data-layout-mode="dark"] .watsmax-opportunity-card strong{color:#e5e7eb}[data-bs-theme="dark"] .watsmax-timeline-content,[data-layout-mode="dark"] .watsmax-timeline-content{border-color:#32394e}[data-bs-theme="dark"] .watsmax-timeline-item:not(:last-child):before,[data-layout-mode="dark"] .watsmax-timeline-item:not(:last-child):before{background:#32394e}[data-bs-theme="dark"] .watsmax-opportunity-card,[data-layout-mode="dark"] .watsmax-opportunity-card{background:#252b3b;border-color:#32394e}[data-bs-theme="dark"] .watsmax-opportunity-icon,[data-layout-mode="dark"] .watsmax-opportunity-icon{background:#1d2332}@media(max-width:767.98px){.watsmax-data-freshness{width:100%;justify-content:center}.watsmax-timeline-item{gap:.7rem}.watsmax-timeline-content>.d-flex{display:block!important}.watsmax-timeline-content>.d-flex>div:last-child{margin-top:.45rem}.watsmax-opportunity-card{padding:.75rem}.watsmax-performance-pill{max-width:150px}}


/* watsmax v19 demo UI refinement: spacing, dropdowns, timeline and sticky product column */
.page-content>.container-fluid{
  padding-inline:clamp(16px,2vw,28px)!important;
  padding-bottom:1.5rem!important;
}
.page-content .card-header{
  padding:.95rem 1.25rem!important;
}
.page-content .card-body:not(.p-0){
  padding:1.25rem!important;
}
.page-content .form-label{
  margin-bottom:.5rem!important;
  font-weight:500;
}
.page-content .row.g-3{
  --vz-gutter-x:1.25rem;
  --vz-gutter-y:1.25rem;
}
.watsmax-page-toolbar,
.watsmax-report-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:1rem;
  width:100%;
}
.watsmax-report-heading>div:first-child{
  min-width:0;
  flex:1 1 420px;
}
.watsmax-report-heading .watsmax-data-freshness{
  flex:0 0 auto;
}
.watsmax-report-card .card-header{
  padding-block:1rem!important;
}
.watsmax-report-card .dataTables_wrapper>.row:first-child{
  row-gap:.9rem;
  margin-bottom:1rem!important;
}
.watsmax-report-card .dataTables_wrapper>.row:last-child{
  row-gap:.9rem;
  padding-top:.2rem;
}
.watsmax-report-card .dataTables_filter label{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  margin:0;
}
.watsmax-report-card .dataTables_filter input{
  margin-left:0!important;
  min-width:220px;
}
[dir="rtl"] .watsmax-report-card .dataTables_filter input{
  margin-right:0!important;
}
.watsmax-report-filters .filter-actions{
  min-height:42px;
  align-items:center;
  flex-wrap:wrap;
}
.watsmax-data-freshness{
  display:inline-flex!important;
  align-items:center!important;
  gap:.5rem!important;
  min-height:38px;
  padding:.48rem .78rem!important;
  border:1px solid rgba(0,184,148,.25)!important;
  border-radius:7px!important;
  background:rgba(0,184,148,.075)!important;
  color:#64748b!important;
  font-size:.8rem!important;
  line-height:1.25;
  white-space:nowrap;
}
.watsmax-data-freshness i{
  flex:0 0 auto;
  margin:0!important;
  color:#00a884!important;
  font-size:1rem!important;
}
.watsmax-data-freshness-label{
  display:inline-block;
  margin:0!important;
}
.watsmax-data-freshness-value{
  display:inline-block;
  margin-inline-start:.05rem;
  color:#27364a!important;
  font-weight:700!important;
}

/* All Select2 fields and dropdown panels use comfortable, consistent spacing. */

.form-select{
  padding-inline-start:.875rem!important;
  padding-inline-end:2.5rem!important;
  text-align:start;
}
.select2-container--default .select2-selection--single{
  min-height:42px!important;
  padding-inline:0!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single.watsmax-category-selection .select2-selection__rendered{
  min-height:40px!important;
  line-height:40px!important;
  padding-inline-start:14px!important;
  padding-inline-end:42px!important;
  margin:0!important;
  text-indent:0!important;
  text-align:start!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  height:40px!important;
  inset-inline-end:8px!important;
  inset-inline-start:auto!important;
}
.select2-container--default .select2-dropdown{
  border-color:#dbe4ef!important;
  border-radius:7px!important;
  overflow:hidden;
  box-shadow:0 10px 28px rgba(15,23,42,.12);
}
.select2-container--default .select2-search--dropdown{
  padding:10px!important;
  background:inherit;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
  width:100%!important;
  min-height:38px!important;
  padding:7px 11px!important;
  margin:0!important;
  border:1px solid #cfd8e5!important;
  border-radius:6px!important;
  outline:0!important;
}
.select2-container--default .select2-results__options,
.select2-container--default .select2-dropdown.watsmax-category-dropdown .select2-results__options,
.watsmax-category-dropdown .select2-results__options{
  padding:6px!important;
  margin:0!important;
}
.select2-container--default .select2-results__option,
.select2-container--default .select2-dropdown.watsmax-category-dropdown .select2-results__option,
.watsmax-category-dropdown .select2-results__option{
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  padding:8px 12px!important;
  margin:0!important;
  border-radius:5px!important;
  line-height:1.35!important;
  text-indent:0!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
  text-align:start!important;
}
.select2-container--default .select2-results__option+ .select2-results__option{
  margin-top:2px!important;
}
[dir="ltr"] .select2-container--default .select2-results__option,
[dir="ltr"] .select2-container--default .select2-selection__rendered{
  text-align:left!important;
}
[dir="rtl"] .select2-container--default .select2-results__option,
[dir="rtl"] .select2-container--default .select2-selection__rendered{
  text-align:right!important;
}
[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__arrow{
  right:auto!important;
  left:8px!important;
}
[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__rendered,
[dir="rtl"] .select2-container--default .select2-selection--single.watsmax-category-selection .select2-selection__rendered{
  padding-right:14px!important;
  padding-left:42px!important;
}

/* Professional customer activity timeline. */
.watsmax-activity-timeline{
  position:relative;
  padding:.1rem 0;
}
.watsmax-timeline-item{
  position:relative;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr);
  gap:.9rem!important;
  padding:0 0 1rem!important;
}
.watsmax-timeline-item:last-child{
  padding-bottom:0!important;
}
.watsmax-timeline-item:before{
  display:none!important;
}
.watsmax-timeline-rail{
  position:relative;
  display:flex;
  justify-content:center;
}
.watsmax-timeline-item:not(:last-child) .watsmax-timeline-rail:after{
  content:"";
  position:absolute;
  top:42px;
  bottom:-1rem;
  left:50%;
  width:2px;
  transform:translateX(-50%);
  background:linear-gradient(to bottom,#dfe6ef 0%,#edf1f6 100%);
}
.watsmax-timeline-icon{
  position:relative;
  z-index:2;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 40px!important;
  width:40px!important;
  height:40px!important;
  border-radius:10px!important;
  border:1px solid transparent!important;
  box-shadow:0 4px 12px rgba(15,23,42,.08);
  font-size:1.08rem!important;
}
.watsmax-timeline-content{
  min-width:0;
  padding:0!important;
  border:1px solid #e6ebf2!important;
  border-radius:9px;
  background:#fbfcfe;
  box-shadow:0 2px 8px rgba(15,23,42,.035);
  overflow:hidden;
}
.watsmax-timeline-main{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  padding:1rem 1.05rem;
}
.watsmax-timeline-title{
  display:block;
  margin:0 0 .3rem!important;
  color:#1f2937;
  font-size:.94rem!important;
  font-weight:700;
  line-height:1.35;
}
.watsmax-timeline-description{
  color:#536174!important;
  font-size:.86rem!important;
  line-height:1.55!important;
  overflow-wrap:anywhere;
}
.watsmax-timeline-description a{
  font-weight:500;
}
.watsmax-timeline-meta{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:.55rem;
  flex:0 0 auto;
}
.watsmax-timeline-time{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  min-height:30px;
  padding:.32rem .55rem;
  border:1px solid #e5eaf1;
  border-radius:6px;
  background:#fff;
  color:#718096!important;
  font-size:.76rem!important;
  white-space:nowrap;
}
.watsmax-timeline-time i{
  color:#94a3b8;
  font-size:.9rem;
}

/* Product Insights: keep product identity visible while metrics scroll. */
.watsmax-product-insights-scroll{
  position:relative;
  overflow-x:auto!important;
  overflow-y:visible;
  border:1px solid #e7ebf1;
  border-radius:8px!important;
  scrollbar-gutter:stable;
}
.watsmax-product-insights-scroll .dataTables_wrapper{
  width:100%!important;
  min-width:0!important;
}
.watsmax-product-insights-table{
  min-width:1420px!important;
  width:max(100%,1420px)!important;
  margin:0!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
.watsmax-product-insights-table th,
.watsmax-product-insights-table td{
  padding:.8rem .75rem!important;
}
.watsmax-product-insights-table th:first-child,
.watsmax-product-insights-table td:first-child{
  position:sticky!important;
  left:0;
  z-index:3;
  width:360px!important;
  min-width:360px!important;
  max-width:360px!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
  background:#fff!important;
  box-shadow:8px 0 12px -12px rgba(15,23,42,.55);
}
.watsmax-product-insights-table thead th:first-child{
  z-index:6;
  background:#f8fafc!important;
}
.watsmax-product-insights-table tbody tr:hover td:first-child{
  background:#f8fbfd!important;
}
.watsmax-product-insights-table td:first-child a{
  display:block;
  line-height:1.45;
}
[dir="rtl"] .watsmax-product-insights-table th:first-child,
[dir="rtl"] .watsmax-product-insights-table td:first-child{
  left:auto;
  right:0;
  box-shadow:-8px 0 12px -12px rgba(15,23,42,.55);
}

html[data-bs-theme="dark"] .watsmax-data-freshness,
html[data-theme="dark"] .watsmax-data-freshness{
  background:rgba(0,184,148,.09)!important;
  border-color:rgba(0,184,148,.28)!important;
  color:#a8b2c2!important;
}
html[data-bs-theme="dark"] .watsmax-data-freshness-value,
html[data-theme="dark"] .watsmax-data-freshness-value{
  color:#e5e7eb!important;
}
html[data-bs-theme="dark"] .select2-container--default .select2-dropdown,
html[data-theme="dark"] .select2-container--default .select2-dropdown{
  box-shadow:0 12px 30px rgba(0,0,0,.3);
}
html[data-bs-theme="dark"] .watsmax-timeline-content,
html[data-theme="dark"] .watsmax-timeline-content{
  background:#252b3b!important;
  border-color:#343c50!important;
}
html[data-bs-theme="dark"] .watsmax-timeline-time,
html[data-theme="dark"] .watsmax-timeline-time{
  background:#1f2534!important;
  border-color:#3a4358!important;
  color:#abb5c5!important;
}
html[data-bs-theme="dark"] .watsmax-timeline-item:not(:last-child) .watsmax-timeline-rail:after,
html[data-theme="dark"] .watsmax-timeline-item:not(:last-child) .watsmax-timeline-rail:after{
  background:linear-gradient(to bottom,#394257 0%,#30384b 100%);
}
html[data-bs-theme="dark"] .watsmax-product-insights-scroll,
html[data-theme="dark"] .watsmax-product-insights-scroll{
  border-color:#343c50;
}
html[data-bs-theme="dark"] .watsmax-product-insights-table th:first-child,
html[data-bs-theme="dark"] .watsmax-product-insights-table td:first-child,
html[data-theme="dark"] .watsmax-product-insights-table th:first-child,
html[data-theme="dark"] .watsmax-product-insights-table td:first-child{
  background:#252b3b!important;
}
html[data-bs-theme="dark"] .watsmax-product-insights-table thead th:first-child,
html[data-theme="dark"] .watsmax-product-insights-table thead th:first-child{
  background:#202636!important;
}
html[data-bs-theme="dark"] .watsmax-product-insights-table tbody tr:hover td:first-child,
html[data-theme="dark"] .watsmax-product-insights-table tbody tr:hover td:first-child{
  background:#2a3143!important;
}

@media(max-width:991.98px){
  .watsmax-report-heading,
  .watsmax-page-toolbar{
    align-items:flex-start;
  }
  .watsmax-report-heading .watsmax-data-freshness{
    max-width:100%;
  }
}
@media(max-width:767.98px){
  .page-content>.container-fluid{
    padding-inline:12px!important;
  }
  .page-content .card-header{
    padding:.85rem 1rem!important;
  }
  .page-content .card-body:not(.p-0){
    padding:1rem!important;
  }
  .watsmax-page-toolbar,
  .watsmax-report-heading{
    display:flex!important;
    flex-direction:column;
    align-items:stretch!important;
  }
  .watsmax-data-freshness{
    width:100%;
    justify-content:flex-start!important;
    white-space:normal;
  }
  .watsmax-report-card .dataTables_filter,
  .watsmax-report-card .dataTables_filter label,
  .watsmax-report-card .dataTables_filter input{
    width:100%!important;
  }
  .watsmax-timeline-item{
    grid-template-columns:38px minmax(0,1fr);
    gap:.65rem!important;
  }
  .watsmax-timeline-icon{
    width:36px!important;
    height:36px!important;
    flex-basis:36px!important;
    border-radius:9px!important;
  }
  .watsmax-timeline-item:not(:last-child) .watsmax-timeline-rail:after{
    top:38px;
  }
  .watsmax-timeline-main{
    display:block;
    padding:.9rem;
  }
  .watsmax-timeline-meta{
    justify-content:flex-start;
    margin-top:.7rem;
    flex-wrap:wrap;
  }
  .watsmax-product-insights-table th:first-child,
  .watsmax-product-insights-table td:first-child{
    width:250px!important;
    min-width:250px!important;
    max-width:250px!important;
  }
}