.hsb-wrap { max-width: 1100px; margin: 0 auto; }
.hsb-card {
  background: #fff;
  border: 1px solid #e9edf3;
  border-radius: 14px;
  padding: 22px;
  box-shadow: 0 6px 18px rgba(16,24,40,.06);
  margin-bottom: 18px;
}
.hsb-head h2, .hsb-head h3 { margin: 0 0 6px; }
.hsb-head p { margin: 0; color: #667085; }

.hsb-form { margin-top: 16px; }
.hsb-grid {
  display: grid;
  grid-template-columns: 1.2fr 1.2fr 1.2fr 1fr;
  gap: 14px;
}
@media (max-width: 900px){
  .hsb-grid { grid-template-columns: 1fr; }
}
.hsb-field label { display:block; font-weight: 600; margin-bottom: 6px; }
.hsb-field input, .hsb-field select {
  width: 100%;
  padding: 12px 12px;
  border: 1px solid #d0d5dd;
  border-radius: 10px;
  outline: none;
}
.hsb-field small { display:block; margin-top: 6px; color: #667085; }

.hsb-eta-box{
  display:flex; align-items:center; gap:8px;
  border: 1px dashed #98a2b3;
  border-radius: 10px;
  padding: 11px 12px;
  background: #f8fafc;
  min-height: 46px;
}
.hsb-eta { font-size: 18px; font-weight: 800; }
.hsb-eta-unit { color:#667085; font-weight:700; }

.hsb-actions { display:flex; gap: 12px; align-items:center; margin-top: 14px; }
.hsb-btn{
  background:#0f766e; color:#fff; border:0;
  padding: 12px 18px; border-radius: 12px;
  font-weight: 800; letter-spacing:.5px;
  cursor:pointer;
}
.hsb-btn:hover{ background:#115e59; }

.hsb-result{
  margin-top: 14px;
  padding: 14px;
  border-radius: 12px;
  border: 1px solid #dbeafe;
  background: #eff6ff;
}
.hsb-result-row{
  display:grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 10px;
}
@media (max-width: 900px){
  .hsb-result-row { grid-template-columns: 1fr; }
}
.hsb-note{ margin-top:8px; color:#475467; }

.hsb-error{
  margin-top: 12px;
  padding: 12px;
  border-radius: 12px;
  background:#fef2f2;
  border:1px solid #fecaca;
  color:#991b1b;
}

.hsb-table-wrap{ overflow:auto; }
.hsb-table{ width:100%; border-collapse: collapse; }
.hsb-table th, .hsb-table td{
  text-align:left;
  padding: 10px 12px;
  border-bottom: 1px solid #eef2f7;
  font-size: 14px;
}
.hsb-table th{ color:#475467; background:#f8fafc; }