/* COMBO-020-r6: unified purchase customers and product package controls. */
.purchase-customer-metric .wm-customer-value{min-width:0;display:grid;gap:3px}
.purchase-customer-metric .wm-customer-value-primary,.purchase-customer-metric .wm-customer-link{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word;white-space:normal}
.purchase-customer-metric .wm-customer-value small{min-width:0;max-width:100%;color:var(--color-muted);overflow-wrap:anywhere;white-space:normal;line-height:1.35}
.purchase-customer-metric .wm-customer-link{color:var(--color-primary);text-decoration:none;text-underline-offset:3px}
.purchase-customer-metric .wm-customer-link:hover{text-decoration:underline}
.purchase-customer-metric .wm-customer-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:3px}
.product-package-actions{align-items:stretch;gap:8px}
.product-package-actions>:is(.action-button,.button){display:inline-flex;flex:1 1 0;width:auto;min-width:0;min-height:44px;padding:10px 12px;align-items:center;justify-content:center;gap:7px;border-radius:10px;line-height:1.2;white-space:normal}
.product-package-actions>:is(.action-button,.button)>svg{width:16px;height:16px;flex:0 0 16px}
.product-package-actions>:is(.action-button,.button)>span{min-width:0;overflow-wrap:anywhere;text-align:center;white-space:normal}
.product-package-actions>.record-delete-action,.product-package-actions>.record-toggle-action{flex-basis:0;width:auto;padding-inline:12px}
@media (max-width:900px){.product-package-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0}.product-package-actions>:is(.action-button,.button){width:100%}}

.purchase-customer-metric .wm-customer-value-primary,.purchase-customer-metric .wm-customer-link{font-size:14px;font-weight:600;line-height:1.4;letter-spacing:normal;text-transform:none}

.product-package-actions{display:grid;width:100%;min-width:0;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.product-package-actions>:is(.action-button,.button){box-sizing:border-box;height:44px;min-height:44px;padding:6px 10px;font-size:12px;line-height:15px}
.payment-provider-grid{align-items:start}

.wm-catalog-sort{min-width:0}.wm-catalog-sort select{width:100%;min-width:0;max-width:100%}

.personal-bot-create{display:grid;gap:12px;min-width:0}.personal-bot-create input{width:100%;min-width:0;box-sizing:border-box}.personal-bot-create button{min-height:44px;white-space:normal}

/* UI-021: horizontal package controls with a predictable narrow-screen layout. */
.product-package-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px}
.product-package-row>div:first-child{flex:1 1 160px;min-width:0}
.product-package-row>.compact-price-field{flex:0 1 160px;min-width:140px;margin:0}
.product-package-row>.compact-price-field input{box-sizing:border-box;min-height:44px;height:44px}
.product-package-row>.product-package-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:1 1 720px;width:auto;min-width:0;gap:8px;align-items:stretch}
.product-package-row>.product-package-actions>:is(.action-button,.button){box-sizing:border-box;width:100%;min-width:0;height:44px;min-height:44px;padding:6px 10px;border-radius:10px;font-size:13px;line-height:15px;white-space:normal;display:inline-flex;align-items:center;justify-content:center;gap:7px;transform:none!important}
.product-package-row>.product-package-actions>:is(.action-button,.button)>span{white-space:normal;overflow-wrap:normal;line-height:15px}
@media(max-width:700px){
 .product-package-row>.compact-price-field{flex:1 1 140px}
 .product-package-row>.product-package-actions{flex:1 1 100%;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}
 .product-package-row>.product-package-actions>:is(.action-button,.button){padding:6px;font-size:12px;white-space:normal}
 .product-package-row>.product-package-actions>:is(.action-button,.button)>span{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 .product-package-row>.product-package-actions>:is(.action-button,.button){height:56px;min-height:56px;padding:4px;gap:0}
 .product-package-row>.product-package-actions>:is(.action-button,.button)>svg{display:none}
}

html[data-wm-security-access="service"] a[href$="/account-security"]{display:none!important}
