/* Panel de canales de Krisia: estilos propios sobre Bootstrap (tema claro y oscuro) */
body {
  font-family: system-ui, "Segoe UI", Roboto, sans-serif;
  background: var(--bs-body-bg);
}

.navbar-brand span { font-weight: 800; }

.nav-tabs .nav-link { white-space: nowrap; }

.thumb {
  width: 44px;
  height: 44px;
  object-fit: cover;
  border-radius: .4rem;
  border: 1px solid var(--bs-border-color);
}

.qr {
  width: 230px;
  max-width: 100%;
  background: #fff;
  border-radius: .5rem;
  padding: .4rem;
}

.pedido { border-left: 4px solid var(--bs-secondary); }
.pedido.estado-nuevo { border-left-color: var(--bs-warning); }
.pedido.estado-coordinado { border-left-color: var(--bs-info); }
.pedido.estado-entregado { border-left-color: var(--bs-success); }
.pedido.estado-cancelado { border-left-color: var(--bs-danger); opacity: .75; }

td { overflow-wrap: break-word; }