/* POS skin: consumes the shared white-label theme (--pos-* variables injected
   by base.html from settings — the same palette configured in ERP → Aparência). */

.pos-topbar {
  background-color: var(--pos-topbar-bg, #1a1a1a);
}
.pos-topbar .navbar-brand,
.pos-topbar .text-light,
.pos-topbar .link-light {
  color: var(--pos-topbar-text, #f8f9fa) !important;
}

.btn-primary {
  --bs-btn-bg: var(--pos-primary, #0d6efd);
  --bs-btn-border-color: var(--pos-primary, #0d6efd);
  --bs-btn-hover-bg: color-mix(in srgb, var(--pos-primary, #0d6efd) 85%, #000);
  --bs-btn-hover-border-color: color-mix(in srgb, var(--pos-primary, #0d6efd) 85%, #000);
  --bs-btn-active-bg: color-mix(in srgb, var(--pos-primary, #0d6efd) 75%, #000);
  --bs-btn-color: var(--pos-primary-contrast, #fff);
  --bs-btn-hover-color: var(--pos-primary-contrast, #fff);
}
.btn-success {
  --bs-btn-bg: var(--pos-accent, #198754);
  --bs-btn-border-color: var(--pos-accent, #198754);
  --bs-btn-hover-bg: color-mix(in srgb, var(--pos-accent, #198754) 85%, #000);
  --bs-btn-hover-border-color: color-mix(in srgb, var(--pos-accent, #198754) 85%, #000);
}

.card,
.modal-content,
.form-control,
.form-select,
.btn {
  border-radius: var(--pos-radius, 12px);
}

.table-primary {
  --bs-table-bg: color-mix(in srgb, var(--pos-primary, #0d6efd) 12%, #fff);
}