/* v0.7 equipment dashboard — inherits dark/light theme tokens */
.equipment-panel{min-width:0}
.equipment-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
.equipment-slot{display:flex;flex-direction:column;gap:6px;min-width:0;padding:12px;background:var(--surface-subtle);border:1px solid var(--border-soft);border-radius:10px}
.equipment-slot small{color:var(--text-secondary)}
.equipment-slot strong{font-size:13px;overflow-wrap:anywhere;color:var(--text-heading)}
.loot-heading{display:flex;justify-content:space-between;align-items:center;margin:10px 0 8px}
.loot-heading h3{margin:0}
.loot-inventory{max-height:245px;overflow:auto;display:grid;gap:6px;scrollbar-color:var(--scrollbar) transparent}
.loot-item{display:flex;align-items:center;gap:8px;min-width:0;padding:8px 10px;border:1px solid var(--border-soft);border-radius:9px;background:var(--surface-subtle)}
.loot-description{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.loot-description strong{font-size:13px;overflow-wrap:anywhere}
.loot-description small{font-size:11px;color:var(--text-secondary)}
.loot-item button{padding:6px 9px;min-width:66px;font-size:12px}
.loot-item .loot-discard{background:var(--danger-soft);color:var(--danger);border-color:var(--border-soft)}
.loot-item .loot-discard:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger)}
@media(max-width:650px){.equipment-slots{grid-template-columns:1fr}.loot-item{flex-wrap:wrap}.loot-description{flex-basis:100%}}

/* Equipment occupies full dashboard width; prevent 1-column grid shrinkage. */
main>.equipment-panel{grid-column:1/-1;width:100%;min-width:0}
.equipment-panel .upgrade-header{align-items:center}
.equipment-slots{grid-template-columns:repeat(3,minmax(0,1fr))}
.equipment-slot{min-height:74px;justify-content:center}
.equipment-slot strong{overflow-wrap:normal;word-break:normal}
.loot-inventory{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr));max-height:250px;align-items:start;gap:8px}
.loot-item{min-width:0;flex-wrap:nowrap}
.loot-description{flex-basis:auto;min-width:0}
.loot-description strong{overflow-wrap:break-word}
@media(max-width:720px){
 main>.equipment-panel{width:100%}
 .equipment-slots{grid-template-columns:repeat(3,minmax(0,1fr))}
 .loot-inventory{grid-template-columns:1fr}
}
@media(max-width:460px){
 .equipment-slots{grid-template-columns:1fr}
 .loot-item{flex-wrap:wrap}
 .loot-description{flex-basis:100%}
}