/* V18: Inventar-Slots ohne Scrollleisten und vollständiges ACP-Logo. */

/* Kleidung: exakt zwei Spalten, sechs gleich hohe Reihen, keine Scrollbar. */
.inventory-v16-side-content:not(.wealth) {
    display: grid !important;
    grid-template-rows: 56px minmax(0, 1fr) !important;
    gap: 10px !important;
    overflow: hidden !important;
}

.inventory-v16-side-content:not(.wealth) > header {
    margin-bottom: 0 !important;
}

.inventory-v16-clothing-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-rows: unset !important;
    align-content: stretch !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding-right: 0 !important;
    scrollbar-width: none !important;
}

.inventory-v16-clothing-grid::-webkit-scrollbar {
    display: none !important;
}

.inventory-v16-clothing-grid > button {
    min-width: 0 !important;
    min-height: 0 !important;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
}

.inventory-v16-clothing-grid > button > span {
    min-height: 0 !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

.inventory-v16-clothing-grid > button:not(.filled) > span > svg {
    display: none !important;
}

.inventory-v16-clothing-grid > button:not(.filled) > span {
    opacity: .28;
    filter: grayscale(1) sepia(.15) contrast(.9);
}

.inventory-v16-clothing-grid > button:nth-child(1):not(.filled) > span { background-image: url('../../clothing-hat.webp'); }
.inventory-v16-clothing-grid > button:nth-child(2):not(.filled) > span { background-image: url('../../clothing-gloves.webp'); }
.inventory-v16-clothing-grid > button:nth-child(3):not(.filled) > span { background-image: url('../../clothing-mask.webp'); }
.inventory-v16-clothing-grid > button:nth-child(4):not(.filled) > span { background-image: url('../../clothing-ring.webp'); }
.inventory-v16-clothing-grid > button:nth-child(5):not(.filled) > span { background-image: url('../../clothing-neckwear.webp'); }
.inventory-v16-clothing-grid > button:nth-child(6):not(.filled) > span { background-image: url('../../clothing-belt.webp'); }
.inventory-v16-clothing-grid > button:nth-child(7):not(.filled) > span { background-image: url('../../clothing-shirt.webp'); }
.inventory-v16-clothing-grid > button:nth-child(8):not(.filled) > span { background-image: url('../../clothing-gunbelt.webp'); }
.inventory-v16-clothing-grid > button:nth-child(9):not(.filled) > span { background-image: url('../../clothing-pants.webp'); }
.inventory-v16-clothing-grid > button:nth-child(10):not(.filled) > span { background-image: url('../../clothing-satchel.webp'); }
.inventory-v16-clothing-grid > button:nth-child(11):not(.filled) > span { background-image: url('../../clothing-boots.webp'); }
.inventory-v16-clothing-grid > button:nth-child(12):not(.filled) > span { background-image: url('../../clothing-badge.webp'); }

/* Ausrüstung: drei Zweierreihen plus eine volle Werkzeugreihe, ohne Scrollbar. */
.inventory-v16-equipment-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    align-content: stretch !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding-right: 0 !important;
    scrollbar-width: none !important;
}

.inventory-v16-equipment-grid::-webkit-scrollbar {
    display: none !important;
}

.inventory-v16-equipment-grid > button {
    min-width: 0 !important;
    min-height: 0 !important;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
}

.inventory-v16-equipment-grid > button.wide {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: auto !important;
}

.inventory-v16-equipment-grid > button > span,
.inventory-v16-equipment-grid > button.wide > span {
    position: static !important;
    inset: auto !important;
    min-height: 0 !important;
    height: 100% !important;
}

.inventory-v16-equipment-grid > button.wide small,
.inventory-v16-equipment-grid > button.wide strong {
    position: static !important;
    inset: auto !important;
}

/* ACP: vollständiges REDSTATE ohne abgeschnittenes E. */
.acp-v17-sidebar > header {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 6px !important;
    padding-right: 0 !important;
}

.acp-v17-sidebar > header > img {
    width: 40px !important;
    height: 40px !important;
}

.acp-v17-sidebar > header > div {
    min-width: 0 !important;
    overflow: visible !important;
}

.acp-v17-sidebar > header strong {
    display: block !important;
    max-width: none !important;
    overflow: visible !important;
    font-size: clamp(25px, 1.85vw, 34px) !important;
    letter-spacing: -.015em !important;
    transform: scaleX(.9);
    transform-origin: left center;
    width: 111%;
    white-space: nowrap !important;
}