body.clicka-sota .btn,
body.clicka-sota button,
body.clicka-sota .btn-accion,
body.clicka-sota .btn-sm {
  font-family: var(--font-family-base);
}

body.clicka-sota .btn,
body.clicka-sota .btn-accion,
body.clicka-sota .btn-sm {
  border-radius: 12px;
  border: 1px solid var(--sota-line);
  transition: transform 0.16s ease, box-shadow 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

body.clicka-sota .btn:hover,
body.clicka-sota .btn-accion:hover,
body.clicka-sota .btn-sm:hover {
  transform: translateY(-1px);
  box-shadow: var(--sota-shadow-xs);
}

body.clicka-sota .btn-primary,
body.clicka-sota .btn-accion,
body.clicka-sota .btn-success {
  background: linear-gradient(140deg, var(--sota-brand) 0%, #0d3e3d 70%, #093131 100%);
  color: #f4fbfb;
  border-color: rgba(255, 255, 255, 0.18);
}

body.clicka-sota .btn-secondary,
body.clicka-sota .btn-outline {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.95) 0%, rgba(246, 241, 232, 0.95) 100%);
  color: var(--sota-ink-soft);
  border-color: var(--sota-line);
}

body.clicka-sota .btn-danger {
  background: linear-gradient(140deg, #d95a5a 0%, #b64141 100%);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
}

body.clicka-sota .btn .icon,
body.clicka-sota .btn-accion .icon,
body.clicka-sota button .icon,
body.clicka-sota .btn-sm .icon {
  margin-right: 6px;
}

body.clicka-sota .btn-icon .icon,
body.clicka-sota .btn-icon-only .icon {
  margin-right: 0;
}

body.clicka-sota input,
body.clicka-sota select,
body.clicka-sota textarea {
  border-radius: var(--sota-radius-sm);
  border: 1px solid var(--sota-line);
  background: var(--sota-surface-strong);
  color: var(--sota-ink);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

body.clicka-sota input:focus,
body.clicka-sota select:focus,
body.clicka-sota textarea:focus {
  border-color: rgba(15, 76, 75, 0.55);
  box-shadow: var(--sota-focus);
}

body.clicka-sota .toolbar-select,
body.clicka-sota .ventas-filtro input,
body.clicka-sota .ventas-filtro select,
body.clicka-sota .facturas-search,
body.clicka-sota .facturas-select,
body.clicka-sota .destinos-select,
body.clicka-sota .secciones-select,
body.clicka-sota .articulos-select {
  min-height: 42px;
}

body.clicka-sota .form-group label {
  font-size: 0.82rem;
  letter-spacing: 0.01em;
  color: var(--sota-ink-soft);
  font-weight: 600;
}

body.clicka-sota .section-header {
  margin-bottom: 18px;
  gap: 12px;
}

body.clicka-sota section h2 {
  border-bottom: none;
  margin-bottom: 0;
  color: var(--sota-ink);
  letter-spacing: -0.01em;
}

body.clicka-sota section h2::after {
  display: none;
}

body.clicka-sota .empty-state,
body.clicka-sota .mensaje-vacio,
body.clicka-sota .no-results,
body.clicka-sota .destinos-empty,
body.clicka-sota .articulos-empty {
  border: 1px dashed rgba(13, 27, 25, 0.22);
  border-radius: var(--sota-radius-md);
  background: linear-gradient(140deg, rgba(255, 255, 255, 0.7), rgba(249, 243, 233, 0.75));
  color: var(--sota-ink-muted);
}

body.clicka-sota .config-table,
body.clicka-sota .clientes-table {
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--sota-radius-md);
  overflow: hidden;
  border: 1px solid rgba(13, 27, 25, 0.1);
  background: #fff;
  box-shadow: var(--sota-shadow-xs);
}

body.clicka-sota .config-table th,
body.clicka-sota .clientes-table th {
  background: linear-gradient(145deg, rgba(15, 76, 75, 0.1), rgba(220, 162, 79, 0.15));
  color: var(--sota-ink-soft);
  text-transform: uppercase;
  font-size: 0.72rem;
  letter-spacing: 0.05em;
}

body.clicka-sota .config-table tr:hover td,
body.clicka-sota .clientes-table tr:hover td {
  background: rgba(15, 76, 75, 0.05);
}

body.clicka-sota .toast {
  border-radius: 14px;
  border: 1px solid rgba(13, 27, 25, 0.13);
  box-shadow: var(--sota-shadow-sm);
}

body.clicka-sota .modal {
  backdrop-filter: blur(6px) saturate(120%);
}

body.clicka-sota .modal-content,
body.clicka-sota .auth-modal,
body.clicka-sota .pin-modal-content,
body.clicka-sota .admin-users-modal-content {
  border-radius: var(--sota-radius-xl);
  border: 1px solid rgba(13, 27, 25, 0.12);
  box-shadow: var(--sota-shadow-lg);
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.97), rgba(248, 241, 230, 0.96));
}

body.clicka-sota .modal-header {
  border-bottom: 1px solid rgba(13, 27, 25, 0.1);
  background: linear-gradient(145deg, rgba(15, 76, 75, 0.09), rgba(220, 162, 79, 0.11));
}

body.clicka-sota .payment-overlay-card,
body.clicka-sota .onboarding-card,
body.clicka-sota .empresa-card,
body.clicka-sota .salones-panel,
body.clicka-sota .clientes-list {
  border-radius: var(--sota-radius-lg);
  border: 1px solid rgba(13, 27, 25, 0.1);
  box-shadow: var(--sota-shadow-sm);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.95), rgba(248, 241, 230, 0.95));
}

body.clicka-sota .meta-tab {
  border-radius: 10px;
  border: 1px solid rgba(13, 27, 25, 0.15);
  background: rgba(255, 255, 255, 0.82);
}

body.clicka-sota .meta-tab--active {
  background: var(--sota-brand);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
}

body.clicka-sota .search-container {
  border-radius: 12px;
  border: 1px solid rgba(13, 27, 25, 0.15);
  background: #fff;
  box-shadow: var(--sota-shadow-xs);
}

body.clicka-sota .search-icon,
body.clicka-sota .search-clear {
  color: var(--sota-ink-muted);
}