:root{--rojo:#c8102e;--texto:#1c1c1e;--suave:#6b6b70;--fondo:#f4f4f5;--tarjeta:#fff;--borde:#d9d9de;color:var(--texto);background:var(--fondo);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--texto:#f2f2f3;--suave:#a1a1a8;--fondo:#121214;--tarjeta:#1d1d20;--borde:#34343a}}*{box-sizing:border-box}body{min-height:100dvh;margin:0}.centro{min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));place-items:center;display:grid}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:16px;flex-direction:column;gap:14px;width:100%;max-width:360px;padding:28px 24px;display:flex}.tarjeta img{align-self:center}h1{text-align:center;margin:0;font-size:1.5rem}label{color:var(--suave);flex-direction:column;gap:6px;font-size:.9rem;display:flex}input{font:inherit;color:var(--texto);background:var(--fondo);border:1px solid var(--borde);border-radius:10px;padding:12px;font-size:16px}button{font:inherit;color:#fff;background:var(--rojo);cursor:pointer;border:0;border-radius:10px;padding:12px;font-weight:600}button:disabled{opacity:.6}button.secundario{color:var(--texto);border:1px solid var(--borde);background:0 0}.suave{text-align:center;color:var(--suave);margin:0}.error{color:var(--rojo);margin:0}.app{min-height:100dvh}.barra{z-index:1;padding:max(10px, env(safe-area-inset-top)) 16px 10px;background:var(--tarjeta);border-bottom:1px solid var(--borde);align-items:center;gap:12px;display:flex;position:sticky;top:0}.barra nav{flex:1;gap:4px;display:flex}.usuario{font-size:.85rem}.pestana{color:var(--suave);background:0 0;padding:8px 12px}.pestana.activa{color:var(--texto);background:var(--fondo)}button.chico{padding:6px 12px;font-size:.85rem}.contenido{max-width:1000px;padding:16px 16px max(24px, env(safe-area-inset-bottom));margin:0 auto}.pila{flex-direction:column;gap:14px;display:flex}.pila h2{margin:0;font-size:1.25rem}.fila{align-items:center;gap:8px;display:flex}.fila.entre{justify-content:space-between}.tarjeta.ancha{max-width:none;padding:16px}.rejilla{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}select,textarea{font:inherit;color:var(--texto);background:var(--fondo);border:1px solid var(--borde);border-radius:10px;padding:12px;font-size:16px}.herramientas{color:var(--suave);font-size:.85rem}.herramientas summary{cursor:pointer;padding:6px 0}.herramientas input{flex:1}.resumen{flex-wrap:wrap;gap:16px;font-size:.9rem;display:flex}.resumen .aviso{color:var(--rojo);font-weight:600}.filtros{grid-template-columns:1fr auto auto;gap:8px;display:grid}@media (width<=560px){.filtros{grid-template-columns:1fr 1fr}.filtros input{grid-column:1/-1}}.lista-ventas{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lista-ventas .vacio{padding:24px}button.venta{text-align:left;width:100%;color:var(--texto);background:var(--tarjeta);border:1px solid var(--borde);border-left-width:4px;grid-template-columns:auto 2fr 1.5fr 1.2fr;align-items:center;gap:12px;padding:12px 14px;font-weight:400;display:grid}button.venta.rojo{border-left-color:var(--rojo)}button.venta.ambar{border-left-color:#e3a008}button.venta.verde{border-left-color:#1f9d55}.venta-cliente,.venta-estado,.venta-plazo{flex-direction:column;gap:2px;min-width:0;display:flex}.venta-plazo{text-align:right}@media (width<=560px){button.venta{grid-template-columns:auto 1fr auto}.venta-estado{grid-area:2/2}.venta-plazo{grid-area:1/3/span 2}}.botones-estado{flex-wrap:wrap;gap:8px;display:flex}button.peligro{color:var(--rojo);border:1px solid var(--rojo);background:0 0}button[type=submit].peligro{color:#fff;background:var(--rojo)}button.enlace{color:var(--suave);background:0 0;align-self:flex-start;padding:0;font-size:.85rem;font-weight:400;text-decoration:underline}.estado-actual{margin:0}.tarjeta.borde-rojo{border-color:var(--rojo)}.nota{flex-direction:column;gap:8px;display:flex}.nota button{align-self:flex-end}h3{margin:8px 0 0;font-size:1rem}.texto-evento{white-space:pre-wrap}.barra nav{scrollbar-width:none;overflow-x:auto}@media (width<=640px){.barra{justify-content:space-between}.barra nav{z-index:2;padding:6px 6px max(6px, env(safe-area-inset-bottom));background:var(--tarjeta);border-top:1px solid var(--borde);grid-template-columns:repeat(4,1fr);gap:0;display:grid;position:fixed;bottom:0;left:0;right:0}.pestana{padding:10px 4px;font-size:.85rem}.usuario{text-align:right;flex:1;display:inline}.contenido{padding-bottom:calc(80px + env(safe-area-inset-bottom))}}.lista-simple{flex-direction:column;gap:6px;margin:0;padding-left:0;list-style:none;display:flex}.historial li.nueva{border-color:var(--rojo)}.etiqueta-nueva{color:var(--rojo)}button.fila-actividad{all:unset;cursor:pointer;flex-direction:column;gap:2px;width:100%;display:flex}.lista-equipo{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lista-equipo li{background:var(--tarjeta);border:1px solid var(--borde);border-radius:10px;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:10px;display:grid}.lista-equipo li.inactivo{opacity:.55}@media (width<=480px){.lista-equipo li{grid-template-columns:1fr 1fr}.lista-equipo li>input{grid-column:1/-1}}label.check{color:var(--texto);flex-direction:row;align-items:center;gap:6px}label.check input{width:18px;height:18px}.inicio{align-self:flex-start}.suave-izq{color:var(--suave);margin:0;font-size:.85rem}.tabla-scroll{background:var(--tarjeta);border:1px solid var(--borde);border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid var(--borde);padding:10px 12px}th{color:var(--suave);font-size:.8rem;font-weight:600}tbody tr{cursor:pointer}tbody tr:hover{background:var(--fondo)}.punto{background:var(--borde);border-radius:50%;width:12px;height:12px;display:inline-block}.punto.verde{background:#1f9d55}.punto.ambar{background:#e3a008}.punto.rojo{background:var(--rojo)}.historial{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.historial li{background:var(--tarjeta);border:1px solid var(--borde);border-radius:10px;padding:10px 12px}.caja{word-break:break-word;background:var(--tarjeta);border:1px solid var(--borde);border-radius:10px;margin:0;padding:12px;font-size:.85rem}.advertencia{color:#8a5a00;background:#fff4d6;border-radius:8px;margin:0;padding:8px 10px;font-size:.85rem}@media (prefers-color-scheme:dark){.advertencia{color:#f5c451;background:#3a2e10}}.fila.arriba{align-items:flex-start}.enlace.derecha{margin-left:auto}