::v-deep .p-datatable-thead{display:none}.autocomplete-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.autocomplete-code,.autocomplete-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.autocomplete-code{width:25%}.autocomplete-name{width:75%}.p-autocomplete-panel{max-width:100%;width:auto}.p-autocomplete-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-header .p-datatable-thead{display:none}.product-code-column{width:20%}.product-name-column{width:70%}.action-column{width:10%}.product-search-wrap{
  /* !important: callers style the old root (e.g. .add-product-autocomplete
     sets display:block via ::v-deep) — those rules now land on this wrapper
     and must not break the input+icon row. */display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.25rem;width:100%}.product-search-wrap .product-search-input{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.search-tips-info{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.search-tips-icon{cursor:pointer;color:#6b7280;font-size:1rem;padding:0 .25rem}.search-tips-icon:hover{color:#374151}.search-tips-panel .p-overlaypanel-content{padding:.75rem 1rem}.search-tips-content{font-size:.85rem;max-width:260px}.search-tips-title{font-weight:600;margin-bottom:.5rem}.search-tips-row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.5rem;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;margin-bottom:.35rem}.search-tips-row:last-child{margin-bottom:0}.search-tips-row code{background:#f3f4f6;border-radius:3px;padding:.1rem .3rem;white-space:nowrap;-ms-flex-negative:0;flex-shrink:0}.search-tips-row span{color:#4b5563}