.awb-sc{background:#0e294d;color:#ffffff;border:1px solid #1c3350;border-radius:14px;padding:18px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.awb-sc__form{display:flex;flex-direction:column;gap:12px}
.awb-sc__row{display:flex;flex-wrap:wrap;gap:12px}
.awb-sc label{display:flex;flex-direction:column;gap:6px;min-width:220px;color:#ffffff}

.awb-sc input[type="number"]{
  background:#ffffff !important;
  color:#000000 !important;
  border:1px solid #1c3350 !important;
  border-radius:10px;
  padding:10px;
  appearance:none;
}

.awb-sc__btn{align-self:flex-start;padding:10px 16px;border-radius:10px;border:1px solid #133e82;background:#1663ff;color:#fff;cursor:pointer}
.awb-sc__btn:hover{background:#2b73ff}

.awb-sc__card{background:#0f243d;border:1px solid #1c3350;border-radius:14px;padding:14px}
.awb-sc__card h4{color:#ffffff;margin-top:0}

.awb-sc__tablewrap{overflow:auto}
.awb-sc__table{width:100%;border-collapse:collapse}
.awb-sc_table th,.awb-sc_table td{border-bottom:1px solid #1c3350;padding:8px 10px;text-align:left}
.awb-sc__table th{position:sticky;top:0;background:#102846}

/* Highlight cheapest row */
.awb-sc_table tr.awb-sc_bestrow{background:#123f1c}
.awb-sc_table tr.awb-sc_bestrow td{border-bottom-color:#1f6a2f}
.awb-sc__badge{display:inline-block;margin-left:6px;padding:2px 6px;border-radius:8px;background:#1f6a2f;color:#fff;font-size:11px;vertical-align:middle}

/* Mejoras específicas para móviles */
@media (max-width:680px){
  .awb-sc {
    padding:16px !important;
    border-radius:12px !important;
  }
  
  .awb-sc__row {
    flex-direction:column;
    gap:16px !important;
  }
  
  .awb-sc label {
    min-width:100% !important;
    font-size:16px !important;
  }
  
  .awb-sc input[type="number"] {
    width:100% !important;
    min-height:48px !important;
    font-size:16px !important;
    padding:12px 16px !important;
    border-radius:8px !important;
    box-sizing:border-box;
  }
  
  .awb-sc__btn {
    width:100% !important;
    min-height:52px !important;
    font-size:18px !important;
    border-radius:10px !important;
    margin-top:12px !important;
    font-weight:600;
  }
  
  .awb-sc__tablewrap {
    border:1px solid #2a4a78;
    border-radius:10px;
    overflow:hidden;
  }
  
  .awb-sc__table {
    min-width:600px;
  }
  
  .awb-sc__table th,
  .awb-sc__table td {
    padding:12px 10px;
    font-size:14px;
  }
  
  .awb-sc__card {
    margin-top:20px;
    border-radius:12px;
  }
  
  .awb-sc__chip {
    text-align:center;
    padding:14px;
    font-size:16px;
    width:100% !important;
  }
}

/* Estados de enfoque para mejor accesibilidad */
.awb-sc input:focus,
.awb-sc__btn:focus {
  outline:2px solid #1663ff;
  outline-offset:2px;
}

/* Animaciones suaves */
.awb-sc__result {
  transition:all 0.3s ease;
}

/* Mejora para pantallas muy pequeñas */
@media (max-width:380px) {
  .awb-sc {
    padding:12px !important;
  }
  
  .awb-sc__table th,
  .awb-sc__table td {
    padding:10px 8px !important;
    font-size:13px !important;
  }
}

/* Estilo para el ETA pequeño debajo del servicio */
.awb-sc__eta-small {
  font-size: 11px;
  opacity: 0.8;
  margin-top: 4px;
  font-weight: normal;
}

/* Ajuste para la celda del servicio con ETA */
.awb-sc__table td:first-child {
  min-width: 160px;
}

/* Ajustes responsivos para móviles */
@media (max-width: 680px) {
  .awb-sc__eta-small {
    font-size: 10px;
  }
  
  .awb-sc__table td:first-child {
    min-width: 140px;
  }
}

/* Estilo para el ETA pequeño */
.awb-sc__eta-small {
  font-size: 11px;
  opacity: 0.8;
}

/* Mantener todos los estilos originales de la tabla */
.awb-sc__table th, 
.awb-sc__table td {
  white-space: nowrap;
}

.awb-sc__table td { 
  min-width: 140px; 
}

/* Ajuste específico para la columna ETA */
.awb-sc__table td:last-child {
  min-width: 100px;
}