/* assets/css/app.css */
/* =========================================================
   APP SHELL LAYOUT
   ========================================================= */

:root {
  --topbar-h: 56px;
  --sidebar-w: 240px;
  --sidebar-mini-w: 72px;
}

body.app-shell {
  padding-top: var(--topbar-h);
}

.app-topbar {
  height: var(--topbar-h);
}

.app-sidebar {
  position: fixed;
  top: var(--topbar-h);
  left: 0;
  height: calc(100vh - var(--topbar-h));
  width: var(--sidebar-w);
  overflow-y: auto;
  scrollbar-gutter: stable;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  z-index: 1030;
}

@media (min-width: 992px) {
  body.has-app-nav:not(.sidebar-collapsed) .app-sidebar .px-3 {
    padding-right: 1.25rem !important;
  }
}

.app-content {
  margin-left: 0;
  min-height: calc(100vh - var(--topbar-h));
}

.sidebar-footer {
  opacity: 0.45;
}

.sidebar-footer__logo {
  display: none;
  filter: invert(1);
  opacity: 0.9;
}

.topbar-brand-logo {
  filter: invert(1);
}

body.has-app-nav .app-content {
  margin-left: var(--sidebar-w);
}

body.sidebar-collapsed .app-sidebar {
  width: var(--sidebar-mini-w);
}

body.has-app-nav.sidebar-collapsed .app-content {
  margin-left: var(--sidebar-mini-w);
}

/* ================================
   MOBILE/TABLET: sidebar devine "off-canvas"
   ================================ */
/* ================================
   < 992px: Sidebar devine off-canvas (mobil)
   ================================ */
@media (max-width: 991.98px) {
  /* content fără spațiu rezervat */
  body.has-app-nav .app-content {
    margin-left: 0 !important;
  }

  /* ascundem toggle-ul desktop (mini sidebar) */
  #btnSidebarToggle {
    display: none !important;
  }

  /* sidebar off-canvas (NU display:none) */
  .app-sidebar {
    display: block !important;
    position: fixed;
    top: var(--topbar-h);
    left: 0;
    width: var(--sidebar-w);
    height: calc(100vh - var(--topbar-h));
    overflow-y: auto;
    z-index: 1040;

    transform: translateX(-105%);
    transition: transform 0.2s ease;
  }

  /* deschis când body are .sidebar-open (JS-ul tău deja face asta) */
  body.sidebar-open .app-sidebar {
    transform: translateX(0);
  }

  /* backdrop (click în afară va închide - JS-ul tău deja are handler) */
  body.sidebar-open::before {
    content: '';
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 1020;
  }

  /* topbar peste backdrop */
  .app-topbar {
    z-index: 1030;
  }
}
/* =========================================================
   SIDEBAR LINKS + BADGES
   ========================================================= */

.sidebar-brand {
  font-weight: 600;
  letter-spacing: 0.2px;
}

.sidebar-link {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.65rem 0.9rem;
  border-radius: 0.5rem;
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
}

.sidebar-link:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}

.sidebar-link.active {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
}

.sidebar-link .bi {
  font-size: 1.1rem;
  width: 1.25rem;
  text-align: center;
}

.sidebar-link .nav-text {
  white-space: nowrap;
}

.app-sidebar .sidebar-link .badge {
  margin-left: auto;
}

/* MINI sidebar */
body.sidebar-collapsed .sidebar-link .nav-text {
  display: none;
}

body.sidebar-collapsed .sidebar-brand {
  display: none;
}

body.sidebar-collapsed .app-sidebar .px-3 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

body.sidebar-collapsed .sidebar-link {
  position: relative;
}

body.sidebar-collapsed .sidebar-link .badge {
  position: absolute;
  top: 8px;
  right: 10px;
  transform: none;

  min-width: 18px;
  height: 18px;
  padding: 0 5px;

  font-size: 11px;
  line-height: 18px;
  border-radius: 999px;

  box-shadow: 0 0 0 2px #fcfcfc;
}
.sidebar-footer__text {
  color: #4b5563;
}

html.dark .sidebar-footer__text,
body.dark .sidebar-footer__text,
[data-theme='dark'] .sidebar-footer__text {
  color: rgba(255, 255, 255, 0.72);
}

@media (min-width: 992px) {
  body.sidebar-collapsed .sidebar-footer__text {
    display: none;
  }

  body.sidebar-collapsed .sidebar-footer__logo {
    display: inline-block;
  }
}

/* Mobile behavior */
@media (max-width: 991.98px) {
  .app-sidebar {
    transform: translateX(-100%);
    transition: transform 0.2s ease;
    width: var(--sidebar-w);
  }

  body.sidebar-open .app-sidebar {
    transform: translateX(0);
  }

  .app-content {
    margin-left: 0;
  }

  body.sidebar-collapsed .app-content {
    margin-left: 0;
  }
}

/* =========================================================
   TOP NAV small UI
   ========================================================= */

.navbar .badge {
  font-size: 11px;
  padding: 3px 6px;
}

.navbar .btn-outline-light:hover {
  background-color: #00bcd4;
}

/* alerts animation */
@keyframes badgePulse {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}

.alert-pulse {
  animation: badgePulse 0.4s ease;
}

.alert-highlight {
  box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.4);
  transition: box-shadow 0.3s ease;
}

/* =========================================================
   DARK MODE – BASE ZONES
   ========================================================= */

[data-bs-theme='dark'] body {
  background-color: #212121;
}

[data-bs-theme='dark'] .app-content {
  background-color: #212121;
}

[data-bs-theme='dark'] .container,
[data-bs-theme='dark'] .container-fluid,
[data-bs-theme='dark'] .row {
  background-color: transparent !important;
}

/* =========================================================
   DARK MODE – DATATABLES
   ========================================================= */

[data-bs-theme='dark'] .card,
[data-bs-theme='dark'] .dataTables_wrapper {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.02);
}

[data-bs-theme='dark'] .card-header {
  background-color: #272b2f !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.9);
}

[data-bs-theme='dark'] table.dataTable thead th {
  color: rgba(255, 255, 255, 0.92) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
}

[data-bs-theme='dark'] table.dataTable tbody tr {
  background-color: #171717 !important;
}

[data-bs-theme='dark'] table.dataTable tbody tr:nth-of-type(odd) {
  background-color: #1b2430 !important;
}

[data-bs-theme='dark'] table.dataTable tbody tr:hover {
  background-color: #263241 !important;
}

[data-bs-theme='dark'] table.dataTable td {
  color: rgba(255, 255, 255, 0.88);
}

[data-bs-theme='dark'] .dataTables_length,
[data-bs-theme='dark'] .dataTables_filter,
[data-bs-theme='dark'] .dataTables_info {
  color: rgba(255, 255, 255, 0.75);
}

[data-bs-theme='dark'] .dataTables_filter input,
[data-bs-theme='dark'] .dataTables_length select {
  background-color: #272b2f !important;
  color: rgba(255, 255, 255, 0.9) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

[data-bs-theme='dark'] .dataTables_paginate .paginate_button {
  background: transparent !important;
  color: rgba(255, 255, 255, 0.7) !important;
  border-radius: 0.375rem;
}

[data-bs-theme='dark'] .dataTables_paginate .paginate_button.current {
  background-color: #272b2f !important;
  color: #fff !important;
}

[data-bs-theme='dark'] .dataTables_paginate .paginate_button:hover {
  background-color: rgba(255, 255, 255, 0.12) !important;
  color: #fff !important;
}

/* =========================================================
   DARK MODE – BUTTON VARIANTS
   ========================================================= */

[data-bs-theme='dark'] .btn-dark {
  --bs-btn-color: #111;
  --bs-btn-bg: #d1d5db;
  --bs-btn-border-color: #d1d5db;

  --bs-btn-hover-color: #111;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffca2c;

  --bs-btn-active-color: #111;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffcd39;

  --bs-btn-focus-shadow-rgb: 255, 193, 7;
}

[data-bs-theme='dark'] .btn-outline-dark {
  --bs-btn-color: rgba(255, 255, 255, 0.92);
  --bs-btn-border-color: rgba(255, 255, 255, 0.55);

  --bs-btn-hover-color: #111;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;

  --bs-btn-active-color: #111;
  --bs-btn-active-bg: #e9ecef;
  --bs-btn-active-border-color: #e9ecef;

  --bs-btn-focus-shadow-rgb: 248, 249, 250;
}

/* =========================================================
   DATERANGEPICKER – DARK THEME (PLUGIN OVERRIDES)
   ========================================================= */

[data-bs-theme='dark'] .daterangepicker {
  background-color: #1f2a33;
  border: 1px solid #2f3e4d;
  color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

[data-bs-theme='dark'] .daterangepicker .calendar-table {
  background-color: #1f2a33;
  border: none;
}

[data-bs-theme='dark'] .daterangepicker td,
[data-bs-theme='dark'] .daterangepicker th {
  color: rgba(255, 255, 255, 0.9);
}

[data-bs-theme='dark'] .daterangepicker td.off,
[data-bs-theme='dark'] .daterangepicker td.off.in-range,
[data-bs-theme='dark'] .daterangepicker td.off.start-date,
[data-bs-theme='dark'] .daterangepicker td.off.end-date {
  color: rgba(255, 255, 255, 0.35);
  background-color: #4d4d4d;
}

[data-bs-theme='dark'] .daterangepicker td.available:hover,
[data-bs-theme='dark'] .daterangepicker th.available:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

[data-bs-theme='dark'] .daterangepicker td.in-range {
  background-color: rgba(13, 110, 253, 0.18);
}

[data-bs-theme='dark'] .daterangepicker td.active,
[data-bs-theme='dark'] .daterangepicker td.active:hover {
  background-color: #0d6efd;
  color: #fff;
}

[data-bs-theme='dark'] .daterangepicker .ranges {
  background-color: #1f2a33;
  border-right: 1px solid #2f3e4d;
}

[data-bs-theme='dark'] .daterangepicker .ranges li {
  color: rgba(255, 255, 255, 0.85);
}

[data-bs-theme='dark'] .daterangepicker .ranges li:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

[data-bs-theme='dark'] .daterangepicker .ranges li.active {
  background-color: #0d6efd;
  color: #fff;
}

[data-bs-theme='dark'] .daterangepicker .drp-buttons {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

[data-bs-theme='dark'] .daterangepicker .drp-selected {
  color: rgba(255, 255, 255, 0.7);
}

[data-bs-theme='dark'] .daterangepicker input.input-mini {
  background-color: #1f2a33 !important;
  color: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
}

[data-bs-theme='dark'] .daterangepicker .calendar-table table {
  background: transparent !important;
}

[data-bs-theme='dark'] .daterangepicker .drp-calendar.left,
[data-bs-theme='dark'] .daterangepicker .drp-calendar.right {
  background-color: #1f2a33 !important;
}

[data-bs-theme='dark'] .daterangepicker select.monthselect,
[data-bs-theme='dark'] .daterangepicker select.yearselect {
  background-color: #1f2a33 !important;
  color: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
}

/* =========================================================
   OVERLAYS / Z-INDEX / VISIBILITY FIXES (plugins)
   ========================================================= */

.daterangepicker {
  z-index: 2000 !important;
}

.daterangepicker .drp-calendar,
.daterangepicker .calendar-table {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* ============================
   Flatpickr - Dark mode (Bootstrap 5 data-bs-theme)
   ============================ */
html[data-bs-theme='dark'] .flatpickr-calendar {
  background: #1f242a;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.55);
  color: rgba(255, 255, 255, 0.92);
}

html[data-bs-theme='dark'] .flatpickr-calendar.arrowTop:before,
html[data-bs-theme='dark'] .flatpickr-calendar.arrowTop:after,
html[data-bs-theme='dark'] .flatpickr-calendar.arrowBottom:before,
html[data-bs-theme='dark'] .flatpickr-calendar.arrowBottom:after {
  border-bottom-color: #1f242a !important;
  border-top-color: #1f242a !important;
}

/* Header (lună/an + săgeți) */
html[data-bs-theme='dark'] .flatpickr-months,
html[data-bs-theme='dark'] .flatpickr-month {
  background: #1f242a;
}

html[data-bs-theme='dark'] .flatpickr-current-month,
html[data-bs-theme='dark'] .flatpickr-current-month input.cur-year,
html[data-bs-theme='dark'] .flatpickr-current-month .cur-month {
  color: rgba(255, 255, 255, 0.92);
}

html[data-bs-theme='dark'] .flatpickr-monthDropdown-months,
html[data-bs-theme='dark'] .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background: #1f242a;
  color: rgba(255, 255, 255, 0.92);
}

html[data-bs-theme='dark'] .flatpickr-prev-month,
html[data-bs-theme='dark'] .flatpickr-next-month {
  fill: rgba(255, 255, 255, 0.8);
  color: rgba(255, 255, 255, 0.8);
}
html[data-bs-theme='dark'] .flatpickr-prev-month:hover,
html[data-bs-theme='dark'] .flatpickr-next-month:hover {
  color: #fff;
}

/* Zile săptămână */
html[data-bs-theme='dark'] .flatpickr-weekdays {
  background: #1f242a;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
html[data-bs-theme='dark'] span.flatpickr-weekday {
  color: rgba(255, 255, 255, 0.75);
}

/* Zile */
html[data-bs-theme='dark'] .flatpickr-day {
  color: rgba(255, 255, 255, 0.86);
}
html[data-bs-theme='dark'] .flatpickr-day:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: transparent;
}

/* Today */
html[data-bs-theme='dark'] .flatpickr-day.today {
  border-color: rgba(255, 255, 255, 0.35);
}

/* Selected */
html[data-bs-theme='dark'] .flatpickr-day.selected,
html[data-bs-theme='dark'] .flatpickr-day.startRange,
html[data-bs-theme='dark'] .flatpickr-day.endRange {
  background: var(--bs-primary);
  border-color: var(--bs-primary);
  color: #fff;
}

/* Disabled / other months */
html[data-bs-theme='dark'] .flatpickr-day.disabled,
html[data-bs-theme='dark'] .flatpickr-day.prevMonthDay,
html[data-bs-theme='dark'] .flatpickr-day.nextMonthDay {
  color: rgba(255, 255, 255, 0.3);
}

/* Dropdown year arrows */
html[data-bs-theme='dark'] .numInputWrapper span.arrowUp:after,
html[data-bs-theme='dark'] .numInputWrapper span.arrowDown:after {
  border-bottom-color: rgba(255, 255, 255, 0.65);
  border-top-color: rgba(255, 255, 255, 0.65);
}

/* Optional: se potrivește cu input-urile dark */
html[data-bs-theme='dark'] .flatpickr-input {
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
}

/* =========================================================
   DASHBOARD CARDS
   ========================================================= */

.dash-card {
  display: block;
  text-decoration: none;
  color: inherit;
  height: 100%;
  width: 100%;
}

.dash-card__body {
  position: relative;
  border-radius: 16px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.18);
  transition:
    transform 0.12s ease,
    box-shadow 0.12s ease,
    border-color 0.12s ease;
  overflow: hidden;

  display: flex;
  flex-direction: column;
  height: 100%;
}

.dash-card:hover .dash-card__body {
  transform: translateY(-2px);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.22);
  border-color: rgba(255, 255, 255, 0.14);
}

.dash-card__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.dash-card__title {
  font-weight: 700;
  letter-spacing: 0.2px;
}

.dash-card__subtitle {
  font-size: 0.875rem;
  opacity: 0.75;
}

.dash-card__icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  font-size: 22px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.dash-card__kpi {
  margin-top: 14px;
  font-size: 34px;
  font-weight: 800;
  letter-spacing: 0.3px;
}

.dash-card__cta {
  margin-top: 6px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.9rem;
  opacity: 0.85;
}

.dash-card--depozit .dash-card__body {
  background: linear-gradient(135deg, rgba(25, 135, 84, 0.26), rgba(255, 255, 255, 0.03));
}

.dash-card--showroom .dash-card__body {
  background: linear-gradient(135deg, rgba(32, 201, 151, 0.22), rgba(255, 255, 255, 0.03));
}

.dash-card--suppliers .dash-card__body {
  background: linear-gradient(135deg, rgba(13, 202, 240, 0.22), rgba(255, 255, 255, 0.03));
}

.dash-card--borderou .dash-card__body {
  background: linear-gradient(135deg, rgba(111, 66, 193, 0.22), rgba(255, 255, 255, 0.03));
}
.dash-card__title-lg {
  font-size: 1.35rem;
  font-weight: 800;
  letter-spacing: 0.4px;
}

.dash-card__company {
  margin-top: 4px;
  font-size: 0.9rem;
  opacity: 0.8;
}

.dash-card__meta2 {
  font-size: 0.85rem;
  opacity: 0.75;
}

.dash-card__kpi-small {
  font-size: 1rem;
  font-weight: 700;
}

.dash-card__kpi-small span {
  font-weight: 500;
  font-size: 0.95rem;
  opacity: 0.85;
}

.dash-card__cta--right {
  width: 100%;
  justify-content: flex-end;
}

.dash-card__cta--right span {
  margin-right: 2px;
}
.dash-card__bottom {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.dash-card__cta-inline {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.9rem;
  opacity: 0.85;
  transition: opacity 0.12s ease;
}

.dash-card:hover .dash-card__cta-inline {
  opacity: 1;
}
.dash-card__info {
  margin-top: 10px;
  font-size: 0.92rem;
  line-height: 1.35;
  opacity: 0.82;
  /* max-width: 36ch; */
}
.dash-card--requests .dash-card__body {
  background: linear-gradient(135deg, rgba(220, 53, 69, 0.18), rgba(255, 255, 255, 0.03));
}
.dash-card--intarziate .dash-card__body {
  background: linear-gradient(135deg, rgba(220, 53, 69, 0.28), rgba(255, 255, 255, 0.03));
}
.dash-card--dema-borderou .dash-card__body {
  background: linear-gradient(135deg, rgba(102, 16, 242, 0.2), rgba(255, 255, 255, 0.03));
}

.dash-card--dema-facturi .dash-card__body {
  background: linear-gradient(135deg, rgba(255, 193, 7, 0.2), rgba(255, 255, 255, 0.03));
}
.dash-card__icon-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

/* ============================
   DEMA watermark background
   ============================ */

.dash-card--dema-borderou .dash-card__body,
.dash-card--dema-facturi .dash-card__body {
  position: relative;
  overflow: hidden;
}

.dash-card--dema-borderou .dash-card__body::after,
.dash-card--dema-facturi .dash-card__body::after {
  content: '';
  position: absolute;
  bottom: 5px;
  right: 0px;

  width: 140px;
  height: 140px;

  background-image: url('/assets/img/monogram_dema.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;

  opacity: 0.06; /* ajustează între 0.04 – 0.08 */
  pointer-events: none; /* nu blochează click */
}

/* Pe mobil ignorăm mini-sidebar: vrem meniu complet cu text */
@media (max-width: 991.98px) {
  body.sidebar-collapsed .app-sidebar {
    width: min(85vw, 320px) !important;
  }

  /* Pe mobil afișăm textele chiar dacă pe desktop sunt ascunse în collapsed */
  body.sidebar-collapsed .app-sidebar .nav-text {
    display: inline !important;
    opacity: 1 !important;
    width: auto !important;
    visibility: visible !important;
  }
}

/* ===== SIDEBAR USER ===== */

.sidebar-user__link {
  display: block;
  text-decoration: none;
  color: inherit;
  padding: 0.45rem 0.7rem;
  border-radius: 0.6rem;
}

.sidebar-user__link:hover {
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(255, 255, 255, 0.14);
}

.sidebar-user__icon {
  font-size: 1.35rem; /* echivalent cu fs-4 */
  width: 1.5rem;
  text-align: center;
  flex: 0 0 auto;
}

.sidebar-user__name {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* MINI SIDEBAR – doar icon */
body.sidebar-collapsed .sidebar-user__name,
body.sidebar-collapsed .sidebar-user__chev {
  display: none !important;
}

body.sidebar-collapsed .sidebar-user__link {
  padding: 0.65rem 0 !important;
}

body.sidebar-collapsed .sidebar-user__link > .d-flex {
  justify-content: center;
}

/* =========================================================
   COMPANY ROW COLORS (Requests Inbox)
   IMPORTANT: aplicăm pe TD, pentru că striped/hover setează background pe td
   ========================================================= */

#tblInbox tbody tr.bg-dema td {
  background-color: #b99a45 !important;
  color: #fff !important;
}
#tblInbox tbody tr.bg-olive td {
  background-color: #3d9970 !important;
  color: #fff !important;
}
#tblInbox tbody tr.bg-purple td {
  background-color: #6f42c1 !important;
  color: #fff !important;
}
#tblInbox tbody tr.bg-adaonline td {
  background-color: #2b8cdb !important;
  color: #fff !important;
}
#tblInbox tbody tr.bg-show td {
  background-color: #d81b60 !important;
  color: #fff !important;
}

/* link-uri + badge-uri */
#tblInbox tbody tr.bg-dema a,
#tblInbox tbody tr.bg-olive a,
#tblInbox tbody tr.bg-purple a,
#tblInbox tbody tr.bg-adaonline a,
#tblInbox tbody tr.bg-show a {
  color: #fff !important;
}

/* dacă ai butoane outline-dark, pe fond colorat se văd prost */
#tblInbox tbody tr.bg-dema .btn,
#tblInbox tbody tr.bg-olive .btn,
#tblInbox tbody tr.bg-purple .btn,
#tblInbox tbody tr.bg-adaonline .btn,
#tblInbox tbody tr.bg-show .btn {
  border-color: rgba(255, 255, 255, 0.6) !important;
  color: #fff !important;
}
#tblInbox tbody tr.bg-dema .btn:hover,
#tblInbox tbody tr.bg-olive .btn:hover,
#tblInbox tbody tr.bg-purple .btn:hover,
#tblInbox tbody tr.bg-adaonline .btn:hover,
#tblInbox tbody tr.bg-show .btn:hover {
  border-color: #fff !important;
  color: #fff !important;
}

.badge.bg-dema {
  background-color: #b99a45 !important;
  color: #fff !important;
}
.badge.bg-olive {
  background-color: #3d9970 !important;
  color: #fff !important;
}
.badge.bg-purple {
  background-color: #6f42c1 !important;
  color: #fff !important;
}
.badge.bg-adaonline {
  background-color: #2b8cdb !important;
  color: #fff !important;
}
.badge.bg-show {
  background-color: #d81b60 !important;
  color: #fff !important;
}

/* Navbar company dropdown: nu împinge layout-ul */
.navbar .nav-item.dropdown {
  position: relative;
}

.navbar .nav-item.dropdown > .dropdown-menu {
  position: absolute !important;
  top: 100% !important;
  right: 0 !important;
  left: auto !important;
  z-index: 2000;
}

/* Opțional: evită să lărgească meniul topbar la text lung */
.navbar .nav-link.dropdown-toggle {
  white-space: nowrap;
}
.navbar .dropdown-menu form {
  margin: 0;
}