#packaging-view .table-scroll{max-height:none;overflow:visible}
#packaging-table{width:100%;table-layout:fixed;min-width:0}
#packaging-table th:first-child{width:32%}
#packaging-table th{white-space:normal}
#packaging-table td{vertical-align:middle;padding:16px 12px}
#packaging-table .item-button{max-width:100%}
#packaging-table .item-button>span{min-width:0}
#packaging-table .item-name{overflow-wrap:anywhere}
#packaging-table input{width:100%;min-width:0;min-height:44px;font-size:16px;border:1px solid #c9d5c8;border-radius:8px;padding:10px;background:white}
#packaging-table input[aria-invalid=true]{border-color:#b63422}
.package-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.package-filters input{flex:1;min-width:200px;min-height:44px;padding:10px;border:1px solid #c9d5c8;border-radius:8px}
.package-status{font-size:14px;color:#50634e}
.package-savebar{position:sticky;bottom:12px;z-index:5;background:#fff;box-shadow:0 3px 16px #1735221a;border:1px solid #d7e0d3;border-radius:12px;padding:12px 16px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:16px}
.package-savebar>span{margin-right:auto}
.package-savebar p{width:100%;margin:0;font-size:15px}
#package-error{color:#a63020}
.package-details{display:flex;flex-direction:column;gap:8px;padding:16px 0;margin-bottom:12px;border-bottom:1px solid #e0e6dc}
.package-details button{align-self:flex-start}
@media(max-width:1000px) and (min-width:701px){#packaging-table th:first-child{width:26%}#packaging-table td{padding:12px 6px}#packaging-table input{padding:8px 4px}}
@media(max-width:700px){
 #packaging-view{padding-bottom:20px}
 .package-filters{padding:12px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .package-filters #package-search,.package-filters #package-count{grid-column:1/-1}
 .package-filters input,.package-filters select{width:100%;min-width:0;max-width:100%;font-size:16px}
 #packaging-table,#packaging-table tbody{display:block;width:100%}
 #packaging-table thead{display:none}
 #packaging-table tr.mobile-entry{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
 #packaging-table .mobile-open>td.package-number{grid-column:auto!important;padding:10px 6px!important}
 #packaging-table .mobile-open>td.package-number:before{content:attr(data-label)}
 .package-savebar{bottom:calc(var(--mobile-nav-height,72px) + env(safe-area-inset-bottom) + 8px);padding:10px;gap:8px}
 .package-savebar>span{font-size:14px;flex-basis:100%}
 .package-savebar .button{font-size:14px;padding:10px;flex:1;white-space:normal}
}