:root {
  --rob-purple: #6f2880;
  --rob-purple-strong: #8f3fb0;
  --rob-purple-soft: rgba(143, 63, 176, 0.18);
  --rob-bg: #0f1017;
  --rob-bg-2: #151724;
  --rob-panel: #1b1d2b;
  --rob-panel-2: #222537;
  --rob-border: rgba(255, 255, 255, 0.09);
  --rob-text: #f6f3fb;
  --rob-muted: #a7a5b5;
  --rob-good: #2fd17c;
  --rob-warn: #ffbe55;
  --rob-danger: #ff5f6d;
  --rob-info: #49b6ff;
}

html,
body {
  background: var(--rob-bg);
}

body.rob-dashboard,
body.rob-login {
  color: var(--rob-text);
  font-family: Roboto, Arial, sans-serif;
}

body.rob-dashboard:before,
body.rob-login:before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 8%, rgba(143, 63, 176, 0.23), transparent 34%),
    radial-gradient(circle at 86% 12%, rgba(73, 182, 255, 0.12), transparent 30%),
    linear-gradient(135deg, #0f1017 0%, #151724 54%, #11121a 100%);
}

.wrapper {
  position: relative;
}

.sidebar {
  background: #11131d !important;
  border-right: 1px solid var(--rob-border);
  box-shadow: 16px 0 38px rgba(0, 0, 0, 0.24);
}

.sidebar[data-background-color="white"] .sidebar-background,
.sidebar .sidebar-background {
  display: none;
}

.sidebar:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(111, 40, 128, 0.24), rgba(17, 19, 29, 0) 34%);
  pointer-events: none;
}

.sidebar .logo {
  background: transparent !important;
  border-bottom: 1px solid var(--rob-border);
  padding: 18px 18px 16px;
}

.sidebar .logo a.logo-normal {
  color: #fff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  white-space: normal;
}

.sidebar .logo img {
  border-radius: 8px;
  object-fit: contain;
}

.sidebar .nav {
  padding: 12px 12px 24px;
}

.sidebar .nav .menu-section {
  color: #d8c5e3;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0;
  margin: 18px 12px 7px;
  text-transform: uppercase;
}

.sidebar .nav li > a,
.sidebar[data-color="purple"] li.active > a {
  border-radius: 8px;
  margin: 3px 0;
}

.sidebar[data-background-color="white"] .nav li:not(.active) > a,
.sidebar[data-background-color="white"] .nav li:not(.active) > a i,
.sidebar[data-background-color="white"] .nav li:not(.active) > a p {
  color: #d9d6e6;
}

.sidebar .nav li > a:hover {
  background: rgba(255, 255, 255, 0.07);
}

.sidebar[data-color="purple"] li.active > a {
  background: linear-gradient(135deg, var(--rob-purple), var(--rob-purple-strong));
  box-shadow: 0 12px 24px rgba(111, 40, 128, 0.32);
}

.main-panel {
  background: transparent;
}

.main-panel > .content {
  margin-top: 0;
  padding: 24px 20px;
}

.navbar.navbar-transparent,
.navbar.fixed-top {
  background: rgba(15, 16, 23, 0.82) !important;
  border-bottom: 1px solid var(--rob-border);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(16px);
  padding-top: 12px;
  padding-bottom: 12px;
}

.navbar .navbar-brand,
.navbar .navbar-toggler .navbar-toggler-icon {
  color: var(--rob-text) !important;
}

.rob-topbar-meta {
  color: var(--rob-muted);
  font-size: 13px;
  margin-left: 10px;
}

.rob-dashboard .navbar-wrapper .navbar-brand,
.rob-dashboard .rob-topbar-meta {
  display: none !important;
}

.rob-dashboard .navbar-wrapper {
  min-height: 1px;
}

.rob-dashboard .main-panel > .navbar,
.rob-dashboard .main-panel > nav.navbar {
  display: none !important;
}

.rd-global-topbar {
  position: fixed;
  top: 0;
  right: 0;
  left: 284px;
  z-index: 1040;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 62px;
  padding: 9px 22px;
  border-bottom: 1px solid rgba(186, 202, 236, 0.12);
  background: rgba(10, 16, 28, 0.92);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(18px);
}

.rd-global-store {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 12px;
}

.rd-mobile-menu-toggle {
  display: none;
  place-items: center;
  width: 40px;
  height: 40px;
  flex: 0 0 auto;
  color: #fff;
  border: 1px solid rgba(186, 202, 236, 0.14);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.06);
  cursor: pointer;
}

.rd-mobile-menu-toggle i {
  font-size: 22px;
}

.rd-global-logo {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  overflow: hidden;
  color: #d99cff;
  border: 1px solid rgba(186, 202, 236, 0.14);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025));
  text-decoration: none;
}

.rd-global-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 4px;
}

.rd-global-logo i {
  font-size: 26px;
}

.rd-global-store-text {
  min-width: 0;
}

.rd-global-store-text strong {
  display: block;
  overflow: hidden;
  color: #fff;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rd-global-store-text small {
  display: block;
  color: #9da9c1;
  font-size: 11px;
  font-weight: 800;
  margin-top: 3px;
}

.rd-global-status {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex: 0 0 auto;
}

.rd-master-company-button {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 0 12px;
  color: #f7eaff;
  border: 1px solid rgba(217, 156, 255, 0.28);
  border-radius: 999px;
  background: rgba(143, 63, 176, 0.22);
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
  cursor: pointer;
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
}

.rd-master-company-button:hover {
  color: #fff;
  border-color: rgba(217, 156, 255, 0.52);
  background: rgba(143, 63, 176, 0.36);
  transform: translateY(-1px);
}

.rd-master-company-button i {
  font-size: 18px;
}

.rd-store-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 28px;
  padding: 0 10px;
  color: #e9eefb;
  border: 1px solid rgba(186, 202, 236, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.035);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
}

.rd-store-status-badge i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.rd-store-status-badge em {
  font-style: normal;
  white-space: nowrap;
}

.rd-store-status-badge.is-open {
  color: #dfffea;
}

.rd-store-status-badge.is-open i {
  background: #22c55e;
  box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.58);
  animation: rdStatusPulseOpen 1.7s infinite;
}

.rd-store-status-badge.is-closed {
  color: #ffdfe2;
}

.rd-store-status-badge.is-closed i {
  background: #ef4444;
  box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.55);
  animation: rdStatusPulseClosed 1.7s infinite;
}

@keyframes rdStatusPulseOpen {
  70% {
    box-shadow: 0 0 0 8px rgba(34, 197, 94, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0);
  }
}

@keyframes rdStatusPulseClosed {
  70% {
    box-shadow: 0 0 0 8px rgba(239, 68, 68, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
  }
}

.rd-top-switch {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  width: 46px;
  height: 26px;
  margin: 0;
  cursor: pointer;
}

.rd-top-switch input {
  position: absolute;
  inset: 0;
  width: 46px;
  height: 26px;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}

.rd-top-switch span {
  position: relative;
  display: block;
  width: 46px;
  height: 26px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(239, 68, 68, 0.24);
  transition: background 180ms ease, border-color 180ms ease;
}

.rd-top-switch span:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.26);
  transition: transform 180ms ease;
}

.rd-top-switch input:checked + span {
  background: rgba(34, 197, 94, 0.28);
  border-color: rgba(34, 197, 94, 0.35);
}

.rd-top-switch input:checked + span:after {
  transform: translateX(20px);
}

.rd-global-status small {
  color: #aeb9cf;
  display: none;
  font-size: 11px;
  font-weight: 800;
  min-width: 104px;
}

.rd-global-status small.is-visible {
  display: inline;
}

.rob-dashboard .main-panel > .content,
.rob-dashboard .main-panel > .mt-5 {
  padding-top: 86px !important;
}

.rob-dashboard .main-panel > .mt-5.p-3 + .content,
.rob-dashboard .main-panel > .content .content,
.rd-catalog-page .content.mt-0 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.rd-catalog-page .content.mt-0 > .container-fluid {
  padding-top: 0 !important;
}

.card {
  background: linear-gradient(180deg, rgba(34, 37, 55, 0.96), rgba(27, 29, 43, 0.96));
  border: 1px solid var(--rob-border);
  border-radius: 8px;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
  color: var(--rob-text);
}

.card .card-body,
.card .card-footer {
  color: var(--rob-text);
}

.card .card-category,
.card .stats,
.footer,
.footer a {
  color: var(--rob-muted) !important;
}

.rob-dashboard .footer {
  padding: 20px 24px;
  border-top: 0 !important;
  background: transparent !important;
}

.rob-dashboard .footer .container-fluid {
  display: flex;
  justify-content: center;
}

.rob-dashboard .footer .rd-footer-brand {
  float: none !important;
  color: #aeb9cf !important;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0;
  text-align: center;
}

.card .card-title,
.table,
.table thead th,
.table tbody td {
  color: var(--rob-text);
}

.table > thead > tr > th,
.table > tbody > tr > td {
  border-color: rgba(255, 255, 255, 0.08);
}

.rob-dashboard .table-hover tbody tr:hover,
.rob-dashboard .table-hover tbody tr:hover > td,
.rob-dashboard .table-hover tbody tr:hover > th {
  background-color: rgba(211, 121, 255, 0.08) !important;
  color: #f7f9ff !important;
}

.card [class*="card-header-"],
.card .card-header.card-header-tabs {
  border-radius: 8px;
  box-shadow: none;
}

.card .card-header-primary,
.card .card-header-tabs.card-header-primary,
.card .card-header .card-icon,
.card .card-header-primary .card-icon {
  background: linear-gradient(135deg, var(--rob-purple), var(--rob-purple-strong)) !important;
}

.card .card-header-success,
.card .card-header-success .card-icon {
  background: linear-gradient(135deg, #1a9f62, var(--rob-good)) !important;
}

.card .card-header-warning,
.card .card-header-warning .card-icon {
  background: linear-gradient(135deg, #d68b18, var(--rob-warn)) !important;
}

.card .card-header-danger,
.card .card-header-danger .card-icon {
  background: linear-gradient(135deg, #d94355, var(--rob-danger)) !important;
}

.card .card-header-info,
.card .card-header-info .card-icon,
.card .card-header-secondary,
.card .card-header-secondary .card-icon {
  background: linear-gradient(135deg, #2376d5, var(--rob-info)) !important;
}

.card-stats .card-header .card-icon {
  border-radius: 8px;
}

.card-stats .card-header.card-header-icon .card-title {
  font-size: 26px;
  line-height: 1.2;
  margin-top: 8px;
}

.rob-status-grid .card {
  min-height: 138px;
}

.rob-status-grid .card-header {
  padding: 14px 18px;
}

.togglebutton label {
  color: var(--rob-text);
  font-weight: 500;
  padding: 0 18px 18px;
}

.togglebutton label input[type=checkbox]:checked + .toggle {
  background-color: rgba(143, 63, 176, 0.55);
}

.togglebutton label input[type=checkbox]:checked + .toggle:after {
  border-color: var(--rob-purple-strong);
  background-color: var(--rob-purple-strong);
}

.btn.btn-primary {
  background: linear-gradient(135deg, var(--rob-purple), var(--rob-purple-strong));
  border: 0;
  box-shadow: 0 10px 22px rgba(111, 40, 128, 0.28);
}

.btn.btn-secondary,
.btn.btn-danger {
  border: 0;
  box-shadow: none;
}

.alert {
  border: 1px solid var(--rob-border);
  border-radius: 8px;
}

.ct-label {
  color: rgba(255, 255, 255, 0.68);
  fill: rgba(255, 255, 255, 0.68);
}

.ct-grid {
  stroke: rgba(255, 255, 255, 0.12);
}

.card-chart .ct-series-a .ct-line,
.card-chart .ct-series-a .ct-point {
  stroke: #fff;
}

.card-chart .ct-series-a .ct-bar {
  stroke: #fff;
}

.rob-login {
  min-height: 100vh;
  overflow-x: hidden;
}

.rob-login .wrapper {
  min-height: 100vh;
}

.rob-login .login-center {
  min-height: calc(100vh - 70px);
  padding: 28px 15px;
}

.rob-login .login-card {
  max-width: 460px;
}

.rob-login .card {
  overflow: hidden;
}

.rob-login .card-header {
  background: linear-gradient(135deg, #6f2880 0%, #8f3fb0 100%) !important;
  margin: 0;
  padding: 28px 28px 24px;
  border-radius: 8px 8px 0 0;
}

.rob-login .card-header img {
  display: block;
  width: min(280px, 100%);
  height: auto;
  margin: 0 auto 14px;
}

.rob-login .card-category {
  color: rgba(255, 255, 255, 0.86) !important;
  font-size: 14px;
  margin-bottom: 0;
}

.rob-login .card-body {
  padding: 28px;
}

.rob-login .form-control,
.rob-dashboard .form-control,
.rob-dashboard select,
.rob-dashboard textarea {
  color: var(--rob-text);
}

.rob-login .form-group label,
.rob-dashboard .form-group label,
.rob-login .custom-control-label {
  color: var(--rob-muted);
}

.rob-login .form-control,
.rob-dashboard .form-control {
  background-image: linear-gradient(to top, var(--rob-purple-strong) 2px, rgba(143, 63, 176, 0) 2px), linear-gradient(to top, rgba(255, 255, 255, 0.18) 1px, rgba(255, 255, 255, 0) 1px);
}

.rob-login .login-actions {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr;
}

.rob-support-button {
  width: 58px !important;
  height: 58px;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #18b35f, #25d366) !important;
  box-shadow: 0 16px 28px rgba(37, 211, 102, 0.22);
}

@media (max-width: 991px) {
  .main-panel > .content {
    margin-top: 0;
    padding: 18px 12px;
  }

  .navbar .navbar-brand {
    font-size: 16px;
  }

  .rob-topbar-meta {
    display: none;
  }
}

@media (max-width: 575px) {
  .card-stats .card-header.card-header-icon .card-title {
    font-size: 22px;
  }

  .rob-login .card-body {
    padding: 22px;
  }
}

/* RobDelivery v2 shell: new components over the legacy PHP actions */
body.rob-login {
  background: #090f1c;
}

body.rob-login:before {
  background:
    radial-gradient(circle at 8% 5%, rgba(111, 40, 128, 0.28), transparent 32%),
    linear-gradient(135deg, #180f1d 0%, #0a1322 58%, #080d19 100%);
}

.rob-login .fixed-bottom {
  right: 24px !important;
  bottom: 20px !important;
  z-index: 20;
}

.rd-login-shell {
  position: relative;
  min-height: min(760px, calc(100vh - 44px));
  width: min(1180px, calc(100vw - 64px));
  margin: 22px auto;
  display: grid;
  grid-template-columns: minmax(360px, 1.05fr) minmax(330px, 0.95fr);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 26px;
  background: #090f1c;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.32);
}

.rd-login-brand,
.rd-login-panel {
  min-height: min(760px, calc(100vh - 44px));
}

.rd-login-brand {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 38px 48px;
  background:
    linear-gradient(115deg, rgba(111, 40, 128, 0.58), rgba(24, 24, 34, 0.94) 48%, rgba(10, 24, 42, 0.96)),
    #111827;
}

.rd-login-brand-logo {
  width: 230px;
  max-width: 100%;
  height: auto;
  margin-bottom: 26px;
  filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.22));
}

.rd-kicker {
  color: #c477ff;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 1.8px;
  margin: 0 0 12px;
  text-transform: uppercase;
}

.rd-login-brand h1 {
  max-width: 560px;
  color: #fff;
  font-size: clamp(30px, 3.35vw, 48px);
  font-weight: 900;
  line-height: 1.16;
  margin: 0 0 16px;
}

.rd-login-copy,
.rd-login-footer {
  max-width: 620px;
  color: #b5bfd3;
  font-size: 15px;
  line-height: 1.55;
}

.rd-login-footer {
  font-size: 14px;
}

.rd-login-panel {
  display: grid;
  place-items: center;
  padding: 32px 48px;
  background: rgba(8, 14, 27, 0.97);
}

.rd-login-form {
  width: min(100%, 472px);
}

.rd-login-form h2 {
  color: #fff;
  font-size: 28px;
  font-weight: 900;
  line-height: 1.1;
  margin: 0 0 20px;
}

.rd-login-form .row {
  display: block;
  margin: 0;
}

.rd-login-form .rd-login-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 14px;
  margin-top: 2px;
}

.rd-login-form .rd-login-options [class*="col-"] {
  padding: 0;
}

.rd-login-form [class*="col-"] {
  max-width: 100%;
  padding: 0;
}

.rd-login-form .form-group {
  margin: 0 0 18px;
  padding: 0;
}

.rd-login-form .bmd-label-floating {
  display: none;
}

.rd-login-form .form-control {
  height: 50px;
  padding: 0 16px;
  color: #fff;
  background: #0e1628 !important;
  background-image: none !important;
  border: 1px solid rgba(159, 179, 214, 0.18);
  border-radius: 15px;
  box-shadow: none;
  font-size: 16px;
}

.rd-login-form .form-control:focus {
  border-color: rgba(196, 119, 255, 0.78);
  box-shadow: 0 0 0 4px rgba(111, 40, 128, 0.18);
}

.rd-login-form #cpfcnpj:placeholder-shown,
.rd-login-form #senha:placeholder-shown {
  color: #7f8ba3;
}

.rd-login-form #cpfcnpj::placeholder {
  color: #7f8ba3;
}

.rd-login-form .custom-control {
  display: flex;
  align-items: center;
  min-height: 34px;
  padding-left: 30px;
}

.rd-login-form .custom-control-label {
  color: #b8c2d8;
  font-size: 15px;
  line-height: 1.6;
}

.rd-login-form #esquecisenha .form-group {
  margin: 0;
  text-align: right !important;
}

.rd-login-form #esquecisenha i {
  color: #c477ff;
  font-style: normal;
  font-weight: 700;
}

.rd-login-form .login-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-top: 20px !important;
}

.rd-login-form .login-actions i {
  padding-left: 0 !important;
  font-style: normal;
}

.rd-login-form .btn {
  width: 100%;
  min-height: 50px;
  margin: 0 !important;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.4px;
}

.rd-login-form .btn.btn-primary {
  background: linear-gradient(135deg, #6f2880, #a44dca) !important;
  box-shadow: 0 18px 35px rgba(111, 40, 128, 0.35);
}

.rd-login-form .btn.btn-secondary {
  color: #e8ddf1;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.rd-login-signup {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 46px;
  margin-top: 24px;
  padding: 0 18px;
  color: #fff;
  border: 1px solid rgba(217, 156, 255, 0.34);
  border-radius: 15px;
  background: rgba(143, 63, 176, 0.26);
  box-shadow: 0 16px 30px rgba(111, 40, 128, 0.18);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.2px;
  text-decoration: none;
}

.rd-login-signup:hover {
  color: #fff;
  border-color: rgba(217, 156, 255, 0.6);
  background: rgba(143, 63, 176, 0.42);
  text-decoration: none;
}

.rd-login-signup i {
  font-size: 19px;
}

.rob-register .login-center {
  min-height: calc(100vh - 44px);
  width: min(1180px, calc(100vw - 64px));
  margin: 22px auto;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(360px, 1.05fr) minmax(330px, 0.95fr);
  align-items: stretch;
  justify-content: stretch;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 26px;
  background: #090f1c;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.32);
}

.rob-register .login-card {
  width: 100%;
  max-width: none;
}

.rd-register-intro {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: min(760px, calc(100vh - 44px));
  padding: 38px 48px;
  margin: -1px 0 -1px -1px;
  border-radius: 26px 0 0 26px;
  background:
    linear-gradient(115deg, rgba(111, 40, 128, 0.58), rgba(24, 24, 34, 0.94) 48%, rgba(10, 24, 42, 0.96)),
    #111827;
}

.rd-register-panel {
  min-height: min(760px, calc(100vh - 44px));
  padding: 34px 48px;
}

.rd-register-form {
  width: min(100%, 500px);
}

.rd-register-form-head {
  margin-bottom: 18px;
}

.rd-register-form-head h2 {
  color: #fff;
  font-size: 28px;
  font-weight: 900;
  line-height: 1.1;
  margin: 0 0 8px;
}

.rd-register-form-head .card-category {
  color: #aeb9cf;
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}

.rob-register .row {
  display: block;
  margin: 0;
}

.rob-register [class*="col-"] {
  max-width: 100%;
  padding: 0;
}

.rob-register .form-group {
  margin: 0 0 14px;
  padding: 0;
}

.rob-register .bmd-label-floating {
  display: none;
}

.rob-register .form-control {
  height: 50px;
  padding: 0 16px;
  color: #fff;
  background: #0e1628 !important;
  background-image: none !important;
  border: 1px solid rgba(159, 179, 214, 0.18);
  border-radius: 15px;
  box-shadow: none;
  font-size: 15px;
}

.rob-register .form-control:focus {
  border-color: rgba(196, 119, 255, 0.78);
  box-shadow: 0 0 0 4px rgba(111, 40, 128, 0.18);
}

.rob-register .form-check {
  margin: 4px 0 18px;
  padding: 14px 16px;
  border: 1px solid rgba(186, 202, 236, 0.12);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
}

.rob-register .form-check-label {
  color: #c8d2e7;
  font-size: 13px;
  line-height: 1.45;
}

.rob-register .form-check-label a {
  color: #d99cff !important;
}

.rob-register .login-actions {
  margin-top: 0 !important;
}

.rob-register .login-actions .btn {
  width: 100%;
  min-height: 50px;
  margin: 0 !important;
  border-radius: 15px;
  background: linear-gradient(135deg, #6f2880, #a44dca) !important;
  box-shadow: 0 18px 35px rgba(111, 40, 128, 0.35);
  font-size: 14px;
  font-weight: 900;
}

.rob-register .alert {
  margin-top: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
}

.rd-register-success {
  display: none;
  padding: 28px;
  color: #c8d2e7;
  border: 1px solid rgba(217, 156, 255, 0.18);
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0, rgba(34, 197, 94, 0.16), transparent 34%),
    rgba(255, 255, 255, 0.025);
}

.rd-register-success-icon {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  margin-bottom: 18px;
  color: #c9ffd8;
  border: 1px solid rgba(34, 197, 94, 0.28);
  border-radius: 18px;
  background: rgba(34, 197, 94, 0.14);
}

.rd-register-success-icon i {
  font-size: 30px;
}

.rd-register-success h2 {
  color: #fff;
  font-size: 30px;
  font-weight: 900;
  line-height: 1.12;
  margin: 0 0 12px;
}

.rd-register-success p:not(.rd-kicker) {
  color: #aeb9cf;
  font-size: 15px;
  line-height: 1.58;
  margin: 0 0 20px;
}

.rd-register-success-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.rd-register-success-actions .btn {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  border-radius: 15px;
  font-weight: 900;
}

body.rob-dashboard {
  background: #080d18;
}

body.rob-dashboard:before {
  background:
    radial-gradient(circle at 24% 0%, rgba(111, 40, 128, 0.24), transparent 30%),
    linear-gradient(135deg, #080d18 0%, #0e1728 52%, #0a101e 100%);
}

.rob-dashboard .sidebar {
  width: 284px;
  background: rgba(8, 13, 24, 0.98) !important;
}

.rob-dashboard .main-panel {
  width: calc(100% - 284px);
}

@media (min-width: 992px) {
  body.rob-dashboard.rd-page-maisvendas .sidebar {
    width: 92px !important;
    overflow: hidden !important;
  }

  body.rob-dashboard.rd-page-maisvendas .main-panel {
    width: calc(100% - 92px) !important;
  }

  body.rob-dashboard.rd-page-maisvendas .rd-global-topbar {
    left: 92px !important;
  }

  body.rob-dashboard.rd-page-maisvendas .sidebar .logo {
    min-height: 70px;
    padding: 14px 12px;
  }

  body.rob-dashboard.rd-page-maisvendas .sidebar .logo a.logo-normal {
    display: grid;
    place-items: center;
    height: 42px;
    padding: 0;
    overflow: hidden;
  }

  body.rob-dashboard.rd-page-maisvendas .sidebar .logo img {
    max-width: 46px !important;
    max-height: 46px !important;
    object-fit: contain;
  }

  body.rob-dashboard.rd-page-maisvendas .sidebar .logo small {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    font-size: 0;
  }

  body.rob-dashboard.rd-page-maisvendas .sidebar .logo small i {
    margin: 0 !important;
    font-size: 26px;
  }

  body.rob-dashboard.rd-page-maisvendas .sidebar .sidebar-wrapper {
    width: 92px !important;
    overflow-x: hidden !important;
  }

  body.rob-dashboard.rd-page-maisvendas .sidebar .nav {
    padding: 14px 9px;
  }

  body.rob-dashboard.rd-page-maisvendas .sidebar .nav .menu-section {
    height: 1px;
    margin: 10px 8px;
    padding: 0;
    overflow: hidden;
    color: transparent;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }

  body.rob-dashboard.rd-page-maisvendas .sidebar .nav li > a,
  body.rob-dashboard.rd-page-maisvendas .sidebar .nav li.rd-sidebar-subitem > a {
    justify-content: center !important;
    width: 58px !important;
    min-height: 50px !important;
    margin: 6px 8px !important;
    padding: 10px !important;
    border-radius: 14px !important;
  }

  body.rob-dashboard.rd-page-maisvendas .sidebar .nav li > a i,
  body.rob-dashboard.rd-page-maisvendas .sidebar .nav li.rd-sidebar-subitem > a i {
    flex: 0 0 auto !important;
    width: 28px !important;
    margin: 0 !important;
    font-size: 22px !important;
    line-height: 1 !important;
  }

  body.rob-dashboard.rd-page-maisvendas .sidebar .nav li > a p,
  body.rob-dashboard.rd-page-maisvendas .sidebar .nav li.rd-sidebar-subitem > a p {
    display: none !important;
  }

  body.rob-dashboard.rd-page-maisvendas .sidebar .nav li.rd-sidebar-subitem {
    display: none !important;
  }

  body.rob-dashboard.rd-page-maisvendas .rd-sales-page .content .container-fluid {
    max-width: none;
  }
}

.rob-dashboard .sidebar .logo {
  padding: 22px;
}

.rob-dashboard .sidebar .nav li > a {
  min-height: 46px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
}

.rob-dashboard .sidebar .nav li > a i {
  flex: 0 0 30px;
  font-size: 21px;
  text-align: center;
}

.rob-dashboard .sidebar .nav li > a p {
  margin: 0;
  font-weight: 700;
}

.rob-dashboard .sidebar .nav li.rd-sidebar-subitem > a {
  min-height: 38px;
  margin-left: 18px;
  padding: 7px 12px;
  background: rgba(255, 255, 255, 0.03);
}

.rob-dashboard .sidebar .nav li.rd-sidebar-subitem > a i {
  flex-basis: 24px;
  font-size: 17px;
}

.rob-dashboard .sidebar .nav li.rd-sidebar-subitem > a p {
  font-size: 12px;
  font-weight: 700;
}

.rob-dashboard .navbar.fixed-top {
  display: none !important;
  left: 284px;
  min-height: 72px;
  background: rgba(8, 13, 24, 0.76) !important;
}

.rob-dashboard .main-panel > .content {
  margin-top: 0;
  padding: 86px 26px 26px;
}

.rd-new-version-callout {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  margin-bottom: 18px;
  overflow: hidden;
  padding: 24px 26px;
  border: 1px solid rgba(254, 240, 138, 0.28);
  border-radius: 22px;
  background:
    radial-gradient(circle at 18% 0%, rgba(250, 204, 21, 0.28), transparent 34%),
    linear-gradient(135deg, rgba(111, 40, 128, 0.88), rgba(180, 83, 9, 0.78) 52%, rgba(10, 18, 32, 0.98)),
    #17111f;
  box-shadow: 0 24px 70px rgba(126, 34, 206, 0.28);
}

.rd-new-version-callout:before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.16), transparent 28%, rgba(255, 255, 255, 0.08));
}

.rd-new-version-callout > * {
  position: relative;
  z-index: 1;
}

.rd-new-version-icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  color: #1f1230;
  border-radius: 18px;
  background: #fde68a;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.24);
}

.rd-new-version-icon i {
  font-size: 32px;
}

.rd-new-version-callout h2 {
  color: #fff;
  font-size: clamp(23px, 2.4vw, 34px);
  font-weight: 900;
  line-height: 1.08;
  margin: 0 0 8px;
}

.rd-new-version-callout p:not(.rd-kicker) {
  max-width: 760px;
  color: #fff3cf;
  font-size: 15px;
  line-height: 1.5;
  margin: 0;
}

.rd-new-version-callout .rd-kicker {
  color: #fde68a;
  margin-bottom: 7px;
}

.rd-new-version-button {
  min-width: 198px;
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 18px;
  color: #1f1230;
  border-radius: 16px;
  background: #fde68a;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
}

.rd-new-version-button:hover {
  color: #1f1230;
  background: #fff7bf;
  text-decoration: none;
}

.rd-dashboard-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
  padding: 30px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(111, 40, 128, 0.34), rgba(20, 28, 47, 0.96) 46%, rgba(10, 18, 32, 0.98)),
    #121b2e;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
}

.rd-dashboard-hero h1 {
  color: #fff;
  font-size: clamp(28px, 3vw, 46px);
  font-weight: 900;
  line-height: 1.1;
  margin: 0 0 10px;
}

.rd-dashboard-hero p:not(.rd-kicker) {
  color: #b7c2d7;
  font-size: 16px;
  margin: 0;
}

.rd-dashboard-opening-note {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  margin-top: 14px;
  padding: 0 12px;
  color: #efe5ff;
  border: 1px solid rgba(217, 156, 255, 0.22);
  border-radius: 999px;
  background: rgba(143, 63, 176, 0.16);
  font-size: 13px;
  font-weight: 800;
}

.rd-dashboard-opening-note i {
  color: #d99cff;
  font-size: 18px;
}

.rd-store-link {
  min-width: 154px;
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #fff;
  border-radius: 16px;
  background: #6f2880;
  font-weight: 800;
  text-decoration: none;
}

.rd-store-link:hover {
  color: #fff;
  background: #8f3fb0;
}

.rd-hero-primary-action {
  min-height: 48px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0 !important;
  padding: 0 22px !important;
  border-radius: 14px !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0;
  white-space: nowrap;
}

.rd-hero-primary-action i {
  font-size: 20px;
  line-height: 1;
}

.rd-delivery-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 24px;
}

.rd-summary-card {
  position: relative;
  min-height: 132px;
  overflow: hidden;
  padding: 24px 26px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 24px;
  background: rgba(15, 23, 39, 0.95);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.22);
}

.rd-summary-card:after {
  content: "";
  position: absolute;
  right: -30px;
  bottom: -34px;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  opacity: 0.28;
  background: var(--summary-accent, #8f3fb0);
}

.rd-summary-card span {
  position: relative;
  z-index: 1;
  display: block;
  color: #dce4f5;
  font-size: 16px;
  line-height: 1.35;
  margin-bottom: 14px;
}

.rd-summary-card strong {
  position: relative;
  z-index: 1;
  display: block;
  color: #fff;
  font-size: 38px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0;
  margin-bottom: 8px;
}

.rd-summary-card small {
  position: relative;
  z-index: 1;
  color: #9fb0ce;
  font-size: 14px;
}

.rd-accent-purple { --summary-accent: #8f3fb0; }
.rd-accent-green { --summary-accent: #2fd17c; }
.rd-accent-blue { --summary-accent: #49b6ff; }
.rd-accent-yellow { --summary-accent: #ffbe55; }
.rd-accent-red { --summary-accent: #ff5f6d; }

.rob-status-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 16px;
  margin: 0 0 18px;
}

.rob-status-grid > [class*="col"] {
  max-width: none;
  padding: 0;
}

.rob-status-grid .card {
  min-height: 150px;
  margin: 0;
  padding: 18px;
  border-radius: 18px;
  background: rgba(18, 27, 46, 0.96);
}

.rob-status-grid .card-header {
  margin: 0;
  padding: 0;
  background: transparent !important;
}

.rob-status-grid .card-title {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-size: 17px;
  font-weight: 900;
  margin: 0 0 18px;
}

.rob-status-grid .card-title i {
  width: 42px;
  height: 42px;
  display: inline-grid;
  place-items: center;
  border-radius: 14px;
  background: rgba(111, 40, 128, 0.22);
  color: #d99cff;
}

.rob-status-grid .togglebutton {
  margin: 0 !important;
}

.rob-status-grid .togglebutton label {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0;
  color: #aeb9cf;
}

.rd-metric-grid .card,
.rd-chart-grid .card,
.rd-data-grid .card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 18px;
  background: rgba(18, 27, 46, 0.96);
  box-shadow: 0 24px 54px rgba(0, 0, 0, 0.24);
}

.rd-metric-grid .card:after {
  content: "";
  position: absolute;
  right: -38px;
  bottom: -44px;
  width: 128px;
  height: 128px;
  border-radius: 50%;
  opacity: 0.2;
  background: #8f3fb0;
}

.rd-metric-grid .card-stats .card-header {
  min-height: 148px;
  margin: 0;
  padding: 22px 24px 10px;
  background: transparent !important;
}

.rd-metric-grid .card-stats .card-icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  margin: 0 !important;
  float: none;
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(143, 63, 176, 0.34), rgba(143, 63, 176, 0.14)) !important;
  box-shadow: none;
}

.rd-metric-grid .card-stats .card-icon i {
  color: #d99cff;
  font-size: 23px;
}

.rd-metric-grid .card-category {
  margin: 14px 0 8px;
  color: #f2f5ff !important;
  text-align: left;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.25;
  text-transform: uppercase;
}

.rd-metric-grid .card-category a {
  color: #e08cff !important;
}

.rd-metric-grid .card-title {
  color: #f8fbff !important;
  text-align: left;
  font-size: 27px !important;
  font-weight: 700;
  line-height: 1.16;
  letter-spacing: 0;
  margin: 0;
}

.rd-metric-grid .card-title a,
.rd-metric-grid .card-title i,
.rd-metric-grid #avaliacoes_dash,
.rd-metric-grid #avaliacoes_dash a {
  color: #f8fbff !important;
}

.rd-metric-grid #avaliacoes_dash {
  display: block;
  max-width: 100%;
  overflow-wrap: anywhere;
  font-size: 19px !important;
  font-weight: 800;
  line-height: 1.25;
}

.rd-metric-grid .card-footer,
.rd-chart-grid .card-footer {
  padding: 0 24px 20px;
  border-top: 0;
  background: transparent;
}

.rd-metric-grid .card-footer .stats {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 11px 14px;
  color: #d8e0f0 !important;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.035);
  font-size: 13px;
  line-height: 1.25;
}

.rd-metric-grid .card-footer .stats i {
  width: 18px;
  color: #d99cff !important;
  font-size: 18px;
}

.rd-metric-grid .card-footer:before {
  content: "";
  display: block;
  height: 1px;
  margin-bottom: 16px;
  background: linear-gradient(90deg, rgba(217, 156, 255, 0.34), rgba(255, 255, 255, 0.08), transparent);
}

.rd-metric-grid .col-lg-4:nth-child(2n) .card:after {
  background: #49b6ff;
}

.rd-metric-grid .col-lg-4:nth-child(3n) .card:after {
  background: #2fd17c;
}

.rd-metric-grid .col-lg-4:nth-child(4n) .card:after {
  background: #ffbe55;
}

.rd-metric-grid .col-lg-4:nth-child(5n) .card:after {
  background: #ff5f6d;
}

.rd-metric-grid .card:hover {
  transform: translateY(-2px);
  border-color: rgba(217, 156, 255, 0.26);
  box-shadow: 0 28px 64px rgba(0, 0, 0, 0.3);
}

.rd-metric-grid .card {
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.rd-insights-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.95fr);
  gap: 18px;
  margin: 8px 0 24px;
}

.rd-heatmap-card,
.rd-top-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(186, 202, 236, 0.13);
  border-radius: 26px;
  background: linear-gradient(145deg, #19243a 0%, #121b2d 55%, #0e1524 100%);
  box-shadow: 0 20px 46px rgba(0, 0, 0, 0.2);
}

.rd-heatmap-card {
  padding: 24px;
}

.rd-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}

.rd-section-head h2 {
  color: #fff;
  font-size: 26px;
  font-weight: 900;
  line-height: 1.15;
  margin: 0;
}

.rd-section-head > span {
  color: #c7d1e6;
  font-size: 12px;
  font-weight: 800;
  padding: 8px 12px;
  border: 1px solid rgba(186, 202, 236, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  white-space: nowrap;
}

.rd-heat-legend,
.rd-heat-row {
  display: grid;
  grid-template-columns: 76px repeat(4, minmax(0, 1fr));
  gap: 10px;
  align-items: stretch;
}

.rd-heat-legend {
  margin-bottom: 10px;
}

.rd-heat-legend small,
.rd-heat-day {
  color: #aeb9cf;
  font-size: 12px;
  font-weight: 800;
}

.rd-heatmap-body {
  display: grid;
  gap: 10px;
}

.rd-heat-day {
  display: flex;
  align-items: center;
}

.rd-heat-cell {
  min-height: 58px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  padding: 10px 12px;
  border: 1px solid rgba(186, 202, 236, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
}

.rd-heat-cell strong {
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  line-height: 1;
}

.rd-heat-cell small {
  color: #b7c2d8;
  font-size: 11px;
  font-weight: 700;
}

.rd-heat-level-0 {
  opacity: 0.48;
}

.rd-heat-level-1 {
  background: rgba(111, 40, 128, 0.16);
}

.rd-heat-level-2 {
  background: linear-gradient(135deg, rgba(111, 40, 128, 0.26), rgba(73, 182, 255, 0.08));
}

.rd-heat-level-3 {
  background: linear-gradient(135deg, rgba(143, 63, 176, 0.38), rgba(73, 182, 255, 0.12));
}

.rd-heat-level-4 {
  background: linear-gradient(135deg, rgba(143, 63, 176, 0.52), rgba(47, 209, 124, 0.14));
}

.rd-heat-level-5 {
  background: linear-gradient(135deg, rgba(143, 63, 176, 0.72), rgba(255, 190, 85, 0.22));
  box-shadow: 0 14px 32px rgba(143, 63, 176, 0.2);
}

.rd-top-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.rd-top-card {
  min-height: 184px;
  padding: 20px;
}

.rd-top-card:before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 52%;
  background: linear-gradient(135deg, rgba(143, 63, 176, 0.2), rgba(73, 182, 255, 0.07));
  pointer-events: none;
}

.rd-top-card > * {
  position: relative;
  z-index: 1;
}

.rd-top-card i {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  color: #d99cff;
  border: 1px solid rgba(217, 156, 255, 0.16);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(143, 63, 176, 0.34), rgba(143, 63, 176, 0.16));
  margin-bottom: 16px;
}

.rd-top-card span {
  display: block;
  color: #ff8a2b;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.rd-top-card strong {
  display: block;
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.16;
  margin-bottom: 8px;
}

.rd-top-card small,
.rd-top-card em {
  display: block;
  color: #aeb9cf;
  font-size: 13px;
  font-style: normal;
  line-height: 1.35;
}

.rd-top-list,
.rd-neighborhood-list {
  display: grid;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.rd-top-list li,
.rd-neighborhood-list li {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 10px;
  align-items: flex-start;
  padding: 10px;
  border: 1px solid rgba(186, 202, 236, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
}

.rd-top-list b,
.rd-neighborhood-list b {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--rob-purple), var(--rob-purple-strong));
}

.rd-top-list strong,
.rd-neighborhood-list strong {
  display: block;
  overflow: hidden;
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.25;
  margin-bottom: 4px;
  text-overflow: ellipsis;
}

.rd-top-list small,
.rd-neighborhood-list small {
  display: block;
  color: #aeb9cf;
  font-size: 12px;
  line-height: 1.35;
}

.rd-map-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.9fr) minmax(280px, 0.58fr);
  gap: 18px;
  margin: 0 0 24px;
  align-items: stretch;
}

.rd-map-card,
.rd-neighborhood-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(186, 202, 236, 0.13);
  border-radius: 26px;
  background: linear-gradient(145deg, #19243a 0%, #121b2d 55%, #0e1524 100%);
  box-shadow: 0 20px 46px rgba(0, 0, 0, 0.2);
}

.rd-map-card {
  padding: 24px;
  display: grid;
  grid-template-rows: auto minmax(460px, 1fr);
  min-height: 560px;
}

.rd-neighborhood-card {
  padding: 22px;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-height: 560px;
}

.rd-section-head-compact {
  margin-bottom: 14px;
}

.rd-section-head-compact h2 {
  font-size: 24px;
}

.rd-client-map {
  width: 100%;
  min-height: 460px;
  height: 100%;
  overflow: hidden;
  border: 1px solid rgba(186, 202, 236, 0.14);
  border-radius: 22px;
  background: #101827;
}

.rd-neighborhood-list {
  align-content: start;
  max-height: 460px;
  overflow-y: auto;
  padding-right: 4px;
}

.rd-neighborhood-list li {
  grid-template-columns: 28px minmax(0, 1fr);
  padding: 9px;
}

.rd-neighborhood-list b {
  width: 28px;
  height: 28px;
  border-radius: 10px;
}

.rd-neighborhood-list strong {
  font-size: 13px;
}

.rd-neighborhood-list small {
  font-size: 11px;
}

.rd-client-map .leaflet-control-attribution {
  color: #5b667b;
  font-size: 10px;
}

.rd-client-map .leaflet-popup-content-wrapper,
.rd-client-map .leaflet-popup-tip {
  color: #f8fbff;
  background: #121b2d;
}

.rd-client-map .leaflet-popup-content {
  color: #d8deed;
  font-size: 13px;
  line-height: 1.45;
}

.rd-empty-state {
  color: #aeb9cf;
  padding: 24px;
  border: 1px dashed rgba(186, 202, 236, 0.18);
  border-radius: 18px;
  text-align: center;
}

.rd-chart-grid .card-header {
  margin: 0;
  padding: 22px 22px 8px;
  background: transparent !important;
}

.rd-chart-grid .ct-chart {
  min-height: 190px;
}

.rd-chart-grid .card-body {
  padding: 8px 22px 18px;
}

.rd-chart-grid .card-title,
.rd-data-grid .card-title {
  color: #fff;
  font-weight: 900;
}

.rd-data-grid .card-header {
  margin: 0;
  padding: 22px;
  background: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.rd-data-grid .card-header-tabs .nav-tabs {
  background: transparent;
}

.rd-data-grid .nav-tabs .nav-link {
  border-radius: 12px;
}

.rd-data-grid .nav-tabs .nav-link.active {
  background: rgba(111, 40, 128, 0.28);
}

.rob-dashboard .rob-status-grid,
.rob-dashboard .rd-data-grid {
  display: none !important;
}

.rd-config-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin: 0 0 22px;
  padding: 30px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(111, 40, 128, 0.28), rgba(18, 27, 46, 0.98) 52%, rgba(11, 18, 32, 0.98)),
    #121b2e;
}

.rd-config-hero h1 {
  color: #fff;
  font-size: clamp(32px, 4vw, 56px);
  font-weight: 900;
  line-height: 1.05;
  margin: 0 0 14px;
}

.rd-config-hero p:not(.rd-kicker) {
  max-width: 780px;
  color: #aeb9cf;
  font-size: 17px;
  line-height: 1.55;
  margin: 0;
}

.rd-config-menu,
.rd-store-controls {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 22px;
}

.rd-config-menu-card,
.rd-control-card {
  position: relative;
  overflow: hidden;
  min-height: 128px;
  padding: 22px;
  color: #f7f9ff;
  border: 1px solid rgba(186, 202, 236, 0.13);
  border-radius: 26px;
  background: linear-gradient(145deg, #19243a 0%, #121b2d 54%, #0e1524 100%);
  text-decoration: none;
  box-shadow: 0 20px 46px rgba(0, 0, 0, 0.2);
}

.rd-config-menu-card:before,
.rd-control-card:before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 54%;
  background: linear-gradient(135deg, rgba(143, 63, 176, 0.2), rgba(73, 182, 255, 0.07));
  pointer-events: none;
}

.rd-config-menu-card > *,
.rd-control-card > * {
  position: relative;
  z-index: 1;
}

.rd-config-menu-card:hover,
.rd-config-menu-card.active {
  color: #fff;
  border-color: rgba(217, 156, 255, 0.38);
  background: linear-gradient(145deg, #24304a 0%, #1a2237 48%, #111827 100%);
  transform: translateY(-2px);
}

.rd-config-menu-card i,
.rd-control-card i {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  margin-bottom: 16px;
  color: #d99cff;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(143, 63, 176, 0.34), rgba(143, 63, 176, 0.16));
  border: 1px solid rgba(217, 156, 255, 0.16);
}

.rd-config-menu-card strong,
.rd-control-card strong {
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: 900;
  margin-bottom: 6px;
}

.rd-config-menu-card small,
.rd-control-card small {
  color: #aeb9cf;
  font-size: 13px;
  line-height: 1.4;
}

.rd-control-card {
  min-height: 136px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.rd-password-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px;
  border: 1px solid rgba(186, 202, 236, 0.12);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
}

.rd-password-actions p {
  max-width: 760px;
  color: #aeb9cf;
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}

.rd-password-actions .btn {
  flex: 0 0 auto;
  min-width: 180px;
}

.rd-password-panel {
  display: grid;
  gap: 22px;
}

.rd-switch {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  margin: 0;
}

.rd-switch input {
  position: absolute;
  inset: 0;
  width: 56px;
  height: 32px;
  opacity: 0;
  cursor: pointer;
  z-index: 3;
}

.rd-switch span {
  position: relative;
  display: block !important;
  width: 56px;
  height: 32px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.1);
  cursor: pointer;
  transition: background 160ms ease;
}

.rd-switch span:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #fff;
  transition: transform 160ms ease;
}

.rd-switch input:checked + span {
  background: linear-gradient(135deg, #6f2880, #a44dca);
}

.rd-switch input:checked + span:after {
  transform: translateX(24px);
}

.rd-config-page .card-header-tabs.card-header-primary {
  display: none;
}

.rd-config-dados #dados {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, .85fr);
  gap: 22px;
  align-items: start;
}

.rd-config-dados #dados > h5 {
  grid-column: 1 / -1;
  margin: 0 !important;
}

.rd-config-dados .rd-data-read-card {
  grid-column: 2;
  grid-row: 2 / span 4;
}

.rd-config-dados #dados > .row {
  grid-column: 1;
  margin-left: 0;
  margin-right: 0;
  padding: 22px;
  border: 1px solid rgba(186, 202, 236, 0.12);
  border-radius: 24px;
  background: linear-gradient(145deg, #19243a 0%, #121b2d 56%, #0e1524 100%);
}

.rd-config-dados #dados > .row:first-of-type {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.rd-config-dados #dados > .row:nth-of-type(2) > .col-md-12:first-child {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.rd-data-read-card {
  position: sticky;
  top: 92px;
  overflow: hidden;
  padding: 24px;
  border: 1px solid rgba(186, 202, 236, 0.13);
  border-radius: 26px;
  background:
    radial-gradient(circle at 100% 0%, rgba(143, 63, 176, 0.18), transparent 32%),
    linear-gradient(145deg, #19243a 0%, #121b2d 54%, #0e1524 100%);
  box-shadow: 0 22px 52px rgba(0, 0, 0, 0.2);
}

.rd-data-logo-frame {
  display: grid;
  place-items: center;
  width: 116px;
  height: 116px;
  margin-bottom: 18px;
  overflow: hidden;
  border: 1px solid rgba(186, 202, 236, 0.14);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.08);
}

.rd-data-logo-frame img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 8px;
}

.rd-data-license {
  display: inline-flex;
  margin-bottom: 18px;
  padding: 8px 12px;
  color: #d99cff;
  border: 1px solid rgba(217, 156, 255, 0.22);
  border-radius: 999px;
  background: rgba(143, 63, 176, 0.14);
  font-size: 12px;
  font-weight: 900;
}

.rd-read-list {
  display: grid;
  gap: 14px;
  margin: 0;
}

.rd-read-list div {
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(186, 202, 236, 0.11);
}

.rd-read-list div:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.rd-read-list dt {
  color: #aeb9cf;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.rd-read-list dd {
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.45;
  margin: 5px 0 0;
  word-break: break-word;
}

.rd-read-list dd .btn {
  margin: 10px 0 0;
}

.rd-catalog-page .mt-5.p-3 > .container-fluid {
  display: grid;
  gap: 12px;
}

.rd-catalog-page > .mt-5.p-3 {
  margin-top: 0 !important;
  padding-bottom: 8px !important;
}

.rd-catalog-page .rd-catalog-hero {
  margin-bottom: 0;
  padding-top: 24px;
  padding-bottom: 24px;
}

.rd-catalog-page .row {
  margin-left: 0;
  margin-right: 0;
}

.rd-catalog-page .row > .col,
.rd-catalog-page .row > [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}

.rd-catalog-page .card {
  overflow: hidden;
  border-radius: 26px;
  background: linear-gradient(145deg, #19243a 0%, #121b2d 54%, #0e1524 100%);
  border-color: rgba(186, 202, 236, 0.13);
  box-shadow: 0 22px 52px rgba(0, 0, 0, 0.2);
}

.rd-catalog-page .card .card-header,
.rd-catalog-page .card [class*="card-header-"] {
  margin: 0;
  padding: 22px 24px 18px;
  border-radius: 26px 26px 0 0;
  background: linear-gradient(135deg, rgba(111, 40, 128, 0.52), rgba(24, 33, 54, 0.98)) !important;
  box-shadow: none;
}

.rd-catalog-page .card > .card-header:not(.card-header-tabs),
.rd-catalog-page .card > [class*="card-header-"]:not(.card-header-tabs) {
  display: none !important;
}

.rd-catalog-page .card > .card-header-tabs {
  border-bottom: 1px solid rgba(186, 202, 236, 0.1);
}

.rd-catalog-produtos .card > .card-header-tabs {
  display: none !important;
}

.rd-catalog-page .card .card-body {
  padding: 24px;
}

.rd-catalog-page .card-title {
  color: #fff;
  font-size: 22px;
  font-weight: 900;
}

.rd-catalog-page .card-category {
  color: #aeb9cf !important;
}

.rd-catalog-page .nav-tabs {
  background: transparent !important;
}

.rd-catalog-page .nav-tabs .nav-link {
  border-radius: 14px;
}

.rd-catalog-hero {
  align-items: center;
}

.rd-catalog-new-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 140px;
  justify-content: center;
}

.rd-option-new-btn,
.rd-product-new-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 150px;
  justify-content: center;
}

.rd-options-list-card {
  overflow: hidden;
  padding: 22px;
  border: 1px solid rgba(186, 202, 236, 0.13);
  border-radius: 26px;
  background: linear-gradient(145deg, #19243a 0%, #121b2d 54%, #0e1524 100%);
  box-shadow: 0 22px 52px rgba(0, 0, 0, 0.2);
}

.rd-options-list-card .rd-options-filters {
  margin-bottom: 12px;
  grid-template-columns: minmax(260px, 1.6fr) repeat(4, minmax(120px, 1fr));
  align-items: end;
}

.rd-options-list-card .rd-options-filters .form-group:first-child {
  grid-column: auto;
}

.rd-options-filter-actions {
  display: flex;
  gap: 10px;
  align-items: end;
  justify-content: flex-end;
  grid-column: 1 / -1;
  min-width: 0;
  white-space: nowrap;
}

.rd-options-filter-actions .btn {
  flex: 0 0 auto;
  min-width: 0;
  min-height: 46px;
  padding-left: 14px;
  padding-right: 14px;
  white-space: nowrap;
}

.rd-options-list-body .table-responsive,
.rd-options-list-body table {
  margin-bottom: 0;
}

.rd-options-table table {
  min-width: 860px;
}

.rd-options-table thead th {
  color: #aeb9cf !important;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  border-top: 0 !important;
}

.rd-option-row td {
  color: #e9eefb;
  vertical-align: middle;
}

.rd-option-row strong {
  display: block;
  color: #fff;
  font-size: 14px;
  font-weight: 900;
}

.rd-option-row small {
  display: block;
  color: #8f9bb2;
  font-size: 11px;
  margin-top: 3px;
}

.rd-field-help {
  display: block;
  color: #8f9bb2;
  font-size: 11px;
  line-height: 1.35;
  margin-top: 7px;
}

.rd-option-row.is-inactive strong {
  color: #aeb9cf;
}

.rd-option-scope {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.rd-option-group-block {
  overflow: hidden;
  margin-bottom: 18px;
  border: 1px solid rgba(186, 202, 236, 0.12);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(18, 27, 46, 0.96), rgba(10, 16, 29, 0.98));
}

.rd-option-group-block .table-responsive {
  margin: 0;
}

.rd-option-group-block table {
  margin: 0;
  min-width: 1040px;
}

.rd-option-group-block .table-hover tbody tr:hover {
  color: inherit;
  background: rgba(217, 156, 255, 0.08) !important;
}

.rd-rule-row td {
  color: #e9eefb;
  vertical-align: middle;
}

.rd-rule-order-cell {
  min-width: 70px;
  color: #d99cff !important;
  font-weight: 900;
  text-align: center;
  cursor: move;
}

.rd-rule-name-input,
.rd-rule-number-input,
.rd-rule-type-select {
  min-height: 44px !important;
  border-radius: 14px !important;
}

.rd-rule-number-input {
  width: 86px;
  text-align: center;
}

.rd-rule-actions {
  min-width: 130px;
  text-align: right;
}

.rd-rule-actions-menu > .btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  white-space: nowrap;
}

.rd-rule-actions-menu .dropdown-menu {
  min-width: 230px;
  padding: 8px;
  z-index: 3000;
  border: 1px solid rgba(217, 156, 255, 0.28);
  border-radius: 16px;
  background: #0b1220 !important;
  opacity: 1 !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.58);
  backdrop-filter: none;
}

.rd-rule-actions-menu .dropdown-menu h6 {
  margin: 2px 6px 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: #d99cff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1px;
  line-height: 1.2;
  text-transform: uppercase;
}

.rd-rule-actions-menu .dropdown-item {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 38px;
  border-radius: 10px;
  color: #e8eefb;
  background: transparent;
  font-size: 13px;
  font-weight: 800;
  opacity: 1 !important;
  cursor: pointer;
}

.rd-rule-actions-menu .dropdown-item:hover {
  color: #fff;
  background: rgba(217, 156, 255, 0.12);
}

.rd-rule-actions-menu .dropdown-item.is-danger {
  color: #ff9aad !important;
}

.rd-rule-options-modal .modal-dialog {
  max-width: min(980px, calc(100vw - 28px));
}

.rd-rule-options-help {
  color: #aeb9cf;
  margin: 0 0 18px;
}

.rd-rule-option-search {
  position: relative;
  width: min(100%, 520px);
  margin: 0 0 16px;
}

.rd-rule-option-search i {
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  color: #d99cff;
  font-size: 14px;
  pointer-events: none;
}

.rd-rule-option-search .form-control {
  height: 48px;
  padding-left: 48px !important;
  border-radius: 16px !important;
}

.rd-rule-options-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
}

.rd-rule-option-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 82px;
  padding: 16px;
  border: 1px solid rgba(186, 202, 236, 0.12);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
  transition: border-color 160ms ease, background 160ms ease;
}

.rd-rule-option-card.is-selected {
  border-color: rgba(217, 156, 255, 0.34);
  background: linear-gradient(135deg, rgba(143, 63, 176, 0.2), rgba(255, 255, 255, 0.035));
}

.rd-rule-option-card strong {
  display: block;
  color: #fff;
  font-size: 14px;
  font-weight: 900;
}

.rd-rule-option-card small {
  display: block;
  color: #8f9bb2;
  margin-top: 4px;
}

.rd-rule-option-switch {
  flex: 0 0 auto;
}

.rd-rule-option-filter-empty {
  grid-column: 1 / -1;
  padding: 18px;
  border: 1px dashed rgba(217, 156, 255, 0.24);
  border-radius: 18px;
  color: #aeb9cf;
  background: rgba(255, 255, 255, 0.025);
}

.rd-rule-template-entry {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 16px 0 22px;
  padding: 16px;
  border: 1px solid rgba(186, 202, 236, 0.12);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.025);
}

.rd-rule-template-entry .btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}

.rd-rule-template-entry span {
  color: #aeb9cf;
  font-size: 13px;
}

.rd-rule-template-entry #rd-toggle-rule-templates.is-open {
  background: linear-gradient(135deg, #72268f, #a43ac5) !important;
}

.rd-rule-template-panel {
  display: none;
  margin: 18px 0 24px;
  padding: 20px;
  border: 1px solid rgba(186, 202, 236, 0.13);
  border-radius: 24px;
  background:
    radial-gradient(circle at 0 0, rgba(141, 51, 168, 0.16), transparent 34%),
    linear-gradient(145deg, rgba(20, 31, 51, 0.96), rgba(9, 17, 31, 0.98));
}

.rd-rule-template-panel.is-open {
  display: block;
}

.rd-rule-template-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
}

.rd-rule-template-head span {
  display: block;
  color: #d99cff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.rd-rule-template-head h3 {
  color: #fff;
  font-size: 24px;
  font-weight: 900;
  margin: 6px 0;
}

.rd-rule-template-head p {
  max-width: 760px;
  color: #aeb9cf;
  font-size: 14px;
  line-height: 1.55;
  margin: 0;
}

.rd-rule-template-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 12px;
}

.rd-rule-template-card {
  position: relative;
  min-height: 142px;
  padding: 18px;
  border: 1px solid rgba(186, 202, 236, 0.13);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
  color: #dfe7f8;
  text-align: left;
  cursor: pointer;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.rd-rule-template-card:hover,
.rd-rule-template-card.is-selected {
  border-color: rgba(217, 156, 255, 0.46);
  background: linear-gradient(145deg, rgba(141, 51, 168, 0.28), rgba(255, 255, 255, 0.045));
  transform: translateY(-1px);
}

.rd-rule-template-card i {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  margin-bottom: 14px;
  border: 1px solid rgba(217, 156, 255, 0.22);
  border-radius: 14px;
  color: #e8c0ff;
  background: rgba(141, 51, 168, 0.18);
}

.rd-rule-template-card strong {
  display: block;
  color: #fff;
  font-size: 15px;
  font-weight: 900;
  margin-bottom: 7px;
}

.rd-rule-template-card small {
  display: block;
  color: #aeb9cf;
  font-size: 13px;
  line-height: 1.45;
}

.rd-rule-choice-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 12px 0 18px;
}

.rd-rule-choice-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 162px;
  padding: 18px !important;
  border: 1px solid rgba(186, 202, 236, 0.14);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(19, 29, 49, 0.96), rgba(9, 16, 29, 0.98));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  cursor: pointer;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.rd-rule-choice-card:hover {
  transform: translateY(-1px);
  border-color: rgba(217, 156, 255, 0.28);
}

.rd-rule-choice-card.is-selected {
  border-color: rgba(217, 156, 255, 0.65);
  background: linear-gradient(145deg, rgba(67, 36, 92, 0.96), rgba(15, 24, 44, 0.98));
  box-shadow: 0 18px 42px rgba(143, 63, 176, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.rd-rule-choice-copy strong {
  display: block;
  color: #fff;
  font-size: 17px;
  font-weight: 900;
}

.rd-rule-choice-copy small {
  display: block;
  margin-top: 7px;
  color: #aeb9cf;
  font-size: 13px;
  line-height: 1.45;
}

.rd-rule-choice-card .form-check-input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: 0;
  pointer-events: none;
}

.rd-rule-choice-card .form-check-label {
  display: inline-flex;
  align-items: center;
  margin: 0;
  color: #dfe7f8;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
}

.rd-rule-choice-image {
  width: 100%;
  max-height: 170px;
  margin-top: auto;
  object-fit: contain;
  border: 1px solid rgba(186, 202, 236, 0.12);
  border-radius: 18px;
  background: rgba(3, 8, 18, 0.36);
}

.rd-rule-choice-card .row {
  margin: 0;
}

.rd-rule-choice-card .row > [class*="col-"] {
  padding-left: 0;
}

.rd-rule-choice-card .rd-rule-limit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(112px, 1fr));
  gap: 12px;
  width: 100%;
}

.rd-rule-choice-card .rd-rule-limit-field {
  width: 100%;
  max-width: none;
  padding: 0 !important;
}

.rd-rule-choice-card .rd-rule-limit-field .form-group {
  margin: 0;
}

.rd-rule-choice-card .rd-rule-limit-field label {
  display: block;
  min-height: 0;
  margin: 0 0 8px;
  color: #dfe7f8;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
}

.rd-rule-choice-card .rd-rule-limit-field .form-control {
  width: 100%;
  min-height: 48px !important;
  text-align: center;
}

.rd-rule-options-create {
  padding: 0 !important;
}

.rd-rule-required-note {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 18px 0;
  padding: 15px 16px;
  border: 1px solid rgba(217, 156, 255, 0.22);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(143, 63, 176, 0.18), rgba(255, 255, 255, 0.035));
  color: #dfe7f8;
}

.rd-rule-required-note.is-warning {
  border-color: rgba(255, 184, 77, 0.55);
  background: linear-gradient(135deg, rgba(255, 184, 77, 0.18), rgba(143, 63, 176, 0.12));
  box-shadow: 0 18px 42px rgba(255, 184, 77, 0.1);
}

.rd-rule-required-note i {
  color: #d99cff;
  font-size: 20px;
  line-height: 1;
  margin-top: 1px;
}

.rd-rule-required-note strong {
  display: block;
  color: #fff;
  font-size: 14px;
  font-weight: 900;
}

.rd-rule-required-note span {
  display: block;
  margin-top: 3px;
  color: #aeb9cf;
  font-size: 13px;
  line-height: 1.4;
}

@media (max-width: 991.98px) {
  .rd-rule-choice-grid {
    grid-template-columns: 1fr;
  }
}

.rd-catalog-form-modal .card {
  margin: 0;
  border: 0;
  box-shadow: none;
}

.rd-catalog-form-modal .card > .card-body {
  padding: 0;
}

.rd-catalog-grupos ~ .rd-catalog-form-modal .card > .card-header,
#rd-catalog-form-modal .modal-body > .card > .card-header,
.rd-catalog-form-modal .modal-body > .card > .card-header {
  display: none !important;
}

.rd-catalog-filters {
  display: grid;
  grid-template-columns: minmax(240px, 1.5fr) repeat(2, minmax(170px, 1fr)) auto auto;
  gap: 14px;
  align-items: end;
  margin-bottom: 18px;
  padding: 16px;
  border: 1px solid rgba(186, 202, 236, 0.12);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.025);
}

.rd-catalog-filters .btn {
  min-height: 50px;
  white-space: nowrap;
}

.rd-group-row {
  cursor: move;
}

.rd-group-row.is-inactive {
  background: rgba(255, 255, 255, 0.025);
}

.rd-group-name {
  color: #f7f9ff;
  font-size: 14px;
  font-weight: 900;
}

.rd-table-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(186, 202, 236, 0.14);
  border-radius: 12px;
  color: #d99cff !important;
  background: rgba(143, 63, 176, 0.12);
}

.rd-catalog-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid rgba(186, 202, 236, 0.14);
  border-radius: 999px;
  color: #dfe6f6;
  background: rgba(255, 255, 255, 0.055);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.2px;
  white-space: nowrap;
}

.rd-catalog-badge.is-success {
  color: #dffbea;
  border-color: rgba(34, 197, 94, 0.26);
  background: rgba(34, 197, 94, 0.12);
}

.rd-catalog-badge.is-primary {
  color: #f5e8ff;
  border-color: rgba(217, 156, 255, 0.32);
  background: rgba(143, 63, 176, 0.24);
}

.rd-catalog-badge.is-muted {
  color: #c5cfdf;
  border-color: rgba(186, 202, 236, 0.12);
  background: rgba(255, 255, 255, 0.045);
}

.rd-catalog-badge.is-warning {
  color: #ffe8b0;
  border-color: rgba(245, 158, 11, 0.26);
  background: rgba(245, 158, 11, 0.12);
}

.rd-catalog-badge.is-gold {
  color: #ffe9a6;
  border-color: rgba(250, 204, 21, 0.34);
  background: linear-gradient(135deg, rgba(250, 204, 21, 0.2), rgba(143, 63, 176, 0.12));
}

.rd-catalog-badge.is-danger {
  color: #ffd5df;
  border-color: rgba(244, 63, 94, 0.25);
  background: rgba(244, 63, 94, 0.11);
}

.rd-coupon-row td {
  color: #e9eefb;
  vertical-align: middle;
}

.rd-coupon-row.is-inactive {
  background: rgba(255, 95, 125, 0.055);
}

.rd-coupon-code {
  display: block;
  color: #fff;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}

.rd-coupon-row small {
  display: block;
  margin-top: 4px;
  color: #94a0b8;
  font-size: 12px;
}

.rd-coupon-row .rd-catalog-badge {
  margin: 2px 6px 2px 0;
}

.rd-empty-row {
  color: #aeb9cf !important;
  padding: 28px !important;
}

.rd-product-filters {
  grid-template-columns: minmax(220px, 1.7fr) repeat(5, minmax(112px, 0.85fr)) minmax(150px, auto);
  gap: 10px;
}

.rd-product-filters .rd-field,
.rd-product-filters .rd-field-wide {
  min-width: 0;
}

.rd-product-filters .form-control {
  min-width: 0;
}

.rd-product-filter-actions {
  display: flex;
  align-items: end;
  justify-content: flex-end;
  gap: 8px;
  min-width: 0;
}

.rd-product-filter-actions .btn {
  min-height: 46px;
  padding-right: 12px;
  padding-left: 12px;
}

@media (max-width: 1500px) {
  .rd-product-filters {
    grid-template-columns: minmax(220px, 1.5fr) repeat(3, minmax(118px, 1fr)) minmax(150px, auto);
  }

  .rd-product-filters .rd-field:nth-of-type(5),
  .rd-product-filters .rd-field:nth-of-type(6) {
    grid-column: span 1;
  }
}

@media (max-width: 1200px) {
  .rd-product-filters {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .rd-product-filters .rd-field-wide {
    grid-column: span 2;
  }

  .rd-product-filter-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  .rd-product-filter-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .rd-product-filter-actions .btn {
    width: 100%;
  }
}

.rd-catalog-produtos > .mt-5 > .container-fluid > .col.text-center,
.rd-catalog-grupos > .mt-5 > .container-fluid > .row > .col.text-center {
  padding: 0;
  text-align: left !important;
}

.rd-catalog-produtos > .mt-5 > .container-fluid > .col.text-center .alert.alert-danger,
.rd-catalog-grupos > .mt-5 > .container-fluid > .row > .col.text-center .alert.alert-danger {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin: 14px 0 18px;
  padding: 16px 18px;
  border: 1px solid rgba(217, 156, 255, 0.2);
  border-radius: 18px;
  color: #dfe7f8;
  background: linear-gradient(135deg, rgba(143, 63, 176, 0.12), rgba(255, 255, 255, 0.025));
  box-shadow: none;
}

.rd-catalog-produtos > .mt-5 > .container-fluid > .col.text-center .alert.alert-danger::before,
.rd-catalog-grupos > .mt-5 > .container-fluid > .row > .col.text-center .alert.alert-danger::before {
  content: "\f021";
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border: 1px solid rgba(217, 156, 255, 0.24);
  border-radius: 14px;
  color: #d99cff;
  background: rgba(143, 63, 176, 0.16);
  font-family: FontAwesome;
}

.rd-catalog-produtos > .mt-5 > .container-fluid > .col.text-center .alert.alert-danger h4,
.rd-catalog-grupos > .mt-5 > .container-fluid > .row > .col.text-center .alert.alert-danger h4 {
  display: grid;
  gap: 4px;
  margin: 0;
  color: transparent;
  font-size: 0;
  line-height: 1.4;
}

.rd-catalog-produtos > .mt-5 > .container-fluid > .col.text-center .alert.alert-danger h4::before {
  content: "Catalogo sincronizado com sistema externo";
  color: #fff;
  font-size: 15px;
  font-weight: 900;
}

.rd-catalog-grupos > .mt-5 > .container-fluid > .row > .col.text-center .alert.alert-danger h4::before {
  content: "Grupos sincronizados com sistema externo";
  color: #fff;
  font-size: 15px;
  font-weight: 900;
}

.rd-catalog-produtos > .mt-5 > .container-fluid > .col.text-center .alert.alert-danger h4::after {
  content: "Cadastro, edicao e exclusao de produtos sao feitos no integrador. Por aqui, voce pode atualizar imagens e ajustes visuais permitidos.";
  color: #aeb9cf;
  font-size: 13px;
  font-weight: 600;
}

.rd-catalog-grupos > .mt-5 > .container-fluid > .row > .col.text-center .alert.alert-danger h4::after {
  content: "Cadastro, edicao e exclusao de grupos sao feitos no integrador. As alteracoes devem ser realizadas no software principal.";
  color: #aeb9cf;
  font-size: 13px;
  font-weight: 600;
}

.rd-product-group-block {
  overflow: hidden;
  margin-bottom: 18px;
  border: 1px solid rgba(186, 202, 236, 0.12);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(18, 27, 46, 0.96), rgba(10, 16, 29, 0.98));
}

.rd-product-group-title {
  padding: 18px 20px;
  border-bottom: 1px solid rgba(186, 202, 236, 0.1);
  background: linear-gradient(135deg, rgba(143, 63, 176, 0.2), rgba(255, 255, 255, 0.025));
}

.rd-product-group-title span {
  display: block;
  color: #d99cff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}

.rd-product-group-title h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.2;
  margin: 5px 0 0;
}

.rd-product-group-block .table-responsive {
  margin: 0;
  overflow: visible;
}

.rd-product-group-block table {
  width: 100%;
  min-width: 0;
  margin: 0;
  table-layout: fixed;
}

.rd-product-group-block thead th {
  color: #aeb9cf !important;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  border-top: 0 !important;
  padding: 10px 6px !important;
}

.rd-product-group-block tbody td {
  color: #e9eefb;
  vertical-align: middle;
  padding: 10px 6px !important;
}

.rd-product-group-block thead th:nth-child(1),
.rd-product-group-block tbody td.index {
  width: 50px;
  min-width: 50px;
  max-width: 50px;
  text-align: center;
}

.rd-product-group-block thead th:nth-child(2),
.rd-product-group-block tbody td.browse {
  width: 70px;
  min-width: 70px;
  max-width: 70px;
  text-align: center;
}

.rd-product-group-block thead th:nth-child(4),
.rd-product-group-block tbody td:nth-child(4) {
  width: 122px;
  min-width: 122px;
}

.rd-product-group-block thead th:nth-child(5),
.rd-product-group-block tbody td:nth-child(5) {
  width: 116px;
  min-width: 116px;
}

.rd-product-group-block thead th:nth-child(6),
.rd-product-group-block tbody td:nth-child(6) {
  width: 104px;
  min-width: 104px;
}

.rd-product-row {
  cursor: move;
  transition: background 160ms ease;
}

.rd-product-row.is-inactive {
  background: rgba(255, 255, 255, 0.025);
}

.rd-product-row.is-inactive .rd-product-name {
  color: #aeb9cf;
}

.rd-product-name {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.3;
  margin-bottom: 7px;
}

.rd-product-highlight-star {
  color: #facc15;
  font-size: 15px;
  text-shadow: 0 0 14px rgba(250, 204, 21, 0.45);
}

.rd-product-main-cell {
  min-width: 220px;
}

.rd-product-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  max-width: 360px;
}

.rd-product-inline-controls {
  display: grid;
  grid-template-columns: repeat(2, minmax(180px, 1fr));
  gap: 8px;
  max-width: 520px;
  margin-top: 12px;
}

.rd-product-price {
  color: #fff;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.4;
  margin-bottom: 6px;
}

.rd-product-old-price {
  color: #ff98a8;
  text-decoration: line-through;
  margin-right: 6px;
}

.rd-product-photo {
  display: block;
  width: 56px;
  height: 56px;
  object-fit: cover;
  border: 1px solid rgba(186, 202, 236, 0.16);
  border-radius: 12px;
  background: #101827;
  margin: 0 auto;
}

.rd-product-photo-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: #aeb9cf;
  font-size: 9px;
  font-weight: 900;
  text-align: center;
  background:
    linear-gradient(135deg, rgba(143, 63, 176, 0.18), rgba(255, 255, 255, 0.035)),
    #101827;
}

.rd-product-photo-empty i {
  color: #d99cff;
  font-size: 16px;
}

.rd-product-status-badge {
  margin-top: 0;
  min-height: 28px;
  padding: 0 10px;
}

.rd-stock-cell {
  width: 116px;
}

.rd-stock-input {
  width: 104px;
  height: 38px;
  padding: 0 8px !important;
  border-radius: 12px !important;
  text-align: center;
}

.rd-stock-input.is-saving {
  border-color: rgba(217, 156, 255, 0.62) !important;
  box-shadow: 0 0 0 3px rgba(143, 63, 176, 0.16);
}

.rd-stock-cell small {
  display: block;
  color: #8f9bb2;
  font-size: 10px;
  font-weight: 800;
  margin-top: 6px;
  text-align: center;
}

.rd-product-toggle-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 38px;
  padding: 6px 10px;
  border: 1px solid rgba(186, 202, 236, 0.1);
  border-radius: 14px;
  color: #c7d0e2;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.03);
}

.rd-product-toggle-row .togglebutton {
  margin: 0;
}

@media (max-width: 1280px) {
  .rd-product-inline-controls {
    grid-template-columns: 1fr;
  }
}

.rd-product-actions-cell {
  width: 104px;
  text-align: right;
}

.rd-product-actions-cell .dropdown {
  position: relative;
}

.rd-product-actions-menu {
  min-width: 220px;
  padding: 8px;
  z-index: 5000;
  border: 1px solid rgba(217, 156, 255, 0.28);
  border-radius: 16px;
  background: #0b1220 !important;
  opacity: 1 !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.58);
  backdrop-filter: none;
}

.rd-product-actions-menu.show {
  top: calc(100% + 6px) !important;
  right: 0 !important;
  left: auto !important;
  transform: none !important;
}

.rd-product-actions-menu .dropdown-item {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 38px;
  border-radius: 10px;
  color: #e8eefb;
  background: transparent;
  font-size: 13px;
  font-weight: 800;
  opacity: 1 !important;
  cursor: pointer;
}

.rd-product-actions-menu .dropdown-item:hover {
  color: #fff;
  background: rgba(217, 156, 255, 0.12);
}

.rd-product-schedule-modal .modal-header small {
  display: block;
  color: #aeb9cf;
  font-size: 13px;
  margin-top: 4px;
}

.rd-product-pdv-modal .modal-header small {
  display: block;
  color: #aeb9cf;
  font-size: 13px;
  margin-top: 4px;
}

.rd-product-upsell-modal .modal-header small {
  display: block;
  color: #aeb9cf;
  font-size: 13px;
  margin-top: 4px;
}

.rd-product-pdv-badge {
  border-color: rgba(217, 156, 255, 0.42);
}

.rd-product-upsell-loading {
  padding: 18px;
  border: 1px dashed rgba(217, 156, 255, 0.22);
  border-radius: 18px;
  color: #aeb9cf;
  background: rgba(255, 255, 255, 0.025);
}

.rd-product-upsell-list {
  display: grid;
  gap: 12px;
}

.rd-product-upsell-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  padding: 16px;
  border: 1px solid rgba(186, 202, 236, 0.13);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(19, 29, 49, 0.96), rgba(9, 16, 29, 0.98));
}

.rd-product-upsell-item strong {
  display: block;
  color: #fff;
  font-size: 15px;
  font-weight: 900;
}

.rd-product-upsell-item small,
.rd-product-upsell-item em,
.rd-product-upsell-item p {
  display: block;
  color: #aeb9cf;
  font-size: 12px;
  font-style: normal;
  margin: 4px 0 0;
}

.rd-product-upsell-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.rd-schedule-form {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) 140px 140px auto;
  gap: 14px;
  align-items: end;
  padding: 16px;
  border: 1px solid rgba(186, 202, 236, 0.12);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.03);
}

.rd-product-schedule-list {
  display: grid;
  gap: 10px;
  margin-top: 16px;
}

.rd-product-schedule-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(186, 202, 236, 0.12);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
}

.rd-product-schedule-item strong {
  display: block;
  color: #fff;
  font-size: 14px;
  font-weight: 900;
}

.rd-product-schedule-item span {
  display: block;
  color: #aeb9cf;
  font-size: 12px;
  font-weight: 800;
  margin-top: 3px;
}

.rd-schedule-remove {
  display: inline-grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(244, 63, 94, 0.2);
  border-radius: 12px;
  color: #ff9bad;
  background: rgba(244, 63, 94, 0.1);
  cursor: pointer;
}

.rd-product-schedule-empty {
  color: #aeb9cf;
  margin-top: 16px;
  padding: 18px;
  border: 1px dashed rgba(186, 202, 236, 0.16);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.025);
}

.table-hover tbody tr:hover,
.rd-product-group-block .table-hover tbody tr:hover {
  color: inherit;
  background: rgba(217, 156, 255, 0.08) !important;
}

.rd-hours-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.rd-hours-head p {
  max-width: 760px;
}

.rd-hours-head .btn,
.rd-hour-card .btn {
  white-space: nowrap;
}

.rd-hours-status-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 0 0 18px;
  padding: 18px;
  border: 1px solid rgba(186, 202, 236, 0.16);
  border-radius: 20px;
  background:
    linear-gradient(145deg, rgba(24, 36, 58, 0.92), rgba(10, 16, 29, 0.98)) !important;
}

.rd-hour-main small {
  color: #aebbd2;
  font-size: 13px;
}

.rd-hours-close-card {
  margin-bottom: 28px;
}

.rd-hours-list-panel {
  display: block;
  margin-top: 8px;
  padding: 22px;
  border: 1px solid rgba(186, 202, 236, 0.13);
  border-radius: 24px;
  background:
    radial-gradient(circle at 0 0, rgba(141, 51, 168, 0.14), transparent 34%),
    linear-gradient(145deg, rgba(20, 31, 51, 0.98), rgba(9, 17, 31, 0.98));
  box-shadow: 0 20px 42px rgba(0, 0, 0, 0.22);
}

.rd-hours-form-row {
  margin: 0 !important;
  padding: 18px;
  border: 1px solid rgba(186, 202, 236, 0.14);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.025);
}

.rd-hours-form-row .col-md-12,
.rd-hours-form-row .col {
  flex: 1 1 180px;
  max-width: none;
}

.rd-hours-form-row .col.text-center {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.rd-hours-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.rd-hour-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  border: 1px solid rgba(186, 202, 236, 0.14);
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(18, 27, 46, 0.96), rgba(10, 16, 29, 0.98));
}

.rd-hour-main {
  display: grid;
  gap: 8px;
  width: 100%;
}

.rd-hour-main strong {
  color: #f7f9ff;
  font-size: 24px;
  font-weight: 900;
}

.rd-hour-slots {
  display: grid;
  gap: 10px;
  margin-top: 4px;
}

.rd-hour-slot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 14px;
  border: 1px solid rgba(186, 202, 236, 0.12);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.035);
}

.rd-hour-slot strong {
  color: #f7f9ff;
  font-size: 20px;
  font-weight: 900;
}

.rd-hours-modal .modal-body {
  padding: 24px;
}

.rd-hours-modal #erro-horario {
  margin: 16px 0 0;
}

@media (max-width: 767px) {
  .rd-hours-head,
  .rd-hours-status-card,
  .rd-hour-card {
    align-items: stretch;
    flex-direction: column;
  }

  .rd-hours-form-row .col.text-center {
    justify-content: stretch;
  }

  .rd-hours-form-row .btn,
  .rd-hour-card .btn,
  .rd-hour-slot .btn {
    width: 100%;
  }

  .rd-hour-slot {
    align-items: stretch;
    flex-direction: column;
  }
}

.rd-product-form-modal .card-header-tabs {
  display: block !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.rd-product-form-modal .card-header-tabs .nav-tabs {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.rd-product-editor-form {
  display: grid;
  gap: 18px;
}

.rd-product-editor-form > .row {
  margin: 0;
  padding: 18px;
  border: 1px solid rgba(186, 202, 236, 0.12);
  border-radius: 20px;
  background:
    linear-gradient(145deg, rgba(18, 27, 46, 0.95), rgba(10, 16, 29, 0.98)) !important;
}

.rd-product-editor-form > .row:first-child,
.rd-product-editor-form > hr,
.rd-product-editor-form > #lista-horarios-cadastrados {
  display: none !important;
}

.rd-product-editor-form h4 {
  color: #d99cff !important;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  margin: 0 0 14px !important;
}

.rd-product-editor-form .form-group {
  margin-bottom: 12px;
}

.rd-product-editor-form label {
  color: #dfe6f6 !important;
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 8px;
}

.rd-product-editor-form .bg-light {
  color: #f7f9ff !important;
  background:
    linear-gradient(145deg, rgba(24, 36, 58, 0.96), rgba(12, 19, 34, 0.98)) !important;
}

.rd-product-editor-form .row.bg-light .row {
  margin-left: 0;
  margin-right: 0;
}

.rd-product-editor-form #pontosfidelidade {
  max-width: 240px;
}

.rd-product-editor-form #alertapreco {
  color: #ffe8b0;
  border: 1px solid rgba(245, 158, 11, 0.22);
  border-radius: 16px;
  background: rgba(245, 158, 11, 0.1);
}

.rd-product-editor-form #de,
.rd-product-editor-form #por,
.rd-product-editor-form #off,
.rd-product-editor-form #pix {
  font-size: 14px;
}

.rd-product-editor-form #por {
  color: #fff;
}

.rd-product-editor-form .togglebutton label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-right: 18px;
}

.rd-product-modal-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(186, 202, 236, 0.12);
}

.rd-product-modal-actions .alert {
  flex: 1 1 100%;
  margin: 0 0 8px;
}

.rd-product-modal-actions #remover {
  margin-right: auto;
}

.rd-product-new-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.rd-config-page.rd-config-hub form {
  display: none;
}

.rd-store-controls-inline {
  margin-top: 4px;
}

.rd-config-produtos .rd-store-controls-inline,
.rd-config-pagamentos .rd-store-controls-inline,
.rd-config-incentivos .rd-store-controls-inline,
.rd-config-aviso .rd-store-controls-inline,
.rd-config-entrega-taxas .rd-store-controls-inline,
.rd-config-produtos .rd-slice-pagamentos,
.rd-config-produtos .rd-slice-incentivos,
.rd-config-produtos .rd-slice-geral,
.rd-config-produtos .rd-slice-aviso,
.rd-config-produtos .rd-slice-taxas,
.rd-config-pagamentos .rd-slice-produtos,
.rd-config-pagamentos .rd-slice-incentivos,
.rd-config-pagamentos .rd-slice-geral,
.rd-config-pagamentos .rd-slice-aviso,
.rd-config-pagamentos .rd-slice-taxas,
.rd-config-incentivos .rd-slice-produtos,
.rd-config-incentivos .rd-slice-pagamentos,
.rd-config-incentivos .rd-slice-geral,
.rd-config-incentivos .rd-slice-aviso,
.rd-config-incentivos .rd-slice-taxas,
.rd-config-geral .rd-slice-produtos,
.rd-config-geral .rd-slice-pagamentos,
.rd-config-geral .rd-slice-incentivos,
.rd-config-geral .rd-slice-aviso,
.rd-config-geral .rd-slice-taxas,
.rd-config-entregas .rd-slice-aviso,
.rd-config-entregas .rd-slice-taxas,
.rd-config-aviso .rd-slice-produtos,
.rd-config-aviso .rd-slice-pagamentos,
.rd-config-aviso .rd-slice-incentivos,
.rd-config-aviso .rd-slice-geral,
.rd-config-aviso .rd-slice-taxas,
.rd-config-entrega-taxas .rd-slice-produtos,
.rd-config-entrega-taxas .rd-slice-pagamentos,
.rd-config-entrega-taxas .rd-slice-incentivos,
.rd-config-entrega-taxas .rd-slice-geral,
.rd-config-entrega-taxas .rd-slice-aviso {
  display: none !important;
}

.rd-aviso-close-card {
  margin: 6px 0 4px;
}

.rd-config-slice {
  display: grid;
  gap: 18px;
}

.rd-config-slice > h5 {
  margin-bottom: 0 !important;
}

.rd-section-help {
  max-width: 860px;
  color: #aeb9cf;
  font-size: 14px;
  line-height: 1.55;
  margin: -10px 0 2px;
}

.rd-config-slice > table {
  display: block;
  width: 100%;
  margin: 0 0 12px;
}

.rd-config-slice > table > tbody {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.rd-config-slice > table > tbody > tr {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  min-height: 94px;
  padding: 18px;
  border: 1px solid rgba(186, 202, 236, 0.13);
  border-radius: 22px;
  background: linear-gradient(145deg, #19243a 0%, #121b2d 56%, #0e1524 100%);
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.18);
}

.rd-config-slice > table > tbody > tr > td {
  display: block;
  padding: 0 !important;
  color: #eef2fb;
  border: 0 !important;
  font-size: 14px;
  line-height: 1.45;
}

.rd-config-slice > table > tbody > tr > td:first-child {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.rd-config-slice > table img {
  max-width: 48px;
  height: auto;
  object-fit: contain;
}

.rd-config-slice .form-check {
  margin: 0;
  padding: 0;
}

.rd-config-slice .form-check .form-check-label {
  position: relative;
  display: block;
  width: 58px;
  height: 34px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.rd-config-slice .form-check .form-check-sign {
  position: relative !important;
  top: auto;
  left: auto;
  display: block !important;
  width: 58px;
  height: 34px;
  border: 1px solid rgba(186, 202, 236, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  box-shadow: none;
  transition: background 180ms ease, border-color 180ms ease;
}

.rd-config-slice .form-check .form-check-sign:before,
.rd-config-slice .form-check .form-check-sign:after {
  display: none !important;
}

.rd-config-slice .form-check .form-check-sign .check {
  content: "";
  position: absolute;
  display: block !important;
  top: 3px;
  left: 3px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.26);
  transform: none;
  transition: transform 180ms ease, background 180ms ease;
}

.rd-config-slice .form-check .form-check-sign .check:before,
.rd-config-slice .form-check .form-check-sign .check:after {
  display: none !important;
}

.rd-config-slice .form-check .form-check-input[type="checkbox"] {
  position: absolute !important;
  inset: 0 auto auto 0;
  width: 58px !important;
  height: 34px !important;
  margin: 0 !important;
  opacity: 0 !important;
  visibility: visible !important;
  cursor: pointer;
  z-index: 2;
}

.rd-config-slice .form-check .form-check-input[type="checkbox"]:checked + .form-check-sign {
  border-color: rgba(217, 156, 255, 0.46);
  background: linear-gradient(135deg, var(--rob-purple), var(--rob-purple-strong));
}

.rd-config-slice .form-check .form-check-input[type="checkbox"]:checked + .form-check-sign .check {
  background: #ffffff !important;
  border-color: transparent !important;
  transform: translateX(24px);
}

.rd-config-slice .row {
  padding: 18px;
  border: 1px solid rgba(186, 202, 236, 0.12);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.025);
}

.rd-slice-aviso .row,
.rd-slice-taxas .row {
  margin-left: 0;
  margin-right: 0;
}

.modal-content,
.swal2-popup {
  overflow: hidden;
  color: #f7f4ff;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 22px;
  background: #111a2b;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.48);
}

.swal2-container {
  z-index: 20000 !important;
}

.swal2-popup.rd-swal {
  padding: 30px 28px 26px !important;
  border: 1px solid rgba(217, 156, 255, 0.22) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 0 0, rgba(143, 63, 176, 0.28), transparent 34%),
    linear-gradient(145deg, #172238 0%, #0d1423 100%) !important;
  box-shadow: 0 34px 100px rgba(0, 0, 0, 0.62) !important;
}

.swal2-popup.rd-swal .swal2-title {
  color: #fff !important;
  font-size: 26px !important;
  font-weight: 900 !important;
}

.swal2-popup.rd-swal .swal2-content,
.swal2-popup.rd-swal .swal2-html-container {
  color: #aeb9cf !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

.swal2-popup.rd-swal .swal2-icon.swal2-warning,
.swal2-popup.rd-swal .swal2-icon.swal2-question {
  color: #d99cff !important;
  border-color: rgba(217, 156, 255, 0.55) !important;
}

.swal2-popup.rd-swal .swal2-actions {
  gap: 10px;
}

.swal2-popup.rd-swal .swal2-styled {
  min-height: 44px;
  padding: 0 22px !important;
  border-radius: 14px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0.2px;
  box-shadow: none !important;
}

.swal2-popup.rd-swal .swal2-confirm {
  border: 0 !important;
  color: #fff !important;
  background: linear-gradient(135deg, #6f2880, #a44dca) !important;
}

.swal2-popup.rd-swal .swal2-cancel {
  color: #e8eefb !important;
  border: 1px solid rgba(217, 156, 255, 0.28) !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

.modal-dialog {
  max-width: 640px;
}

.modal-lg,
.modal-xl {
  max-width: min(920px, calc(100vw - 48px));
}

.modal-header,
.modal-footer {
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
}

.modal-title,
.swal2-title {
  color: #fff;
  font-weight: 900;
}

.modal-body,
.swal2-html-container {
  color: #c8d2e7;
}

.modal-body {
  padding: 22px;
}

.modal .card {
  margin: 0 0 14px;
  border-radius: 16px;
  background: rgba(15, 23, 39, 0.96);
  box-shadow: none;
}

.modal .close {
  color: #fff;
  text-shadow: none;
  opacity: 0.78;
}

.modal .btn,
.swal2-actions .swal2-styled {
  border-radius: 14px !important;
}

.rd-master-company-modal .modal-dialog {
  max-width: min(980px, calc(100vw - 24px));
}

.rd-master-company-modal .modal-header small {
  display: block;
  margin-top: 6px;
  color: #aeb9cf;
  font-size: 13px;
  line-height: 1.45;
}

.rd-master-company-toolbar {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto;
  gap: 12px;
  align-items: end;
  padding: 16px;
  border: 1px solid rgba(186, 202, 236, 0.12);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.025);
}

.rd-master-company-toolbar .btn {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.rd-master-company-current {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin: 14px 0;
  padding: 10px 14px;
  color: #aeb9cf;
  border: 1px solid rgba(217, 156, 255, 0.14);
  border-radius: 16px;
  background: rgba(143, 63, 176, 0.1);
  font-size: 13px;
}

.rd-master-company-current strong {
  color: #fff;
}

.rd-master-company-current span {
  color: #cbd6ee;
  font-weight: 800;
}

.rd-master-company-list {
  display: grid;
  gap: 10px;
  max-height: min(56vh, 560px);
  overflow: auto;
  padding-right: 4px;
}

.rd-master-company-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 14px;
  border: 1px solid rgba(186, 202, 236, 0.12);
  border-radius: 18px;
  background: rgba(12, 20, 34, 0.72);
}

.rd-master-company-row.is-selected {
  border-color: rgba(217, 156, 255, 0.38);
  background: rgba(143, 63, 176, 0.16);
}

.rd-master-company-main {
  min-width: 0;
}

.rd-master-company-main strong,
.rd-master-company-main span,
.rd-master-company-main small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rd-master-company-main strong {
  color: #fff;
  font-size: 15px;
  font-weight: 900;
}

.rd-master-company-main span {
  margin-top: 4px;
  color: #b8c4dc;
  font-size: 12px;
  font-weight: 800;
}

.rd-master-company-main small {
  margin-top: 3px;
  color: #8794ad;
  font-size: 11px;
}

.rd-master-company-actions {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.rd-master-company-status {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.rd-master-company-status.is-active {
  color: #bfffd3;
  border: 1px solid rgba(34, 197, 94, 0.28);
  background: rgba(34, 197, 94, 0.12);
}

.rd-master-company-status.is-pending {
  color: #ffe6aa;
  border: 1px solid rgba(245, 158, 11, 0.28);
  background: rgba(245, 158, 11, 0.12);
}

.rd-master-company-status.is-inactive {
  color: #ffc4cb;
  border: 1px solid rgba(239, 68, 68, 0.28);
  background: rgba(239, 68, 68, 0.12);
}

.rd-master-company-empty,
.rd-master-company-loading {
  padding: 24px;
  color: #aeb9cf;
  text-align: center;
  border: 1px dashed rgba(186, 202, 236, 0.18);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.025);
}

.bootstrap-notify-container,
.alert[data-notify="container"],
div[data-notify="container"] {
  z-index: 20000 !important;
  max-width: 390px;
  color: #f9f7ff !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 18px !important;
  background: rgba(17, 26, 43, 0.96) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.36) !important;
  backdrop-filter: blur(14px);
}

[data-notify="icon"] {
  color: #d99cff;
}

[data-notify="title"],
[data-notify="message"] {
  color: #f9f7ff !important;
}

.form-control,
select.form-control,
textarea.form-control {
  border-radius: 16px;
}

.rob-dashboard .form-group {
  margin-bottom: 20px;
  padding-top: 0 !important;
}

.rob-dashboard label,
.rob-dashboard .form-group label,
.rob-dashboard .bmd-label-floating,
.rob-dashboard .bmd-label-static {
  color: #d8deed !important;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0;
  margin-bottom: 8px;
}

.rob-dashboard .bmd-form-group {
  padding-top: 0 !important;
  position: relative;
}

.rob-dashboard .bmd-form-group [class^="bmd-label"],
.rob-dashboard .bmd-form-group [class*=" bmd-label"],
.rob-dashboard .bmd-form-group .bmd-label-floating,
.rob-dashboard .bmd-form-group .bmd-label-static,
.rob-dashboard .bmd-form-group.is-focused .bmd-label-floating,
.rob-dashboard .bmd-form-group.is-filled .bmd-label-floating,
.rob-dashboard .is-focused .bmd-label-floating,
.rob-dashboard .is-filled .bmd-label-floating {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  display: block !important;
  width: 100%;
  padding: 0 !important;
  margin: 0 0 8px !important;
  transform: none !important;
  transition: color 0.16s ease !important;
  pointer-events: auto;
}

.rob-dashboard .bmd-form-group.is-focused label,
.rob-dashboard .bmd-form-group.is-filled label {
  color: #f1e5ff !important;
}

.rob-dashboard .bmd-label-placeholder {
  display: none !important;
}

.rob-dashboard .form-control,
.rob-dashboard select.form-control,
.rob-dashboard textarea.form-control,
.modal .form-control,
.rd-data-grid .form-control {
  min-height: 50px;
  width: 100%;
  padding: 12px 16px;
  color: #f8fbff !important;
  background: #111a2c !important;
  background-image: none !important;
  border: 1px solid rgba(170, 188, 224, 0.18);
  border-radius: 16px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.rob-dashboard textarea.form-control,
.modal textarea.form-control {
  min-height: 118px;
  resize: vertical;
}

.rob-dashboard select.form-control {
  cursor: pointer;
}

.rob-dashboard .form-control[readonly],
.rob-dashboard .form-control:disabled {
  color: #c4ccdc !important;
  background: #0d1423 !important;
  border-color: rgba(170, 188, 224, 0.12);
  opacity: 1;
}

.rob-dashboard .form-control:focus,
.rob-dashboard select.form-control:focus,
.rob-dashboard textarea.form-control:focus,
.modal .form-control:focus,
.rd-data-grid .form-control:focus {
  color: #fff !important;
  background: #121d31 !important;
  border-color: rgba(211, 142, 255, 0.78);
  box-shadow: 0 0 0 4px rgba(143, 63, 176, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.rob-dashboard .input-group .form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.rob-dashboard .input-group-append .btn,
.rob-dashboard .input-group-prepend .btn {
  min-height: 50px;
  margin: 0;
  border-radius: 0 16px 16px 0;
}

.rob-dashboard .card {
  border-radius: 22px;
  background: linear-gradient(180deg, #172034 0%, #111827 100%);
  border-color: rgba(174, 190, 224, 0.12);
}

.rob-dashboard .card .card-header,
.rob-dashboard .card [class*="card-header-"] {
  margin: 0;
  padding: 22px 26px 18px;
  border-radius: 22px 22px 0 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(135deg, rgba(111, 40, 128, 0.52), rgba(24, 33, 54, 0.98)) !important;
  box-shadow: none;
}

.rob-dashboard .card .card-body {
  padding: 26px;
  background: linear-gradient(180deg, rgba(17, 24, 39, 0.98), rgba(13, 20, 34, 0.98));
  border-radius: 0 0 22px 22px;
}

.rob-dashboard .card .card-title,
.rob-dashboard .card h4.card-title {
  color: #fff;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.2;
  margin: 0 0 7px;
}

.rob-dashboard .card .card-category,
.rob-dashboard .card .card-header p,
.rob-dashboard .card .card-body .text-muted {
  color: #aeb9cf !important;
  font-size: 14px;
  line-height: 1.5;
}

.rob-dashboard .rd-config-page .tab-pane > h5,
.rob-dashboard .rd-config-page .tab-pane > .text-primary,
.rob-dashboard .rd-config-section-title strong {
  display: block;
  color: #d99cff !important;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.2;
  margin: 22px 0 16px !important;
}

.rob-dashboard .rd-config-page .tab-pane > h5 strong {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.rob-dashboard .rd-config-section-title p {
  max-width: 860px;
  color: #aeb9cf;
  font-size: 15px;
  line-height: 1.55;
  margin: -8px 0 8px;
}

.rd-sales-page .content .container-fluid {
  display: grid;
  gap: 22px;
}

.rd-sales-filter-card,
.rd-sales-table-card,
.rd-sales-totals-section {
  overflow: hidden;
  padding: 24px;
  border: 1px solid rgba(186, 202, 236, 0.13);
  border-radius: 26px;
  background: linear-gradient(145deg, #19243a 0%, #121b2d 54%, #0e1524 100%);
  box-shadow: 0 22px 52px rgba(0, 0, 0, 0.2);
}

.rd-sales-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
}

.rd-sales-section-head span,
.rd-sales-total-card span {
  display: block;
  color: #d99cff;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 1.4px;
  line-height: 1.2;
  text-transform: uppercase;
}

.rd-sales-section-head h2 {
  color: #fff;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.15;
  margin: 6px 0 0;
}

.rd-sales-filters {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
  align-items: end;
}

.rd-sales-filters .rd-field {
  grid-column: span 2;
}

.rd-sales-filters .rd-field-wide {
  grid-column: span 3;
}

.rd-field label {
  display: block;
  color: #dfe6f6;
  font-size: 13px;
  font-weight: 800;
  margin: 0 0 8px;
}

.rd-sales-switch {
  grid-column: span 2;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 50px;
  margin: 0;
  padding: 0 16px;
  border: 1px solid rgba(186, 202, 236, 0.14);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
  cursor: pointer;
}

.rd-sales-clear-filters {
  grid-column: span 2;
  min-height: 50px;
}

.rd-sales-switch input {
  display: none;
}

.rd-sales-switch span {
  position: relative;
  flex: 0 0 auto;
  width: 46px;
  height: 26px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.12);
  transition: background 160ms ease;
}

.rd-sales-switch span:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  transition: transform 160ms ease;
}

.rd-sales-switch input:checked + span {
  background: linear-gradient(135deg, var(--rob-purple), var(--rob-purple-strong));
}

.rd-sales-switch input:checked + span:after {
  transform: translateX(20px);
}

.rd-sales-switch strong {
  color: #eef2fb;
  font-size: 13px;
  font-weight: 800;
}

.rd-sales-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  justify-content: flex-end;
}

.rd-sales-live-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(186, 202, 236, 0.14);
  border-radius: 999px;
  color: #aeb9cf;
  background: rgba(255, 255, 255, 0.035);
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.rd-sales-live-status i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #aeb9cf;
}

.rd-sales-live-status.is-loading i {
  background: #d99cff;
  animation: rdPulse 1.2s infinite;
}

.rd-sales-live-status.is-ok i {
  background: #22c55e;
}

.rd-sales-live-status.is-new {
  color: #fff;
  border-color: rgba(217, 156, 255, 0.36);
  background: rgba(143, 63, 176, 0.22);
}

.rd-sales-live-status.is-new i {
  background: #d99cff;
}

.rd-sales-live-status.is-error i {
  background: #ff6681;
}

@keyframes rdPulse {
  0%, 100% {
    opacity: 0.55;
    transform: scale(0.9);
  }
  50% {
    opacity: 1;
    transform: scale(1.25);
  }
}

.rd-sales-table-card .table-responsive {
  border: 1px solid rgba(186, 202, 236, 0.1);
  border-radius: 20px;
  background: rgba(8, 13, 24, 0.3);
}

.rd-sales-table-card table {
  margin: 0;
  min-width: 1080px;
}

.rd-sales-table-card thead th {
  color: #aeb9cf !important;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .7px;
  text-transform: uppercase;
  border-top: 0 !important;
}

.rd-sales-table-card tbody td {
  color: #eef2fb;
  vertical-align: middle;
}

.rd-sales-table-card tbody tr {
  cursor: pointer;
}

.rd-sales-board-shell {
  min-height: 240px;
}

.rd-sales-board {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  align-items: start;
}

.rd-sales-board-column {
  min-width: 0;
  overflow: visible;
  min-height: 360px;
  border: 1px solid rgba(186, 202, 236, 0.12);
  border-radius: 22px;
  background: rgba(6, 13, 25, 0.36);
}

.rd-sales-board-column header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(186, 202, 236, 0.1);
  background: linear-gradient(135deg, rgba(143, 63, 176, 0.14), rgba(255, 255, 255, 0.025));
}

.rd-sales-board-column header div {
  display: grid;
  grid-template-columns: 34px 1fr;
  column-gap: 10px;
  align-items: center;
}

.rd-sales-board-column header i {
  grid-row: span 2;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(217, 156, 255, 0.22);
  border-radius: 12px;
  color: #d99cff;
  background: rgba(143, 63, 176, 0.14);
}

.rd-sales-board-column header span {
  color: #fff;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: none;
}

.rd-sales-board-column header small {
  color: #9da9c0;
  font-size: 12px;
  font-weight: 700;
}

.rd-sales-board-column header > strong {
  display: grid;
  place-items: center;
  min-width: 34px;
  height: 34px;
  padding: 0 10px;
  border-radius: 999px;
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
  font-size: 13px;
  font-weight: 900;
}

.rd-sales-board-list {
  display: grid;
  gap: 12px;
  padding: 14px;
}

.rd-sales-order-card {
  position: relative;
  padding: 14px;
  border: 1px solid rgba(186, 202, 236, 0.13);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(18, 27, 46, 0.98), rgba(9, 16, 29, 0.98));
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22);
  cursor: pointer;
}

.rd-sales-order-card .rd-sales-card-top,
.rd-sales-order-card .rd-sales-card-client {
  cursor: grab;
}

.rd-sales-order-card.ui-sortable-helper {
  cursor: grabbing;
  transform: rotate(1deg);
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.42);
}

.rd-sales-card-placeholder {
  min-height: 182px;
  border: 1px dashed rgba(217, 156, 255, 0.44);
  border-radius: 18px;
  background: rgba(143, 63, 176, 0.12);
}

.rd-sales-order-card.rd-sales-row-new {
  animation: rdSalesNewCard 1.3s ease;
}

@keyframes rdSalesNewCard {
  0% { box-shadow: 0 0 0 0 rgba(217, 156, 255, 0.58); }
  100% { box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22); }
}

.rd-sales-card-top,
.rd-sales-card-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.rd-sales-card-top {
  margin-bottom: 12px;
}

.rd-sales-card-top span:first-child,
.rd-sales-card-values span {
  display: block;
  color: #8f9bb2;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.rd-sales-card-top strong {
  display: block;
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.1;
}

.rd-sales-card-client {
  margin-bottom: 12px;
}

.rd-sales-card-client strong {
  display: block;
  color: #eef2fb;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.rd-sales-card-client small {
  color: #9da9c0;
  font-size: 12px;
  font-weight: 700;
}

.rd-sales-card-values {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.rd-sales-card-values div {
  padding: 10px;
  border: 1px solid rgba(186, 202, 236, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.035);
}

.rd-sales-card-values strong {
  display: block;
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  margin-top: 3px;
}

.rd-sales-card-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 14px;
  min-width: 0;
}

.rd-sales-card-detail {
  min-height: 34px;
  border: 1px solid rgba(186, 202, 236, 0.14) !important;
  border-radius: 12px !important;
  color: #eef2fb !important;
  background: rgba(255, 255, 255, 0.06) !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.rd-sales-board-empty {
  padding: 16px;
  border: 1px dashed rgba(186, 202, 236, 0.14);
  border-radius: 16px;
  color: #9da9c0;
  background: rgba(255, 255, 255, 0.025);
  font-size: 13px;
  font-weight: 800;
}

.rd-sales-board-empty.is-global {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 180px;
}

.rd-sales-order-main strong {
  display: block;
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.2;
  margin-bottom: 7px;
}

.rd-sales-client,
.rd-sales-date,
.rd-sales-money {
  color: #dfe6f6;
  font-size: 13px;
  font-weight: 700;
}

.rd-sales-money.is-total {
  color: #fff;
  font-weight: 900;
}

.rd-order-status-badge,
.rd-sales-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid rgba(186, 202, 236, 0.14);
  border-radius: 999px;
  color: #dfe6f6;
  background: rgba(255, 255, 255, 0.05);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.2px;
  white-space: nowrap;
}

.rd-order-status-badge.is-primary {
  color: #f5e8ff;
  border-color: rgba(217, 156, 255, 0.32);
  background: rgba(143, 63, 176, 0.24);
}

.rd-order-status-badge.is-success,
.rd-sales-badge-pix,
.rd-sales-badge-money,
.rd-sales-badge-delivery {
  color: #dffbea;
  border-color: rgba(34, 197, 94, 0.26);
  background: rgba(34, 197, 94, 0.12);
}

.rd-order-status-badge.is-info,
.rd-sales-badge-card {
  color: #dff3ff;
  border-color: rgba(73, 182, 255, 0.28);
  background: rgba(73, 182, 255, 0.12);
}

.rd-order-status-badge.is-warning,
.rd-sales-badge-wallet,
.rd-sales-badge-pickup {
  color: #fff4db;
  border-color: rgba(255, 190, 92, 0.28);
  background: rgba(255, 190, 92, 0.12);
}

.rd-order-status-badge.is-danger {
  color: #ffe3e9;
  border-color: rgba(255, 102, 129, 0.28);
  background: rgba(255, 102, 129, 0.14);
}

.rd-sales-icon-cell {
  width: 42px;
  text-align: center;
}

.rd-sales-action-btn {
  width: 36px;
  height: 34px;
  min-width: 36px;
  padding: 0 !important;
  border: 1px solid rgba(186, 202, 236, 0.14) !important;
  border-radius: 12px !important;
  color: #eef2fb !important;
  background: rgba(255, 255, 255, 0.06) !important;
  box-shadow: none !important;
}

.rd-sales-action-btn:after {
  display: none;
}

.rd-sales-status-menu {
  min-width: 220px;
  padding: 8px;
  border: 1px solid rgba(186, 202, 236, 0.14);
  border-radius: 16px;
  background: #121b2d;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.36);
}

.rd-sales-status-menu h6 {
  margin: 2px 6px 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: #d99cff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1px;
  line-height: 1.2;
  text-transform: uppercase;
}

.rd-sales-status-menu .dropdown-item {
  border-radius: 10px;
  color: #dfe6f6;
  font-size: 13px;
  font-weight: 800;
}

.rd-sales-status-menu .dropdown-item:hover,
.rd-sales-status-menu .dropdown-item:focus {
  color: #fff;
  background: rgba(217, 156, 255, 0.12);
}

.rd-sales-status-menu .dropdown-item.is-danger {
  color: #ffb6c4;
}

.rd-sales-status-menu .dropdown-item i {
  width: 15px;
  margin-right: 4px;
  text-align: center;
}

.rd-sales-status-menu .dropdown-divider {
  border-color: rgba(255, 255, 255, 0.08);
}

.rd-order-map-modal .modal-dialog {
  max-width: min(980px, calc(100vw - 44px));
}

.rd-order-map-modal .modal-header small {
  display: block;
  max-width: 780px;
  margin-top: 4px;
  color: #aeb9cf;
  font-size: 13px;
  line-height: 1.35;
}

.rd-order-map-status {
  margin-bottom: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(186, 202, 236, 0.12);
  border-radius: 14px;
  color: #dfe6f6;
  background: rgba(255, 255, 255, 0.04);
  font-size: 13px;
  font-weight: 800;
}

.rd-order-map-canvas {
  width: 100%;
  min-height: 480px;
  overflow: hidden;
  border: 1px solid rgba(186, 202, 236, 0.13);
  border-radius: 18px;
  background: #0b1220;
}

.rd-order-map-modal .modal-footer {
  gap: 10px;
}

.rd-order-map-modal #rd_open_order_route:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.rd-order-detail-modal .modal-dialog {
  max-width: min(1080px, calc(100vw - 44px));
}

.rd-order-detail-modal .modal-header small {
  display: block;
  margin-top: 4px;
  color: #aeb9cf;
  font-size: 13px;
}

.rd-order-detail-body {
  display: grid;
  gap: 18px;
  font-family: "Consolas", "Monaco", "Courier New", monospace;
}

.rd-detail-hero,
.rd-detail-grid,
.rd-detail-summary {
  display: grid;
  gap: 14px;
}

.rd-detail-hero {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rd-detail-hero > div,
.rd-detail-card,
.rd-detail-section,
.rd-detail-summary > div {
  border: 1px solid rgba(186, 202, 236, 0.13);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(25, 36, 58, 0.95), rgba(14, 21, 36, 0.95));
}

.rd-detail-hero > div,
.rd-detail-summary > div {
  padding: 18px;
}

.rd-detail-hero span,
.rd-detail-summary span,
.rd-detail-section-head span {
  display: block;
  color: #d99cff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1.2px;
  line-height: 1.2;
  text-transform: uppercase;
}

.rd-detail-hero strong,
.rd-detail-summary strong {
  display: block;
  color: #fff;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.15;
  margin-top: 8px;
}

.rd-detail-hero small {
  display: block;
  color: #aeb9cf;
  font-size: 12px;
  margin-top: 6px;
}

.rd-detail-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rd-detail-card {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 14px;
  padding: 18px;
}

.rd-detail-card-wide {
  grid-column: 1 / -1;
}

.rd-detail-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 16px;
  color: #f0ccff;
  background: rgba(143, 63, 176, 0.22);
}

.rd-detail-card h4,
.rd-detail-section-head h3 {
  color: #fff;
  font-family: inherit;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.2;
  margin: 0 0 8px;
}

.rd-detail-card p,
.rd-detail-card small {
  display: block;
  color: #dfe6f6;
  font-size: 13px;
  line-height: 1.45;
  margin: 0;
}

.rd-detail-card small {
  color: #aeb9cf;
  margin-top: 4px;
}

.rd-detail-section {
  padding: 18px;
}

.rd-detail-section-head {
  margin-bottom: 14px;
}

.rd-detail-items,
.rd-detail-timeline {
  display: grid;
  gap: 10px;
}

.rd-detail-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  padding: 14px;
  border: 1px solid rgba(186, 202, 236, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
}

.rd-detail-item-main strong {
  display: block;
  color: #fff;
  font-size: 14px;
  font-weight: 900;
}

.rd-detail-item-main small,
.rd-detail-addons span,
.rd-detail-timeline small,
.rd-detail-timeline p {
  color: #aeb9cf;
  font-size: 12px;
  line-height: 1.45;
}

.rd-detail-item-total {
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  white-space: nowrap;
}

.rd-detail-addons {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.rd-detail-addons span {
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(217, 156, 255, 0.1);
}

.rd-detail-addons b {
  color: #fff;
}

.rd-detail-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.rd-detail-summary > div.is-total {
  border-color: rgba(217, 156, 255, 0.28);
  background: linear-gradient(145deg, rgba(143, 63, 176, 0.28), rgba(18, 24, 39, 0.95));
}

.rd-detail-timeline > div {
  position: relative;
  padding: 12px 12px 12px 34px;
  border: 1px solid rgba(186, 202, 236, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.03);
}

.rd-detail-timeline i {
  position: absolute;
  top: 17px;
  left: 14px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #d99cff;
  box-shadow: 0 0 0 4px rgba(217, 156, 255, 0.12);
}

.rd-detail-timeline strong {
  display: block;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
}

.rd-detail-empty,
.rd-detail-loading {
  padding: 18px;
  border: 1px dashed rgba(186, 202, 236, 0.18);
  border-radius: 16px;
  color: #aeb9cf;
  text-align: center;
}

.rd-sales-row-new {
  animation: rdSalesNewRow 3s ease forwards;
}

@keyframes rdSalesNewRow {
  0% {
    background-color: rgba(217, 156, 255, 0.18);
  }
  100% {
    background-color: transparent;
  }
}

.rd-sales-table-card small {
  color: inherit;
  font-size: 13px;
}

.rd-sales-table-card .text-white {
  color: #eef2fb !important;
}

.rd-sales-loading img {
  max-width: 180px;
}

.rd-sales-totals-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.rd-sales-total-card {
  position: relative;
  overflow: hidden;
  min-height: 158px;
  padding: 22px;
  border: 1px solid rgba(186, 202, 236, 0.13);
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 100%, rgba(73, 182, 255, 0.16), transparent 34%),
    linear-gradient(145deg, #1a253b, #111827);
}

.rd-sales-total-card:before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 52%;
  background: linear-gradient(135deg, rgba(143, 63, 176, 0.18), transparent);
  pointer-events: none;
}

.rd-sales-total-card > * {
  position: relative;
  z-index: 1;
}

.rd-sales-total-card strong {
  display: block;
  color: #fff;
  font-size: 30px;
  font-weight: 900;
  line-height: 1.1;
  margin: 16px 0 10px;
}

.rd-sales-total-card small {
  display: block;
  color: #aeb9cf;
  font-size: 13px;
  line-height: 1.55;
}

.rd-sales-total-primary {
  border-color: rgba(217, 156, 255, 0.24);
  background:
    radial-gradient(circle at 100% 100%, rgba(143, 63, 176, 0.34), transparent 38%),
    linear-gradient(145deg, #241d3a, #121827);
}

.rd-sales-total-danger {
  border-color: rgba(255, 102, 129, 0.24);
  background:
    radial-gradient(circle at 100% 100%, rgba(255, 102, 129, 0.22), transparent 38%),
    linear-gradient(145deg, #271a2a, #121827);
}

@media (max-width: 1500px) {
  .rd-sales-board {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1200px) {
  .rd-sales-board {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rd-sales-totals-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rd-sales-filters {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .rd-catalog-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rd-options-list-card .rd-options-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rd-options-filter-actions {
    grid-column: 1 / -1;
    justify-content: flex-end;
  }

  .rd-schedule-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .rd-login-shell {
    width: calc(100vw - 28px);
    grid-template-columns: 1fr;
    border-radius: 28px;
  }

  .rd-login-brand {
    min-height: auto;
    padding: 42px 30px;
  }

  .rd-login-panel {
    min-height: auto;
    padding: 38px 28px;
  }

  .rob-register .login-center {
    width: calc(100vw - 28px);
    grid-template-columns: 1fr;
    padding: 0;
    border-radius: 28px;
  }

  .rd-register-intro {
    min-height: auto;
    padding: 42px 30px;
    margin: -1px -1px 0;
    border-radius: 28px 28px 0 0;
  }

  .rd-register-panel {
    padding-left: 28px;
    padding-right: 28px;
  }

  .rd-mobile-menu-toggle {
    display: grid;
  }

  body.rob-dashboard .sidebar {
    left: 0 !important;
    width: 284px !important;
    max-width: calc(100vw - 72px);
    transform: translate3d(-110%, 0, 0) !important;
    transition: transform 220ms ease;
    visibility: hidden;
    pointer-events: none;
    z-index: 1060;
  }

  body.rob-dashboard.nav-open .sidebar {
    transform: translate3d(0, 0, 0) !important;
    visibility: visible;
    pointer-events: auto;
  }

  body.rob-dashboard .main-panel,
  body.rob-dashboard.nav-open .main-panel {
    width: 100% !important;
    float: none !important;
    transform: none !important;
  }

  body.rob-dashboard .main-panel > .content,
  body.rob-dashboard .main-panel > .mt-5 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .rob-dashboard .navbar.fixed-top {
    left: 0;
  }

  body.rob-dashboard .rd-global-topbar {
    left: 0 !important;
    width: 100% !important;
  }

  .rd-master-company-button span {
    display: none;
  }

  .rd-master-company-button {
    width: 36px;
    min-height: 36px;
    justify-content: center;
    padding: 0;
  }

  .rd-master-company-toolbar,
  .rd-master-company-row {
    grid-template-columns: 1fr;
  }

  .rd-master-company-actions {
    justify-content: space-between;
  }

  .rd-delivery-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rd-insights-grid {
    grid-template-columns: 1fr;
  }

  .rd-map-grid {
    grid-template-columns: 1fr;
  }

  .rd-config-slice > table > tbody {
    grid-template-columns: 1fr;
  }

  .rd-config-menu,
  .rd-store-controls {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .rd-options-list-card .rd-options-filters {
    grid-template-columns: 1fr;
  }

  .rd-options-filter-actions {
    flex-direction: column;
    align-items: stretch;
    grid-column: auto;
    white-space: normal;
  }

  .rd-options-filter-actions .btn {
    width: 100%;
  }

  .rd-login-brand h1 {
    font-size: 40px;
  }

  .rd-login-form .rd-login-options {
    grid-template-columns: 1fr;
  }

  .rd-login-form #esquecisenha .form-group {
    text-align: left !important;
  }

  .rd-dashboard-hero {
    align-items: flex-start;
    flex-direction: column;
    padding: 22px;
  }

  .rd-new-version-callout {
    grid-template-columns: 1fr;
    padding: 22px;
  }

  .rd-new-version-icon {
    width: 52px;
    height: 52px;
  }

  .rd-new-version-button {
    width: 100%;
  }

  .rd-store-link {
    width: 100%;
  }

  .rd-password-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .rd-password-actions .btn {
    width: 100%;
  }

  .rd-delivery-summary {
    grid-template-columns: 1fr;
  }

  .rd-section-head {
    flex-direction: column;
  }

  .rd-section-head h2 {
    font-size: 22px;
  }

  .rd-heatmap-card {
    padding: 18px;
  }

  .rd-heat-legend,
  .rd-heat-row {
    grid-template-columns: 48px repeat(4, minmax(64px, 1fr));
    gap: 8px;
  }

  .rd-heatmap-body,
  .rd-heat-legend {
    min-width: 360px;
  }

  .rd-heatmap-card {
    overflow-x: auto;
  }

  .rd-top-grid {
    grid-template-columns: 1fr;
  }

  .rd-map-card,
  .rd-neighborhood-card {
    padding: 18px;
  }

  .rd-client-map {
    min-height: 360px;
  }

  .rd-map-card,
  .rd-neighborhood-card {
    min-height: auto;
  }

  .rd-neighborhood-list {
    max-height: none;
  }

  .rd-config-menu,
  .rd-store-controls {
    grid-template-columns: 1fr;
  }

  .rd-config-dados #dados {
    grid-template-columns: 1fr;
  }

  .rd-config-dados .rd-data-read-card {
    position: relative;
    top: auto;
    grid-column: 1;
    grid-row: auto;
  }

  .rd-global-topbar {
    align-items: flex-start;
    flex-direction: column;
    min-height: 108px;
    padding: 14px;
  }

  .rd-global-status {
    width: 100%;
    justify-content: space-between;
  }

  .rd-global-store-text strong {
    font-size: 14px;
  }

  .rob-dashboard .main-panel > .content,
  .rob-dashboard .main-panel > .mt-5 {
    padding-top: 128px !important;
  }

  .rd-sales-filter-card,
  .rd-sales-table-card,
  .rd-sales-totals-section {
    padding: 18px;
    border-radius: 20px;
  }

  .rd-sales-section-head {
    align-items: stretch;
    flex-direction: column;
  }

  .rd-sales-section-head .btn {
    width: 100%;
  }

  .rd-sales-filters,
  .rd-sales-totals-grid,
  .rd-sales-board {
    grid-template-columns: 1fr;
  }

  .rd-sales-filters .rd-field,
  .rd-sales-filters .rd-field-wide,
  .rd-sales-switch,
  .rd-sales-clear-filters {
    grid-column: 1;
  }

  .rd-catalog-filters {
    grid-template-columns: 1fr;
  }

  .rd-schedule-form {
    grid-template-columns: 1fr;
  }

  .rd-sales-total-card strong {
    font-size: 26px;
  }
}

/* Layout configuration */
.rd-layout-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 18px;
}

.rd-layout-card {
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-width: 0;
  padding: 22px;
  border: 1px solid rgba(186, 202, 236, 0.14);
  border-radius: 22px;
  background:
    linear-gradient(145deg, rgba(24, 36, 58, 0.94), rgba(10, 16, 29, 0.98));
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.16);
}

.rd-layout-color-card {
  grid-column: 1 / -1;
}

.rd-layout-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.rd-layout-card-head span {
  color: #d99cff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.7px;
  text-transform: uppercase;
}

.rd-layout-card-head h3 {
  color: #f7f9ff;
  font-size: 26px;
  font-weight: 900;
  margin: 6px 0 6px;
}

.rd-layout-card-head p {
  color: #aebbd2;
  font-size: 14px;
  line-height: 1.55;
  margin: 0;
}

.rd-layout-card-head > i {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
  border-radius: 16px;
  color: #e8c0ff;
  background: linear-gradient(145deg, rgba(141, 51, 168, 0.38), rgba(217, 156, 255, 0.1));
}

.rd-layout-preview {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 220px;
  overflow: hidden;
  border: 1px solid rgba(186, 202, 236, 0.14);
  border-radius: 20px;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.035) 25%, transparent 25%) 0 0 / 22px 22px,
    linear-gradient(135deg, transparent 75%, rgba(255,255,255,0.035) 75%) 0 0 / 22px 22px,
    rgba(4, 10, 21, 0.55);
}

.rd-layout-logo-preview img {
  max-width: min(80%, 320px);
  max-height: 180px;
  object-fit: contain;
  border-radius: 14px;
}

.rd-layout-banner-preview {
  aspect-ratio: 16 / 6;
  min-height: 130px;
}

.rd-layout-banner-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rd-layout-banner-slots {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.rd-layout-banner-slot {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.rd-layout-banner-slot .rd-layout-action {
  width: 100%;
  justify-content: center;
}

.rd-layout-empty {
  position: absolute;
  inset: 0;
  display: none;
  place-items: center;
  align-content: center;
  gap: 8px;
  padding: 26px;
  text-align: center;
  color: #aebbd2;
  background: rgba(7, 12, 24, 0.88);
}

.rd-layout-preview.is-empty .rd-layout-empty {
  display: grid;
}

.rd-layout-empty i {
  color: #d99cff;
  font-size: 40px;
}

.rd-layout-empty strong {
  color: #f7f9ff;
  font-size: 18px;
  font-weight: 900;
}

.rd-layout-empty small {
  max-width: 280px;
  font-size: 13px;
  line-height: 1.45;
}

.rd-layout-action {
  align-self: flex-start;
}

.rd-layout-card .alert {
  display: none;
  margin: 0;
}

.rd-color-picker-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.rd-color-field {
  display: grid;
  gap: 10px;
  padding: 16px;
  border: 1px solid rgba(186, 202, 236, 0.12);
  border-radius: 18px;
  background: rgba(255,255,255,0.025);
}

.rd-color-field.is-active {
  border-color: rgba(217, 156, 255, 0.58);
  box-shadow: 0 0 0 3px rgba(141, 51, 168, 0.16);
}

.rd-color-field label {
  color: #dfe6f6 !important;
  font-size: 13px;
  font-weight: 900;
  margin: 0;
}

.rd-color-trigger {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px;
  border: 1px solid rgba(186, 202, 236, 0.14);
  border-radius: 15px;
  color: #f7f9ff;
  background: rgba(7, 12, 24, 0.55);
  cursor: pointer;
}

.rd-color-trigger span {
  width: 42px;
  height: 42px;
  border: 2px solid rgba(255,255,255,0.68);
  border-radius: 12px;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.18);
}

.rd-color-trigger strong {
  font-size: 15px;
  font-weight: 900;
}

.rd-color-input {
  text-transform: uppercase;
}

.rd-color-panel {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(186, 202, 236, 0.12);
  border-radius: 18px;
  background: rgba(255,255,255,0.025);
}

.rd-color-spectrum {
  --rd-hue: 280;
  position: relative;
  height: 180px;
  overflow: hidden;
  border-radius: 16px;
  cursor: crosshair;
  background:
    linear-gradient(to top, #000, transparent),
    linear-gradient(to right, #fff, hsla(var(--rd-hue), 100%, 50%, 1));
}

.rd-color-spectrum i {
  position: absolute;
  left: 72%;
  top: 36%;
  width: 18px;
  height: 18px;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 2px rgba(0,0,0,0.35);
  transform: translate(-50%, -50%);
  pointer-events: none;
}

#rd-layout-hue {
  width: 100%;
  accent-color: #8d33a8;
}

.rd-color-presets {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.rd-color-presets button {
  width: 38px;
  height: 38px;
  border: 2px solid rgba(255,255,255,0.72);
  border-radius: 12px;
  cursor: pointer;
}

.rd-layout-crop-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  gap: 20px;
  align-items: start;
}

.rd-layout-crop-stage {
  display: grid;
  place-items: center;
  min-height: 430px;
  overflow: hidden;
  border: 1px solid rgba(186, 202, 236, 0.14);
  border-radius: 18px;
  background: rgba(4, 10, 21, 0.62);
}

.rd-layout-crop-stage img {
  display: block;
  max-width: 100%;
}

.rd-layout-crop-grid aside {
  display: grid;
  gap: 12px;
  color: #aebbd2;
}

.rd-layout-crop-grid aside strong {
  color: #f7f9ff;
  font-size: 18px;
  font-weight: 900;
}

.rd-layout-crop-preview {
  width: 200px;
  height: 120px;
  overflow: hidden;
  border: 1px solid rgba(186, 202, 236, 0.18);
  border-radius: 16px;
  background: rgba(255,255,255,0.04);
}

.rd-layout-crop-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 991px) {
  .rd-layout-grid,
  .rd-color-picker-grid,
  .rd-layout-crop-grid {
    grid-template-columns: 1fr;
  }

  .rd-layout-banner-slots {
    grid-template-columns: 1fr;
  }

  .rd-layout-crop-preview {
    width: 100%;
    max-width: 260px;
  }
}

/* WhatsApp integration */
.rd-whatsapp-page .rd-whatsapp-grid {
  display: grid;
  grid-template-columns: minmax(320px, 0.95fr) minmax(360px, 1.05fr);
  gap: 18px;
  align-items: start;
}

.rd-whatsapp-card {
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-width: 0;
  padding: 24px;
  border: 1px solid rgba(186, 202, 236, 0.14);
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(24, 36, 58, 0.94), rgba(10, 16, 29, 0.98));
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.16);
}

.rd-whatsapp-messages-card,
.rd-whatsapp-support-card {
  grid-column: 1 / -1;
}

.rd-whatsapp-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.rd-whatsapp-card-head span {
  color: #d99cff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.7px;
  text-transform: uppercase;
}

.rd-whatsapp-card-head h2 {
  color: #f7f9ff;
  font-size: 28px;
  font-weight: 900;
  margin: 6px 0;
}

.rd-whatsapp-card-head p {
  color: #aebbd2;
  font-size: 14px;
  line-height: 1.55;
  margin: 0;
}

.rd-whatsapp-card-head > i {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
  border-radius: 16px;
  color: #e8c0ff;
  background: linear-gradient(145deg, rgba(141, 51, 168, 0.38), rgba(217, 156, 255, 0.1));
}

.rd-whatsapp-status-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 14px;
  border: 1px solid rgba(186, 202, 236, 0.12);
  border-radius: 16px;
  background: rgba(255,255,255,0.025);
}

.rd-whatsapp-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 11px;
  border: 1px solid rgba(186, 202, 236, 0.14);
  border-radius: 999px;
  color: #dfe6f6;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.rd-whatsapp-status i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #d99cff;
  animation: rdPulse 1.4s infinite;
}

.rd-whatsapp-status.is-online {
  color: #dfffea;
  border-color: rgba(34, 197, 94, 0.28);
  background: rgba(34, 197, 94, 0.12);
}

.rd-whatsapp-status.is-online i {
  background: #22c55e;
}

.rd-whatsapp-status.is-offline {
  color: #ffe3e9;
  border-color: rgba(255, 102, 129, 0.28);
  background: rgba(255, 102, 129, 0.12);
}

.rd-whatsapp-status.is-offline i {
  background: #ff6681;
}

.rd-whatsapp-status-row small {
  color: #aebbd2;
  font-size: 12px;
}

.rd-whatsapp-qr-box {
  display: grid;
  place-items: center;
  min-height: 280px;
  padding: 22px;
  overflow: hidden;
  border: 1px dashed rgba(186, 202, 236, 0.18);
  border-radius: 20px;
  background: rgba(4, 10, 21, 0.46);
  text-align: center;
}

.rd-whatsapp-qr-box img,
.rd-whatsapp-qr-box canvas,
.rd-whatsapp-qr-box svg {
  max-width: 240px;
  height: auto;
  border-radius: 16px;
}

.rd-whatsapp-empty-qr,
.rd-whatsapp-loading,
.rd-whatsapp-connected {
  display: grid;
  place-items: center;
  gap: 8px;
  color: #aebbd2;
}

.rd-whatsapp-empty-qr i,
.rd-whatsapp-connected i {
  color: #d99cff;
  font-size: 44px;
}

.rd-whatsapp-connected i {
  color: #22c55e;
}

.rd-whatsapp-empty-qr strong,
.rd-whatsapp-connected strong {
  color: #f7f9ff;
  font-size: 18px;
  font-weight: 900;
}

.rd-whatsapp-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.rd-whatsapp-actions .btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.rd-whatsapp-toggle-card {
  margin: 0;
}

.rd-whatsapp-settings-list {
  display: grid;
  gap: 10px;
}

.rd-whatsapp-setting {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 2px 12px;
  align-items: center;
  margin: 0;
  padding: 14px 15px;
  border: 1px solid rgba(186, 202, 236, 0.12);
  border-radius: 16px;
  background: rgba(255,255,255,0.025);
  color: #f7f9ff;
  cursor: pointer;
}

.rd-whatsapp-setting input {
  grid-row: span 2;
  width: 18px;
  height: 18px;
  accent-color: #8d33a8;
}

.rd-whatsapp-setting span {
  font-size: 14px;
  font-weight: 900;
}

.rd-whatsapp-setting small {
  color: #aebbd2;
  font-size: 12px;
}

.rd-whatsapp-card .form-group {
  margin-bottom: 0;
}

.rd-whatsapp-support-card .btn {
  align-self: flex-start;
}

@media (max-width: 991px) {
  .rd-whatsapp-page .rd-whatsapp-grid {
    grid-template-columns: 1fr;
  }

  .rd-whatsapp-status-row,
  .rd-whatsapp-card-head,
  .rd-whatsapp-actions {
    align-items: stretch;
    flex-direction: column;
  }
}

.rd-region-page .mt-5.p-3 {
  padding-top: 44px !important;
}

.rd-region-page .rd-region-hero {
  margin-top: 8px;
}

.rd-region-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 390px;
  gap: 18px;
  align-items: start;
  margin-top: 18px;
}

.rd-region-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(186, 202, 236, 0.13);
  border-radius: 24px;
  background:
    radial-gradient(circle at 0 0, rgba(141, 51, 168, 0.16), transparent 34%),
    linear-gradient(145deg, rgba(20, 31, 51, 0.98), rgba(9, 17, 31, 0.98));
  box-shadow: 0 20px 42px rgba(0, 0, 0, 0.22);
}

.rd-region-map-card {
  padding: 22px;
}

.rd-region-side {
  display: grid;
  gap: 18px;
}

.rd-region-bottom {
  margin-top: 18px;
}

.rd-region-side .rd-region-card {
  padding: 20px;
}

.rd-region-bottom .rd-region-card {
  padding: 22px;
}

.rd-region-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.rd-region-card-head span,
.rd-region-modal .modal-header span {
  display: block;
  color: #d99cff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.7px;
  text-transform: uppercase;
}

.rd-region-card-head h2 {
  color: #f7f9ff;
  font-size: 24px;
  font-weight: 900;
  margin: 6px 0;
}

.rd-region-card-head p,
.rd-region-modal .modal-header p {
  color: #aebbd2;
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}

.rd-region-card-head > i {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  border: 1px solid rgba(217, 156, 255, 0.18);
  border-radius: 16px;
  color: #e8c0ff;
  background: linear-gradient(145deg, rgba(141, 51, 168, 0.38), rgba(217, 156, 255, 0.08));
}

.rd-region-map {
  width: 100%;
  min-height: 640px;
  border: 1px solid rgba(186, 202, 236, 0.14);
  border-radius: 20px;
  background: #07101f;
  overflow: hidden;
}

.rd-region-map .leaflet-control-layers,
.rd-region-map .leaflet-bar a,
.rd-region-map .leaflet-bar a:hover {
  border-color: rgba(186, 202, 236, 0.18);
  background: #111b2d;
  color: #f7f9ff;
}

.rd-region-map .leaflet-draw-toolbar a {
  filter: invert(1) hue-rotate(180deg);
}

.rd-region-map .leaflet-popup-content-wrapper,
.rd-region-map .leaflet-popup-tip {
  background: #111b2d;
  color: #f7f9ff;
  box-shadow: 0 18px 40px rgba(0,0,0,0.34);
}

.rd-region-page .rd-field {
  margin-bottom: 16px;
}

.rd-region-page .rd-field label {
  color: #dfe6f6;
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 8px;
}

.rd-region-page .form-control {
  height: 50px;
  border: 1px solid rgba(186, 202, 236, 0.16);
  border-radius: 16px;
  background: rgba(6, 13, 25, 0.72);
  color: #f7f9ff;
  box-shadow: none;
}

.rd-region-page .form-control:focus {
  border-color: rgba(217, 156, 255, 0.72);
  box-shadow: 0 0 0 3px rgba(141, 51, 168, 0.18);
}

.rd-region-page .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  border-radius: 14px;
  font-weight: 900;
}

.rd-region-list-card .table-responsive {
  max-height: 360px;
  overflow: auto;
}

.rd-region-table {
  margin: 0;
  color: #dfe6f6;
}

.rd-region-table thead th {
  border: 0;
  color: #aebbd2;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.rd-region-table td {
  border-color: rgba(186, 202, 236, 0.1);
  color: #dfe6f6;
  vertical-align: middle;
}

.rd-region-table tbody tr:hover {
  background: rgba(217, 156, 255, 0.07);
}

.rd-region-chip {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 10px;
  border: 1px solid rgba(217, 156, 255, 0.24);
  border-radius: 999px;
  background: rgba(141, 51, 168, 0.14);
  color: #e8c0ff;
  font-size: 12px;
  font-weight: 900;
}

.rd-region-modal .modal-content {
  border: 1px solid rgba(186, 202, 236, 0.14);
  border-radius: 22px;
  background: #0b1424;
  color: #f7f9ff;
  box-shadow: 0 28px 80px rgba(0,0,0,0.5);
}

.rd-region-modal .modal-header,
.rd-region-modal .modal-footer {
  border-color: rgba(186, 202, 236, 0.12);
}

.rd-region-modal .modal-title {
  color: #f7f9ff;
  font-size: 24px;
  font-weight: 900;
  margin: 4px 0;
}

.rd-region-modal .close {
  color: #f7f9ff;
  opacity: 0.86;
}

.rd-region-modal .modal-footer {
  gap: 10px;
}

@media (max-width: 1280px) {
  .rd-region-layout {
    grid-template-columns: 1fr;
  }

  .rd-region-side {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .rd-region-side {
    grid-template-columns: 1fr;
  }

  .rd-region-map {
    min-height: 460px;
  }

  .rd-region-card-head {
    flex-direction: column;
  }
}

@media (max-width: 575px) {
  .rd-region-map-card,
  .rd-region-side .rd-region-card,
  .rd-region-bottom .rd-region-card {
    padding: 16px;
    border-radius: 20px;
  }

  .rd-region-map {
    min-height: 360px;
  }
}

.rd-neighborhood-page .mt-5.p-3 {
  padding-top: 62px !important;
}

.rd-neighborhood-page .rd-neighborhood-hero {
  margin-top: 10px;
}

.rd-neighborhood-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);
  gap: 18px;
  align-items: stretch;
  margin-top: 18px;
}

.rd-neighborhood-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(186, 202, 236, 0.13);
  border-radius: 24px;
  background:
    radial-gradient(circle at 0 0, rgba(141, 51, 168, 0.15), transparent 34%),
    linear-gradient(145deg, rgba(20, 31, 51, 0.98), rgba(9, 17, 31, 0.98));
  box-shadow: 0 20px 42px rgba(0, 0, 0, 0.22);
  padding: 22px;
}

.rd-neighborhood-list-card {
  margin-top: 18px;
}

.rd-neighborhood-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.rd-neighborhood-card-head span,
.rd-neighborhood-modal .modal-header span {
  display: block;
  color: #d99cff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.7px;
  text-transform: uppercase;
}

.rd-neighborhood-card-head h2,
.rd-neighborhood-modal .modal-title {
  color: #f7f9ff;
  font-size: 24px;
  font-weight: 900;
  margin: 6px 0;
}

.rd-neighborhood-card-head p,
.rd-neighborhood-modal .modal-header p {
  color: #aebbd2;
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}

.rd-neighborhood-card-head > i {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  border: 1px solid rgba(217, 156, 255, 0.18);
  border-radius: 16px;
  color: #e8c0ff;
  background: linear-gradient(145deg, rgba(141, 51, 168, 0.38), rgba(217, 156, 255, 0.08));
}

.rd-neighborhood-filter-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.rd-neighborhood-page .rd-field {
  margin-bottom: 16px;
}

.rd-neighborhood-page .rd-field label {
  color: #dfe6f6;
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 8px;
}

.rd-neighborhood-page .form-control {
  height: 50px;
  border: 1px solid rgba(186, 202, 236, 0.16);
  border-radius: 16px;
  background: rgba(6, 13, 25, 0.72);
  color: #f7f9ff;
  box-shadow: none;
}

.rd-neighborhood-page .form-control:focus {
  border-color: rgba(217, 156, 255, 0.72);
  box-shadow: 0 0 0 3px rgba(141, 51, 168, 0.18);
}

.rd-neighborhood-page .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 14px;
  font-weight: 900;
}

.rd-neighborhood-map {
  width: 100%;
  min-height: 350px;
  border: 1px solid rgba(186, 202, 236, 0.14);
  border-radius: 20px;
  background: #07101f;
  overflow: hidden;
}

.rd-neighborhood-map .leaflet-bar a,
.rd-neighborhood-map .leaflet-bar a:hover {
  border-color: rgba(186, 202, 236, 0.18);
  background: #111b2d;
  color: #f7f9ff;
}

.rd-neighborhood-map-note {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  color: #aebbd2;
  font-size: 13px;
}

.rd-neighborhood-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
  padding: 13px 15px;
  border: 1px solid rgba(186, 202, 236, 0.12);
  border-radius: 16px;
  background: rgba(255,255,255,0.025);
  color: #aebbd2;
}

.rd-neighborhood-summary strong {
  color: #f7f9ff;
}

.rd-neighborhood-search {
  margin-bottom: 16px;
}

.rd-neighborhood-search .rd-field {
  max-width: 520px;
  margin-bottom: 0;
}

.rd-neighborhood-search-input {
  position: relative;
}

.rd-neighborhood-search-input i {
  position: absolute;
  left: 16px;
  top: 50%;
  z-index: 1;
  color: #d99cff;
  font-size: 20px;
  transform: translateY(-50%);
}

.rd-neighborhood-search-input .form-control {
  padding-left: 48px;
}

.rd-neighborhood-table-wrap {
  max-height: 560px;
  overflow: auto;
}

.rd-neighborhood-table {
  margin: 0;
  color: #dfe6f6;
}

.rd-neighborhood-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  border: 0;
  background: #101a2c;
  color: #aebbd2;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.rd-neighborhood-table td {
  border-color: rgba(186, 202, 236, 0.1);
  color: #dfe6f6;
  vertical-align: middle;
}

.rd-neighborhood-table tbody tr:hover {
  background: rgba(217, 156, 255, 0.07);
}

.rd-neighborhood-filter-empty td {
  padding: 18px;
  color: #aebbd2;
  text-align: center;
}

.rd-neighborhood-row td:first-child strong {
  display: block;
  color: #f7f9ff;
  font-weight: 900;
}

.rd-neighborhood-row td:first-child small {
  display: block;
  color: #8f9bb2;
  font-size: 12px;
}

.rd-neighborhood-source,
.rd-neighborhood-status {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
}

.rd-neighborhood-source {
  border: 1px solid rgba(186, 202, 236, 0.14);
  background: rgba(186, 202, 236, 0.08);
  color: #cbd6eb;
}

.rd-neighborhood-source.is-manual {
  border-color: rgba(217, 156, 255, 0.25);
  background: rgba(141, 51, 168, 0.15);
  color: #e8c0ff;
}

.rd-neighborhood-status.is-served {
  border: 1px solid rgba(34, 197, 94, 0.24);
  background: rgba(34, 197, 94, 0.12);
  color: #dfffea;
}

.rd-neighborhood-status.is-free {
  border: 1px solid rgba(250, 204, 21, 0.24);
  background: rgba(250, 204, 21, 0.12);
  color: #fff2b3;
}

.rd-neighborhood-status.is-disabled {
  border: 1px solid rgba(255, 102, 129, 0.24);
  background: rgba(255, 102, 129, 0.11);
  color: #ffe3e9;
}

.rd-inline-price {
  max-width: 150px;
}

.rd-neighborhood-loading,
.rd-neighborhood-empty,
.rd-neighborhood-list-empty {
  padding: 20px;
  border: 1px dashed rgba(186, 202, 236, 0.18);
  border-radius: 18px;
  color: #aebbd2;
  background: rgba(4, 10, 21, 0.36);
}

.rd-neighborhood-modal .modal-content {
  border: 1px solid rgba(186, 202, 236, 0.14);
  border-radius: 22px;
  background: #0b1424;
  color: #f7f9ff;
  box-shadow: 0 28px 80px rgba(0,0,0,0.5);
}

.rd-neighborhood-modal .modal-header,
.rd-neighborhood-modal .modal-footer {
  border-color: rgba(186, 202, 236, 0.12);
}

.rd-neighborhood-modal .close {
  color: #f7f9ff;
  opacity: 0.86;
}

.rd-neighborhood-modal .alert {
  margin-top: 12px;
}

@media (max-width: 1180px) {
  .rd-neighborhood-grid,
  .rd-neighborhood-filter-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575px) {
  .rd-neighborhood-card {
    padding: 16px;
    border-radius: 20px;
  }

  .rd-neighborhood-card-head {
    flex-direction: column;
  }

  .rd-neighborhood-map {
    min-height: 320px;
  }
}

.rd-billing-page .mt-5.p-3 {
  padding-top: 62px !important;
}

.rd-blacklist-page .mt-5.p-3 {
  padding-top: 62px !important;
}

.rd-riders-page .mt-5.p-3 {
  padding-top: 78px !important;
}

.rd-riders-page .rd-riders-hero {
  margin-top: 10px;
}

.rd-blacklist-page .container-fluid {
  display: grid;
  gap: 18px;
}

.rd-riders-page .container-fluid {
  display: grid;
  gap: 18px;
}

.rd-blacklist-form-card,
.rd-blacklist-list-card,
.rd-riders-list-card {
  padding: 22px;
  overflow: visible !important;
}

.rd-riders-list-card .table-responsive,
.rd-riders-table {
  overflow: visible !important;
}

.rd-riders-table .dropdown,
.rd-riders-table .rd-rule-actions-menu {
  position: static;
}

.rd-riders-table .dropdown-menu {
  z-index: 1085;
}

.rd-riders-action-btn {
  min-width: 86px;
  min-height: 34px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 1px solid rgba(217, 156, 255, 0.72) !important;
  border-radius: 4px !important;
  color: #d99cff !important;
  background: rgba(143, 63, 176, 0.12) !important;
  box-shadow: 0 10px 22px rgba(143, 63, 176, 0.14) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0;
  text-transform: uppercase;
}

.rd-riders-action-btn:hover,
.rd-riders-action-btn:focus {
  color: #fff !important;
  background: rgba(143, 63, 176, 0.28) !important;
}

.rd-riders-action-btn.dropdown-toggle::after {
  margin-left: 2px;
  color: currentColor;
}

.rd-riders-filter-grid {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) 150px 112px 112px;
  gap: 12px;
  align-items: end;
  margin: 0 0 18px;
  padding: 14px;
  border: 1px solid rgba(186, 202, 236, 0.12);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.025);
}

.rd-riders-filter-grid .btn {
  min-height: 48px;
  margin: 0 0 16px;
  padding-left: 14px;
  padding-right: 14px;
  white-space: nowrap;
}

.rd-blacklist-form-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: end;
}

.rd-blacklist-form-grid .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  margin: 0 0 16px;
  white-space: nowrap;
}

.rd-blacklist-table .rd-billing-action {
  border-color: rgba(255, 102, 129, 0.28);
  background: rgba(255, 102, 129, 0.1);
  color: #ffd2dc;
}

.rd-blacklist-table .rd-billing-action:hover {
  color: #fff;
  background: rgba(255, 102, 129, 0.2);
}

.rd-rider-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.rd-rider-form-grid .rd-field-wide {
  grid-column: 1 / -1;
}

.rd-rider-map-summary {
  margin: 0 0 14px;
  padding: 14px 16px;
  color: #cbd6eb;
  border: 1px solid rgba(186, 202, 236, 0.12);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
}

.rd-rider-map-summary strong {
  color: #fff;
  font-weight: 900;
}

.rd-rider-delivery-map {
  min-height: 520px;
  overflow: hidden;
  border: 1px solid rgba(186, 202, 236, 0.14);
  border-radius: 20px;
  background: rgba(4, 10, 21, 0.55);
}

.rd-rider-delivery-map .leaflet-popup-content-wrapper,
.rd-rider-delivery-map .leaflet-popup-tip {
  background: #101a2c;
  color: #edf4ff;
  border: 1px solid rgba(186, 202, 236, 0.18);
}

.rd-rider-delivery-map .leaflet-popup-content {
  margin: 12px 14px;
  line-height: 1.45;
}

.rd-status-rider-box {
  display: none;
  margin: 16px 0 0;
  padding: 18px;
  border: 1px solid rgba(217, 156, 255, 0.22);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(217, 156, 255, 0.08), rgba(255, 255, 255, 0.025));
}

.rd-status-rider-box small {
  display: block;
  color: #aebbd2;
  text-align: left;
}

.rd-sales-badge-rider {
  border-color: rgba(217, 156, 255, 0.24);
  background: rgba(217, 156, 255, 0.12);
  color: #efccff;
}

.rd-status-change-modal .modal-dialog {
  max-width: 620px;
}

.rd-status-change-modal .modal-header {
  align-items: flex-start;
  padding: 20px 22px;
}

.rd-modal-kicker {
  display: block;
  color: #d99cff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.rd-status-change-modal .modal-body {
  padding: 22px;
}

.rd-status-change-intro {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  margin-bottom: 18px;
  padding: 16px;
  border: 1px solid rgba(186, 202, 236, 0.12);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.025);
}

.rd-status-change-intro i {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  color: #e8c0ff;
  border: 1px solid rgba(217, 156, 255, 0.18);
  border-radius: 15px;
  background: rgba(141, 51, 168, 0.2);
}

.rd-status-change-intro strong {
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: 900;
}

.rd-status-change-intro p,
.rd-status-change-footer p {
  color: #aebbd2;
  font-size: 14px;
  line-height: 1.5;
  margin: 4px 0 0;
}

.rd-status-change-summary {
  display: flex;
  justify-content: center;
  margin-bottom: 18px;
}

.rd-status-change-summary > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid rgba(217, 156, 255, 0.22);
  border-radius: 16px;
  background: rgba(217, 156, 255, 0.08);
  color: #f7f9ff;
  font-size: 13px;
  font-weight: 900;
}

.rd-status-change-summary .rd-status-from {
  color: #aebbd2;
}

.rd-status-change-summary .rd-status-to {
  color: #fff;
}

.rd-status-change-summary i {
  color: #d99cff;
}

.rd-status-change-fields {
  display: grid;
  gap: 14px;
}

.rd-status-change-fields #justificativa {
  padding: 18px;
  border: 1px solid rgba(255, 102, 129, 0.2);
  border-radius: 20px;
  background: rgba(255, 102, 129, 0.07);
}

.rd-status-change-fields small {
  display: block;
  color: #aebbd2;
  font-size: 12px;
  line-height: 1.4;
  text-align: left;
}

.rd-status-change-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(186, 202, 236, 0.12);
}

.rd-status-change-footer > div {
  display: flex;
  gap: 10px;
  flex: 0 0 auto;
}

.rd-status-change-footer .btn {
  margin: 0;
  white-space: nowrap;
}

.rd-modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 22px;
}

.rd-modal-actions .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0;
}

@media (max-width: 767px) {
  .rd-blacklist-form-grid {
    grid-template-columns: 1fr;
  }

  .rd-rider-form-grid {
    grid-template-columns: 1fr;
  }

  .rd-rider-form-grid .rd-field-wide {
    grid-column: auto;
  }

  .rd-riders-filter-grid {
    grid-template-columns: 1fr;
  }

  .rd-riders-filter-grid .btn {
    width: 100%;
    margin-bottom: 0;
  }

  .rd-blacklist-form-grid .btn {
    width: 100%;
    margin-bottom: 0;
  }

  .rd-modal-actions {
    flex-direction: column-reverse;
  }

  .rd-modal-actions .btn {
    width: 100%;
  }

  .rd-status-change-footer {
    align-items: stretch;
    flex-direction: column;
  }

  .rd-status-change-footer > div {
    flex-direction: column-reverse;
  }

  .rd-status-change-footer .btn {
    width: 100%;
  }
}

.rd-billing-page .rd-billing-hero {
  margin-top: 10px;
}

.rd-billing-alert {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  padding: 14px 16px;
  border: 1px solid rgba(255, 102, 129, 0.24);
  border-radius: 18px;
  background: rgba(255, 102, 129, 0.1);
  color: #ffe3e9;
  font-weight: 800;
}

.rd-billing-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 18px;
}

.rd-billing-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(186, 202, 236, 0.13);
  border-radius: 24px;
  background:
    radial-gradient(circle at 0 0, rgba(141, 51, 168, 0.15), transparent 34%),
    linear-gradient(145deg, rgba(20, 31, 51, 0.98), rgba(9, 17, 31, 0.98));
  box-shadow: 0 20px 42px rgba(0, 0, 0, 0.22);
}

.rd-billing-kpi {
  min-height: 142px;
  padding: 24px;
}

.rd-billing-kpi::after {
  content: "";
  position: absolute;
  right: -28px;
  bottom: -38px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: rgba(141, 51, 168, 0.28);
}

.rd-billing-kpi span,
.rd-billing-card-head span {
  display: block;
  color: #d99cff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.7px;
  text-transform: uppercase;
}

.rd-billing-kpi strong {
  display: block;
  color: #f7f9ff;
  font-size: 36px;
  font-weight: 900;
  line-height: 1.1;
  margin: 12px 0 6px;
}

.rd-billing-kpi small {
  color: #aebbd2;
  font-size: 13px;
}

.rd-billing-list-card {
  padding: 22px;
}

.rd-billing-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.rd-billing-card-head h2 {
  color: #f7f9ff;
  font-size: 26px;
  font-weight: 900;
  margin: 6px 0;
}

.rd-billing-card-head p {
  color: #aebbd2;
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}

.rd-billing-card-head > i {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  border: 1px solid rgba(217, 156, 255, 0.18);
  border-radius: 16px;
  color: #e8c0ff;
  background: linear-gradient(145deg, rgba(141, 51, 168, 0.38), rgba(217, 156, 255, 0.08));
}

.rd-billing-table {
  margin: 0;
  color: #dfe6f6;
}

.rd-billing-table thead th {
  border: 0;
  color: #aebbd2;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.rd-billing-table td {
  border-color: rgba(186, 202, 236, 0.1);
  color: #dfe6f6;
  vertical-align: middle;
}

.rd-billing-table tbody tr:hover {
  background: rgba(217, 156, 255, 0.07);
}

.rd-billing-table td strong {
  display: block;
  color: #f7f9ff;
  font-weight: 900;
}

.rd-billing-table td small {
  display: block;
  color: #8f9bb2;
  font-size: 12px;
}

.rd-billing-action {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(217, 156, 255, 0.25);
  border-radius: 12px;
  background: rgba(141, 51, 168, 0.16);
  color: #e8c0ff;
}

.rd-billing-action:hover {
  color: #fff;
  background: rgba(141, 51, 168, 0.34);
}

.rd-billing-badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
}

.rd-billing-badge.is-open {
  border: 1px solid rgba(255, 102, 129, 0.24);
  background: rgba(255, 102, 129, 0.11);
  color: #ffe3e9;
}

.rd-billing-badge.is-paid {
  border: 1px solid rgba(34, 197, 94, 0.24);
  background: rgba(34, 197, 94, 0.12);
  color: #dfffea;
}

.rd-billing-empty {
  padding: 24px !important;
  color: #aebbd2 !important;
  text-align: center;
}

@media (max-width: 1180px) {
  .rd-billing-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575px) {
  .rd-billing-kpis {
    grid-template-columns: 1fr;
  }

  .rd-billing-list-card,
  .rd-billing-kpi {
    padding: 16px;
    border-radius: 20px;
  }

  .rd-billing-card-head {
    flex-direction: column;
  }
}

.rd-upsell-page .mt-5.p-3 {
  padding-top: 62px !important;
}

.rd-upsell-page .rd-upsell-hero {
  margin-top: 10px;
}

.rd-upsell-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 18px;
}

.rd-upsell-card {
  position: relative;
  overflow: visible;
  border: 1px solid rgba(186, 202, 236, 0.13);
  border-radius: 24px;
  background:
    radial-gradient(circle at 0 0, rgba(141, 51, 168, 0.15), transparent 34%),
    linear-gradient(145deg, rgba(20, 31, 51, 0.98), rgba(9, 17, 31, 0.98));
  box-shadow: 0 20px 42px rgba(0, 0, 0, 0.22);
  padding: 22px;
}

.rd-upsell-list-card {
  overflow: visible;
}

.rd-upsell-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.rd-upsell-card-head span,
.rd-upsell-modal .modal-header span {
  display: block;
  color: #d99cff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.7px;
  text-transform: uppercase;
}

.rd-upsell-card-head h2,
.rd-upsell-modal .modal-title {
  color: #f7f9ff;
  font-size: 24px;
  font-weight: 900;
  margin: 6px 0;
}

.rd-upsell-card-head p,
.rd-upsell-modal .modal-header p {
  color: #aebbd2;
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}

.rd-upsell-card-head > i {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  border: 1px solid rgba(217, 156, 255, 0.18);
  border-radius: 16px;
  color: #e8c0ff;
  background: linear-gradient(145deg, rgba(141, 51, 168, 0.38), rgba(217, 156, 255, 0.08));
}

.rd-upsell-filters {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) 180px auto;
  gap: 14px;
  align-items: end;
  margin-bottom: 18px;
}

.rd-upsell-page .rd-field,
.rd-upsell-modal .rd-field {
  margin-bottom: 16px;
}

.rd-upsell-page .rd-field label,
.rd-upsell-modal .rd-field label {
  color: #dfe6f6;
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 8px;
}

.rd-upsell-page .form-control,
.rd-upsell-modal .form-control {
  height: 50px;
  border: 1px solid rgba(186, 202, 236, 0.16);
  border-radius: 16px;
  background: rgba(6, 13, 25, 0.72);
  color: #f7f9ff;
  box-shadow: none;
}

.rd-upsell-page .form-control:focus,
.rd-upsell-modal .form-control:focus {
  border-color: rgba(217, 156, 255, 0.72);
  box-shadow: 0 0 0 3px rgba(141, 51, 168, 0.18);
}

.rd-upsell-page .btn,
.rd-upsell-modal .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  border-radius: 14px;
  font-weight: 900;
}

.rd-upsell-table {
  margin: 0;
  color: #dfe6f6;
}

.rd-upsell-table thead th {
  border: 0;
  color: #aebbd2;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.rd-upsell-table td {
  border-color: rgba(186, 202, 236, 0.1);
  color: #dfe6f6;
  vertical-align: middle;
}

.rd-upsell-table tbody tr:hover {
  background: rgba(217, 156, 255, 0.07);
}

.rd-upsell-row td strong {
  display: block;
  color: #f7f9ff;
  font-weight: 900;
}

.rd-upsell-row td small {
  display: block;
  color: #8f9bb2;
  font-size: 12px;
}

.rd-upsell-group-row > td {
  padding: 12px 0 !important;
}

.rd-upsell-product-block {
  overflow: hidden;
  border: 1px solid rgba(186, 202, 236, 0.12);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.025);
}

.rd-upsell-product-head {
  padding: 18px 20px;
  border-bottom: 1px solid rgba(186, 202, 236, 0.12);
  background: linear-gradient(135deg, rgba(111, 40, 128, 0.4), rgba(18, 27, 46, 0.96) 72%);
}

.rd-upsell-product-head span {
  color: #d99cff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}

.rd-upsell-product-head strong {
  display: block;
  color: #f7f9ff;
  font-size: 21px;
  font-weight: 900;
  margin: 7px 0 4px;
}

.rd-upsell-product-head small {
  color: #aebbd2;
  font-size: 12px;
}

.rd-upsell-suggestions {
  display: grid;
  gap: 0;
}

.rd-upsell-suggestion {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 16px 20px;
  border-bottom: 1px solid rgba(186, 202, 236, 0.1);
  background: rgba(6, 13, 25, 0.35);
}

.rd-upsell-suggestion:last-child {
  border-bottom: 0;
}

.rd-upsell-suggestion:hover {
  background: rgba(217, 156, 255, 0.06);
}

.rd-upsell-suggestion strong {
  display: block;
  color: #f7f9ff;
  font-weight: 900;
}

.rd-upsell-suggestion small,
.rd-upsell-suggestion em {
  display: block;
  color: #8f9bb2;
  font-size: 12px;
  font-style: normal;
}

.rd-upsell-suggestion-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.rd-upsell-chip,
.rd-upsell-status {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
}

.rd-upsell-chip {
  border: 1px solid rgba(217, 156, 255, 0.24);
  background: rgba(141, 51, 168, 0.14);
  color: #e8c0ff;
}

.rd-upsell-status.is-active {
  border: 1px solid rgba(34, 197, 94, 0.24);
  background: rgba(34, 197, 94, 0.12);
  color: #dfffea;
}

.rd-upsell-status.is-inactive {
  border: 1px solid rgba(255, 102, 129, 0.24);
  background: rgba(255, 102, 129, 0.11);
  color: #ffe3e9;
}

.rd-upsell-empty {
  padding: 24px !important;
  color: #aebbd2 !important;
  text-align: center;
}

.rd-upsell-page .dropdown-menu {
  border: 1px solid rgba(186, 202, 236, 0.16);
  border-radius: 16px;
  background: #121c30;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.34);
  padding: 8px;
}

.rd-upsell-page .dropdown-header {
  color: #d99cff;
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.rd-upsell-page .dropdown-item {
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 10px;
  color: #dfe6f6;
  font-weight: 800;
}

.rd-upsell-page .dropdown-item:hover {
  background: rgba(217, 156, 255, 0.1);
  color: #fff;
}

.rd-upsell-modal .modal-content {
  border: 1px solid rgba(186, 202, 236, 0.14);
  border-radius: 22px;
  background: #0b1424;
  color: #f7f9ff;
  box-shadow: 0 28px 80px rgba(0,0,0,0.5);
}

.rd-upsell-modal .modal-header,
.rd-upsell-modal .modal-footer {
  border-color: rgba(186, 202, 236, 0.12);
}

.rd-upsell-modal .close {
  color: #f7f9ff;
  opacity: 0.86;
}

.rd-upsell-modal .alert {
  margin-top: 12px;
}

@media (max-width: 991px) {
  .rd-upsell-grid,
  .rd-upsell-filters {
    grid-template-columns: 1fr;
  }

  .rd-upsell-suggestion {
    grid-template-columns: 1fr;
  }

  .rd-upsell-suggestion-meta {
    justify-content: flex-start;
  }

  .rd-upsell-card-head {
    flex-direction: column;
  }
}

@media (max-width: 575px) {
  .rd-upsell-card {
    padding: 16px;
    border-radius: 20px;
  }
}