/* PedidosClick V9.6.3 · identidad naranja unificada para Panel de Negocio
   Esta capa afecta únicamente el chrome administrativo. Los colores propios
   de cada comercio (selectores de color, logos y banners) permanecen libres. */
:root{
  --admin-orange:#F56B16;
  --admin-orange-dark:#D94F0B;
  --admin-orange-soft:#FFF3E8;
  --admin-orange-soft-2:#FFF7EF;
  --admin-orange-line:#F5C69F;
  --admin-charcoal:#111111;
  --admin-neutral:#64748B;
}

/* Controles nativos: elimina el azul/magenta heredado del navegador/sistema. */
#app input[type="range"],
#login input[type="range"]{
  accent-color:var(--admin-orange)!important;
  cursor:pointer;
}
#app input[type="checkbox"]:not(.semantic-success),
#app input[type="radio"],
#login input[type="checkbox"],
#login input[type="radio"]{
  accent-color:var(--admin-orange)!important;
}
#app input[type="file"]::file-selector-button,
#login input[type="file"]::file-selector-button{
  background:var(--admin-orange-soft-2);
  color:#9A3412;
  border:1px solid var(--admin-orange-line);
  border-radius:10px;
  padding:8px 11px;
  margin-right:10px;
  font-weight:800;
  cursor:pointer;
}
#app input[type="file"]::file-selector-button:hover,
#login input[type="file"]::file-selector-button:hover{
  background:#FFE8D2;
  border-color:var(--admin-orange);
}

/* Foco coherente con la marca. */
#app input:not([type="color"]):focus,
#app select:focus,
#app textarea:focus,
#login input:not([type="color"]):focus,
#login select:focus,
#login textarea:focus{
  border-color:var(--admin-orange)!important;
  box-shadow:0 0 0 3px rgba(245,107,22,.14)!important;
  outline:none!important;
}

/* Notas, chips e indicadores que antes conservaban azul/violeta. */
.wizard-note,.plan-notice{
  background:var(--admin-orange-soft-2)!important;
  border-color:var(--admin-orange-line)!important;
  color:#9A3412!important;
}
.security-chip,.category-type-tag,.order-branch-label{
  background:var(--admin-orange-soft)!important;
  color:#B84008!important;
}
.customer-avatar{
  background:var(--admin-orange-soft)!important;
  color:#B84008!important;
  box-shadow:inset 0 0 0 1px var(--admin-orange-line);
}
.segment-nuevo,.badge-new{
  background:var(--admin-orange-soft)!important;
  color:#B84008!important;
}
.conversation-item.in{border-left-color:#B84008!important}

/* Estados de pedido: misma familia visual; verde/rojo se reservan a éxito/error. */
.status-Nuevo{background:#FFF3E8!important;color:#B84008!important}
.status-Confirmado{background:#FFE8D2!important;color:#9A3412!important}
.status-Preparando,.status-En-cocina{background:#FEF3C7!important;color:#92400E!important}
.status-Listo{background:#FFF7ED!important;color:#C2410C!important}
.status-En-camino{background:#FFEDD5!important;color:#C2410C!important}
.status-Entregado{background:#DCFCE7!important;color:#166534!important}
.status-Cancelado{background:#FEE2E2!important;color:#991B1B!important}

/* Storefront Studio: chrome del editor en negro/naranja; los mockups conservan
   sus colores porque representan estilos propios de cada comercio. */
.sf-studio-intro{
  background:linear-gradient(135deg,#111111 0%,#242424 66%,#6F2B08 100%)!important;
  box-shadow:0 14px 36px rgba(17,17,17,.14)!important;
}
.sf-studio-intro p{color:#E7D7CA!important}
.sf-template-card:hover{border-color:#E8B58E!important}
.sf-template-card.selected{
  border-color:var(--admin-orange)!important;
  box-shadow:0 0 0 4px rgba(245,107,22,.12),0 12px 30px rgba(17,17,17,.08)!important;
}
.sf-template-card.selected:after{background:linear-gradient(135deg,#FF8A00,var(--admin-orange))!important}
.sf-preview-backdrop{background:rgba(17,17,17,.82)!important}
.sf-preview-window{background:#F7F4F1!important}
.sf-device-switch{background:#F4EDE7!important}
.sf-device-switch button.on{box-shadow:0 3px 10px rgba(111,43,8,.10)!important}
.sf-preview-close{background:var(--admin-charcoal)!important}

/* Controles interactivos del constructor. */
.sf-order-actions button:hover,
.category-visual-options label:has(input:checked){
  border-color:var(--admin-orange)!important;
  background:var(--admin-orange-soft-2)!important;
}
.sf-order-grip{background:#FFF3E8!important;color:#B84008!important}

/* El verde se conserva exclusivamente como estado activo/éxito en switches. */
.switch input:checked + .slider{background:var(--ok)!important}
.store-state.open,.badge-ok,.btn-ok{--semantic-success:1}

/* Track neutro y lectura clara sin teñir los selectores de color del negocio. */
#app input[type="range"]{border:0!important;box-shadow:none!important;background:transparent!important;padding-left:0!important;padding-right:0!important}
#app input[type="range"]:focus{box-shadow:none!important}