/* Blezza — sistema de diseño compartido (POS, fotos, inventario, admin)
   Paleta: navy #213846 · teal #275360 · crema #e8e1d7 · café #654026 · carbón #3e3d39
   Se carga DESPUÉS del css de cada app. Solo estilo; no toca la lógica. */
:root{
  --bz-navy:#213846;--bz-teal:#275360;--bz-teal-2:#2f6877;--bz-crema:#e8e1d7;--bz-cafe:#654026;--bz-carbon:#3e3d39;
  --bz-bg:#eef2f3;--bz-card:#fff;--bz-radio:20px;--bz-radio-s:14px;
  --bz-sombra:0 1px 2px rgba(33,56,70,.05),0 10px 30px rgba(33,56,70,.08);
  --bz-grad:linear-gradient(135deg,#213846 0%,#275360 100%);
  --bz-ok:#1f9d74;--bz-warn:#e0a21a;--bz-bad:#d4402b;
  --bg:var(--bz-bg);--radius:var(--bz-radio);--sombra:var(--bz-sombra);--rosa:#213846;
}
body{background:var(--bz-bg);color:#1f2d33}
/* barra lateral */
#main.active{background:var(--bz-bg)}
aside:not(.login-hero){background:linear-gradient(185deg,#275360 0%,#213846 100%);color:#d7e3e6;border-right:0;border-radius:0 28px 28px 0;box-shadow:8px 0 30px rgba(33,56,70,.15)}
aside .logo-img{width:140px;margin:.4rem .8rem 1.2rem}
aside .nav-item{color:#d7e3e6;border-radius:14px;padding:.72rem .9rem}
aside .nav-item:hover{background:rgba(255,255,255,.12);color:#fff}
aside .nav-item.active{background:#fff;color:#213846;box-shadow:0 8px 20px rgba(0,0,0,.18)}
aside .aside-foot{border-top:1px solid rgba(255,255,255,.18);color:#d7e3e6}
aside .aside-foot .btn.sec{background:rgba(255,255,255,.12);color:#fff}
aside .aside-foot .btn.sec:hover{background:rgba(255,255,255,.22)}
/* tarjetas y KPIs */
.card,.cart-panel{border-radius:var(--bz-radio);box-shadow:var(--bz-sombra);border:0}
.topbar h2{color:#1b2a31;font-weight:800}
.stat-card{border:0;border-radius:var(--bz-radio);padding:1.05rem 1.15rem;color:#fff;position:relative;overflow:hidden;box-shadow:var(--bz-sombra)}
.stat-card .lbl{color:rgba(255,255,255,.85);font-size:.7rem}
.stat-card .val{color:#fff;font-size:1.6rem}
.stat-card::after{content:"";position:absolute;right:-18px;bottom:-22px;width:90px;height:90px;border-radius:50%;background:rgba(255,255,255,.12)}
.stat-card.c-rosa{background:var(--bz-grad)}
.stat-card.c-verde{background:linear-gradient(135deg,#1f9d74,#2bb58a)}
.stat-card.c-azul{background:linear-gradient(135deg,#275360,#3b7d8e)}
.stat-card.c-ambar{background:linear-gradient(135deg,#e0a21a,#f2b84a)}
.stat-card.c-rojo{background:linear-gradient(135deg,#d4402b,#ea6a55)}
.stat-card.c-morado{background:linear-gradient(135deg,#654026,#8a5a38)}
.stat-card[class*="c-"]{border-top:0}
/* productos */
.prod{border-radius:var(--bz-radio);border:1.5px solid transparent}
.prod:hover{border-color:var(--bz-teal);box-shadow:0 12px 28px rgba(39,83,96,.16)}
.prod-img{background:linear-gradient(145deg,#eef2f3,#e8e1d7)}
.prod-foot b{color:var(--bz-teal)}
/* botones, campos, pestañas */
.btn{border-radius:var(--bz-radio-s);background:var(--bz-navy)}
.btn.verde{background:var(--bz-ok)}.btn.rojo{background:var(--bz-bad)}
.btn.sec{background:#fff;color:var(--bz-navy);border:1.5px solid #d6dfe2}
input,select,textarea{border-radius:var(--bz-radio-s);background-color:#f5f7f8;border-color:transparent}
input:focus,select:focus,textarea:focus{background-color:#fff;border-color:var(--bz-teal);box-shadow:0 0 0 3px rgba(39,83,96,.15)}
.chip,.badge{border-radius:999px}
.cat-row button,.cat-row .cat{border-radius:999px}
aside .who,aside .who b{color:#fff}aside .sync{color:#bfe9d8}

/* ═ Toque coquetón (v2) ═ */
:root{--bz-serif:Inter,-apple-system,"Segoe UI",Roboto,sans-serif;--bz-rosa-crema:#f6efe7;--bz-bg:#f4efe9}
body{background:linear-gradient(180deg,#f6f1ea 0%,#eef2f3 100%);background-attachment:fixed}
#main.active{background:transparent}
h1,h2,.topbar h2,.cart-head h2,.login-tit,.hero-txt h2{font-family:var(--bz-serif);font-weight:700;letter-spacing:-.3px}
.topbar h2{font-size:1.6rem;color:var(--bz-navy)}
.card h3{color:var(--bz-cafe);letter-spacing:.09em}
/* flor de marca como marca de agua */
aside:not(.login-hero){background:linear-gradient(185deg,#275360 0%,#213846 100%);position:sticky}
aside:not(.login-hero)::after{content:"";position:absolute;left:50%;bottom:150px;width:190px;height:190px;transform:translateX(-50%);background:url("marca/icono-flor-claro.svg") center/contain no-repeat;opacity:.07;pointer-events:none}
.login-hero::after{content:"";position:absolute;right:-40px;top:-30px;width:260px;height:260px;background:url("marca/icono-flor-claro.svg") center/contain no-repeat;opacity:.08;pointer-events:none}
/* suavidad */
.card,.cart-panel,.prod,.stat-card{border-radius:26px}
.btn,input,select,textarea{border-radius:16px}
.btn:not(.sec):not(.mini){box-shadow:0 8px 18px rgba(33,56,70,.22)}
.btn.grande{border-radius:18px}
.nav-item.active{border-radius:18px}
.chip,.badge,.hero-pill{border-radius:999px;background-image:none}
.prod-talla{background:#f6efe7;color:#654026}
.prod-img{background:linear-gradient(145deg,#f6efe7,#e8e1d7)}
.stat-card::after{background:rgba(255,255,255,.14)}
.stat-card .val{font-family:var(--bz-serif);font-weight:800}
.cart-panel{border:1px solid #efe7dc}
.card{border:1px solid #f0e9df}
/* detalle: separadores con florcita */
hr{border:0;height:14px;background:url("marca/icono-flor-navy.svg") center/14px no-repeat;opacity:.25}
::selection{background:#e8e1d7;color:#213846}

/* ═ Iconos SVG (reemplazan emojis de la interfaz) ═ */
.bz-ic{display:inline-block;width:1.15em;height:1.15em;vertical-align:-.2em;margin-right:.1em;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.bz-ic.ic-ok{color:var(--bz-ok)}.bz-ic.ic-bad{color:var(--bz-bad)}.bz-ic.ic-warn{color:var(--bz-warn)}
.nav-item .bz-ic{width:1.3em;height:1.3em;margin-right:.15em}
.nav-item.active .bz-ic{color:var(--bz-teal)}
.btn:not(.sec) .bz-ic.ic-ok,.btn:not(.sec) .bz-ic.ic-bad,.btn:not(.sec) .bz-ic.ic-warn,.stat-card .bz-ic{color:inherit}
.card h3 .bz-ic{color:var(--bz-teal);width:1.2em;height:1.2em}
.icon-btn .bz-ic,.btn.mini .bz-ic{margin:0 .15em 0 0}
aside .who .bz-ic,aside .nav-item:not(.active) .bz-ic{color:#fff}aside .nav-item:not(.active) .bz-ic{opacity:.9}

/* ═ v3 · Alineado con el panel admin (#51): Plus Jakarta Sans, gris plano, barra blanca, píldoras, KPIs blancos ═ */
:root{--bz-bg:#f4f5f7;--bz-font:'Plus Jakarta Sans','Inter',-apple-system,'Segoe UI',Roboto,sans-serif;--bz-serif:var(--bz-font);--bz-borde:#eceef1;--bz-borde-2:#dde1e6;--bz-radio:22px;--bz-sombra:0 1px 2px rgba(33,56,70,.04),0 6px 20px rgba(33,56,70,.06);--bg:#f4f5f7;--sombra:0 1px 2px rgba(33,56,70,.04),0 6px 20px rgba(33,56,70,.06)}
body,input,select,button,textarea{font-family:var(--bz-font)}
body{background:#f4f5f7;background-attachment:scroll;color:#3e3d39}
h1,h2,h3,.topbar h2,.cart-head h2{font-family:var(--bz-font)}
.topbar h2{font-size:1.45rem;font-weight:800;color:#213846;letter-spacing:-.4px}
/* barra lateral AZUL (#55: se regresa el panel izquierdo azul) */
aside:not(.login-hero){background:linear-gradient(185deg,#275360 0%,#213846 100%);color:#d7e3e6;border-right:0;border-radius:0 28px 28px 0;box-shadow:8px 0 30px rgba(33,56,70,.15)}
aside:not(.login-hero)::after{background:url("marca/icono-flor-claro.svg") center/contain no-repeat;opacity:.07}
aside .nav-item{color:#d7e3e6;border-radius:14px}
aside .nav-item:hover{background:rgba(255,255,255,.12);color:#fff}
aside .nav-item.active{background:#fff;color:#213846;box-shadow:0 8px 20px rgba(0,0,0,.18)}
aside .nav-item .bz-ic{color:inherit;opacity:1}
aside .nav-item.active .bz-ic{color:#275360}
aside .aside-foot{border-top:1px solid rgba(255,255,255,.18);color:#d7e3e6}
aside .aside-foot .btn.sec{background:rgba(255,255,255,.12);color:#fff;border:1px solid transparent}
aside .aside-foot .btn.sec:hover{background:rgba(255,255,255,.22)}
aside .who,aside .who b{color:#fff}aside .who .bz-ic{color:#fff}aside .sync{color:#bfe9d8}
aside .logo-img{width:140px;margin:.4rem .8rem 1.2rem}
/* fecha y hora CHICAS, bajo el nombre de la vendedora (#55; corrige el #50) */
.hora-chica{font-size:.72rem;font-weight:600;color:rgba(255,255,255,.8);margin:.15rem 0 .3rem;line-height:1.3}
/* tarjetas */
.card,.cart-panel,.modal{background:#fff;border:1px solid var(--bz-borde);border-radius:22px;box-shadow:var(--bz-sombra)}
.card{border:1px solid var(--bz-borde)}
.prod{border-radius:20px;border:1px solid var(--bz-borde)}
.prod-img{background:linear-gradient(145deg,#f4f5f7,#e8e1d7)}
/* KPIs: blancos con número azul marino; la primera destacada con degradado */
.stat-card{background:#fff!important;color:#3e3d39;border:1px solid var(--bz-borde);border-radius:22px;box-shadow:var(--bz-sombra)}
.stat-card::after{display:none}
.stat-card .lbl{color:#6f7378;font-weight:700}.stat-card .val{color:#213846;font-weight:800;letter-spacing:-.5px}
.stat-card.c-rosa{background:linear-gradient(135deg,#213846,#275360)!important;border:0}
.stat-card.c-rosa .lbl{color:rgba(255,255,255,.75)}.stat-card.c-rosa .val{color:#fff}
.stat-card.c-verde .val{color:#13895f}.stat-card.c-rojo .val{color:#d4372a}.stat-card.c-ambar .val{color:#c98a06}
/* botones tipo píldora, campos como el admin */
.btn{border-radius:999px;font-weight:700}
.btn.grande{border-radius:999px}
.btn.sec{background:#fff;color:#213846;border:1px solid var(--bz-borde-2)}
.btn:not(.sec):not(.mini):not(.verde):not(.rojo):not(.rosa):not(.rojo-suave){background:#213846}
input,select,textarea{background-color:#fff;border:1px solid var(--bz-borde-2);border-radius:12px}
input:focus,select:focus,textarea:focus{border-color:#275360;box-shadow:0 0 0 3px rgba(39,83,96,.15)}
.chip,.badge{font-weight:700}
.modal-back .modal{border-radius:24px}

/* mismos estilos para fotos */