#modal[data-view=bag]{scroll-padding-top:85px}
#modal[data-view=bag] .dialog-top{padding:12px 20px}#modal[data-view=bag] .dialog-top h2{font-size:21px;margin:2px 0}#modal[data-view=bag] #modalSubtitle{display:none}#modal[data-view=bag] #modalBody{padding:16px 20px}
#modal[data-view=bag] .arsenal-heading{margin:0 0 10px}#modal[data-view=bag] .arsenal-heading h3{font-size:16px;margin:0}#modal[data-view=bag] .arsenal-heading>span{font-size:14px;color:#f1d58f}
.bag-space{border:1px solid #3e6974;padding:12px 14px;border-radius:10px;background:#122e3c;margin-bottom:12px}.bag-space.nearly-full{border-color:#9a784a;background:linear-gradient(100deg,#44352244,#142b39)}.bag-space-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.bag-space-top>div{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.bag-space-top strong{font-size:14px;color:#e5edf3}.bag-space.nearly-full .bag-space-top strong{color:#ffcb8a}.bag-space-top span{font-size:12px;color:#b6cbd9}.bag-space-top button{font-size:12px;min-height:40px;padding:8px 12px;white-space:nowrap}.bag-space-meter{height:5px;border-radius:5px;overflow:hidden;background:#071722;margin:10px 0 6px}.bag-space-meter>i{display:block;height:100%;background:#77d3cd}.nearly-full .bag-space-meter>i{background:#e4ac69}.bag-space-foot{display:flex;justify-content:space-between;gap:8px;color:#b8cbd6;font-size:11px}.bag-space-foot small{font-size:11px;color:#e4c38c}.bag-space-help{font-size:12px;margin-top:6px}.bag-space-help>summary{cursor:pointer;color:#9ec3d0;padding:4px 0}.bag-space-help p{font-size:12px;line-height:1.7;color:#bcd0dc}.bag-space-help>small{display:block;font-size:10px;color:#a9bcc7;margin-top:8px}
.bag-quick-actions{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.bag-quick-actions button{padding:6px 10px;min-height:38px;font-size:12px}.bag-simple-utilities{display:flex;align-items:center;gap:8px;margin:0 0 12px}.bag-simple-utilities .bag-quick-actions{margin:0}.bag-simple-utilities>details{margin-left:auto}.bag-simple-utilities summary{font-size:12px;color:#a4cbd1;cursor:pointer;padding:8px}.bag-simple-utilities .inventory-supplies{margin:6px 0}.bag-simple-utilities>details[open]{flex:1}.bag-simple-utilities .inventory-help{display:none}
#modal[data-view=bag] .arsenal-layout:has(.inventory-browser){grid-template-columns:minmax(0,1fr) 260px;gap:16px}#modal[data-view=bag] .backpack{padding:0;border:0;background:none}#modal[data-view=bag] .inventory-tabs{gap:5px;margin:0 0 8px}#modal[data-view=bag] .inventory-tabs button{padding:7px 10px;min-height:38px;font-size:12px}#modal[data-view=bag] .inventory-shortcuts{gap:5px;margin-bottom:8px}#modal[data-view=bag] .inventory-shortcuts button{padding:5px 9px;font-size:11px;min-height:34px}#modal[data-view=bag] .inventory-search{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:6px}#modal[data-view=bag] .inventory-search label{font-size:10px;gap:4px}#modal[data-view=bag] .inventory-search input,#modal[data-view=bag] .inventory-search select{font-size:12px;min-height:38px;padding:6px}#modal[data-view=bag] .inventory-result{margin:8px 0;font-size:11px}
#modal[data-view=bag] .inventory-cards{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px;max-height:none;overflow:visible;padding:2px;scrollbar-gutter:auto}#modal[data-view=bag] .inventory-card{padding:5px!important;border-radius:7px;gap:3px;position:relative;content-visibility:auto;contain-intrinsic-size:auto 118px}#modal[data-view=bag] .inventory-card[aria-pressed=true]{outline:2px solid #a1ece6;outline-offset:1px;background:#234652!important}#modal[data-view=bag] .inventory-card-art{height:48px;border-radius:5px}#modal[data-view=bag] .inventory-card-art .item-art{width:46px!important;height:46px!important}#modal[data-view=bag] .inventory-card strong{font-size:10px;line-height:1.45;min-height:29px;-webkit-line-clamp:2}#modal[data-view=bag] .inventory-card>span:not(.inventory-card-art){font-size:9px}#modal[data-view=bag] .inventory-card small{font-size:9px}#modal[data-view=bag] .inventory-help{font-size:10px}
#modal[data-view=bag] .arsenal-layout>.item-inspector{top:86px;border-radius:10px;padding:14px;background:#132e3d;max-height:calc(88dvh - 90px);overflow:auto}#modal[data-view=bag] .item-inspector h3{font-size:17px;margin:8px 0;line-height:1.6}#modal[data-view=bag] .item-quality{font-size:11px}#modal[data-view=bag] .inspector-icon{width:90px;height:90px;margin:8px auto}#modal[data-view=bag] .inspector-icon .item-art{width:84px!important;height:84px!important}#modal[data-view=bag] .item-stats{margin:10px 0}#modal[data-view=bag] .item-stats li{font-size:12px;line-height:1.6}#modal[data-view=bag] .item-requirement,#modal[data-view=bag] .item-origin{font-size:11px;line-height:1.6}#modal[data-view=bag] .item-comparison{font-size:12px}#modal[data-view=bag] .item-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}#modal[data-view=bag] .item-actions button{min-height:40px;font-size:11px;padding:7px 5px}#modal[data-view=bag] .item-actions button.primary{grid-column:1/-1}.inspector-close{display:none}.item-space-size{font-size:11px;color:#a5c2cf;margin:5px 0}
#modal[data-view=bag] #disposalReview:has(>section){position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(540px,calc(100vw - 32px));max-height:80dvh;overflow:auto;z-index:20;box-shadow:0 0 0 150vmax #020912c9,0 12px 70px #0009;border-radius:12px}#modal[data-view=bag] #disposalReview .disposal-review{margin:0;background:#112b3a}#disposalReview button{min-height:44px}#disposalReview .expansion-preview{font-size:25px;color:#b8d2e1}.expansion-preview span{padding:0 14px}.expansion-preview strong{color:#87e7d6}.expansion-review>.service-list{margin-top:16px}
#modal[data-view=bag] .batch-tools{margin-top:12px}#modal[data-view=bag] .bag-management{margin-top:12px}#modal[data-view=bag] .bag-management>summary{font-size:12px;padding:10px}#modal[data-view=bag] .loot-explainer{font-size:11px;line-height:1.7}
@media(max-width:900px){#modal[data-view=bag] .arsenal-layout:has(.inventory-browser){grid-template-columns:1fr}#modal[data-view=bag] .arsenal-layout>.item-inspector{display:none}#modal[data-view=bag][data-item-open=true] .arsenal-layout>.item-inspector{display:block;position:fixed;inset:auto 8px max(8px,env(safe-area-inset-bottom)) 8px;width:auto;max-width:none;max-height:74dvh;z-index:10;grid-row:auto;grid-column:auto;box-shadow:0 0 0 150vmax #020912b8;overflow:auto;border:1px solid #638b95}.inspector-close{display:block;margin-left:auto;min-width:44px;min-height:44px;font-size:12px}#modal[data-view=bag] .inventory-tabs button{flex:1;min-width:0;white-space:nowrap;padding:6px;font-size:11px}#modal[data-view=bag] .inventory-search{grid-template-columns:1fr 1fr}#modal[data-view=bag] .inventory-search label:first-child{grid-column:1/-1}#modal[data-view=bag] .inventory-cards{grid-template-columns:repeat(4,minmax(0,1fr))}#modal[data-view=bag] .item-actions button{min-height:44px;font-size:12px}.bag-space{padding:10px}.bag-space-top{align-items:flex-start}.bag-space-top>div{display:block}.bag-space-top>div span{display:block;font-size:11px;margin-top:4px}.bag-space-top button{font-size:11px;padding:6px 8px}.bag-space-foot{font-size:10px;flex-wrap:wrap}.bag-space-foot small{font-size:10px}.bag-simple-utilities{flex-wrap:wrap}.bag-simple-utilities .bag-quick-actions{gap:5px}.bag-simple-utilities .bag-quick-actions button{font-size:11px}.bag-simple-utilities>details{margin-left:0;width:100%}.bag-simple-utilities>details:not([open]){width:auto;margin-left:auto}}
@media(max-width:360px){#modal[data-view=bag] .inventory-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}

.inventory-refine{margin:6px 0 8px}.inventory-refine>summary{padding:8px 10px;border:1px solid #365568;border-radius:6px;font-size:12px;color:#a9c8d4;cursor:pointer}.inventory-refine[open]>summary{margin-bottom:8px}.inventory-refine>[data-bag-read-all]{font-size:11px;margin-top:6px;padding:7px 10px}#modal[data-view=bag] .arsenal-heading h3{display:none}#modal[data-view=bag] .arsenal-heading{justify-content:flex-end;margin:0 0 8px}#modal[data-view=bag] .inventory-shortcuts{display:grid;grid-template-columns:1.1fr 1.2fr 1fr}#modal[data-view=bag] .inventory-shortcuts button{font-size:10px;padding:5px 6px;white-space:nowrap}.bag-simple-utilities{margin-bottom:8px}.bag-space-help summary{font-size:11px}

/* Adapted patterns: FFXIV expanded icon grid; Diablo favorites and scoped bulk review. */
#modal[data-view=bag] .inventory-cards{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:6px}#modal[data-view=bag] .inventory-card{aspect-ratio:1;min-height:60px!important;padding:4px!important;content-visibility:visible;contain-intrinsic-size:none;overflow:hidden}#modal[data-view=bag] .inventory-card-art{height:100%;width:100%;background:radial-gradient(ellipse,#34516366,#091823)}#modal[data-view=bag] .inventory-card-art .item-art{width:88%!important;height:88%!important}#modal[data-view=bag] .inventory-card>strong,#modal[data-view=bag] .inventory-card>span:not(.inventory-card-art),#modal[data-view=bag] .inventory-card>small{display:none!important}.bag-item-level{position:absolute;right:2px;bottom:1px;color:#e7f5ff;text-shadow:0 1px 3px #000;font-size:10px;font-weight:bold}.bag-item-lock{position:absolute;left:1px;bottom:1px;color:#f4d080;font-size:12px}.bag-item-check{position:absolute;left:1px;top:1px;width:17px;height:17px;border:1px solid #84b7be;border-radius:4px;background:#061623bd;color:#b0ffff;font-size:13px;line-height:16px;text-align:center}#modal[data-view=bag] .inventory-card[data-selected=true]{outline:2px solid #8ce4da;outline-offset:1px;background:#2a5761!important}.bag-selection{position:sticky;top:75px;z-index:4;background:#183443;border:1px solid #5b858d;padding:8px;border-radius:8px;margin:8px 0}.bag-selection p{font-size:10px;color:#b1c8d6;margin:6px 0}.bag-selection-tools,.bag-selection-total{display:flex;gap:6px;align-items:center}.bag-selection-tools button{min-height:34px!important;font-size:11px;padding:5px 8px}.bag-selection-tools button:last-child{margin-left:auto}.bag-selection-total strong{font-size:12px;margin-right:auto;color:#f5d48c}.bag-selection-total button{font-size:11px;padding:6px 8px;min-height:38px!important}.bag-selection-total button[data-bag-review=sell]{background:#386050}.bag-selection-total button[data-bag-review=salvage]{background:#3e4e67}
#bagAutoSettings:not([hidden]){display:block;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(500px,calc(100vw - 24px));max-height:78dvh;overflow:auto;z-index:12;background:#102939;border:1px solid #6e989f;padding:14px;border-radius:12px;box-shadow:0 0 0 150vmax #020912b8}#bagAutoSettings>.disposal-notice{font-size:11px}#bagAutoSettings>[data-bag-manage=close]{display:block;margin-left:auto;font-size:12px;min-height:40px;padding:7px}#bagAutoSettings .auto-disposal{margin-top:12px}#bagAutoSettings .auto-disposal>summary{font-size:15px}#bagAutoSettings .batch-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px}#bagAutoSettings label{font-size:12px}#bagAutoSettings select{width:100%;font-size:13px}#bagAutoSettings .auto-rarities{display:flex;gap:14px;padding:12px 0}#bagAutoSettings #autoDisposePreview{font-size:12px}#bagAutoSettings .disposal-protection{font-size:11px;display:block;margin-top:10px}
@media(max-width:900px){#modal[data-view=bag] .inventory-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}#modal[data-view=bag] .inventory-card{min-height:52px!important}.bag-item-level{font-size:9px}#modal[data-view=bag] .inventory-new{font-size:7px;padding:0 3px;right:1px;top:1px}.bag-selection{top:73px}}
#modal[data-view=bag] .bag-space{position:sticky;bottom:0;z-index:6;background:#112a39;box-shadow:0 -5px 16px #071521c9;margin:12px 0 0;padding:9px 12px}.bag-space-help:not([open]){position:absolute;right:10px;bottom:6px;font-size:10px}.bag-space-foot{padding-right:120px}.bag-space-foot small{display:none}.bag-space-help>summary{font-size:10px}.bag-space-meter{margin:7px 0 4px}.bag-space-foot span{font-size:10px}
#modal[data-view=bag] .inspector-icon{float:none!important;display:block;position:static!important}.item-inspector .item-actions{margin:12px 0}#modal[data-view=bag] .item-inspector>h3{clear:both}