/* Contain wide priority tables without widening the page or truncating data. */
.priorities-responsive{width:100%;max-width:100%;min-width:0;overflow-x:auto;container-type:inline-size;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.priorities-responsive .priorities-responsive-table{width:100%!important;min-width:760px;table-layout:auto;margin-bottom:0}
.priorities-responsive .priorities-responsive-table th,.priorities-responsive .priorities-responsive-table td{white-space:normal;vertical-align:middle;padding:12px 10px}
.priorities-responsive .priorities-responsive-table td:nth-child(2){min-width:180px;max-width:320px;overflow-wrap:anywhere;text-align:left}
.priorities-responsive .priorities-responsive-table thead tr:nth-child(2) th{padding:10px 8px;min-width:34px;white-space:nowrap}
.priorities-responsive .priorities-responsive-table td:last-child form{margin:0}
.priorities-responsive .priority-cart-button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;gap:.4rem;min-height:40px}
@media(max-width:991.98px){
.priorities-responsive .priority-cart-button>.app-action-label{display:none!important}
.priorities-responsive .priority-cart-button{width:44px;min-width:44px!important;min-height:44px!important;padding:.5rem!important;gap:0!important}
.priorities-responsive .priorities-responsive-table th,.priorities-responsive .priorities-responsive-table td{padding:10px 8px}
}
/* A narrow content panel also needs compact actions, even on a wide monitor. */
@container(max-width:1050px){
.priorities-responsive .priority-cart-button>.app-action-label{display:none!important}
.priorities-responsive .priority-cart-button{width:44px;min-width:44px!important;min-height:44px!important;padding:.5rem!important;gap:0!important}
}
