/* Fase 3 - Recepcion inteligente de mercancia (diseno minimalista) */
.recepcion-shell{
 display:grid;
 gap:16px;
 color:var(--pos-text,#172033);
}
.recepcion-header{
 display:flex;
 align-items:center;
 flex-wrap:wrap;
 gap:14px;
 padding:18px 20px;
 border-bottom:1px solid var(--pos-line,#dbe3ef);
}
.recepcion-header-icono{
 display:grid;
 place-items:center;
 width:40px;
 height:40px;
 flex:0 0 auto;
 border-radius:12px;
 background:color-mix(in srgb,var(--brand-color,#0d6efd) 12%,transparent);
 color:var(--brand-color,#0d6efd);
}
.recepcion-header-icono svg{
 width:20px;
 height:20px;
}
.recepcion-header-texto{
 flex:1 1 280px;
 min-width:0;
}
.recepcion-header-texto h2{
 margin:0;
 font-size:22px;
 font-weight:800;
 letter-spacing:-.02em;
}
.recepcion-header-texto p{
 margin:4px 0 0;
 color:var(--pos-muted,#687386);
 font-weight:600;
 font-size:13px;
}
.btn-recepcion-confirmar{
 min-height:40px;
 border:0;
 border-radius:10px;
 padding:0 16px;
 background:var(--brand-color,#0d6efd) !important;
 color:#fff !important;
 font-weight:800;
 font-size:14px;
 cursor:pointer;
}
.btn-recepcion-confirmar:hover{
 background:color-mix(in srgb,var(--brand-color,#0d6efd) 88%,black 12%) !important;
}
.recepcion-grid{
 display:grid;
 grid-template-columns:minmax(0,1fr) minmax(280px,320px);
 gap:16px;
 align-items:start;
}
.recepcion-columna-principal{
 display:grid;
 gap:16px;
 min-width:0;
}
.recepcion-panel{
 padding:16px;
 border:1px solid var(--pos-line,#dbe3ef);
 border-radius:14px;
 background:var(--pos-surface-strong,#fff);
}
.recepcion-panel h3{
 margin:0 0 6px;
 font-size:15px;
 font-weight:800;
}
.recepcion-panel p{
 margin:0 0 12px;
 color:var(--pos-muted,#687386);
 font-weight:600;
 font-size:13px;
}
.recepcion-resumen-lateral{
 position:sticky;
 top:16px;
 display:grid;
 gap:10px;
}
.recepcion-resumen-lateral h3{
 margin:0;
}
.recepcion-form{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:10px;
 margin-top:10px;
}
.recepcion-form label{
 display:grid;
 gap:6px;
 color:var(--pos-muted,#687386);
 font-size:12px;
 font-weight:700;
}
.recepcion-form input,
.recepcion-form select{
 min-height:38px;
 border:1px solid var(--pos-line,#dbe3ef);
 border-radius:9px;
 padding:0 11px;
 background:var(--pos-surface-strong,#fff);
 color:var(--pos-text,#172033);
 font-weight:600;
}
.recepcion-form-archivo{
 grid-column:1/-1;
}
.recepcion-drop-compacto{
 display:flex;
 align-items:center;
 min-height:38px;
 padding:0 12px;
 border:1px dashed var(--pos-line,#dbe3ef);
 border-radius:9px;
 background:transparent;
 cursor:pointer;
 font-weight:600;
 color:var(--pos-muted,#687386);
}
.recepcion-drop-compacto input{
 display:none;
}
.recepcion-ayuda{
 margin:10px 0 0;
 color:var(--pos-muted,#687386);
 font-size:12px;
 font-weight:600;
}
.recepcion-ayuda a{
 color:var(--brand-color,#0d6efd);
 font-weight:700;
 text-decoration:none;
 cursor:pointer;
}
.recepcion-ayuda a:hover{
 text-decoration:underline;
}
.recepcion-preview-head{
 display:flex;
 justify-content:space-between;
 align-items:flex-start;
 gap:16px;
 margin-bottom:10px;
}
.recepcion-preview-head h3{
 display:flex;
 align-items:center;
 gap:8px;
 margin:0;
}
.recepcion-contador{
 color:var(--pos-muted,#687386);
 font-size:12px;
 font-weight:600;
}
.recepcion-toolbar{
 display:flex;
 flex-wrap:wrap;
 align-items:flex-end;
 gap:8px;
 margin-bottom:10px;
}
.recepcion-buscador{
 flex:1 1 220px;
 min-width:180px;
}
.recepcion-buscador input{
 width:100%;
 min-height:38px;
 border:1px solid var(--pos-line,#dbe3ef);
 border-radius:9px;
 padding:0 11px;
 background:var(--pos-surface-strong,#fff);
 color:var(--pos-text,#172033);
 font-weight:600;
}
.btn-recepcion-diferencias{
 width:auto;
 min-height:38px;
 border:1px solid var(--pos-line,#dbe3ef);
 border-radius:9px;
 padding:0 13px;
 background:transparent !important;
 color:var(--pos-muted,#687386) !important;
 font-weight:700;
 font-size:13px;
 cursor:pointer;
 white-space:nowrap;
}
.btn-recepcion-diferencias.activo{
 border-color:var(--brand-color,#0d6efd);
 background:color-mix(in srgb,var(--brand-color,#0d6efd) 10%,transparent) !important;
 color:var(--brand-color,#0d6efd) !important;
}
.recepcion-kpis{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:8px 16px;
}
.recepcion-kpis div{
 padding:8px 0;
 border-bottom:1px solid var(--pos-line,#dbe3ef);
}
.recepcion-kpis span{
 display:block;
 color:var(--pos-muted,#687386);
 font-size:12px;
 font-weight:600;
}
.recepcion-kpis strong{
 display:block;
 margin-top:2px;
 font-size:17px;
 font-weight:800;
 color:var(--pos-text,#172033);
}
.recepcion-total-final{
 display:flex;
 align-items:center;
 justify-content:space-between;
 padding:10px 0;
 border-bottom:1px solid var(--pos-line,#dbe3ef);
}
.recepcion-total-final span{
 font-size:13px;
 font-weight:700;
 color:var(--pos-muted,#687386);
}
.recepcion-total-final strong{
 font-size:18px;
 font-weight:800;
}
.recepcion-documento-resumen{
 margin:0;
 color:var(--pos-muted,#687386);
 font-size:12px;
 font-weight:600;
}
.recepcion-diferencias-banner{
 margin:0;
 padding-left:16px;
 position:relative;
 color:#047857;
 font-size:12px;
 font-weight:700;
}
.recepcion-diferencias-banner::before{
 content:"";
 position:absolute;
 left:0;
 top:50%;
 transform:translateY(-50%);
 width:7px;
 height:7px;
 border-radius:999px;
 background:#10b981;
}
.recepcion-diferencias-banner.con-diferencias{
 color:#92400e;
}
.recepcion-diferencias-banner.con-diferencias::before{
 background:#f59e0b;
}
body.oscuro .recepcion-diferencias-banner{
 color:#6ee7b7;
}
body.oscuro .recepcion-diferencias-banner.con-diferencias{
 color:#fcd34d;
}
.recepcion-acciones{
 display:grid;
 grid-template-columns:1fr auto;
 gap:8px;
 align-items:center;
}
.btn-recepcion-secundario{
 min-height:38px;
 border:1px solid var(--pos-line,#dbe3ef) !important;
 border-radius:9px;
 padding:0 14px;
 background:transparent !important;
 color:var(--pos-text,#172033) !important;
 font-weight:700;
 font-size:13px;
 cursor:pointer;
}
.recepcion-nota-final{
 margin:0;
 color:var(--pos-muted,#687386);
 font-size:11px;
 font-weight:600;
}
.recepcion-nota-final a{
 color:var(--brand-color,#0d6efd);
 font-weight:700;
 text-decoration:none;
 cursor:pointer;
}
.recepcion-nota-final a:hover{
 text-decoration:underline;
}
.recepcion-tabla-wrap{
 border:1px solid var(--pos-line,#dbe3ef);
 border-radius:12px;
 overflow:auto;
 min-height:220px;
 max-height:58vh;
 background:var(--pos-surface-strong,#fff);
}
.recepcion-empty{
 min-height:220px;
 display:grid;
 place-items:center;
 color:var(--pos-muted,#687386);
 font-weight:700;
 text-align:center;
}
.recepcion-tabla{
 width:100%;
 min-width:880px;
 border-collapse:collapse;
}
.recepcion-tabla th,
.recepcion-tabla td{
 padding:10px 12px;
 border-bottom:1px solid var(--pos-line,#dbe3ef);
 text-align:left;
 vertical-align:middle;
}
.recepcion-tabla th{
 position:sticky;
 top:0;
 z-index:1;
 background:var(--pos-surface-strong,#fff);
 color:var(--pos-muted,#687386);
 font-size:11px;
 font-weight:800;
 text-transform:uppercase;
 letter-spacing:.06em;
}
.recepcion-tabla td{
 color:var(--pos-text,#172033);
 font-weight:600;
}
.recepcion-tabla td strong,
.recepcion-tabla td small{
 display:block;
}
.recepcion-tabla td small{
 margin-top:3px;
 color:var(--pos-muted,#687386);
 font-size:12px;
}
.recepcion-diferencia-linea{
 color:#b45309 !important;
 font-weight:700;
}
body.oscuro .recepcion-diferencia-linea{
 color:#fcd34d !important;
}
.recepcion-tabla input{
 width:92px;
 min-height:34px;
 border:1px solid var(--pos-line,#dbe3ef);
 border-radius:8px;
 padding:0 9px;
 background:var(--pos-surface-strong,#fff);
 color:var(--pos-text,#172033);
 font-weight:700;
}
.recepcion-tabla tr.nuevo td:first-child small{
 color:#b45309;
}
.recepcion-tabla tr.existente td:first-child small{
 color:#047857;
}
.recepcion-estado{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 min-width:88px;
 min-height:26px;
 border-radius:7px;
 padding:0 10px;
 font-size:12px;
 font-weight:700;
}
.recepcion-estado.ok{
 background:rgba(16,185,129,.12);
 color:#047857;
}
.recepcion-estado.nuevo{
 background:rgba(245,158,11,.14);
 color:#92400e;
}
body.oscuro .recepcion-tabla tr.nuevo td:first-child small{
 color:#fcd34d;
}
body.oscuro .recepcion-tabla tr.existente td:first-child small{
 color:#6ee7b7;
}
body.oscuro .recepcion-estado.ok{
 color:#6ee7b7;
}
body.oscuro .recepcion-estado.nuevo{
 color:#fcd34d;
}
.recepcion-paginacion-footer{
 display:flex;
 align-items:center;
 justify-content:space-between;
 flex-wrap:wrap;
 gap:10px;
 margin-top:10px;
}
.recepcion-paginacion-footer span{
 color:var(--pos-muted,#687386);
 font-size:12px;
 font-weight:600;
}
@media (max-width:980px){
 .recepcion-grid,
 .recepcion-form{
  grid-template-columns:1fr;
 }
 .recepcion-header{
  flex-direction:column;
  align-items:flex-start;
 }
 .recepcion-preview-head{
  flex-direction:column;
 }
 .recepcion-resumen-lateral{
  position:static;
 }
}