/* Panel de pedidos — web app */
.adm{background:var(--lila);min-height:100vh;padding-bottom:calc(84px + env(safe-area-inset-bottom))}
.adm__top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:#fff;border-bottom:1px solid var(--linea)}
.adm__brand{display:flex;align-items:center;gap:10px}
.adm__brand img{width:40px;height:auto}
.adm__brand div{display:flex;flex-direction:column;line-height:1.2}
.adm__brand b{font-family:var(--f-t);font-size:17px}
.adm__brand span{font-size:13px;color:var(--gris)}
.adm__acts{display:flex;gap:8px}
.adm__acts .iconbtn{width:42px;height:42px}
.adm__demo{background:#FFF6D6;color:#6B5200;font-size:13px;padding:10px 16px;text-align:center}
.adm__main{max-width:880px;margin:0 auto;padding:16px}
.adm__h h1{font-size:26px;margin:6px 0 4px}
.adm__h{margin-bottom:12px}
.adm__login{max-width:360px;margin:60px auto;background:#fff;border-radius:24px;padding:28px;text-align:center}
.adm__login h1{font-size:24px}
.adm__login label{text-align:left}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.kpi{background:#fff;border:1.5px solid transparent;border-radius:18px;padding:14px;text-align:left;display:flex;flex-direction:column;gap:2px;font:inherit;color:inherit;cursor:pointer;position:relative;overflow:hidden}
.kpi::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--c,var(--violeta))}
.kpi b{font-family:var(--f-t);font-size:24px;line-height:1.1}
.kpi span{font-size:13px;color:var(--gris-2)}
.kpi small{font-size:13px;font-weight:600;color:var(--tinta)}
.kpi--nuevo{--c:#25A9EC}.kpi--pres{--c:#F0A500}.kpi--ok{--c:#1FAF54}.kpi--month{--c:var(--magenta);cursor:default}
.kpi--month b{font-size:19px}
@media (max-width:700px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.adm__bar{display:flex;gap:10px;margin-bottom:10px}
.adm__bar input{flex:1;min-width:0;min-height:48px;border-radius:999px;border:1.5px solid var(--linea);padding:0 18px;font:inherit;background:#fff}
.adm__bar input:focus{outline:none;border-color:var(--violeta)}
.adm__chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:8px;flex-wrap:nowrap}
.adm__chips .chip{white-space:nowrap;font:inherit;font-size:14px;cursor:pointer}
.olist{display:flex;flex-direction:column;gap:10px}
.ocard{background:#fff;border:1px solid var(--linea);border-radius:18px;padding:14px 16px;text-align:left;font:inherit;color:inherit;display:flex;flex-direction:column;gap:6px;cursor:pointer;width:100%}
.ocard--static{cursor:default}
.ocard--row{flex-direction:row;align-items:center;justify-content:space-between;gap:10px}
.ocard--row span:first-child{overflow-wrap:anywhere;font-weight:600}
.ocard p{margin:0}
.ocard__top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.ocard__top b{font-size:16px;overflow-wrap:anywhere}
.ocard__sub{font-size:14px;color:var(--gris-2)}
.ocard__foot{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--gris)}
.ocard__foot b{color:var(--tinta);font-size:15px}
.ocard__acts{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}
.stars-t{color:#F5B301;letter-spacing:2px}
.pill{flex:none;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap}
.pill--nuevo{background:#E2F4FE;color:#0B6FA5}.pill--pres{background:#FFF1CC;color:#7A5600}.pill--ok{background:#DDF6E5;color:#11733A}.pill--done{background:var(--lila-2);color:var(--violeta-d)}.pill--lost{background:#EEE;color:#666}
.adm__empty{background:#fff;border:1.5px dashed var(--linea);border-radius:18px;padding:28px;text-align:center;color:var(--gris-2)}
.linkbtn{background:none;border:0;padding:6px 0;font:inherit;font-size:14px;font-weight:600;color:var(--violeta-d);cursor:pointer;text-decoration:underline}
.linkbtn.danger{color:#C0263F}
.small{font-size:13px}
.adm__tabs{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid var(--linea);padding:6px 6px calc(6px + env(safe-area-inset-bottom))}
.adm__tabs button{background:none;border:0;font:inherit;font-size:12px;font-weight:600;color:var(--gris);display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px;border-radius:14px;position:relative;cursor:pointer}
.adm__tabs svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.adm__tabs [aria-current]{color:var(--violeta-d);background:var(--lila)}
.adm__tabs i{position:absolute;top:2px;left:calc(50% + 6px);min-width:18px;height:18px;border-radius:9px;background:var(--magenta);color:#fff;font-style:normal;font-size:11px;display:flex;align-items:center;justify-content:center;padding:0 4px}
.sheet{position:fixed;inset:0;z-index:50;background:rgba(27,20,36,.4);display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .25s}
.sheet.is-open{opacity:1}
.sheet__panel{background:#fff;width:100%;max-width:720px;max-height:94vh;border-radius:24px 24px 0 0;display:flex;flex-direction:column;transform:translateY(30px);transition:transform .25s}
.sheet.is-open .sheet__panel{transform:none}
@media (min-width:760px){.sheet{align-items:center}.sheet__panel{border-radius:24px;max-height:90vh}}
.sheet__head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--linea)}
.sheet__head h2{font-size:20px;overflow-wrap:anywhere}
.sheet__body{overflow-y:auto;padding:16px 18px;-webkit-overflow-scrolling:touch}
.sheet__body h3{margin:6px 0 0}
.sheet__foot{display:flex;gap:8px;justify-content:flex-end;align-items:center;flex-wrap:wrap;padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--linea)}
.sheet__foot .danger{margin-right:auto}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:520px){.grid2{grid-template-columns:1fr}}
.seg{display:flex;gap:6px;flex-wrap:wrap}
.seg__b{border:1.5px solid var(--linea);background:#fff;border-radius:999px;padding:8px 12px;font:inherit;font-size:13px;font-weight:600;color:var(--gris-2);cursor:pointer}
.seg__b[aria-pressed=true].seg__b--nuevo{background:#E2F4FE;border-color:#25A9EC;color:#0B6FA5}
.seg__b[aria-pressed=true].seg__b--pres{background:#FFF1CC;border-color:#F0A500;color:#7A5600}
.seg__b[aria-pressed=true].seg__b--ok{background:#DDF6E5;border-color:#1FAF54;color:#11733A}
.seg__b[aria-pressed=true].seg__b--done{background:var(--lila-2);border-color:var(--violeta);color:var(--violeta-d)}
.seg__b[aria-pressed=true].seg__b--lost{background:#EEE;border-color:#999;color:#444}
.items{display:flex;flex-direction:column;gap:8px}
.item{display:grid;grid-template-columns:minmax(0,1fr) 84px 110px;grid-template-areas:"n q p" "s s d";gap:6px 10px;align-items:end;background:var(--lila);border-radius:14px;padding:10px 12px}
.item__name{grid-area:n;display:flex;flex-direction:column;font-size:14px;align-self:center}
.item__name span{color:var(--gris);font-size:12px}
.item label:nth-of-type(1){grid-area:q}.item label:nth-of-type(2){grid-area:p}
.item label{font-size:12px;gap:2px}
.item input{min-height:40px!important;padding:6px 10px!important}
.item__sub{grid-area:s;font-size:13px;font-weight:600}
.item .linkbtn{grid-area:d;justify-self:end;padding:0;font-size:13px}
@media (max-width:420px){.item{grid-template-columns:1fr 1fr;grid-template-areas:"n n" "q p" "s d"}}
.additem{position:relative}
.additem input{width:100%}
.additem__res{display:flex;flex-direction:column;gap:4px;margin-top:6px}
.additem__res button{display:flex;align-items:center;gap:10px;border:1px solid var(--linea);background:#fff;border-radius:12px;padding:6px 10px;text-align:left;font:inherit;font-size:14px;cursor:pointer}
.additem__res img{width:40px;height:40px;object-fit:contain;border-radius:8px;background:#fff;flex:none}
.additem__res span{display:flex;flex-direction:column}
.additem__res small{color:var(--gris);font-size:12px}
.totals{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;background:var(--lila);border-radius:14px;padding:12px}
.totals label{grid-column:1/-1}
.sheet__body>*,.sheet__body label{min-width:0}
.sheet__body input,.sheet__body textarea,.sheet__body select{width:100%;min-width:0;box-sizing:border-box}
.sheet__panel{overflow:hidden}
.plist{display:flex;flex-direction:column;gap:8px}
.prow{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--linea);border-radius:16px;padding:8px 12px 8px 8px;text-align:left;font:inherit;color:inherit;cursor:pointer;width:100%}
.prow img{width:64px;height:64px;object-fit:contain;border-radius:10px;background:#fff;flex:none;border:1px solid var(--linea)}
.prow__t{display:flex;flex-direction:column;gap:2px;min-width:0}
.prow__t b{font-size:15px;overflow-wrap:anywhere}
.prow__t small{color:var(--gris);font-size:12px}
.prow__tags{display:flex;gap:4px;flex-wrap:wrap}
.prow__tags i{font-style:normal;font-size:11px;padding:2px 8px}
.prow.is-off{opacity:.6}
.pphotos{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.pphoto{position:relative;width:96px;height:96px;border-radius:14px;overflow:hidden;border:1px solid var(--linea);background:#fff;flex:none}
.pphoto img{width:100%;height:100%;object-fit:contain}
.pphoto>span{position:absolute;left:4px;bottom:4px;font-size:10px;font-weight:700;background:var(--violeta);color:#fff;border-radius:6px;padding:1px 5px}
.pphoto>span:empty{display:none}
.pphoto__a{position:absolute;top:4px;right:4px;display:flex;gap:4px}
.pphoto__a button{width:26px;height:26px;border-radius:50%;border:0;background:rgba(27,20,36,.75);color:#fff;font-size:12px;cursor:pointer}
.pphoto--add{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1.5px dashed var(--violeta);background:var(--lila);color:var(--violeta-d);cursor:pointer;font-weight:600}
.pphoto--add span{font-size:26px;line-height:1}
.pphoto--add small{font-size:11px}
.pphoto--wide{width:100%;height:170px}
.pphoto--wide img{object-fit:cover}
.specs-ed{display:flex;flex-direction:column;gap:6px}
.spec-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) auto;gap:6px;align-items:center}
.specs-ed>.linkbtn{align-self:flex-start}
.toggles{display:flex;flex-direction:column;gap:4px;background:var(--lila);border-radius:14px;padding:10px 14px}
.tog{flex-direction:row!important;align-items:center;gap:10px!important;font-weight:500!important;font-size:15px!important;min-height:36px}
.tog input{width:20px!important;height:20px;min-height:0!important;accent-color:var(--violeta)}
.kpis--seg{grid-template-columns:repeat(5,minmax(0,1fr))}
.kpis--seg .kpi{cursor:default}
@media (max-width:700px){.kpis--seg{grid-template-columns:repeat(3,minmax(0,1fr))}}
.adm__warn{background:#FFF6D6;color:#6B5200;border-radius:14px;padding:12px 14px;font-size:14px}
.adm__sub{font-size:18px;margin:22px 0 10px}
.mprods{display:flex;flex-direction:column;gap:6px;margin:6px 0}
.mprod{display:flex;align-items:center;gap:10px;background:var(--lila);border-radius:12px;padding:6px 10px}
.mprod img{width:40px;height:40px;object-fit:contain;background:#fff;border-radius:8px}
.mprod span{flex:1;font-size:14px}
.mprev{width:100%;height:520px;border:1px solid var(--linea);border-radius:14px;background:#F4EEFB}
.adm__sec{font-size:15px;margin:20px 0 8px;color:var(--violeta-d,#5B23B5)}
.catrow.is-off{opacity:.65}
.catrow .ocard__acts{flex-wrap:wrap}
.catrow a{color:var(--violeta,#7B38D8)}

.adm__setup{display:flex;align-items:center;gap:14px;justify-content:space-between;flex-wrap:wrap;margin:14px 16px 0;padding:14px 16px;border-radius:18px;background:#E5F7EC;color:#0f4f27}
.adm__setup div{display:flex;flex-direction:column;gap:2px;flex:1;min-width:200px}
.adm__setup span{font-size:14px}