@font-face{font-family:"Clash Grotesk";src:url(fuentes/ClashGrotesk-Regular.otf) format("opentype");font-weight:400}
@font-face{font-family:"Clash Grotesk";src:url(fuentes/ClashGrotesk-Semibold.otf) format("opentype");font-weight:600}
:root{
  --purpura:#7C1667; --uva:#4F0645; --amarillo:#FFF0A9; --lila:#EBCBF1; --hueso:#FCFBF5;
  --tinta:#2A1027; --gris:#76606F; --linea:#EADFE6; --fondo:#F3EEF1;
  --ok:#1F7A4D; --ok-bg:#DDF2E6; --fab:#8A5300; --fab-bg:#FFE9C2; --no:#A3262E; --no-bg:#F8DEDF;
  --camas:#73C9DD; --ropa:#C9246F; --juguetes:#F49047; --accesorios:#8058AF;
  --display:"Caprasimo", Georgia, serif; --texto:"Clash Grotesk", "Helvetica Neue", Arial, sans-serif;
}
*{box-sizing:border-box}
body{background:var(--fondo);color:var(--tinta);font-family:var(--texto);font-size:15px;line-height:1.4;padding-inline:16px;padding-block:20px 40px}
.escena{display:flex;gap:40px;justify-content:center;align-items:flex-start;flex-wrap:wrap;max-width:1100px;margin:0 auto}
.nota{max-width:360px;display:flex;flex-direction:column;gap:14px;padding-top:24px}
.nota h1{font-family:var(--display);font-weight:400;color:var(--purpura);font-size:34px;line-height:1.05;margin:0;text-wrap:balance}
.nota p{margin:0;color:var(--gris);max-width:60ch}
.nota ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;color:var(--tinta)}
.sello{display:inline-flex;align-self:flex-start;background:var(--amarillo);color:var(--uva);font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:999px}
.web{border:1px dashed #C9B3C2;border-radius:14px;padding:14px;background:var(--hueso);display:flex;flex-direction:column;gap:8px}
.web small{color:var(--gris);font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.web .barra{display:flex;justify-content:space-between;align-items:center;gap:8px;font-weight:600}
.web button{font:inherit;font-weight:600;background:var(--purpura);color:var(--amarillo);border:0;border-radius:999px;padding:6px 12px;cursor:pointer}

/* teléfono */
.tel{width:390px;max-width:100%;height:800px;max-height:calc(100vh - 40px);min-height:620px;background:var(--hueso);border-radius:34px;border:8px solid var(--uva);box-shadow:0 30px 60px -30px rgba(79,6,69,.45);overflow:hidden;display:flex;flex-direction:column;position:relative}
@media (max-width:520px){ body{padding-inline:0;padding-block:0} .escena{gap:0} .nota{padding:20px 16px} .tel{border:0;border-radius:0;height:100vh;max-height:none;width:100%} }
.cab{background:var(--purpura);color:var(--amarillo);padding:14px 18px 12px;display:flex;flex-direction:column;gap:8px}
.cab .fila{display:flex;justify-content:space-between;align-items:center;gap:10px}
.cab svg.logo{height:20px;width:auto}
.cab .quien{font-size:13px;color:var(--lila)}
.cab h2{margin:0;font-family:var(--display);font-weight:400;font-size:24px;line-height:1.1;color:var(--amarillo)}
.pantalla{flex:1;overflow-y:auto;padding:14px 16px 18px;display:flex;flex-direction:column;gap:14px}
.nav{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--linea);background:#fff}
.nav button{font:inherit;font-size:12px;background:none;border:0;padding:9px 2px 11px;color:var(--gris);display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;position:relative}
.nav button svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8}
.nav button[aria-current="true"]{color:var(--purpura);font-weight:600}
.nav .burbuja{position:absolute;top:4px;left:calc(50% + 6px);background:var(--ropa);color:#fff;font-size:10px;font-weight:600;min-width:17px;height:17px;border-radius:9px;display:grid;place-items:center;padding:0 4px}
button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--juguetes);outline-offset:2px}

h3{margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gris);font-weight:600}
.bloque{display:flex;flex-direction:column;gap:8px}
.cifras{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cifra{background:#fff;border:1px solid var(--linea);border-radius:12px;padding:10px}
.cifra b{display:block;font-size:20px;font-variant-numeric:tabular-nums}
.cifra span{font-size:12px;color:var(--gris)}
.lista{background:#fff;border:1px solid var(--linea);border-radius:14px;overflow:hidden}
.item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;border-top:1px solid var(--linea);cursor:pointer;background:none;width:100%;font:inherit;text-align:left;color:inherit}
.item:first-child{border-top:0}
.item .t{font-weight:600}
.item .s{font-size:13px;color:var(--gris)}
.item .m{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}
.chip{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap}
.chip.listo{background:var(--ok-bg);color:var(--ok)} .chip.fabrica{background:var(--fab-bg);color:var(--fab)} .chip.agotado{background:var(--no-bg);color:var(--no)}
.aviso{background:var(--amarillo);border-radius:14px;padding:12px;color:var(--uva);font-size:14px}

/* catálogo */
.buscar{display:flex;gap:8px}
.buscar input{flex:1;font:inherit;border:1px solid var(--linea);border-radius:12px;padding:10px 12px;background:#fff;color:var(--tinta);min-width:0}
.filtros{flex-shrink:0;display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}
.filtros button{font:inherit;font-size:13px;border:1px solid var(--linea);background:#fff;color:var(--tinta);border-radius:999px;padding:5px 11px;white-space:nowrap;cursor:pointer}
.filtros button[aria-pressed="true"]{background:var(--purpura);border-color:var(--purpura);color:var(--amarillo)}
.grilla{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.prod{background:#fff;border:1px solid var(--linea);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.foto{height:0;padding-bottom:100%;max-width:100%;background:#fff center/contain no-repeat;position:relative}
.foto.sin{display:grid;place-items:center;text-align:center;color:#fff;padding:10px}
.foto.sin b{font-family:var(--display);font-weight:400;font-size:34px;line-height:1}
.foto.sin small{font-size:11px;opacity:.9;letter-spacing:.04em}
.prod .info{padding:8px 9px 10px;display:flex;flex-direction:column;gap:5px;flex:1}
.prod .nom{font-size:13px;font-weight:600;line-height:1.25}
.prod .cod{font-size:11px;color:var(--gris);font-variant-numeric:tabular-nums}
.var{display:flex;justify-content:space-between;align-items:center;gap:6px;border-top:1px solid var(--linea);padding-top:6px;font-size:13px}
.var .chip{margin-top:3px}
.cuenta{margin:0;font-size:12px;color:var(--gris)}
.prod .pie{display:flex;justify-content:space-between;align-items:center;margin-top:auto;gap:6px}
.prod .precio{font-weight:600;font-variant-numeric:tabular-nums}
.mas{font:inherit;font-weight:600;background:var(--purpura);color:var(--amarillo);border:0;border-radius:10px;width:34px;height:34px;cursor:pointer;font-size:20px;line-height:1}
.mas:disabled{background:var(--linea);color:var(--gris);cursor:not-allowed}
.cant{display:flex;align-items:center;gap:6px}
.cant button{font:inherit;width:28px;height:28px;border-radius:8px;border:1px solid var(--linea);background:#fff;cursor:pointer;color:var(--purpura);font-weight:600}
.cant b{min-width:20px;text-align:center;font-variant-numeric:tabular-nums}

/* ficha */
.ficha-top{display:flex;flex-direction:column;gap:4px}
.ficha-top .nombre{font-family:var(--display);font-size:22px;color:var(--purpura);line-height:1.1}
.volver{font:inherit;background:none;border:0;color:var(--purpura);font-weight:600;padding:0;cursor:pointer;align-self:flex-start}
.btn{font:inherit;font-weight:600;border:0;border-radius:14px;padding:13px;cursor:pointer;background:var(--purpura);color:var(--amarillo);width:100%}
.btn.sec{background:#fff;color:var(--purpura);border:1px solid var(--purpura)}
.resumen{background:#fff;border:1px solid var(--linea);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:6px}
.resumen .r{display:flex;justify-content:space-between;gap:10px;font-variant-numeric:tabular-nums}
.resumen .r.total{font-weight:600;font-size:17px;border-top:1px solid var(--linea);padding-top:8px}
select{font:inherit;border:1px solid var(--linea);border-radius:12px;padding:10px;background:#fff;color:var(--tinta);width:100%}
.vacio{color:var(--gris);text-align:center;padding:30px 10px}

/* entrada */
.entrada{position:absolute;inset:0;background:var(--purpura);color:var(--amarillo);display:flex;flex-direction:column;justify-content:center;gap:18px;padding:30px 28px;z-index:5}
.entrada svg.logo{width:200px;height:auto}
.entrada h2{font-family:var(--display);font-weight:400;font-size:30px;margin:0;line-height:1.05}
.entrada label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--lila)}
.entrada input{font:inherit;border:0;border-radius:12px;padding:12px;background:var(--hueso);color:var(--tinta)}
.entrada .btn{background:var(--amarillo);color:var(--uva)}
.entrada p{margin:0;font-size:13px;color:var(--lila)}
@media (prefers-reduced-motion:no-preference){ .pantalla{scroll-behavior:smooth} }

@font-face{font-family:Caprasimo;src:url(fuentes/Caprasimo-Regular.ttf)}
body{margin:0;padding:0}.tel{width:100%;max-width:480px;height:100dvh;max-height:none;min-height:0;margin:auto;border:0;border-radius:0;box-shadow:none}
[hidden]{display:none!important}.cab img.logo{height:20px;width:auto}.entrada img.logo{width:200px;height:auto}
button,.cant button,.mas{min-height:40px;min-width:40px}.var{flex-wrap:wrap}.item>div{min-width:0}.cifra b{font-size:clamp(15px,4.4vw,20px)}
.salir{font:inherit;color:var(--amarillo);background:transparent;border:1px solid var(--lila);border-radius:8px}.entrada .error{color:var(--amarillo)}

.item .t,.prod .nom{overflow-wrap:anywhere}.btn:disabled{opacity:.6;cursor:not-allowed}.nav{padding-bottom:env(safe-area-inset-bottom)}

.aviso summary{cursor:pointer;min-height:40px;display:flex;align-items:center;font-weight:600}.aviso details div{padding:5px 0}.pantalla{min-height:0;overflow-x:hidden}.var>div:first-child{min-width:0;overflow-wrap:anywhere}.cant{flex-shrink:0}

/* El contenido conserva su altura y la pantalla se desplaza. */
.pantalla>*{flex-shrink:0}.filtros button{flex-shrink:0}.cab,.nav{flex-shrink:0}

/* Tarjetas uniformes con una sola variante visible. */
.grilla{grid-auto-rows:auto;align-items:stretch}
.prod{min-width:0}
.prod .foto{flex-shrink:0;width:100%}
.prod .nom{height:2.5em;flex-shrink:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.tallas{display:flex;flex-wrap:wrap;align-content:flex-start;align-items:center;gap:6px;max-height:78px;flex-shrink:0;overflow:hidden}
.tallas.abiertas{max-height:none}
.tallas .talla{box-sizing:border-box;flex:0 0 auto;min-height:36px;min-width:40px;height:36px;font:inherit;font-size:12px;font-weight:600;padding:4px 3px;border:1px solid var(--linea);border-radius:999px;background:#fff;color:var(--purpura);cursor:pointer;white-space:nowrap}
.talla-detalle{min-height:32px;font-size:11px;line-height:16px;color:var(--gris);overflow-wrap:anywhere}
@media (max-width:380px){.grilla{margin-inline:-16px;gap:10px 0}.tallas{margin-inline:-9px}.prod{border-radius:10px}}
.tallas .talla[aria-pressed="true"]{background:var(--purpura);border-color:var(--purpura);color:#fff}
.tallas .talla:disabled{background:var(--fondo);border-color:var(--linea);color:var(--gris);text-decoration:line-through;cursor:not-allowed}
.tallas:empty,.otras-tallas:empty{display:none}
.otras-tallas{flex-shrink:0;font-size:11px;line-height:18px;color:var(--gris);white-space:nowrap;overflow-x:auto;scrollbar-width:none}
.otras-tallas::-webkit-scrollbar{display:none}
.detalle-talla{margin-top:auto;display:flex;flex-direction:column;gap:5px;border-top:1px solid var(--linea);padding-top:7px}
.detalle-talla .precio{font-size:14px;line-height:20px}
.detalle-talla .chip{font-size:11px;padding-inline:5px}
.detalle-talla .cod{line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prod .pie{height:40px;justify-content:flex-end}
.cant button:disabled{color:var(--gris);background:var(--fondo);cursor:not-allowed}

.compartir{display:block;text-align:center;text-decoration:none}

.chip.oferta{background:#FFF0A9;color:#4F0645}
.detalle-talla .precio{font-size:20px;line-height:26px}
.detalle-talla .precio del{font-size:12px;color:var(--gris);font-weight:400}

/* Cartera y compras: columnas flexibles para teléfonos de 360–430 px. */
.cifras{grid-template-columns:repeat(3,minmax(0,1fr))}
.cifra{min-width:0;padding:8px 6px}.cifra b{font-size:clamp(12px,3.4vw,17px);overflow-wrap:anywhere}
.rojo{color:var(--no)}.ambar{color:var(--fab)}.tendencia{font-size:18px}.tendencia.sube{color:var(--ok)}
.cliente-fila{align-items:flex-start}.cliente-fila>div:first-child{flex:1}
.situacion{flex:0 1 40%;text-align:right}.situacion .chip{white-space:normal;overflow-wrap:anywhere}
.filtros-clientes{flex-wrap:wrap;overflow:visible;gap:4px}.filtros-clientes button{padding-inline:9px}
.ficha-top .s{color:var(--gris);font-size:13px;overflow-wrap:anywhere}
.grafico{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;background:#fff;border:1px solid var(--linea);border-radius:14px;padding:12px 6px}
.mes{min-width:0;display:flex;flex-direction:column;align-items:center;font-size:11px;color:var(--gris)}
.monto-mes{width:100%;text-align:center;overflow-wrap:anywhere;font-size:10px;font-variant-numeric:tabular-nums}
.pista{height:80px;width:70%;display:flex;align-items:flex-end;margin:4px 0}
.barra-mes{width:100%;background:var(--purpura);border-radius:4px 4px 0 0}

.chip.credito-especial { color: #8058AF; background: #f1eaf8; }
.m.credito-especial { color: #8058AF; }

/* Reservar espacio al monto y permitir nombres largos en las listas. */
.item{flex-wrap:wrap}
.item>div:first-child{flex:1 1 0;min-width:0;overflow-wrap:anywhere}
.item .m{flex:0 0 auto;white-space:nowrap;max-width:100%}
.item>a,.item>.chip{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.item .s,.item .chip{overflow-wrap:anywhere;white-space:normal}
.item .situacion{flex:0 1 40%}
.dormido{display:inline-block;font-size:12px;color:var(--gris)}
.contacto{display:flex;flex-wrap:wrap;column-gap:14px;row-gap:4px}
.contacto .telefono{white-space:nowrap;font-variant-numeric:tabular-nums}

/* Tablero Hoy */
.cifras{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cifra{font:inherit;text-align:left;color:var(--tinta);min-height:100px;padding:12px;cursor:pointer}
.cifra span,.cifra b{overflow-wrap:anywhere}
.cifra b{font-size:22px;overflow-wrap:anywhere}
.cifra span{display:block;font-size:13px}
.cifra:disabled{opacity:.55;cursor:default}
.acciones-pedido{flex:1 0 100%;display:flex;flex-direction:column;gap:8px}
button.item{border-inline:0;border-bottom:0;min-height:64px}

.chip.tolerancia { background: #fde4b5; color: #8a4a00; }

/* Resumen mensual con barras sin dependencias. */
.tu-mes{min-width:0;background:#fff;border:1px solid var(--linea);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px}
.tu-mes h3{color:var(--purpura);letter-spacing:0;text-transform:none;font-size:16px}
.vendido{font-size:32px;font-weight:600;color:var(--uva);overflow-wrap:anywhere;line-height:1.2}
.vendido small{font-size:17px;font-weight:400}.mes-detalle,.meta-mes{font-size:13px;overflow-wrap:anywhere}
.mes-detalle{color:var(--gris)}.meta-mes{display:flex;flex-direction:column;gap:5px}
.mes-pista{height:8px;background:var(--fondo);border-radius:8px;overflow:hidden;min-width:0}
.mes-pista span{height:100%;display:block;background:var(--purpura);border-radius:inherit}
.semanas-mes{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--linea);padding-top:12px}
.semana-etiqueta{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin-bottom:4px}
.semana-etiqueta span{min-width:0}.semana-etiqueta b{flex-shrink:0;font-variant-numeric:tabular-nums}
.semana-etiqueta small{display:block;color:var(--purpura);font-size:11px}.semana-mes.actual .mes-pista span{background:var(--ropa)}

.criterio-semanas{font-size:12px;color:var(--gris);margin:0 0 12px}
.desglose-mes summary{display:flex;align-items:center;gap:6px;min-height:40px;color:var(--purpura);cursor:pointer;list-style:none}
.desglose-mes summary::-webkit-details-marker{display:none}
.desglose-mes summary span{display:inline-block;transition:transform .2s}
.desglose-mes[open] summary span{transform:rotate(90deg)}

.despacho-cliente .item{cursor:default;align-items:flex-start}.despacho-cliente button.item{cursor:pointer;color:var(--purpura)}
.item .s .rojo{color:var(--no);font-weight:600}

/* Pedidos guardados compactos. */
.pedido-guardado{position:relative;padding:12px;border-top:1px solid var(--linea);display:flex;flex-direction:column;gap:10px}
.pedido-guardado:first-child{border-top:0}
.abrir-pedido{color:inherit;text-decoration:none}
.abrir-pedido::after{content:"";position:absolute;inset:0;cursor:pointer}
.abrir-pedido:focus-visible{outline:none}
.abrir-pedido:focus-visible::after{outline:2px solid var(--juguetes);outline-offset:-3px;border-radius:12px}
.pedido-cabecera{display:flex;align-items:flex-start;gap:8px;justify-content:space-between}
.pedido-cliente{min-width:0;font-weight:600;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.pedido-cabecera .chip{white-space:normal;overflow-wrap:anywhere;max-width:100%}
.pedido-cabecera{flex-wrap:wrap}
.pedido-detalle{color:var(--gris);font-size:13px;margin-top:4px;overflow-wrap:anywhere}
.pedido-guardado .acciones-pedido{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;flex:auto}
.pedido-guardado .acciones-pedido>*{position:relative;z-index:1;min-height:40px;padding:9px 6px;border-radius:10px;font-size:13px;display:flex;align-items:center;justify-content:center;text-align:center}
.eliminar-pedido{position:relative;z-index:1;align-self:flex-end;background:none;border:0;padding:2px 0;min-height:0;font:inherit;font-size:12px;color:var(--no);text-decoration:underline;cursor:pointer}
.resumen-cliente{align-self:flex-start;font-size:13px;color:var(--purpura)}
.acciones-pedido a:focus-visible,.resumen-cliente:focus-visible{outline:2px solid var(--juguetes);outline-offset:2px}

.acciones-vacio{display:flex;flex-direction:column;gap:8px;margin-top:8px}

.barra-edicion{position:sticky;top:0;z-index:5;background:var(--purpura);color:#fff;padding:10px 12px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.barra-edicion button{background:#fff;color:var(--purpura);border:0;border-radius:8px;padding:6px 12px}
.renglon-pedido{cursor:default}.renglon-pedido .producto-pedido{flex:1 1 60%}
.acciones-renglon{display:flex;align-items:center;gap:12px;flex-basis:100%}
.acciones-renglon button{min-width:40px;min-height:40px}.quitar-renglon{margin-left:auto;background:none;border:1px solid var(--linea);border-radius:8px;color:var(--no);padding:6px 12px}

.renglon-pedido .cod{font-size:11px;color:var(--gris);font-variant-numeric:tabular-nums}
.aviso.confirmacion .t{font-weight:600}
.aviso .nota-profit{margin-top:6px;font-size:12px;opacity:.8}

.nota-facturacion{font-size:12px;color:var(--gris);margin-top:-6px}
.selector-cliente{min-width:0}.campo-cliente{display:flex;gap:4px}
.campo-cliente input{width:100%;min-width:0;font:inherit;padding:12px;border:1px solid var(--linea);border-radius:12px;color:var(--tinta);background:#fff}
.campo-cliente button{flex-shrink:0;border:1px solid var(--linea);border-radius:10px;background:#fff;color:var(--purpura);font-size:24px}
#opciones-clientes{margin-top:6px;border:1px solid var(--linea);border-radius:12px;background:#fff;max-height:50vh;max-height:50dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
#opciones-clientes button{display:flex;flex-direction:column;width:100%;text-align:left;font:inherit;padding:10px 12px;border:0;border-bottom:1px solid var(--linea);background:#fff;color:var(--tinta);overflow-wrap:anywhere}
#opciones-clientes button[aria-selected="true"]{background:var(--lila)}
#opciones-clientes small,#opciones-clientes p{color:var(--gris);font-size:12px}#opciones-clientes p{padding:12px}

.sin-compras{background:#eee;color:var(--gris)}
.barra-pedido{width:100%;border:0;font:inherit;text-align:left;cursor:pointer}

.ficha-nueva{display:flex;flex-direction:column;gap:14px}.ficha-nueva label{display:flex;flex-direction:column;gap:6px;font-weight:600}
.ficha-nueva input,.ficha-nueva select{min-height:44px;width:100%;font:inherit;padding:10px;border:1px solid var(--linea);border-radius:10px;background:#fff;box-sizing:border-box}
.rif-nuevo{display:flex;gap:8px}.rif-nuevo select{width:80px}.error-campo{color:var(--no);font-weight:normal}.ficha-nueva [aria-invalid="true"]{border-color:var(--no)}

.acciones-compartir{display:flex;gap:8px}.acciones-compartir>*{flex:1;min-height:40px}
.pedido-guardado .acciones-pedido{grid-template-columns:repeat(3,minmax(0,1fr))}
#opciones-clientes button.opcion-nueva{color:var(--purpura);font-weight:600}

.chip.pocas{background:var(--fab-bg);color:var(--fab)}

.nota-pedido{display:block;margin:16px 0}.nota-pedido textarea{display:block;width:100%;min-height:40px;padding:8px;box-sizing:border-box;font:inherit}.nota-pedido small{display:block;text-align:right}.nota-tarjeta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}

.selector-mes {display:flex;gap:8px;margin:12px 0}
.cliente-procesado {background:white;border:1px solid var(--borde, #ddd);border-radius:12px;margin:10px 0;padding:12px}
.cliente-procesado summary {display:flex;justify-content:space-between;gap:12px;cursor:pointer}
.cliente-procesado .item>div {min-width:0;width:100%}
.falta-procesado {white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.estado-por_despachar,.estado-parcial {background:#fff0cc;color:#855b00}
.estado-listo {background:#e1f3e7;color:#24633b}
.estado-facturado {background:#edf0f3;color:#44505b}
.estado-por_montar {background:#efe5fb;color:#714899}

.nombre-procesado {border:0;background:transparent;color:inherit;font:inherit;text-align:left;padding:0;text-decoration:underline;cursor:pointer;flex:1}
.cliente-procesado summary::after {content:'›'}
.cliente-procesado[open] summary::after {transform:rotate(90deg)}
.selector-mes button{min-height:40px}