/* PedidosClick V9.4.2 · línea gráfica oficial naranja + iconografía profesional */
/* Base V9.3.8 · línea gráfica oficial naranja
   Compatibilidad: se conservan nombres históricos de variables/clases, pero
   toda la identidad de plataforma usa la paleta oficial vigente. La marca
   propia de cada comercio continúa controlada por storefront.php. */
:root{
  --cp-teal:#F56B16;
  --cp-teal-dark:#D94F0B;
  --cp-green:#25D366;
  --cp-amber:#F59E0B;
  --cp-charcoal:#111111;
  --cp-ink:#181818;
  --cp-muted:#64748B;
  --cp-bg:#FFFAF6;
  --cp-line:#EADFD5;
  --cp-white:#FFFFFF;
  --cp-shadow:0 16px 42px rgba(17,17,17,.08);
  --p:#F56B16;
  --p2:#D94F0B;
  --pd:#D94F0B;
  --brand:#F56B16;
  --primary:#F56B16;
  --nav:#111111;
  --dark:#111111;
  --ink:#181818;
  --d:#111111;
  --bg:#FFFAF6;
  --line:#EADFD5;
  --ok:#25D366;
  --green:#25D366;
  --amber:#F59E0B;
  --blue:#F56B16;
}
html,body,button,input,select,textarea{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif}
body{background:var(--cp-bg);color:var(--cp-ink)}
h1,h2,h3,.page-head h1,.login-brand h1{font-family:Poppins,Inter,"Segoe UI",Arial,sans-serif;letter-spacing:-.025em}
a{accent-color:var(--cp-teal)}
input:focus,select:focus,textarea:focus{border-color:var(--cp-teal)!important;box-shadow:0 0 0 3px rgba(245,107,22,.14)!important;outline:none}
.sidebar,body>.layout>aside,.top.dark,.login-brand,.heroCard{background:linear-gradient(145deg,var(--cp-charcoal),#242424)}
.hero,.top:is(.dark),header.top[style*="background"],footer{background-color:var(--cp-charcoal)}
.hero{background-image:linear-gradient(135deg,var(--cp-charcoal),#242424 72%,var(--cp-teal))}
.top.dark,header.top.dark{background-image:linear-gradient(135deg,var(--cp-charcoal),#242424)}
.nav-btn:hover,.nav-btn.on,.nav button.on,.nav button.active,.nav button:hover,
.primary,.btn-primary,.btn:not(.light):not(.secondary):not(.danger):not(.dark):not(.btn-light):not(.btn-danger):not(.btn-ok),
.status-toggle button.on{background:linear-gradient(135deg,#FF8A00,var(--cp-teal));color:#fff}
.btn-primary:hover,.primary:hover{background:linear-gradient(135deg,var(--cp-teal),var(--cp-teal-dark))}
.card,.stat,.kpi,.plan,.login-card,.modalbox,.modal-box{border-color:var(--cp-line);box-shadow:var(--cp-shadow)}
.top,.topbar,header.top{border-color:var(--cp-line)}
.top img,.brand img,.side-logo img{max-width:280px}
.platform-brand{display:flex;align-items:center;gap:14px}.platform-brand img{width:190px;max-height:56px;object-fit:contain;background:#fff;border-radius:13px;padding:5px 8px}.platform-brand span{font-weight:900}
body>header.top:not(:has(img)) .topin:before,body>main.wrap>.top:first-child>div:first-child:not(:has(img)):before{content:"";display:block;width:190px;height:56px;margin-bottom:12px;background:#fff url("pedidosclick-logo.svg") center/contain no-repeat;border-radius:13px}
.side-label,.nav-group,.aside-title{color:#BDBDBD}
.badge-new,.b-contact{background:#FFF3E8;color:#D94F0B}
.notice,.section-note{border-color:#F5C69F}
.progress-bar{background:linear-gradient(90deg,var(--cp-teal),#FF8A00)}
.spinner{border-top-color:var(--cp-teal)!important}
.logo,.brand img,.top img,.side-logo img{object-fit:contain}
::selection{background:rgba(245,107,22,.22);color:var(--cp-charcoal)}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}