/* NowDev UI v1.3.1 — ND137: temas, contenção e permissões visuais consolidados. */
:root {
  /* Compatibilidade para componentes históricos que ainda usam nomes sem prefixo. */
  --primary: var(--nd-primary);
  --accent: var(--nd-cyan);
  --surface: var(--nd-surface);
  --surface-soft: var(--nd-surface-soft);
  --text: var(--nd-text);
  --muted: var(--nd-muted);
  --border: var(--nd-line);
  --gradient: var(--nd-gradient);
}

html[data-theme="dark"] {
  color-scheme: dark;
  --nd-card-bg: linear-gradient(155deg, #142238 0%, #111c2e 64%, #0f1a2b 100%);
  --nd-card-bg-strong: linear-gradient(155deg, #182942 0%, #13223a 100%);
  --nd-field-bg: #0e192b;
  --nd-inset-bg: #0d1829;
  --nd-card-line: #2a3b57;
}

/* Marca completa, sem truncar o final de NowBusiness. */
body.nf-redesign .sidebar-head {
  grid-template-columns: minmax(0, 1fr) 44px !important;
}

body.nf-redesign .sidebar-logo {
  overflow: visible !important;
}

body.nf-redesign .sidebar-logo-text {
  flex: 0 0 auto !important;
  min-width: max-content !important;
  max-width: none !important;
  display: inline-flex !important;
  align-items: baseline;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: clamp(19px, 1.45vw, 22px) !important;
  font-weight: 800 !important;
  letter-spacing: -.75px !important;
  white-space: nowrap !important;
}

body.nf-redesign .sidebar-logo-text b,
body.nf-redesign .sidebar-logo-text strong {
  font: inherit !important;
  font-style: normal !important;
  font-weight: 800 !important;
}

body.nf-redesign .sidebar-logo-text b { color: var(--nd-ink) !important; }
body.nf-redesign .sidebar-logo-text strong { color: var(--nd-primary) !important; }

/* Um único tom para todos os ícones do menu, como no kit oficial. */
body.nf-redesign .sidebar-nav :is(a,summary) .nav-icon {
  --nav-tone: var(--nd-primary) !important;
  --nav-tone-soft: color-mix(in srgb, var(--nd-primary) 10%, var(--nd-surface)) !important;
  color: var(--nd-primary) !important;
  background: var(--nav-tone-soft) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--nd-primary) 9%, transparent) !important;
}

html[data-theme="dark"] body.nf-redesign .sidebar-nav :is(a,summary) .nav-icon {
  --nav-tone-soft: rgba(24, 97, 241, .18) !important;
  color: #75cfff !important;
}

body.nf-redesign .sidebar-nav :is(a.is-active,details[open] > summary) .nav-icon {
  color: #fff !important;
  background: rgba(255, 255, 255, .17) !important;
  box-shadow: none !important;
}

/* O botão representa a ação disponível: lua no claro e sol no escuro. */
.theme-toggle .theme-icon { display: grid; place-items: center; }
.theme-toggle .theme-icon--sun { display: none; }
html[data-theme="dark"] .theme-toggle .theme-icon--moon { display: none; }
html[data-theme="dark"] .theme-toggle .theme-icon--sun { display: grid; }
.theme-toggle .theme-icon .nf-icon { width: 19px; height: 19px; }

/* Sugestões e ajuda contextual legíveis nos dois temas. */
body.nf-redesign .contextual-intelligence-toggle {
  color: #fff !important;
  background: linear-gradient(135deg, #0d429f 0%, #1861f1 55%, #0ac0fe 100%) !important;
  box-shadow: 0 16px 36px rgba(13, 66, 159, .28) !important;
}

body.nf-redesign .contextual-intelligence-toggle :is(span,strong,b,.nf-icon) {
  color: #fff !important;
}

body.nf-redesign .contextual-intelligence-toggle > b {
  background: rgba(255, 255, 255, .2) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16);
}

html[data-theme="dark"] body.nf-redesign .page-help-fab {
  color: #9bdfff !important;
  border-color: #345279 !important;
  background: #14243a !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .3) !important;
}

html[data-theme="dark"] body.nf-redesign .page-help-fab :is(span,.nf-icon) {
  color: #9bdfff !important;
}

/* Contenção global: nenhum conteúdo força a largura do card ou da página. */
body.nf-redesign :is(
  .content,.page-stack,.card,.panel,form,fieldset,label,
  .grid,.grid-2,.grid-3,.grid-4,.form-grid-2,.form-grid-3,.form-grid-4,
  .nb-split,.nb-order-items,.nb-order-item,.nb-proposal-item,.nb-row-actions,
  .commerce-editor-grid,.commerce-admin,.profile-edit-layout,.profile-side-column,
  .settings-main-grid,.pdv-terminal-admin-grid,.pdv-workstation-grid
) {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.nf-redesign :is(h1,h2,h3,h4,p,small,strong,span,a,button,label,legend,dt,dd,td,th,code) {
  max-width: 100%;
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

body.nf-redesign :is(.badge,.status,.nav-count,.page-kicker) {
  width: fit-content;
  max-width: 100%;
  white-space: normal;
}

body.nf-redesign :is(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),select,textarea) {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.nf-redesign input[type="file"] {
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.nf-redesign :is(.form-stack,.form-grid-2,.form-grid-3,.form-grid-4) > label,
body.nf-redesign :is(.form-grid-2,.form-grid-3,.form-grid-4) > :is(div,fieldset) {
  min-width: 0 !important;
  align-self: start;
}

body.nf-redesign :is(.form-stack,.form-grid-2,.form-grid-3,.form-grid-4) label {
  display: grid;
  align-content: start;
  gap: 8px;
}

body.nf-redesign :is(.form-grid-2,.grid-2) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
body.nf-redesign :is(.form-grid-3,.grid-3) { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
body.nf-redesign :is(.form-grid-4,.grid-4) { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }

body.nf-redesign :is(.checkbox-line,.checkbox-inline,.check-line) {
  min-width: 0;
  max-width: 100%;
}

body.nf-redesign :is(.checkbox-line,.check-line) > span {
  min-width: 0;
  overflow-wrap: break-word !important;
}

body.nf-redesign :is(.card-header,.button-row,.nb-row-actions,.commerce-head-actions,.pwa-install-actions) {
  min-width: 0;
  max-width: 100%;
  flex-wrap: wrap !important;
}

body.nf-redesign :is(.table-wrap,.table-responsive,.data-table-wrap) {
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  overscroll-behavior-inline: contain;
}

body.nf-redesign :is(img,svg,video,canvas) { max-width: 100%; }
body.nf-redesign dialog { max-width: calc(100vw - 28px) !important; }

/* Vendas, compras e propostas ganham a largura necessária para não cortar itens. */
body.nf-redesign .nb-split:has(.nb-order-form) {
  grid-template-columns: minmax(0, 1fr) !important;
}

body.nf-redesign .nb-order-item {
  width: 100%;
  grid-template-columns: minmax(180px, 1.2fr) minmax(180px, 1fr) minmax(100px, .45fr) minmax(135px, .55fr) 44px !important;
  overflow: visible !important;
}

body.nf-redesign .nb-proposal-item {
  width: 100%;
  grid-template-columns: minmax(180px, 1.25fr) minmax(180px, 1fr) minmax(95px, .45fr) minmax(130px, .55fr) minmax(110px, .5fr) 44px !important;
  overflow: visible !important;
}

body.nf-redesign :is(.nb-order-item,.nb-proposal-item) > .icon-btn {
  align-self: end;
  justify-self: end;
}

/* Fluxos explicativos sempre começam à esquerda. */
body.nf-redesign .logical-flow,
body.nf-redesign .logical-flow li,
body.nf-redesign .logical-flow li > div {
  text-align: left !important;
  justify-items: start !important;
}

body.nf-redesign .logical-flow li {
  grid-template-columns: 44px minmax(0, 1fr) !important;
  align-items: start !important;
}

body.nf-redesign .logical-flow li > span { justify-self: start !important; }

/* Catálogo, regras financeiras e editores seguem a mesma régua de campos. */
body.nf-redesign .commerce-editor-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: start !important;
}

body.nf-redesign :is(.commerce-editor-grid,.settings-main-grid,.rules-workspace,.finance-rule-grid) > * {
  min-width: 0 !important;
  width: 100%;
  align-self: start;
}

body.nf-redesign :is(.commerce-editor-grid,.settings-main-grid,.rules-workspace,.finance-rule-grid) .card {
  height: auto !important;
}

/* Perfil reorganizado para não comprimir avatar, e-mail, CNPJ ou selos. */
body.nf-redesign .profile-edit-layout {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

body.nf-redesign .profile-side-column {
  grid-column: 1 / -1;
  position: static !important;
  grid-template-columns: minmax(0, 1fr) minmax(210px, auto) !important;
  align-items: end;
}

body.nf-redesign .profile-upload-enhanced {
  display: grid !important;
  grid-template-columns: 82px minmax(0, 1fr) !important;
  align-items: center !important;
}

body.nf-redesign .profile-photo-actions,
body.nf-redesign .profile-photo-picker {
  min-width: 0 !important;
  max-width: 100% !important;
}

body.nf-redesign .profile-photo-picker { width: fit-content !important; }
body.nf-redesign .profile-summary-list span { min-width: 0; }
body.nf-redesign .profile-summary-list strong { min-width: 0; overflow-wrap: break-word !important; }

/* PDVs com experiências reconhecíveis e próprias. */
body.pdv-terminal-body .pdv-workstation--market .pdv-scanner-shell {
  border: 2px solid color-mix(in srgb, var(--nd-primary) 52%, var(--nd-card-line)) !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--nd-primary) 10%, var(--nd-surface)), color-mix(in srgb, var(--nd-cyan) 9%, var(--nd-surface))) !important;
}

body.pdv-terminal-body .pdv-workstation--market .pdv-product-grid {
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;
}

body.pdv-terminal-body .pdv-workstation--standard .pdv-product-grid {
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)) !important;
}

body.pdv-terminal-body :is(.pdv-product-panel,.pdv-cart-panel,.pdv-payment-dialog>section,.pdv-cart-row) {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

/* Tema escuro: superfícies, textos, estados e campos sem placas brancas. */
html[data-theme="dark"] body.nf-redesign :is(
  .card,.panel,.metric-card,.account-card,.taxonomy-card,.goal-tile,.notification-card,.plan-card,.module-tile,
  .nb-kpi,.nb-module-grid>a,.dashboard-action,.settings-link-card,.nb-list-row,.list-row,.nb-order-item,.nb-proposal-item,
  .nb-operation-card,.nb-contract-card,.nb-task,.nb-stock-card,.nb-goal-list>article,.nb-contract-governance>article,
  .logical-flow li,.commerce-admin-item,.commerce-binding-grid .check-line,.pdv-type-card,.pdv-flow-card,.pdv-terminal-row,
  .profile-upload,.profile-account-mode,.profile-summary-card,.contextual-intelligence-panel
) {
  color: var(--nd-text) !important;
  border-color: var(--nd-card-line) !important;
  background: var(--nd-card-bg) !important;
  box-shadow: var(--nd-card-shadow) !important;
}

/* Cartões históricos que não usam a classe base também recebem superfície escura. */
html[data-theme="dark"] body.nf-redesign :is(
  .account-overview-card,.alert-card,.bank-provider-card,.billing-request-card,.billing-timeline-card,
  .category-card,.commerce-create-card,.commercial-doc-card,.current-payment-card,.deletion-countdown-card,
  .diagnostic-issue-card,.due-card,.ecosystem-connect-card,.ecosystem-how-card,.environment-card,.error-state-card,
  .external-monitor-card,.feature-flag-card,.financial-tip-card,.flow-card,.forecast-card,.forecast-chart-card,
  .form-card,.form-section-card,.global-search-card,.goal-card,.health-check-card,.health-snapshot-card,
  .help-journey-card,.help-search-card,.import-preview-card,.insight-action-card,.integration-status-card,
  .investment-balance-card,.investment-card,.invitation-link-card,.invoice-modern-card,.liability-card,.loan-card,
  .locked-feature-card,.market-customize-card,.market-learning-card,.market-quote-card,.master-action-card,
  .master-broadcast-card,.master-notifications-card,.mini-card,.nb-deal-card,.nb-document-card,.nb-form-card,
  .nb-list-card,.nb-opportunity-card,.onboarding-step-card,.patrimony-card,.payment-config-card,.pending-payment-card,
  .plan-change-info-card,.plan-current-card,.preference-switch-card,.privacy-export-card,.profile-account-card,
  .profile-completion-card,.profile-main-card,.projection-card,.reconciliation-review-card,.recurring-card,
  .release-card,.report-catalog-card,.retention-deadline-card,.retry-payment-card,.role-builder-card,.role-card,
  .role-member-card,.saved-filter-card,.search-group-card,.search-result-card,.security-metric-card,
  .security-password-card,.security-primary-card,.security-tips-card,.session-card,.settings-preferences-card,
  .settings-support-card,.smart-alert-card,.smart-briefing-card,.smart-highlight-card,.smart-score-card,.status-card,
  .status-report-card,.suite-toolbar-card,.supervisor-score-card,.supervisor-stat-card,.support-agent-card,
  .support-create-card,.support-guidance-card,.support-staff-ticket-card,.taxonomy-card,.tile-card,.toggle-card,
  .trial-policy-card,.two-factor-help-card,.version-card
) {
  color: var(--nd-text) !important;
  border-color: var(--nd-card-line) !important;
  background: var(--nd-card-bg) !important;
  box-shadow: var(--nd-card-shadow) !important;
}

html[data-theme="dark"] body.nf-redesign :is(
  .account-overview-card,.alert-card,.category-card,.commercial-doc-card,.diagnostic-issue-card,.flow-card,
  .form-card,.goal-card,.help-journey-card,.insight-action-card,.loan-card,.nb-deal-card,.nb-document-card,
  .profile-account-card,.profile-main-card,.role-card,.security-primary-card,.smart-alert-card,.status-card
) :is(h1,h2,h3,h4,strong,b) { color: #f4f7ff !important; }

html[data-theme="dark"] body.nf-redesign :is(
  .account-overview-card,.alert-card,.category-card,.commercial-doc-card,.diagnostic-issue-card,.flow-card,
  .form-card,.goal-card,.help-journey-card,.insight-action-card,.loan-card,.nb-deal-card,.nb-document-card,
  .profile-account-card,.profile-main-card,.role-card,.security-primary-card,.smart-alert-card,.status-card
) :is(p,small) { color: #aebbd0 !important; }

html[data-theme="dark"] body.nf-redesign :is(
  .nb-module-grid>a,.dashboard-action,.settings-link-card,.nb-list-row,.list-row,.nb-order-item,.nb-proposal-item,
  .logical-flow li,.empty-mini,.empty-state,.commerce-empty,.pdv-cart-empty
) {
  background: var(--nd-card-bg-strong) !important;
}

html[data-theme="dark"] body.nf-redesign :is(
  .card,.panel,.metric-card,.nb-kpi,.nb-module-grid>a,.dashboard-action,.settings-link-card,.nb-list-row,
  .nb-order-item,.nb-proposal-item,.logical-flow li,.profile-upload
) :is(h1,h2,h3,h4,strong) {
  color: #f4f7ff !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.nf-redesign :is(
  .card,.panel,.metric-card,.nb-kpi,.nb-module-grid>a,.dashboard-action,.settings-link-card,.nb-list-row,
  .nb-order-item,.nb-proposal-item,.logical-flow li,.profile-upload
) :is(p,small) {
  color: #aebbd0 !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.nf-redesign :is(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),select,textarea,.input-prefix) {
  color: #edf3ff !important;
  border-color: #30425f !important;
  background: #0e192b !important;
}

html[data-theme="dark"] body.nf-redesign :is(input,textarea)::placeholder {
  color: #7889a3 !important;
  opacity: 1;
}

html[data-theme="dark"] body.nf-redesign :is(input,select,textarea):disabled {
  color: #a8b6ca !important;
  background: #152238 !important;
  opacity: .82;
}

html[data-theme="dark"] body.nf-redesign :is(.btn-outline,.btn-ghost,.btn.ghost) {
  color: #dce7f8 !important;
  border-color: #344966 !important;
  background: #142238 !important;
}

html[data-theme="dark"] body.nf-redesign :is(.badge,.status-draft,.status-planning) {
  border-color: #3c5170 !important;
}

html[data-theme="dark"] body.nf-redesign :is(.status-draft,.status-planning) {
  color: #d1dced !important;
  background: #293950 !important;
}

html[data-theme="dark"] body.nf-redesign :is(.status-in_progress,.status-triage,.status-running) {
  color: #9cc8ff !important;
  background: #17345f !important;
}

html[data-theme="dark"] body.nf-redesign :is(.status-completed,.status-resolved,.status-closed,.status-success,.status-active) {
  color: #8be4bf !important;
  background: #123b31 !important;
}

html[data-theme="dark"] body.nf-redesign :is(.status-paused,.status-on_hold,.status-waiting,.status-pending) {
  color: #ffd386 !important;
  background: #3b2e17 !important;
}

html[data-theme="dark"] body.nf-redesign :is(.status-cancelled,.status-rejected,.status-failed,.status-expired) {
  color: #ffabb2 !important;
  background: #3c2028 !important;
}

html[data-theme="dark"] body.pdv-terminal-body {
  color: var(--nd-text);
  background: var(--nd-bg);
}

html[data-theme="dark"] body.pdv-terminal-body :is(.pdv-product-panel,.pdv-cart-panel,.pdv-product-button,.pdv-cart-row,.pdv-payment-dialog>section) {
  color: var(--nd-text) !important;
  border-color: var(--nd-card-line) !important;
  background: var(--nd-card-bg) !important;
}

html[data-theme="dark"] body.pdv-terminal-body :is(.pdv-product-button,.pdv-cart-row) :is(strong,b) { color: #f4f7ff !important; }
html[data-theme="dark"] body.pdv-terminal-body :is(.pdv-product-button,.pdv-cart-row) :is(span,small) { color: #aebbd0 !important; }

@media (max-width: 1440px) {
  body.nf-redesign .nb-order-item,
  body.nf-redesign .nb-proposal-item {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.nf-redesign :is(.nb-order-item,.nb-proposal-item) > .icon-btn {
    grid-column: 2;
  }

  body.nf-redesign .commerce-editor-grid { grid-template-columns: minmax(0, 1fr) !important; }
}

@media (max-width: 1180px) {
  body.nf-redesign :is(.form-grid-3,.grid-3,.form-grid-4,.grid-4) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.nf-redesign .profile-edit-layout { grid-template-columns: minmax(0, 1fr) !important; }
  body.nf-redesign .profile-side-column { grid-column: auto; }
}

@media (max-width: 820px) {
  body.nf-redesign :is(.form-grid-2,.grid-2,.form-grid-3,.grid-3,.form-grid-4,.grid-4) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.nf-redesign .profile-side-column { grid-template-columns: minmax(0, 1fr) !important; }
  body.nf-redesign .profile-upload-enhanced { grid-template-columns: minmax(0, 1fr) !important; }
  body.nf-redesign .profile-photo-picker { width: 100% !important; }
  body.nf-redesign .logical-flow { grid-template-columns: minmax(0, 1fr) !important; }
  body.nf-redesign :is(.card-header,.nb-list-row,.nb-record-row) { align-items: stretch !important; }
  body.nf-redesign :is(.card-header,.nb-list-row,.nb-record-row) > * { min-width: 0; max-width: 100%; }
}

@media (max-width: 640px) {
  body.nf-redesign .nb-order-item,
  body.nf-redesign .nb-proposal-item {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.nf-redesign :is(.nb-order-item,.nb-proposal-item) > .icon-btn {
    grid-column: 1;
  }

  body.nf-redesign .contextual-intelligence-toggle strong { display: inline !important; }
}


/* R11 — alinhamento operacional, controles booleanos e contraste do PDV. */
body.nf-redesign .commerce-next-steps .list-row {
  display: grid !important;
  grid-template-columns: 68px minmax(0, 1fr) !important;
  align-items: center !important;
  justify-content: initial !important;
  gap: 22px !important;
  width: 100% !important;
  min-height: 112px;
  padding: 16px !important;
  text-align: left !important;
}

body.nf-redesign .commerce-next-steps .list-row > .commerce-step-badge {
  width: 68px !important;
  height: 68px !important;
  min-width: 68px !important;
  margin: 0 !important;
  justify-self: start !important;
  align-self: center !important;
}

body.nf-redesign .commerce-next-steps .list-row > div {
  display: grid !important;
  justify-items: start !important;
  align-content: center !important;
  gap: 7px !important;
  width: 100% !important;
  min-width: 0 !important;
  text-align: left !important;
}

body.nf-redesign .commerce-next-steps .list-row :is(strong,small) {
  width: 100%;
  margin: 0 !important;
  text-align: left !important;
}

/* As listas operacionais começam exatamente na mesma régua vertical do formulário. */
body.nf-redesign .nb-workspace-grid {
  align-items: start !important;
}

body.nf-redesign .nb-workspace-grid > .nb-list-card {
  position: static !important;
  top: auto !important;
  align-self: start !important;
  margin-top: 0 !important;
  max-height: none !important;
  height: auto !important;
}

body.nf-redesign .nb-workspace-grid > .nb-list-card > :is(
  .nb-operation-cards,.nb-employee-list,.nb-automation-list,.nb-approval-list,.nb-document-library
) {
  max-height: none !important;
}

/* Checkbox ocupa a mesma linha-base e a mesma altura visual dos inputs vizinhos. */
body.nf-redesign :is(.form-grid,.form-grid-2,.form-grid-3,.form-grid-4) > :is(.checkbox-line,.check-line,.checkbox-inline) {
  display: flex !important;
  align-items: center !important;
  align-self: end !important;
  justify-content: flex-start !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 11px 13px !important;
}

body.nf-redesign :is(.form-grid,.form-grid-2,.form-grid-3,.form-grid-4) > :is(.checkbox-line,.check-line,.checkbox-inline) > span {
  display: block !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

body.nf-redesign :is(.form-grid,.form-grid-2,.form-grid-3,.form-grid-4) > :is(.checkbox-line,.check-line,.checkbox-inline) input[type="checkbox"] {
  align-self: center !important;
  margin: 0 !important;
}

/* Verde preservado, mas isolado do azul do cabeçalho para leitura imediata. */
body.pdv-terminal-body .pdv-online-dot {
  min-height: 36px;
  padding: 7px 11px !important;
  border: 1px solid rgba(255,255,255,.9) !important;
  border-radius: 999px !important;
  color: #087a55 !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 8px 22px rgba(5,45,93,.16) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

body.pdv-terminal-body .pdv-online-dot::before {
  width: 9px !important;
  height: 9px !important;
  background: #0bbf71 !important;
  box-shadow: 0 0 0 4px rgba(11,191,113,.16) !important;
}

html[data-theme="dark"] body.pdv-terminal-body .pdv-online-dot {
  color: #9ff2ce !important;
  border-color: rgba(159,242,206,.25) !important;
  background: rgba(7,55,44,.9) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.28) !important;
}

@media (max-width: 820px) {
  body.nf-redesign .commerce-next-steps .list-row {
    grid-template-columns: 56px minmax(0, 1fr) !important;
    min-height: 96px;
    gap: 16px !important;
  }

  body.nf-redesign .commerce-next-steps .list-row > .commerce-step-badge {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
  }
}

@media (max-width: 520px) {
  body.pdv-terminal-body .pdv-online-dot {
    min-height: 32px;
    padding: 6px 9px !important;
    font-size: 11px !important;
  }
}