*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f7fbfb;color:#30202f}.sidebar{position:fixed;left:0;top:0;bottom:0;width:245px;background:#30202f;color:#fff;padding:18px 16px}.brand{padding:6px 4px 22px;text-align:center}.brand img{display:block;width:100%;max-width:205px;height:148px;object-fit:cover;border-radius:14px;background:#fff;margin:0 auto;box-shadow:0 4px 14px rgba(0,0,0,.18)}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar a{color:#fff;text-decoration:none;padding:12px 14px;border-radius:8px}.sidebar a:hover,.sidebar a.active{background:#49bfc0;color:#fff;box-shadow:0 4px 12px rgba(73,191,192,.24)}.main{margin-left:245px;padding:30px}.main header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.main h1{margin:0 0 6px;color:#30202f}.main p{color:#6f656d}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card,.panel{background:#fff;border-radius:12px;padding:22px;box-shadow:0 2px 10px rgba(48,32,47,.08);border:1px solid #edf2f2}.card span{display:block;color:#777;font-size:14px}.card strong{display:block;font-size:28px;margin-top:10px;color:#30202f}.btn,button{background:#49bfc0;color:#fff;border:0;border-radius:8px;padding:11px 16px;text-decoration:none;cursor:pointer}.btn:hover,button:hover{background:#ee7f8c}.search{display:flex;gap:8px;margin-bottom:18px}.search input{flex:1;padding:12px;border:1px solid #d8e2e2;border-radius:8px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #e8eeee;white-space:nowrap}th{background:#f3f9f9;color:#30202f}.status{padding:5px 9px;border-radius:20px;font-size:12px;font-weight:bold}.status.stock{background:#e4f7e9;color:#19733b}.status.vendido{background:#fde8e8;color:#a33}@media(max-width:800px){.sidebar{position:relative;width:100%;height:auto}.sidebar nav{flex-direction:row;overflow:auto}.main{margin-left:0;padding:18px}.cards{grid-template-columns:1fr 1fr}.main header{align-items:flex-start;gap:10px}}
/* PET FASHION - colores visuales de inventario */

/* PET FASHION - filtros de inventario */
.filtros-inventario{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-end;
    gap:14px;
    margin:0 0 20px;
}
.filtros-inventario label{
    display:flex;
    flex-direction:column;
    gap:6px;
    font-size:14px;
    font-weight:600;
    color:#30202f;
}
.filtro-busqueda{flex:1 1 320px;min-width:280px}
.filtro-input,.filtro-select{
    height:42px;
    border:1px solid #d7d9df;
    border-radius:8px;
    background:#fff;
    padding:0 12px;
    font-size:14px;
    color:#252532;
    outline:none;
}
.filtro-input:focus,.filtro-select:focus{
    border-color:#49bfc0;
    box-shadow:0 0 0 3px rgba(73,191,192,.14);
}
.filtros-selects{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}
.filtro-item .filtro-select{min-width:150px}
.filtro-acciones{
    display:flex;
    gap:8px;
}
.filtro-acciones button,.btn-limpiar{
    height:42px;
    padding:0 18px;
    border:0;
    border-radius:8px;
    background:#49bfc0;
    color:#fff;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}
.btn-limpiar{background:#7d727a}
.filtro-acciones button:hover,.btn-limpiar:hover{opacity:.92}



/* PET FASHION - selector de colores personalizado */
.selector-color{
    position:relative;
    min-width:190px;
}
.selector-color-trigger{
    width:100%;
    min-height:42px;
    padding:0 12px;
    border:1px solid #d7d9df;
    border-radius:8px;
    background:#fff;
    color:#252532;
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer;
    font-size:14px;
}
.flecha-selector{font-size:16px;color:#666}
.selector-color-menu{
    display:none;
    position:absolute;
    z-index:1000;
    top:calc(100% + 4px);
    left:0;
    width:100%;
    min-width:190px;
    max-height:300px;
    overflow:auto;
    background:#fff;
    border:1px solid #ddd;
    border-radius:5px;
    box-shadow:0 4px 12px rgba(0,0,0,.15);
    padding:4px 0;
}
.selector-color.is-open .selector-color-menu{display:block}
.opcion-color{
    width:100%;
    border:0;
    background:#fff;
    display:flex;
    align-items:center;
    gap:10px;
    padding:7px 10px;
    text-align:left;
    font-size:14px;
    color:#111;
    cursor:pointer;
}
.opcion-color:hover{background:#f2f2f2}
.selector-color .muestra-color,
.opcion-color .muestra-color{
    width:22px;
    height:22px;
    flex:0 0 22px;
    display:inline-block;
    border-radius:3px;
    border:1px solid rgba(0,0,0,.18);
}
.muestra-color.color-lila-bebe{background:#b9d1e6}
.muestra-color.color-morado{background:#3979b7}
.muestra-color.color-marron{background:#963f0c}
.muestra-color.color-negro{background:#111;border-color:#111}
.muestra-color.color-beige{background:#ffad4a}
.muestra-color.color-azul{background:#4676bd}
.muestra-color.color-rojo{background:#f22b1f}
.muestra-color.color-verde{background:#75b86a}
.muestra-color.color-amarillo{background:#f4d35e}
.muestra-color.color-rosado{background:#f3a6bd}
.muestra-color.color-blanco{background:#fff}
.muestra-color.color-gris{background:#888}
.muestra-color.color-default{background:#ddd}

/* PET FASHION - color en la tabla */
.celda-color{
    background:transparent !important;
    min-width:170px;
    padding:8px 10px !important;
}
.celda-color .color-tabla{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-weight:700;
    font-size:16px;
    color:#111;
    white-space:nowrap;
}
.celda-color .color-tabla .muestra-color{
    width:22px;
    height:22px;
    flex:0 0 22px;
    display:inline-block;
    border-radius:3px;
    border:1px solid rgba(0,0,0,.18);
}

/* Corrección selector COLOR: contenido visual dentro del botón */
.selector-color-trigger{
    background:#fff !important;
    color:#111 !important;
    border:1px solid #d7d9df !important;
    padding:0 12px !important;
}
.selector-color-current{display:inline-flex;align-items:center;gap:10px;min-width:0}
.selector-color-current .muestra-color{width:22px;height:22px;flex:0 0 22px;display:inline-block;border-radius:3px;border:1px solid rgba(0,0,0,.18)}

/* Corrección: los colores deben verse desde que se abre el selector */
.selector-color .opcion-color .muestra-color.color-lila-bebe{background:#b9d1e6 !important}
.selector-color .opcion-color .muestra-color.color-morado{background:#3979b7 !important}
.selector-color .opcion-color .muestra-color.color-marron{background:#963f0c !important}
.selector-color .opcion-color .muestra-color.color-negro{background:#111 !important;border-color:#111 !important}
.selector-color .opcion-color .muestra-color.color-beige{background:#ffad4a !important}
.selector-color .opcion-color .muestra-color.color-azul{background:#4676bd !important}
.selector-color .opcion-color .muestra-color.color-rojo{background:#f22b1f !important}
.selector-color .opcion-color .muestra-color.color-verde{background:#75b86a !important}
.selector-color .opcion-color .muestra-color.color-amarillo{background:#f4d35e !important}
.selector-color .opcion-color .muestra-color.color-rosado{background:#f3a6bd !important}
.selector-color .opcion-color .muestra-color.color-blanco{background:#fff !important}
.selector-color .opcion-color .muestra-color.color-gris{background:#888 !important}
.selector-color .opcion-color .muestra-color.color-default{background:#ddd !important}

.contador-inventario{
    margin:0 0 14px;
    padding:11px 14px;
    border-radius:8px;
    background:#eef9f9;
    color:#30202f;
    font-size:15px;
}
.contador-inventario strong{font-size:18px}

.paginacion-inventario{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin:16px 0 5px;
    padding:12px 4px;
    flex-wrap:wrap;
}
.paginacion-info{color:#666;font-size:14px}
.paginacion-botones{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.pagina-btn{
    min-width:38px;height:38px;padding:0 11px;border-radius:7px;
    border:1px solid #ddd;background:#fff;color:#30202f;
    text-decoration:none;display:inline-flex;align-items:center;justify-content:center;
    font-size:14px;
}
.pagina-btn:hover{border-color:#49bfc0;background:#eef9f9}
.pagina-btn.active{background:#49bfc0;color:#fff;border-color:#49bfc0;font-weight:700}
.pagina-btn.disabled{color:#aaa;background:#f4f4f4;cursor:not-allowed}
.pagina-ellipsis{padding:0 3px;color:#777}
@media(max-width:700px){
    .paginacion-inventario{align-items:flex-start;flex-direction:column}
}

.acciones-inventario{display:flex;align-items:center;gap:6px;white-space:nowrap}
.accion-btn{
    border:1px solid #ddd;background:#fff;color:#7a3b67;border-radius:6px;
    padding:7px 10px;cursor:pointer;font-size:13px;
}
.accion-btn:hover{background:#eef9f9;border-color:#49bfc0}
.accion-btn.eliminar{color:#d95f6d}
.form-eliminar{display:inline;margin:0}
.modal-cama{
    display:none;position:fixed;inset:0;z-index:2000;
    align-items:center;justify-content:center;padding:20px;
}
.modal-cama.is-open{display:flex}
.modal-cama-backdrop{position:absolute;inset:0;background:rgba(20,15,25,.48)}
.modal-cama-dialog{
    position:relative;width:min(760px,100%);max-height:90vh;overflow:auto;
    background:#fff;border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.25);
}
.modal-cama-header{
    display:flex;align-items:flex-start;justify-content:space-between;
    padding:20px 22px;border-bottom:1px solid #eee;
}
.modal-cama-header h2{margin:0 0 5px;color:#30202f}
.modal-cama-header p{margin:0;color:#777;font-size:14px}
.modal-cerrar{border:0;background:transparent;font-size:30px;line-height:1;color:#777;cursor:pointer}
.form-grid-cama{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px 22px;
}
.form-grid-cama label{display:flex;flex-direction:column;gap:6px;font-weight:600;color:#333;font-size:14px}
.form-grid-cama input,.form-grid-cama select,.form-grid-cama textarea{
    border:1px solid #d7d9df;border-radius:8px;padding:10px 11px;font:inherit;font-weight:400;
}
.campo-ancho{grid-column:1/-1}
.modal-cama-footer{
    display:flex;justify-content:flex-end;gap:8px;padding:16px 22px;
    border-top:1px solid #eee;
}
.btn-secundario{border:1px solid #ddd;background:#fff;color:#555;border-radius:8px;padding:10px 16px;cursor:pointer}
body.modal-abierto{overflow:hidden}
@media(max-width:700px){.form-grid-cama{grid-template-columns:1fr}.campo-ancho{grid-column:auto}.acciones-inventario{flex-direction:column;align-items:stretch}}

.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eefafa 0%,#fff7f8 100%);padding:20px}
.login-card{width:min(430px,100%);background:#fff;border-radius:18px;padding:30px;box-shadow:0 14px 45px rgba(48,32,47,.14);border:1px solid #edf1f1}
.login-brand{margin:-5px auto 20px;text-align:center}.login-brand img{display:block;width:100%;max-width:285px;height:205px;object-fit:cover;border-radius:14px;margin:0 auto}
.login-card h1{margin:0 0 6px;color:#30202f}.login-card p{color:#777;margin-top:0}
.login-card form{display:flex;flex-direction:column;gap:15px}.login-card label{display:flex;flex-direction:column;gap:6px;font-weight:600}
.login-card input{padding:12px;border:1px solid #cfe0e0;border-radius:8px;font:inherit;background:#f7fbfb}.login-card input:focus{outline:none;border-color:#49bfc0;box-shadow:0 0 0 3px rgba(73,191,192,.12)}
.login-error,.crud-alert{padding:11px 14px;border-radius:8px;background:#fde8e8;color:#a33;margin-bottom:15px}
.role-badge{display:inline-block;padding:5px 9px;border-radius:20px;background:#f8e9ee;color:#7a3b67;font-weight:700;font-size:12px}
.form-inline{display:inline;margin:0}

/* PET FASHION - flujo de ventas */
.alert{padding:13px 16px;border-radius:9px;margin:0 0 18px}.alert.success{background:#e8f7ed;color:#176b38}.alert.error{background:#fdeaea;color:#a12626}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.panel-head h2{margin:0}.panel-head span{color:#666;font-size:14px}.venta-cabecera{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;margin-bottom:18px}.venta-cabecera label,.venta-resumen label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px}.venta-cabecera select,.venta-cabecera input,.venta-resumen textarea{height:42px;border:1px solid #d7d9df;border-radius:8px;padding:0 12px;background:#fff;font-size:14px}.venta-resumen textarea{height:auto;padding:10px;resize:vertical}.venta-detalles-wrap{overflow:auto;border:1px solid #eee;border-radius:8px;margin-bottom:12px}.venta-table{min-width:900px}.venta-table select,.venta-table input{width:100%;height:38px;border:1px solid #ddd;border-radius:7px;padding:0 8px}.venta-table th,.venta-table td{padding:9px}.btn-secondary{background:#eee;color:#30202f;margin:8px 0 18px}.btn-remove{background:#fff;color:#d95f6d;border:1px solid #ddd;padding:6px 10px;border-radius:6px}.venta-resumen{display:grid;grid-template-columns:1fr 330px;gap:20px;align-items:start}.totales{border:1px solid #eee;border-radius:9px;padding:14px;background:#faf9fb}.totales>div{display:flex;justify-content:space-between;padding:6px 0;color:#555}.totales .total-final{border-top:1px solid #ddd;margin-top:6px;padding-top:12px;font-size:18px;color:#30202f}.venta-footer{display:flex;justify-content:flex-end;margin-top:18px}.status.registrada{background:#e4f7e9;color:#19733b}.status.anulada{background:#fde8e8;color:#a33}.venta-vendedor{background:#eef9f9;padding:8px 11px;border-radius:8px;color:#30202f}@media(max-width:900px){.venta-cabecera,.venta-resumen{grid-template-columns:1fr}.panel-head{align-items:flex-start;flex-direction:column}}

/* PET FASHION - identidad visual */
:root{--pf-turquesa:#49bfc0;--pf-rosado:#ee7f8c;--pf-coral:#f47f8b;--pf-morado:#7a3b67;--pf-oscuro:#30202f}
.panel h2,.modal-cama-header h2{color:var(--pf-oscuro)}

/* Buscador de productos para ventas: compatible con digitación y lector de código de barras */
.celda-busqueda-producto{min-width:360px;overflow:visible!important}.buscador-producto{position:relative}.buscar-prod{width:100%;height:42px!important;border:1px solid #cfd8dc!important;border-radius:9px!important;padding:0 12px!important;background:#fff!important;font-size:14px!important;outline:none}.buscar-prod:focus{border-color:#55b8b6!important;box-shadow:0 0 0 3px rgba(85,184,182,.12)}.sugerencias-prod{display:none;position:absolute;z-index:1000;left:0;right:0;top:46px;background:#fff;border:1px solid #dfe7e7;border-radius:10px;box-shadow:0 12px 28px rgba(45,45,60,.14);max-height:280px;overflow:auto;padding:5px}.sugerencias-prod.visible{display:block}.sugerencia-prod{display:block;width:100%;text-align:left;border:0;background:#fff;border-radius:7px;padding:9px 10px;cursor:pointer;color:#33213a}.sugerencia-prod:hover,.sugerencia-prod:focus{background:#eefafa;outline:none}.sugerencia-prod strong{font-size:13px}.sugerencia-prod small{display:block;margin-top:3px;color:#6b6b6b;font-size:11px}.sin-sugerencias{padding:12px;color:#777;font-size:13px}.producto-seleccionado .buscar-prod{background:#f3fbfa!important;border-color:#6ac4c1!important}.venta-table td{overflow:visible}.venta-table tbody tr{overflow:visible}.venta-table{overflow:visible}

/* POS PET FASHION - diseño de búsqueda y carrito */
.pos-venta-grid{display:grid;grid-template-columns:minmax(340px,.95fr) minmax(620px,1.9fr);gap:22px;align-items:start;margin-top:6px}
.pos-buscador{padding:22px;border-radius:15px;min-height:150px}
.pos-search-title{display:flex;align-items:center;gap:8px;color:var(--pf-oscuro);font-size:14px;font-weight:700;letter-spacing:.02em;margin-bottom:10px}
.pos-search-title:first-letter{font-size:22px}
.pos-search-wrap{position:relative}
#posBuscar{width:100%;height:48px;border:1px solid #d4dfe0;border-radius:10px;padding:0 16px;font-size:15px;box-sizing:border-box;color:#30202f;background:#fff}
#posBuscar:focus{outline:none;border-color:var(--pf-turquesa);box-shadow:0 0 0 3px rgba(73,191,192,.12)}
#posBuscar::placeholder{color:#9b9b9b}
.pos-ayuda{font-size:12px;color:#888;margin-top:9px}
.pos-sugerencias{display:none;position:absolute;left:0;right:0;top:54px;background:#fff;border:1px solid #dce5e5;border-radius:11px;box-shadow:0 15px 30px rgba(48,32,47,.14);z-index:1500;max-height:360px;overflow:auto;padding:5px}
.pos-sugerencias.visible{display:block}
.pos-sugerencia{width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px;border:0;background:#fff;text-align:left;padding:12px;border-radius:8px;color:var(--pf-oscuro);cursor:pointer}
.pos-sugerencia:hover,.pos-sugerencia:focus{background:#eefafa;outline:none}
.pos-sugerencia span{min-width:0}.pos-sugerencia strong{display:block;font-size:14px}.pos-sugerencia small{display:block;color:#777;margin-top:4px}.pos-sugerencia b{white-space:nowrap;text-align:right;font-size:12px;color:var(--pf-morado)}
.pos-no-results{padding:13px;color:#777;font-size:13px}
.pos-carrito{padding:0;overflow:hidden;border-radius:15px}
.pos-carrito-head{display:flex;justify-content:space-between;align-items:center;padding:17px 18px;border-bottom:1px solid #eee}.pos-carrito-head h2{margin:0;color:var(--pf-oscuro);font-size:20px}.pos-carrito-head span{background:#ed1010;color:#fff;border-radius:7px;padding:4px 9px;font-size:12px;font-weight:800}
.pos-carrito-table-wrap{overflow:auto}.pos-carrito-table{width:100%;border-collapse:collapse;min-width:720px}.pos-carrito-table th{background:#fff;padding:11px 12px;text-align:left;font-size:12px;color:#333;border-bottom:1px solid #ddd}.pos-carrito-table td{padding:12px;border-bottom:1px solid #eee;vertical-align:middle}.pos-carrito-table tbody tr:last-child td{border-bottom:0}.pos-prod strong{display:block;font-size:14px;color:#30202f;line-height:1.25}.pos-prod span,.pos-prod small{display:block;color:#777;font-size:11px;margin-top:3px}.pos-cantidad,.pos-descuento{width:95px;height:38px;border:1px solid #d4dce0;border-radius:9px;padding:0 10px;box-sizing:border-box}.pos-eliminar{width:40px;height:38px;border:1px solid #ee5b68;color:#e94b5b;background:#fff;border-radius:9px;cursor:pointer;font-size:16px}.pos-eliminar:hover{background:#fff0f1}.carrito-vacio td{text-align:center;color:#999;padding:35px 15px}
.pos-total-bar{margin-top:18px;border:1px solid #ead7e2;background:linear-gradient(90deg,#fff,#fff8fc);border-radius:16px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 15px rgba(122,59,103,.05)}.pos-total-bar small{display:block;color:#777;font-weight:700;letter-spacing:.08em;font-size:12px}.pos-total-bar strong{display:block;color:#7d164e;font-size:28px;margin-top:3px}.btn-pagar{border:0;background:#7d164e;color:#fff;border-radius:10px;padding:16px 30px;font-weight:800;font-size:15px;cursor:pointer;min-width:190px;box-shadow:0 8px 18px rgba(125,22,78,.16)}.btn-pagar:hover{background:#65103f}
.pos-observaciones{margin-top:18px;padding:18px}.pos-observaciones label{display:flex;flex-direction:column;gap:7px;font-weight:700;color:#30202f}.pos-observaciones textarea{border:1px solid #d4dfe0;border-radius:9px;padding:10px;resize:vertical;font:inherit}
.modal-pago{display:none;position:fixed;inset:0;z-index:3000;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.modal-pago.is-open{display:flex}.modal-pago-backdrop{position:absolute;inset:0;background:rgba(34,20,32,.62);backdrop-filter:blur(2px)}
.modal-pago-dialog{position:relative;width:min(1180px,100%);height:auto;max-height:92vh;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.30);overflow:auto;display:flex;flex-direction:column;border-radius:18px}
.pago-pro-head{min-height:82px;box-sizing:border-box;padding:14px 24px;border-bottom:1px solid #eadfe7;display:grid;grid-template-columns:1fr 220px 40px;align-items:center;background:#fff}.pago-pro-head>div:first-child small{display:block;color:#8e7588;font-size:12px;letter-spacing:.08em;font-weight:700}.pago-pro-head h2{margin:3px 0 0;color:#421535;font-size:22px;letter-spacing:.02em}.pago-pro-venta{text-align:center}.pago-pro-venta span{display:block;color:#8e7588;font-size:12px}.pago-pro-venta strong{display:block;color:#8a174e;font-size:22px;margin-top:2px}.pago-pro-head>button{border:0;background:transparent;font-size:34px;line-height:1;color:#777;cursor:pointer}
.pago-pro-body{flex:1;padding:18px;display:grid;grid-template-columns:minmax(390px,.82fr) minmax(520px,1.18fr);gap:24px;box-sizing:border-box;background:#fff}.pago-card{border:1px solid #eadbe5;border-radius:15px;background:#fff;box-shadow:0 3px 12px rgba(65,21,53,.03);padding:20px}.pago-card-title{display:flex;align-items:center;gap:11px;color:#72154e;font-size:16px;letter-spacing:.03em;margin-bottom:22px}.pago-card-title span{width:38px;height:38px;border-radius:9px;background:#f6e7f0;display:inline-flex;align-items:center;justify-content:center;color:#8a174e;font-size:20px}.pago-pro-left .pago-card>label,.pago-pro-right .pago-card>label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700;color:#555;margin-bottom:16px}.tipo-comprobante{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}.tipo-option{height:62px;border:2px solid #dce1e6;border-radius:13px;display:flex;align-items:center;gap:11px;padding:0 18px;box-sizing:border-box;cursor:pointer;font-size:17px;color:#171717!important;flex-direction:row!important;margin:0!important}.tipo-option input{display:none}.tipo-option .checkbox{width:24px;height:24px;border:2px solid #adb8c3;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:900}.tipo-option.selected{border-color:#1677ff;background:#f1f6ff}.tipo-option.selected .checkbox{background:#1677ff;border-color:#1677ff}.pago-pro-body input,.pago-pro-body select{height:44px;border:1px solid #d6dfe3;border-radius:9px;padding:0 12px;font:inherit;background:#fff;box-sizing:border-box}.pago-pro-body input:focus,.pago-pro-body select:focus{outline:none;border-color:#49bfc0;box-shadow:0 0 0 3px rgba(73,191,192,.1)}.pago-ayuda{font-size:12px;color:#777;margin:-9px 0 18px}.pago-pro-right{display:flex;flex-direction:column;gap:24px}.resumen-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.resumen-cards>div{background:#faf7f9;border-radius:11px;padding:16px 14px}.resumen-cards span{display:block;color:#777;font-size:14px}.resumen-cards strong{display:block;color:#30202f;font-size:16px;margin-top:15px}.total-a-pagar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5dce2;margin-top:14px;padding-top:22px;color:#421535;font-size:18px;font-weight:800}.total-a-pagar strong{font-size:31px;color:#8a174e}.medios-pago-card{padding-bottom:18px}.pago-instruccion{border:1px solid #dfe4e7;background:#fbfcfc;border-radius:9px;padding:13px 14px;font-size:13px;color:#555;margin-bottom:18px;font-weight:800}.pago-instruccion span{font-weight:500}.medios-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.medios-grid label{display:flex;flex-direction:column;gap:7px;color:#555;font-size:13px;font-weight:700}.pago-resumen-pro{margin-top:18px;padding-top:12px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:28px;color:#555}.pago-resumen-pro strong{color:#30202f}.pago-resumen-pro .pago-ok{color:#168044}.pago-pro-footer{min-height:74px;box-sizing:border-box;padding:14px 24px;border-top:1px solid #eadfe7;display:flex;justify-content:flex-end;align-items:center;gap:18px;background:#fff}.pago-pro-footer .btn-cancelar{background:transparent;border:0;color:#111;font-size:15px;font-weight:800;padding:12px 18px}.pago-pro-footer .btn-confirmar{background:#ee1010;border:0;color:#fff;border-radius:10px;padding:14px 24px;font-size:15px;font-weight:900;box-shadow:0 8px 18px rgba(238,16,16,.15)}.pago-pro-footer .btn-confirmar:hover{background:#cf0808}
@media(max-width:1100px){.pos-venta-grid{grid-template-columns:1fr}.pos-carrito-table{min-width:760px}}
@media(max-width:900px){.modal-pago{padding:12px}.modal-pago-dialog{max-height:96vh}.pago-pro-body{grid-template-columns:1fr}.pago-pro-head{grid-template-columns:1fr 120px 40px}}
@media(max-width:650px){.pos-total-bar{align-items:flex-start;gap:15px;flex-direction:column}.btn-pagar{width:100%}.modal-pago{padding:0}.modal-pago-dialog{width:100%;height:100%;max-height:none;border-radius:0}.pago-pro-head{grid-template-columns:1fr 40px;padding:12px 15px}.pago-pro-head .pago-pro-venta{display:none}.pago-pro-body{padding:12px;gap:12px}.pago-card{padding:15px}.resumen-cards{grid-template-columns:1fr 1fr}.medios-grid{grid-template-columns:1fr 1fr}.pago-pro-footer{padding:12px 15px}.pago-pro-footer .btn-confirmar{flex:1}}

/* Cliente seleccionado automáticamente en el modal de pago */
.cliente-seleccion-ayuda{display:block;margin-top:7px;color:#777;font-size:12px;line-height:1.4}
#clientePago{font-weight:600}

/* Cliente del modal de pago: igual que Market, sin combobox. */
.cliente-resumen-modal{display:flex;align-items:center;gap:12px;margin-top:12px;padding:14px 16px;border:1px solid #e7dce5;border-radius:14px;background:#fbf8fa}
.cliente-resumen-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#f8e6f0;font-size:20px;flex:0 0 40px}
.cliente-resumen-modal strong{display:block;font-size:15px;color:#3f2437}
.cliente-resumen-modal small{display:block;margin-top:3px;color:#777;font-size:12px}

/* Entradas / Salidas: historial automático */
.mov-auto-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mov-auto-info>div{border:1px solid #e6e1e5;border-radius:12px;padding:16px;background:#fbfafb}
.mov-auto-info strong{display:block;color:var(--pf-morado);font-size:13px;letter-spacing:.04em;margin-bottom:6px}
.mov-auto-info span{display:block;color:#666;font-size:13px;line-height:1.45}
@media(max-width:900px){.mov-auto-info{grid-template-columns:1fr}}

/* ==========================================================
   PET FASHION — ENTRADAS / SALIDAS · DISEÑO PROFESIONAL
   Historial automático de movimientos
   ========================================================== */
.mov-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr);gap:20px;margin-bottom:20px}
.mov-grid>.panel,.main>.panel{border:1px solid #e9e1e7;border-radius:18px;box-shadow:0 8px 28px rgba(48,32,47,.07);padding:0;overflow:hidden}
.mov-grid>.panel:first-child{background:linear-gradient(135deg,#fff 0%,#fffafd 100%)}
.mov-grid .panel-head,.main>.panel .panel-head{padding:22px 24px 17px;margin:0;border-bottom:1px solid #f0e8ed;background:linear-gradient(180deg,#fff 0%,#fdfbfc 100%)}
.mov-grid .panel-head h2,.main>.panel .panel-head h2{font-size:20px;letter-spacing:-.02em;color:#30202f}
.mov-grid .panel-head span,.main>.panel .panel-head span{display:block;margin-top:5px;color:#7b7078;font-size:13px}
.mov-auto-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:20px 24px 24px}
.mov-auto-info>div{position:relative;min-height:112px;border:1px solid #eadfe6;border-radius:15px;padding:17px 16px 15px 48px;background:#fff;box-shadow:0 4px 14px rgba(48,32,47,.035);overflow:hidden}
.mov-auto-info>div:before{content:"";position:absolute;left:16px;top:18px;width:20px;height:20px;border-radius:7px;background:#e9f9f9;box-shadow:inset 0 0 0 1px rgba(73,191,192,.16)}
.mov-auto-info>div:after{position:absolute;left:21px;top:19px;font-size:11px;font-weight:900;color:#49aeb0}
.mov-auto-info>div:nth-child(1):after{content:"↓"}
.mov-auto-info>div:nth-child(2):after{content:"↑"}
.mov-auto-info>div:nth-child(3):after{content:"↕"}
.mov-auto-info>div:nth-child(1){border-top:3px solid #49bfc0}
.mov-auto-info>div:nth-child(2){border-top:3px solid #ee7f8c}
.mov-auto-info>div:nth-child(3){border-top:3px solid #7a3b67}
.mov-auto-info>div:nth-child(2):before{background:#fff0f2}.mov-auto-info>div:nth-child(2):after{color:#d86676}
.mov-auto-info>div:nth-child(3):before{background:#f5eaf1}.mov-auto-info>div:nth-child(3):after{color:#7a3b67}
.mov-auto-info strong{display:block;color:#7a3b67;font-size:12px;letter-spacing:.09em;margin:0 0 7px}
.mov-auto-info span{display:block;color:#70676e;font-size:13px;line-height:1.5}
.mov-resumen{display:flex;flex-direction:column}
.mov-resumen>h2{margin:0;padding:22px 24px 6px;font-size:20px;color:#30202f}
.mov-resumen>p{margin:0;padding:14px 24px 21px;color:#7b7078;font-size:13px;border-top:1px solid #f1ebef}
.mov-resumen>p strong{color:#4c3a47}
.mov-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px 24px 18px}
.mov-kpi{position:relative;border-radius:14px;padding:15px 13px 13px;background:#faf8fa;border:1px solid #eee5ea;overflow:hidden}
.mov-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#49bfc0}
.mov-kpi.salida:before{background:#ee7f8c}.mov-kpi.ajuste:before{background:#7a3b67}
.mov-kpi span{display:block;color:#766b73;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.mov-kpi strong{display:block;margin-top:7px;color:#30202f;font-size:24px;line-height:1}
.main>.panel{margin-top:0}
.main>.panel .panel-head{display:flex}
.mov-filtros{display:grid;grid-template-columns:1fr 1fr .8fr 1fr .8fr 1fr 1.35fr auto auto;gap:10px;align-items:end;padding:18px 24px;background:#fcfbfc;border-bottom:1px solid #eee7eb}
.mov-filtros label{display:flex;flex-direction:column;gap:6px;color:#645963;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;min-width:0}
.mov-filtros input,.mov-filtros select{width:100%;height:40px;border:1px solid #d9dfe1;border-radius:9px;padding:0 10px;background:#fff;color:#30202f;font:inherit;font-size:13px;text-transform:none;letter-spacing:normal}
.mov-filtros input:focus,.mov-filtros select:focus{outline:none;border-color:#49bfc0;box-shadow:0 0 0 3px rgba(73,191,192,.11)}
.mov-filtros .btn{height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:0 17px;background:#49bfc0;font-weight:800;white-space:nowrap}
.mov-filtros .btn:hover{background:#3baeb0}
.mov-filtros .btn-secundario{height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d8d1d6;background:#fff;color:#5e535b;border-radius:9px;padding:0 15px;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap}
.mov-filtros .btn-secundario:hover{border-color:#49bfc0;color:#267f80;background:#f8ffff}
.main>.panel .table-wrap{padding:0 24px 24px;background:#fff}
.main>.panel table{border-collapse:separate;border-spacing:0;min-width:1000px}
.main>.panel th{height:44px;background:#f5faf9;color:#574c55;font-size:11px;text-transform:uppercase;letter-spacing:.045em;padding:0 12px;border-bottom:1px solid #dfe9e8;vertical-align:middle}
.main>.panel th:first-child{border-radius:9px 0 0 0}.main>.panel th:last-child{border-radius:0 9px 0 0}
.main>.panel td{height:50px;padding:10px 12px;color:#4e444b;font-size:13px;border-bottom:1px solid #eee9ec;background:#fff}
.main>.panel tbody tr:hover td{background:#fbfefe}
.main>.panel tbody tr:last-child td{border-bottom:0}
.mov-badge{display:inline-flex;align-items:center;justify-content:center;min-width:76px;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.04em}
.mov-badge.entrada{background:#e7f8f8;color:#177f81;border:1px solid #c9eded}
.mov-badge.salida{background:#fff0f2;color:#c65061;border:1px solid #f6d1d7}
.mov-badge.ajuste{background:#f4eaf1;color:#714062;border:1px solid #e7d5e0}
.main>.panel td:nth-child(7) strong{display:inline-flex;min-width:30px;justify-content:center;padding:4px 7px;border-radius:7px;background:#f7f5f6;color:#30202f}
.main>.panel .empty{padding:42px 20px;text-align:center!important;color:#91858d!important;background:#fff;font-size:13px}
@media(max-width:1250px){.mov-filtros{grid-template-columns:repeat(4,minmax(0,1fr))}.mov-filtros .btn,.mov-filtros .btn-secundario{width:100%}}
@media(max-width:950px){.mov-grid{grid-template-columns:1fr}.mov-auto-info{grid-template-columns:1fr}.mov-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.mov-filtros{grid-template-columns:1fr 1fr;padding:15px}.main>.panel .table-wrap{padding:0 12px 15px}.mov-grid .panel-head,.main>.panel .panel-head{padding:18px 16px}.mov-auto-info{padding:15px 16px 18px}.mov-resumen>h2{padding:18px 16px 5px}.mov-kpis{padding:10px 16px 15px;gap:8px}.mov-resumen>p{padding:12px 16px 18px}.mov-kpi{padding:13px 10px}.mov-kpi strong{font-size:21px}}
@media(max-width:480px){.mov-filtros{grid-template-columns:1fr}.mov-kpis{grid-template-columns:1fr}.mov-auto-info>div{min-height:auto}.mov-auto-info span{font-size:12px}}