body{font-family:Arial,Helvetica,sans-serif;background:#f6f8fb;margin:0;color:#222}
.topbar{display:flex;justify-content:space-between;padding:12px;background:#2b6fb4;color:#fff}
.container{max-width:1100px;margin:20px auto;padding:16px;background:#fff;border-radius:6px;box-shadow:0 4px 14px rgba(0,0,0,0.06)}
.btn{display:inline-block;padding:8px 12px;background:#2b6fb4;color:#fff;border-radius:6px;text-decoration:none}
.table{width:100%;border-collapse:collapse;margin-top:12px}
.table th,.table td{padding:8px;border-bottom:1px solid #eee;text-align:left}
.form-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.input{padding:8px;border:1px solid #ddd;border-radius:4px}
.footer{text-align:center;padding:12px;color:#666}

/* NEW: product name search */
#productNameHints{
    position:absolute;
    background:#fff;
    border:1px solid #ddd;
    width:100%;
    max-height:180px;
    overflow-y:auto;
    z-index:9999;
}
.product-hint{
    padding:8px;
    cursor:pointer;
}
.product-hint:hover{
    background:#f1f5f9;
}


.suggestion-item {
  padding: 8px 10px;
  cursor: pointer;
}
.suggestion-item:hover,
.suggestion-item.active {
  background: #eef6ff;
}