.bag-action-dialog{box-sizing:border-box;width:min(540px,calc(100vw - 24px));max-height:calc(100dvh - 28px);padding:16px;background:#102733;color:#e7f4f7;border:1px solid #74c8ca;border-radius:12px;overflow:auto;box-shadow:0 15px 60px #000a}
.bag-action-dialog::backdrop{background:#020b13c9}.bag-action-dialog .disposal-review{margin:0;border:0;padding:0}.bag-action-dialog .disposal-review ul{max-height:min(36dvh,280px)}.bag-action-dialog .service-list{display:flex;gap:8px;position:sticky;bottom:-16px;background:#102733;padding:12px 0;margin:0}.bag-action-dialog button{min-height:44px}.bag-action-dialog .service-list button{flex:1}.bag-action-dialog .auto-disposal{margin-top:12px}.bag-action-dialog .auto-disposal>summary{display:none}.bag-action-dialog>[data-bag-manage=close]{display:block;margin-left:auto}
#modal[data-view=bag] .backpack:has(.bag-selection) .inventory-tabs,#modal[data-view=bag] .backpack:has(.bag-selection) .inventory-shortcuts,#modal[data-view=bag] .backpack:has(.bag-selection) .inventory-refine{display:none}
#modal[data-view=bag] .bag-selection{flex:none;position:static;padding:10px;margin:0 0 8px}#modal[data-view=bag] .bag-selection-total{display:grid;grid-template-columns:1fr 1fr;gap:6px}#modal[data-view=bag] .bag-selection-total strong{grid-column:1/-1}#modal[data-view=bag] .bag-selection-total button{min-height:44px!important;white-space:normal;font-size:12px}#modal[data-view=bag] .bag-selection p{margin:6px 0;font-size:11px}#modal[data-view=bag] .bag-selection-tools button{min-height:40px!important}#modal[data-view=bag] .bag-quick-actions{flex-wrap:wrap;justify-content:flex-end}#modal[data-view=bag] .disposal-notice{flex:none;font-size:12px;margin:6px 0;color:#a9e6cd}
@media(max-width:680px){#modal[data-view=bag] .backpack:has(.bag-selection) .bag-selection{position:sticky;top:0;z-index:4;background:#102b39}#modal[data-view=bag] .backpack:has(.bag-selection) .inventory-cards{max-height:45dvh}.bag-action-dialog .service-list{flex-wrap:wrap}.bag-action-dialog .service-list button{min-width:120px}}
#bagAutoSettings:not([open]){display:none!important}#bagAutoSettings[open]{position:fixed;inset:0;transform:none;margin:auto;width:min(540px,calc(100vw - 24px));max-height:calc(100dvh - 28px);box-shadow:0 15px 60px #000a}

#modal[data-view=bag] .bag-selection-tools{display:flex;flex-wrap:wrap;gap:5px}#modal[data-view=bag] .bag-selection-tools [data-bag-select=all]{color:#ffe0a1;border-color:#a37b45}.disposal-special{color:#ffd58f;font-size:13px}

/* Narrow screens scroll actions and capacity with the bag, keeping buttons unobstructed. */
@media(max-width:680px){#modal[data-view=bag] .bag-space{position:static;box-shadow:none}#modal[data-view=bag] .backpack:has(.bag-selection) .bag-selection{position:static}}
