:root{
  --primary:#2f6b4f;--primary-dark:#193f30;--secondary:#e3f0e8;--background:#f6f4ed;
  --surface:#fffefa;--text:#203129;--text-secondary:#68766e;--success:#278457;--danger:#b94848;
  --border:#dce5de;--shadow:0 10px 30px rgba(31,66,49,.08);--shadow-lg:0 24px 70px rgba(31,66,49,.14);--radius:20px;
}
html{background:#e9eee9}body{background:linear-gradient(180deg,#f8f7f1 0,#f2f5f0 100%);color:var(--text)}
.app-shell{background:transparent}.app-topbar{height:72px;padding:12px clamp(16px,3vw,34px);background:rgba(255,254,250,.9);border-bottom:1px solid var(--border);box-shadow:0 4px 24px rgba(30,65,48,.05)}
.app-topbar .brand-mark{width:44px!important;height:44px!important;display:grid!important;place-items:center!important;overflow:hidden!important;border:1px solid #c7ddcf!important;border-radius:14px!important;background:linear-gradient(145deg,#e3f0e8,#cce4d6)!important;box-shadow:none!important;color:var(--primary-dark)!important;font-size:.78rem!important;font-weight:950!important;letter-spacing:-.04em!important}.app-topbar .brand-mark img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important}.app-topbar .brand strong{font-size:1.22rem!important;color:var(--primary-dark)!important}
.top-avatar span{background:linear-gradient(145deg,#4f8d6d,#24553f)}.top-actions{display:flex;align-items:center;gap:8px}.notification-bell{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#eef5f0;color:var(--primary);position:relative}.notification-bell svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}.notification-bell b{position:absolute;right:-4px;top:-5px;min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border:2px solid #fff;border-radius:20px;background:#c85050;color:#fff;font-size:.62rem;font-weight:850;line-height:1;text-align:center;font-variant-numeric:tabular-nums}
.app-content{width:100%;max-width:1280px;margin:0 auto;padding-bottom:105px}.seccion,.admin,.native-home,.native-catalog,.native-detail,.auth-app{padding:28px clamp(16px,3vw,38px) 42px}.seccion>h1,.admin>h1,.page-title{color:var(--primary-dark);font-size:clamp(2rem,5vw,3rem);letter-spacing:-.045em}.eyebrow{color:var(--primary);letter-spacing:.16em}
.panel,.tarjeta,.resumen,.native-product,.native-catalog-card{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow)}
.panel:hover,.native-product:hover,.native-catalog-card:hover{border-color:#c4d8cb}
input,select,textarea{background:#fffefa;border-color:#d5e0d8;border-radius:13px}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(47,107,79,.12)}
.boton,.native-primary,.native-order{background:linear-gradient(135deg,#3b7c5c,#24513d);box-shadow:0 10px 24px rgba(38,89,64,.22);border-radius:13px}.boton.secundario{background:#f8fbf8;color:var(--primary-dark);border-color:#cfddd3}.boton:hover,.native-primary:hover,.native-order:hover{filter:brightness(1.04)}
.bottom-nav{height:calc(72px + var(--safe-bottom));background:rgba(255,254,250,.95);border-color:var(--border);box-shadow:0 -8px 28px rgba(31,66,49,.08)}.bottom-nav a{color:#718078;border-radius:13px}.bottom-nav a.active{color:var(--primary-dark);background:#e2efe7}.bottom-nav a.active svg{stroke:var(--primary)}
.native-welcome{position:relative;overflow:hidden;padding:clamp(28px,6vw,64px);background:radial-gradient(circle at 90% 15%,rgba(177,214,190,.75),transparent 30%),linear-gradient(135deg,#fffefa,#e8f2e9);border:1px solid #d8e6dc}.native-welcome:after{content:'K';position:absolute;right:5%;bottom:-35%;font-size:16rem;font-weight:900;color:rgba(47,107,79,.055);line-height:1}.native-welcome h1{max-width:720px;color:var(--primary-dark);font-size:clamp(2.4rem,7vw,5rem)}.native-welcome p{max-width:620px;font-size:1.02rem}.native-kicker,.native-pill{background:#fff;color:var(--primary-dark);border:1px solid #d4e3d8}.native-shortcuts a>span,.native-photo,.native-catalog-photo,.product-image{background:#e6f0e8;color:var(--primary)}
.native-products,.native-info{max-width:1100px;margin-left:auto;margin-right:auto}.native-info{background:#e2f1e8}.native-product,.native-catalog-card{transition:transform .2s,border-color .2s}.native-product:hover,.native-catalog-card:hover{transform:translateY(-2px)}.native-product p,.native-catalog-card p,.native-products header a{color:var(--primary)}
.native-detail-sheet{box-shadow:var(--shadow-lg)}.native-detail-facts>div{background:#f0f6f1}.catalog-filter-panel{border-color:var(--border)!important;background:var(--surface)!important}
.auth-app{max-width:520px;margin:auto}.auth-flower{width:108px!important;height:108px!important;overflow:hidden;border:0!important;border-radius:28px!important;background:#fff url('../img/icono-kefir-vida-master.png?v=2') center/cover no-repeat!important;color:transparent!important;box-shadow:0 12px 32px rgba(37,78,57,.14)!important;font-size:0!important}.auth-flower>*{opacity:0!important}.auth-brand p,.auth-register{color:var(--primary)}.auth-brand h1{color:var(--primary-dark)}.auth-sheet{border-color:var(--border);box-shadow:var(--shadow-lg)}
.dashboard-admin{width:100%!important;max-width:1180px!important;margin:0 auto!important;overflow:visible!important}.dashboard-admin .dashboard-head{width:100%!important;margin:0!important;padding:28px!important;border-radius:24px!important;background:linear-gradient(135deg,#244f3b,#3e7c5d)!important;color:#fff!important;overflow:hidden!important}.dashboard-admin .dashboard-head h1{max-width:none!important;margin:7px 0 4px!important;color:#fff!important;font-size:clamp(2rem,6vw,3.2rem)!important;line-height:1!important;overflow-wrap:normal!important}.dashboard-admin .dashboard-head p,.dashboard-admin .dashboard-head span{color:#fff!important}.dashboard-metrics>a,.dashboard-metrics>article,.dashboard-actions>a{border-color:var(--border)!important;background:var(--surface)!important}.dashboard-actions>a:first-child{background:linear-gradient(135deg,#326f51,#1f4c37)!important;color:#fff!important}.dashboard-actions>a:first-child small{color:#dcebe1!important}.dashboard-actions .sales-inventory-card small{display:grid!important;grid-template-columns:1fr auto;gap:3px 8px;margin-top:auto!important;color:var(--text-secondary)!important}.dashboard-actions .sales-inventory-card small span,.dashboard-actions .sales-inventory-card small strong{font-size:.65rem;line-height:1.2}.dashboard-actions .sales-inventory-card small strong{color:var(--primary-dark);white-space:nowrap;text-align:right}
.catalog-heading h1{font-family:inherit;color:var(--primary-dark)}.catalog-actions a,.catalog-actions a:link,.catalog-actions a:visited,.catalog-actions a:hover,.catalog-actions a:active,.catalog-actions a *{text-decoration:none!important;border-bottom:0!important}.action-card{text-decoration:none!important}.action-card b,.action-card small{text-decoration:none!important}.action-card.primary,.edit-button{background:linear-gradient(135deg,#3c7d5d,#24513d)}.action-card.secondary,.product-menu>summary{background:#e6f1e9;color:var(--primary-dark)}.action-card.secondary:hover{background:#d9ebdf;transform:translateY(-2px)}.catalog-filters button.active{border-color:var(--primary);background:#e0eee5;color:var(--primary-dark)}
.order-current,.pedido-estado-actual{background:#e4f0e8!important;color:var(--primary-dark)!important}.order-timeline article i{background:var(--primary)!important}.wa-shell,.wa-messages{background:#edf3ee}.wa-bubble.propio{background:#d7eadf}.wa-send{background:var(--primary)}.wa-location{display:grid;place-items:center;background:#e1efe6!important;color:var(--primary-dark)!important}.wa-location svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9}
.pos-page{max-width:860px!important}.pos-product{background:#fffefa}.pos-checkout{border-top:5px solid var(--primary)}.receipt header{color:var(--primary-dark)}
.tabla-wrap{border-color:var(--border)}th{background:#eaf3ed;color:var(--primary-dark)}.aviso{background:#e3f1e8;color:#245e40}.error{background:#fbeaea;color:#9a3636}
@media(min-width:900px){
  body{padding:0}.app-shell{width:100%;min-height:100dvh;margin:0;border-radius:0;box-shadow:none;overflow:visible}.app-topbar{top:0}.bottom-nav{left:50%;right:auto;bottom:16px;width:min(720px,calc(100% - 32px));height:70px;padding:7px;border:1px solid var(--border);border-radius:22px;transform:translateX(-50%);box-shadow:0 16px 45px rgba(31,66,49,.18)}.bottom-sheet{width:min(560px,100%);border-radius:26px 26px 0 0}.native-shortcuts{grid-template-columns:repeat(3,1fr)}.native-product-list,.native-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important}.dashboard-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important}.dos,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wa-page{height:calc(100dvh - 72px)}
}
@media(max-width:600px){
  .app-topbar{height:64px;padding:9px 14px}.app-topbar .brand-mark{width:38px!important;height:38px!important}.app-topbar .brand strong{font-size:1.05rem!important}.top-avatar span{width:36px;height:36px}.notification-bell{width:36px;height:36px}.seccion,.admin,.native-home,.native-catalog,.native-detail,.auth-app{padding:20px 14px 34px}.native-welcome{padding:28px 20px}.native-welcome h1{font-size:2.5rem}.native-shortcuts{grid-template-columns:1fr 1fr}.native-shortcuts a{grid-template-columns:40px 1fr;padding:12px}.native-shortcuts a>span{width:40px;height:40px}.bottom-nav{padding-left:4px;padding-right:4px}.bottom-nav a{font-size:.57rem;gap:2px}.bottom-nav svg{width:20px;height:20px}.panel{padding:15px}.acciones{display:grid}.acciones>*{width:100%}.dashboard-admin .dashboard-head{padding:22px!important;border-radius:20px!important}.dashboard-admin .dashboard-head h1{font-size:clamp(1.85rem,9vw,2.6rem)!important}.dashboard-metrics{grid-template-columns:1fr 1fr!important}.dashboard-actions{grid-template-columns:1fr 1fr!important}.native-product,.native-catalog-card{grid-template-columns:100px minmax(0,1fr)}
}

.store-logo-preview{width:88px;height:88px;display:block;margin:8px 0;object-fit:cover;border:1px solid var(--border);border-radius:20px;background:#eef5f0}

/* Inicio: jerarquia mas clara y accesos equilibrados */
.native-home .native-welcome-clean{
  min-height:0;
  padding:32px 24px 34px;
  border-radius:28px;
  background:
    radial-gradient(circle at 100% 0,rgba(173,216,188,.72),transparent 42%),
    linear-gradient(145deg,#fffefa 0%,#edf6ef 100%);
  box-shadow:0 14px 36px rgba(37,78,57,.08);
}
.native-home .native-welcome-clean:after{
  right:-.02em;
  bottom:-.2em;
  font-size:10rem;
  color:rgba(47,107,79,.045);
}
.native-home .native-welcome h1{
  max-width:620px;
  margin:0 0 12px;
  font-size:clamp(2.15rem,8vw,4.35rem);
  line-height:1.02;
  letter-spacing:-.055em;
}
.native-home .native-welcome p{margin:0;max-width:560px;line-height:1.65;color:#687b70}
.native-home .native-kicker{padding:7px 12px;box-shadow:0 5px 16px rgba(47,107,79,.06)}
.native-home .native-shortcuts{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 34px}
.native-home .native-shortcuts a{
  min-height:76px;
  padding:12px;
  border-color:#d7e2da;
  box-shadow:0 8px 22px rgba(37,78,57,.045);
}
.native-home .native-shortcuts a:first-child{
  grid-column:1/-1;
  grid-template-columns:52px 1fr auto;
  align-items:center;
  min-height:82px;
  padding:14px 16px;
  border-color:#c9ddd0;
  background:linear-gradient(135deg,#fff,#f0f8f2);
}
.native-home .native-shortcuts a:first-child:after{
  content:'→';
  grid-column:3;
  grid-row:1/3;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--primary);
  color:#fff;
  font-weight:800;
}
.native-home .native-shortcuts a:first-child>span{grid-row:1/3;width:52px;height:52px;border-radius:17px}
.native-home .native-shortcuts b{align-self:end;font-size:.95rem}
.native-home .native-shortcuts small{align-self:start;font-size:.75rem}
.native-home .native-products header{margin-bottom:15px;align-items:end}
.native-home .native-products header small{color:#668073;font-size:.62rem;letter-spacing:.15em;font-weight:850}
.native-home .native-products header h2{margin:4px 0 0;font-size:clamp(1.55rem,6vw,2rem);line-height:1.08}
.native-home .native-products header>a{padding:8px 0;white-space:nowrap;font-size:.82rem}

@media(max-width:380px){
  .native-home .native-welcome-clean{padding:27px 20px 29px}
  .native-home .native-welcome h1{font-size:2rem}
  .native-home .native-shortcuts{grid-template-columns:1fr}
  .native-home .native-shortcuts a:first-child{grid-column:auto}
}

/* Panel administrativo */
.dashboard-admin .dashboard-head{
  position:relative;
  padding:24px 26px!important;
  background:linear-gradient(135deg,#214b37 0%,#39795a 100%)!important;
  box-shadow:0 16px 38px rgba(25,63,48,.2);
}
.dashboard-admin .dashboard-head:after{
  content:'';
  position:absolute;
  right:-45px;
  top:-65px;
  width:190px;
  height:190px;
  border:34px solid rgba(255,255,255,.06);
  border-radius:50%;
}
.dashboard-admin .dashboard-head p{position:relative;z-index:1;font-size:.66rem;letter-spacing:.16em}
.dashboard-admin .dashboard-head h1{position:relative;z-index:1;margin:10px 0 6px!important;line-height:.94!important}
.dashboard-admin .dashboard-head span{position:relative;z-index:1;opacity:.86}
.dashboard-admin .section-heading{margin:18px 0 10px}
.dashboard-admin .section-heading>span{background:#dceee3;color:#245b40}
.dashboard-admin .priority-list .empty-inline{min-height:58px;border:1px solid #d8eadf;background:#ebf6ef}
.dashboard-admin .quick-title{margin-top:26px}
.dashboard-admin .dashboard-actions{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:12px}
.dashboard-admin .dashboard-actions>a{
  position:relative;
  min-height:142px!important;
  padding:15px!important;
  display:grid;
  grid-template-columns:42px 1fr 24px;
  grid-template-rows:auto auto 1fr;
  column-gap:11px;
  align-items:center;
  border-radius:20px!important;
  box-shadow:0 10px 28px rgba(31,66,49,.07);
}
.dashboard-admin .dashboard-actions>a>span{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#e3f0e8;color:var(--primary)}
.dashboard-admin .dashboard-actions>a>span svg{width:21px;height:21px;margin:0}
.dashboard-admin .dashboard-actions>a>b{grid-column:2;align-self:end;line-height:1.15}
.dashboard-admin .dashboard-actions>a>small{grid-column:2/4;align-self:start;margin-top:3px!important}
.dashboard-admin .dashboard-actions>a>i{grid-column:3;grid-row:1/3;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#eff5f1;color:var(--primary);font-style:normal;font-weight:900}
.dashboard-admin .dashboard-actions>a:first-child>span,.dashboard-admin .dashboard-actions>a:first-child>i{background:rgba(255,255,255,.16);color:#fff}

@media(max-width:800px){
  .dashboard-admin .dashboard-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:420px){
  .dashboard-admin .dashboard-head{padding:22px 20px!important}
  .dashboard-admin .dashboard-actions{grid-template-columns:1fr!important}
  .dashboard-admin .dashboard-actions>a{min-height:94px!important;grid-template-rows:auto auto}
}