/* Piel del ERP operativo, identidad de la maqueta aprobada: Lato, blanco, navy, cobalto y aguamarina. */
body.erp-interfaz{--fondo:#fff;--tinta:#051328;--navy:#051328;--suave:#5b6a80;--cobalto:#265bd6;--tinte:#eaf0ff;--divisor:#e5ebf2;--barra:#f3f6fa;color-scheme:light}
.erp-interfaz #app{display:grid;grid-template-columns:246px minmax(0,1fr);grid-template-rows:76px 42px 44px minmax(0,1fr);grid-template-areas:'cabecera cabecera' 'lateral contexto' 'lateral pestanas' 'lateral contenido';height:100dvh;min-height:0;overflow:hidden}
.erp-cabecera{grid-area:cabecera;display:flex;align-items:center;gap:18px;padding:12px 24px;border-bottom:1px solid var(--divisor);background:#fff;min-width:0}.erp-marca{width:202px;flex-shrink:0}.erp-marca .marca{font-size:24px;letter-spacing:.08em;margin:0;display:block;font-weight:500}.erp-marca small{display:block;font-size:11px;letter-spacing:.1em;color:var(--suave);margin-top:5px}.erp-cabecera button{border-radius:9px;padding:10px 14px}.erp-menu{background:transparent;font-size:21px;padding:8px!important}.erp-buscar{display:flex;align-items:center;justify-content:space-between;gap:22px;max-width:480px;flex:1;color:var(--suave);background:#f3f6fa;font-weight:400;text-align:left}.erp-buscar kbd{font-size:11px;padding:4px;background:white;border-radius:4px;white-space:nowrap}.erp-pos{background:#e4f4f1;color:#087970;white-space:nowrap}.erp-identidad{margin-left:auto;white-space:nowrap;font-size:12px}.erp-cabecera .yo{margin:0;padding:0}.erp-cabecera .yo #yo-nombre,.erp-cabecera .yo #yo-cargo{display:none}.erp-cabecera .yo button{margin:0;padding:7px 10px;background:transparent;color:var(--suave);font-size:12px}.erp-cabecera .amb-marca{font-size:10px;max-width:120px;margin:0;padding:5px 8px}
.erp-interfaz #app>.barra{grid-area:lateral;width:auto;min-height:0;overflow-y:auto;padding:14px 12px;background:#f3f6fa;gap:3px;overscroll-behavior:contain}.erp-modulos-caption{font-size:10px;color:var(--suave);letter-spacing:.18em;text-transform:uppercase;margin:8px 14px 12px}.erp-grupo{flex-shrink:0}.erp-grupo summary{display:flex;align-items:center;gap:12px;list-style:none;font-size:14px;font-weight:700;padding:12px;border-radius:10px;cursor:pointer}.erp-grupo summary::-webkit-details-marker{display:none}.erp-grupo summary:hover{background:#e7edf6}.erp-icono{font-style:normal;font-size:11px;display:grid;place-items:center;width:23px;height:23px;border:1px solid #9dacc0;border-radius:6px;color:#526984}.erp-flecha{margin-left:auto;font-size:20px;color:#74849b;transform:rotate(0)}.erp-grupo[open] .erp-flecha{transform:rotate(90deg)}.erp-grupo a{display:block;font-size:12px!important;font-weight:400!important;padding:9px 10px 9px 47px!important;border-radius:8px!important;margin:2px 0}.erp-grupo a.activa{background:#dfe9ff!important;color:#1747af!important;font-weight:700!important}.erp-grupo-activo summary{color:#2050c5;background:#e8efff}.erp-grupo summary:focus-visible{outline:3px solid #265bd6;outline-offset:1px}
.erp-area-barra{grid-area:contexto;display:flex;align-items:center;justify-content:space-between;padding:0 26px;font-size:11px;color:var(--suave);border-bottom:1px solid #edf1f7}.erp-ampliar{background:transparent;padding:6px 0!important;font-size:11px;color:#2050c5}.erp-pestanas{grid-area:pestanas;display:flex;gap:3px;align-items:stretch;padding:0 22px;overflow:auto;background:#f3f6fa;white-space:nowrap}.erp-tab{font-size:12px;font-weight:400;background:#e8edf5;color:#52647d;border-radius:8px 8px 0 0;padding:10px 18px;flex-shrink:0}.erp-tab.activa{background:white;color:#2050c5;font-weight:700;border-color:transparent}.erp-interfaz .contenido{grid-area:contenido;overflow:auto;min-height:0;padding:24px 28px;background:white;scrollbar-gutter:stable}.erp-interfaz .contenido h1{font-size:29px;margin:0 0 16px;letter-spacing:-.025em}.erp-interfaz .contenido h2{font-size:23px;margin-top:26px}.erp-interfaz .contenido>section>p.suave{max-width:1000px}.erp-interfaz .contenido input,.erp-interfaz .contenido select{font-size:14px;border-radius:9px;border-width:1px;border-color:#bdcadd;padding:10px 12px}.erp-interfaz .contenido button{border-radius:9px}.erp-interfaz .pasos{border-radius:9px}.erp-interfaz .dos-col{grid-template-columns:minmax(220px,300px) minmax(0,1fr)}.erp-interfaz .contenido .aviso,.erp-interfaz .contenido .ok{max-width:none;font-weight:400;border-radius:9px}.erp-interfaz textarea{font:inherit;padding:10px;border:1px solid #bdcadd;border-radius:9px;width:100%;max-width:720px}
.erp-cerrar-menu,.erp-fondo-menu,.erp-salir-amplio{display:none}.erp-menu-plegado #app{grid-template-columns:0 minmax(0,1fr)}.erp-menu-plegado #app>.barra{visibility:hidden;padding:0}.erp-amplio #app{display:block;height:100dvh}.erp-amplio #app>.barra,.erp-amplio .erp-cabecera,.erp-amplio .erp-area-barra,.erp-amplio .erp-pestanas{display:none}.erp-amplio .contenido{height:100dvh;padding-top:54px}.erp-amplio .erp-salir-amplio{display:block;position:fixed;top:10px;right:24px;z-index:30;background:#e7f4f1;color:#087970;font-size:12px;padding:8px 14px;border-radius:8px}.erp-interfaz.modo-caja #app{display:block;height:auto;overflow:visible}.modo-caja .erp-cabecera,.modo-caja .erp-area-barra,.modo-caja .erp-pestanas,.modo-caja .erp-salir-amplio{display:none!important}.erp-interfaz.modo-caja .contenido{overflow:visible;height:auto;padding:0}.erp-interfaz.modo-caja .cx-acciones button{border-radius:12px;min-height:52px}
.erp-dialogo{border:0;border-radius:14px;width:min(650px,calc(100vw - 24px));max-height:85dvh;padding:24px;box-shadow:0 16px 80px #05132840;color:#051328;background:white}.erp-dialogo::backdrop{background:#05132866}.erp-dialogo h2{font-size:22px;margin:0 0 18px}.erp-dialogo input{max-width:none}.erp-resultados{max-height:48dvh;overflow:auto;margin:12px 0 20px}.erp-resultado{display:block;width:100%;text-align:left;background:white;color:#051328;padding:12px;border-radius:8px}.erp-resultado:hover{background:#edf3ff}.erp-resultado strong,.erp-resultado small{display:block}.erp-resultado small{font-weight:400;color:#5b6a80;margin-top:4px}
@media(max-width:1100px){.erp-cabecera{gap:10px;padding:10px 16px}.erp-marca{width:190px}.erp-identidad{display:none}.erp-cabecera .amb-marca{max-width:90px;font-size:9px}.erp-interfaz .dos-col{grid-template-columns:minmax(190px,250px) minmax(0,1fr)}}
@media(max-width:800px){.erp-interfaz #app{grid-template-columns:minmax(0,1fr);grid-template-rows:66px 38px 40px minmax(0,1fr);grid-template-areas:'cabecera' 'contexto' 'pestanas' 'contenido'}.erp-cabecera{gap:9px;padding:8px 12px}.erp-marca{width:auto;margin-right:auto}.erp-marca .marca{font-size:20px}.erp-marca small,.erp-cabecera .amb-marca,.erp-buscar kbd{display:none}.erp-buscar{max-width:44px;min-width:40px;overflow:hidden;font-size:0;padding:10px!important}.erp-buscar::before{content:'⌕';font-size:22px}.erp-pos{font-size:11px;padding:9px!important}.erp-menu{order:-1}.erp-interfaz #app>.barra{display:none}.erp-menu-abierto #app>.barra{display:flex;visibility:visible;position:fixed;inset:0 auto 0 0;width:280px;max-width:85vw;z-index:60;padding:15px;box-shadow:12px 0 60px #05132844}.erp-menu-abierto .erp-fondo-menu{display:block;position:fixed;inset:0;z-index:55;background:#05132877;border-radius:0}.erp-cerrar-menu{display:block;align-self:flex-end;font-size:12px;background:white}.erp-area-barra{padding:0 16px}.erp-pestanas{padding:0 12px}.erp-interfaz .contenido{padding:20px 16px}.erp-interfaz .contenido h1{font-size:25px}.erp-interfaz .dos-col{display:block}.erp-interfaz .col-lista{max-height:35dvh;overflow:auto;margin-bottom:22px}.erp-menu-plegado #app{grid-template-columns:minmax(0,1fr)}.erp-amplio #app{display:block}}

.erp-interfaz .principal{color:#fff}.erp-interfaz .aviso{background:#fbeef0}.erp-interfaz .ok{background:#e8f4ee}.erp-interfaz .chip[aria-pressed=true]{color:white}

.erp-cabecera .amb-marca{background:#e8f5f3;color:#08746c}

/* Compras ocupa el área de trabajo completa. */
#v-ordenescompra .oc-editor{max-width:none;display:grid;gap:18px}
#v-ordenescompra table{width:100%}
#v-ordenescompra td input,#v-ordenescompra td select{width:100%;min-width:90px}
#v-ordenescompra .oc-resultados{display:flex;flex-wrap:wrap;gap:8px;max-height:260px;overflow:auto}
#v-ordenescompra .oc-decision,#v-ordenescompra .oc-recepcion{border-top:1px solid #dce4ed;padding:18px 0;margin-top:18px}
#v-ordenescompra .oc-total{font-size:1.1rem;font-weight:700;color:#16376b}
@media print{
 body:has(#v-ordenescompra:not([hidden])) header,body:has(#v-ordenescompra:not([hidden])) nav,
 body:has(#v-ordenescompra:not([hidden])) .erp-pestanas,body:has(#v-ordenescompra:not([hidden])) .erp-area-barra,
 #v-ordenescompra .oc-no-imprimir{display:none!important}
 body:has(#v-ordenescompra:not([hidden])) main{margin:0!important;padding:0!important}
 #v-ordenescompra table{font-size:10pt}#v-ordenescompra th,#v-ordenescompra td{white-space:normal;break-inside:avoid}
}

@media print{
 body:has(#v-ordenescompra:not([hidden])) #app{display:block;height:auto;overflow:visible}
 body:has(#v-ordenescompra:not([hidden])) .contenido{height:auto;overflow:visible;padding:0}
 body:has(#v-ordenescompra:not([hidden])) .erp-salir-amplio{display:none!important}
}

#v-ordenescompra .aviso:empty{display:none}
#v-ordenescompra .oc-previa:not(:empty){background:#edf8f5;border:1px solid #c6e5dd;padding:18px;border-radius:10px}

#v-ordenescompra .oc-solo-imprimir{display:none}
@media print{#v-ordenescompra .oc-solo-imprimir{display:block}}

@media print{
 #v-ordenescompra:not([hidden]),#v-ordenescompra:not([hidden]) *{visibility:visible}
 #v-ordenescompra:not([hidden]){position:absolute;left:0;top:0;width:100%;padding:0;background:white;color:#08172d}
 #v-ordenescompra table.apila thead{display:table-header-group}
 #v-ordenescompra table.apila tr{display:table-row}
 #v-ordenescompra table.apila td{display:table-cell;text-align:left}
 #v-ordenescompra table.apila td::before{display:none}
}

#v-requisiciones .oc-editor{display:grid;gap:18px;width:100%}#v-requisiciones td input,#v-requisiciones td select{min-width:80px;width:100%}#v-requisiciones .oc-recepcion,#v-requisiciones .oc-decision{border-top:1px solid #dce4ed;margin-top:18px;padding:18px 0}#v-requisiciones .oc-resultados{display:flex;gap:8px;flex-wrap:wrap;max-height:240px;overflow:auto}#v-requisiciones .aviso:empty{display:none}

#v-recepciones .oc-editor{display:grid;gap:18px;width:100%}#v-recepciones td input,#v-recepciones td select{min-width:80px;width:100%}#v-recepciones .oc-decision,#v-recepciones .oc-recepcion{padding:18px 0;border-top:1px solid #dce4ed;margin-top:18px}#v-recepciones .oc-previa:not(:empty){background:#edf8f5;padding:18px;border:1px solid #c6e5dd;border-radius:10px}#v-recepciones .aviso:empty{display:none}#v-recepciones .oc-total{font-weight:700;font-size:1.1rem;color:#16376b}

/* Compras045–048: espacio amplio, revisión visible y avisos solo cuando hay mensaje. */
#v-devoluciones .oc-editor,#v-importaciones .oc-editor,#v-informescompras .oc-editor{display:grid;gap:18px;width:100%;max-width:none}
#v-devoluciones .aviso:empty,#v-importaciones .aviso:empty,#v-informescompras .aviso:empty{display:none}
#v-devoluciones .oc-previa:not(:empty),#v-importaciones .oc-previa:not(:empty){background:#edf8f5;padding:18px;border:1px solid #c6e5dd;border-radius:10px}
#v-importaciones td input{min-width:90px;width:100%}#v-informescompras .ts-buscador{flex:1 1 260px;max-width:420px}

.oc-pestanas{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.erp-costeo{display:block;width:100%;height:calc(100dvh - 110px);min-height:520px;border:0;background:#fff}

.erp-resultado-sin{background:#f4f6f9;border:1px dashed #c6cfdb;margin-top:6px;cursor:default}.erp-resultado-sin:hover{background:#f4f6f9}

/* Parametrización pendiente (088) */
.pz-cifras{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0 14px}.pz-cifra{background:#f4f6f9;border-radius:12px;padding:10px 16px;min-width:140px}
.pz-cifra strong{display:block;font-size:22px}.pz-cifra small{color:#5b6a80}
.pz-filtros{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 14px}.pz-filtros select{max-width:240px}
.pz-lista{display:grid;gap:14px}.pz-tarjeta{border:1px solid #dde3ec;border-radius:14px;padding:14px 18px;background:#fff}
.pz-tarjeta.pz-aprobada{border-color:#9fd8cb;background:#f5fbf9}.pz-tarjeta h2{font-size:18px;margin:4px 0 4px}
.pz-top{display:flex;justify-content:space-between;gap:8px}.pz-area{font-size:12px;font-weight:700;color:#1f4fc4;background:#edf3ff;border-radius:10px;padding:2px 10px}
.pz-fecha{font-size:12px;color:#5b6a80}.pz-pregunta{margin:2px 0 8px}
.pz-datos{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;margin:0 0 10px}.pz-datos dt{font-size:12px;color:#5b6a80;font-weight:700}.pz-datos dd{margin:0}
.pz-opciones{display:grid;gap:6px}.pz-opcion{display:flex;gap:10px;align-items:flex-start;border:1px solid #e4e8ef;border-radius:10px;padding:8px 10px;cursor:pointer}
.pz-opcion input{margin-top:4px}.pz-op-t{flex:1}.pz-recomendada{border-color:#7fc9b8}
.pz-chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.pz-chip{font-size:11px;background:#f1f3f7;border-radius:9px;padding:2px 8px;white-space:nowrap}
.pz-chip-rec{background:#dff3ee;color:#0b6b57;font-weight:700}.pz-dato,.pz-nota{max-width:none}.pz-hecho{margin:0 0 8px}
@media (max-width:800px){.pz-datos{grid-template-columns:1fr}.pz-opcion{flex-wrap:wrap}}