.ms-hsn-wrapper{max-width:960px;margin:1rem auto;padding:1rem;border:1px solid #eee;border-radius:12px;background:#fff}
.ms-hsn-form{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end;margin-bottom:1rem}
.ms-hsn-row{display:flex;flex-direction:column;flex:1 1 160px;min-width:160px}
.ms-hsn-row label{font-weight:600;margin-bottom:0.35rem}
.ms-hsn-row input{padding:0.6rem 0.8rem;border:1px solid #cfd3d9;border-radius:8px;outline:none}
.ms-hsn-row input:focus{border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.15)}
.ms-hsn-btn{padding:0.7rem 1rem;border:none;border-radius:10px;cursor:pointer;font-weight:700;background:#2563eb;color:#fff}
.ms-hsn-btn:hover{filter:brightness(1.05)}
.ms-hsn-result{margin-top:0.5rem}
.ms-hsn-table{width:100%;border-collapse:collapse;margin-top:0.5rem;font-size:0.95rem}
.ms-hsn-table th,.ms-hsn-table td{padding:0.6rem 0.5rem;border-top:1px solid #e5e7eb;text-align:left;vertical-align:top}
.ms-hsn-table thead th{border-bottom:2px solid #e5e7eb}
.ms-hsn-alert{padding:0.8rem 1rem;border:1px solid #fca5a5;background:#fef2f2;border-radius:8px}
.ms-hsn-loading{padding:0.8rem 1rem;border:1px solid #dbeafe;background:#eff6ff;border-radius:8px}
.ms-hsn-note{font-size:0.85rem;color:#6b7280;margin-top:0.5rem}
@media (max-width: 720px){
  .ms-hsn-table{font-size:0.85rem}
  .ms-hsn-row{min-width:120px}
}