/* RepuestoApp v5.7 · Importación de inventario desde Excel */
.inventory-import-grid{
  display:grid;
  grid-template-columns:1.12fr .88fr;
  gap:18px;
  margin-bottom:18px;
}
.import-upload-card,
.import-rules-card,
.import-preview-card,
.import-errors-card{
  padding:24px;
}
.import-card-head,
.import-preview-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:20px;
}
.import-card-head>div:last-child,
.import-preview-head>div:first-child{
  flex:1;
}
.import-card-head h2,
.import-preview-head h2{
  margin:5px 0 7px;
  color:#3f4c9d;
}
.import-card-head p,
.import-preview-head p{
  margin:0;
  color:#7581b5;
  line-height:1.55;
}
.import-step{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:14px;
  background:#eaf9f7;
  color:#079c8c;
  font-weight:900;
}
.import-step.warning{
  background:#fff3dd;
  color:#b77715;
}
.inventory-import-form{
  display:grid;
  gap:16px;
}
.excel-drop-zone{
  position:relative;
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:210px;
  padding:24px;
  border:1.6px dashed #9fb1df;
  border-radius:22px;
  background:linear-gradient(145deg,#fbfcfe,#f6fbfa);
  text-align:center;
  cursor:pointer;
}
.excel-drop-zone:hover{
  border-color:#08bda9;
  background:#f3fcfa;
}
.excel-drop-zone input{
  width:min(420px,100%)!important;
  margin-top:16px;
  padding:11px!important;
  background:#fff!important;
}
.excel-file-icon{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  margin-bottom:12px;
  border-radius:20px;
  background:linear-gradient(135deg,#e9faf7,#eef3ff);
  font-size:30px;
}
.excel-drop-zone strong{
  color:#3c4999;
  font-size:18px;
}
.excel-drop-zone small{
  margin-top:6px;
  color:#7a86b8;
}
.import-columns{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.import-columns span{
  padding:8px 11px;
  border:1px solid #d0daed;
  border-radius:999px;
  background:#fbfcfe;
  color:#5966a6;
  font-size:12px;
  font-weight:800;
}
.import-rule-list{
  display:grid;
  gap:11px;
}
.import-rule-list>div{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:12px;
  padding:14px;
  border:1px solid #d5deee;
  border-radius:16px;
  background:#fbfcfe;
}
.import-rule-list>div>span{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:#eef9f7;
  font-size:20px;
}
.import-rule-list p{
  margin:0;
  color:#6875ad;
  line-height:1.5;
}
.import-rule-list strong{
  color:#3e4b99;
}
.import-preview-card,
.import-errors-card{
  margin-top:18px;
}
.import-preview-head{
  align-items:center;
}
.import-summary-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}
.import-summary-badges span{
  padding:9px 12px;
  border-radius:999px;
  border:1px solid #d0daed;
  background:#f7f9fc;
  color:#6470aa;
  font-size:12px;
  font-weight:900;
}
.import-summary-badges .is-valid{
  border-color:#a7e1d7;
  background:#eaf9f7;
  color:#078f81;
}
.import-summary-badges .is-warning{
  border-color:#f0cf99;
  background:#fff6e7;
  color:#a76b11;
}
.import-preview-table{
  max-height:540px;
  overflow:auto;
  border:1px solid #d9e1ef;
  border-radius:18px;
}
.import-preview-table thead{
  position:sticky;
  top:0;
  z-index:1;
}
.import-table-note{
  margin:12px 0 0;
  color:#7783b5;
  font-size:13px;
}
.import-confirm-form{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid #dfe6f2;
}
.import-confirm-check{
  display:flex!important;
  align-items:flex-start;
  gap:10px;
  margin:0!important;
  color:#5f6ca7;
  line-height:1.5;
}
.import-confirm-check input{
  width:19px!important;
  height:19px!important;
  flex:0 0 auto;
  margin-top:2px;
}
.import-empty-preview,
.credit-abono-empty{
  padding:24px;
  border:1px dashed #bdc9e8;
  border-radius:18px;
  background:#fbfcfe;
}
.import-empty-preview strong{
  display:block;
  color:#3e4b99;
  margin-bottom:5px;
}
.import-empty-preview span{
  color:#7783b5;
}
.import-excel-button{
  white-space:nowrap;
}
@media(max-width:980px){
  .inventory-import-grid{
    grid-template-columns:1fr;
  }
  .import-preview-head,
  .import-confirm-form{
    display:grid;
  }
  .import-summary-badges{
    justify-content:flex-start;
  }
  .import-confirm-form .btn{
    width:100%;
  }
}
@media(max-width:620px){
  .import-upload-card,
  .import-rules-card,
  .import-preview-card,
  .import-errors-card{
    padding:17px;
  }
  .import-card-head{
    display:grid;
  }
  .excel-drop-zone{
    min-height:185px;
  }
}


/* RepuestoApp v5.8 · Formato detallado y botón de descarga */
.download-excel-button{
  white-space:nowrap;
  border-color:#7d8fd2!important;
}
.import-columns.detailed{
  gap:7px;
}
.import-columns.detailed span{
  font-size:11px;
}
.detailed-preview{
  max-width:100%;
}
.detailed-preview table{
  min-width:1420px;
}
.detailed-preview th,
.detailed-preview td{
  white-space:nowrap;
}
@media(max-width:760px){
  .inventory-actions .download-excel-button,
  .inventory-actions .import-excel-button{
    width:100%;
    justify-content:center;
  }
}