/* =========================================================
   CRIMORA CITY INVENTORY
========================================================= */

.inventory-page,
.inventory-page * { box-sizing:border-box; }
[hidden] { display:none !important; }
body.modal-open { overflow:hidden; }

.inventory-page {
    --gold:#e0b84c;
    --gold-bright:#ffe291;
    --panel:#15181d;
    --panel-2:#1b1f25;
    --line:#303640;
    --text:#f4f6f8;
    --muted:#929ba7;
    width:min(1540px,calc(100% - 36px));
    margin:26px auto 60px;
    color:var(--text);
}

.inventory-page .eyebrow,
.inventory-modal .eyebrow {
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--gold);
    font-size:10px;
    font-weight:900;
    letter-spacing:2px;
    text-transform:uppercase;
}
.inventory-page .eyebrow::before,
.inventory-modal .eyebrow::before { content:""; width:22px; height:1px; background:currentColor; }

/* ---------------------------------------------------------
   HERO
--------------------------------------------------------- */
.inventory-hero {
    position:relative;
    overflow:hidden;
    display:grid;
    grid-template-columns:1fr 250px;
    gap:24px;
    align-items:center;
    min-height:0;
    padding:24px 30px;
    border:1px solid #343943;
    border-radius:18px;
    background:
        radial-gradient(circle at 84% 15%,rgba(224,184,76,.16),transparent 32%),
        linear-gradient(145deg,#1c2027,#0a0c0f 70%);
    box-shadow:0 18px 42px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.05);
}
.inventory-hero::after { content:""; position:absolute; inset:0; opacity:.14; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size:34px 34px; mask-image:linear-gradient(90deg,#000,transparent 70%); }
.inventory-hero > * { position:relative; z-index:1; }
.inventory-hero h1 { margin:6px 0 8px; font-size:clamp(26px,3.2vw,38px); letter-spacing:-1.4px; color:white; }
.inventory-hero p { max-width:780px; margin:0; color:#a7b0bc; line-height:1.6; font-size:13px; }
.inventory-balance { padding:16px 18px; border:1px solid rgba(224,184,76,.4); border-radius:14px; background:linear-gradient(160deg,rgba(224,184,76,.05),rgba(8,10,13,.8)); box-shadow:inset 0 1px rgba(255,255,255,.05); }
.inventory-balance span { color:#8a939f; font-size:9px; text-transform:uppercase; letter-spacing:1.2px; }
.inventory-balance strong { display:block; margin:6px 0 11px; color:var(--gold-bright); font-size:25px; text-shadow:0 0 22px rgba(224,184,76,.28); }
.inventory-balance a { color:var(--gold); text-decoration:none; font-weight:800; font-size:12px; }
.inventory-balance a:hover { color:var(--gold-bright); }

/* ---------------------------------------------------------
   LOADOUT
--------------------------------------------------------- */
.loadout-section,.effects-section { margin-top:18px; }
.loadout-section > header,.effects-section > header { display:flex; justify-content:space-between; align-items:end; gap:25px; margin-bottom:10px; }
.loadout-section h2,.effects-section h2 { margin:4px 0 0; font-size:19px; }
.loadout-section header p { color:#89929e; font-size:12px; }
.loadout-grid { display:grid; grid-template-columns:1fr 1fr; gap:11px; }
.loadout-slot { position:relative; overflow:hidden; display:grid; grid-template-columns:52px 1fr auto; gap:13px; align-items:center; min-height:0; padding:12px 14px; border:1px dashed #383e48; border-radius:13px; background:#111419; }
.loadout-slot.filled { border-style:solid; border-color:rgba(224,184,76,.4); background:linear-gradient(150deg,#1e222a,#0e1013 65%); box-shadow:0 12px 26px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.04); }
.loadout-slot.filled::before { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:linear-gradient(180deg,var(--gold),rgba(224,184,76,.2)); }
.slot-icon { display:grid; place-items:center; width:50px; height:50px; border:1px solid #343a44; border-radius:13px; background:radial-gradient(circle at 35% 30%,#2a3038,#090b0e); font-size:23px; box-shadow:inset 0 1px rgba(255,255,255,.06); }
/* style.css's shared .slot-icon--equipment rule forces a bigger !important
   size (86px) meant for other, roomier pages - it was overlapping the
   "Equipped weapon/armour" label in this page's condensed loadout cards.
   Scoped back down to match this page's own icon size. */
.loadout-slot .slot-icon--equipment { width:50px !important; height:50px !important; flex-basis:50px !important; }
.loadout-slot small { display:block; color:#7c8591; text-transform:uppercase; font-size:8.5px; letter-spacing:.9px; }
.loadout-slot strong { display:block; margin:3px 0; font-size:14px; }
.loadout-slot p { margin:0; color:#9099a5; font-size:10.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.loadout-slot button { padding:7px 11px; border:1px solid #3b414b; border-radius:8px; color:#dce1e7; background:#171a1f; cursor:pointer; font-size:11px; }
.loadout-slot button:hover { border-color:var(--gold); color:var(--gold-bright); }

/* ---------------------------------------------------------
   ACTIVE EFFECTS
--------------------------------------------------------- */
.effects-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.effects-grid article { position:relative; overflow:hidden; padding:11px 12px; border:1px solid #303741; border-radius:11px; background:linear-gradient(150deg,#181c22,#0c0e11); box-shadow:inset 0 1px rgba(255,255,255,.04); }
.effects-grid article::before { content:""; position:absolute; inset:0 auto 0 0; width:2px; background:#65df91; box-shadow:0 0 10px rgba(101,223,145,.5); }
.effects-grid article > div { display:flex; align-items:center; gap:7px; }
.effect-pulse { width:7px; height:7px; border-radius:50%; background:#65df91; box-shadow:0 0 10px #65df91; animation:effectPulse 1.8s ease-in-out infinite; }
@keyframes effectPulse { 0%,100% { opacity:1; } 50% { opacity:.45; } }
.effects-grid strong { font-size:11px; }
.effects-grid p { margin:7px 0 3px; color:#8f98a4; font-size:10px; }
.effects-grid article > span { color:#ffe18d; font-size:11px; }

/* ---------------------------------------------------------
   WORKBENCH — SIDEBAR + TOOLBAR
--------------------------------------------------------- */
.inventory-workbench { display:grid; grid-template-columns:220px minmax(0,1fr); gap:16px; margin-top:20px; }
.inventory-sidebar { position:sticky; top:16px; align-self:start; overflow:hidden; border:1px solid #303640; border-radius:15px; background:linear-gradient(160deg,#151920,#0f1115); box-shadow:inset 0 1px rgba(255,255,255,.03); }
.inventory-count { display:flex; justify-content:space-between; align-items:end; padding:13px 16px; border-bottom:1px solid #2d323a; }
.inventory-count span { color:#7d8692; font-size:9px; text-transform:uppercase; letter-spacing:.8px; }
.inventory-count strong { color:var(--gold-bright); font-size:19px; }
.inventory-tabs { display:flex; flex-direction:column; padding:6px; }
.inventory-tabs button { display:flex; justify-content:space-between; align-items:center; min-height:36px; padding:0 10px; border:0; border-radius:8px; color:#969faa; background:transparent; text-align:left; font-size:12px; cursor:pointer; transition:.16s; }
.inventory-tabs button:hover { background:#1a1e24; color:white; }
.inventory-tabs button.active { color:#171717; background:linear-gradient(180deg,#f0ca62,#b88a27); font-weight:900; box-shadow:0 6px 16px rgba(224,184,76,.25); }
.inventory-tabs button span { display:grid; place-items:center; min-width:21px; height:17px; padding:0 5px; border-radius:999px; background:rgba(0,0,0,.22); font-size:9px; }

.inventory-main { min-width:0; }
.inventory-toolbar { display:grid; grid-template-columns:1fr 200px; gap:10px; margin-bottom:11px; padding:10px; border:1px solid #303640; border-radius:12px; background:#14171c; box-shadow:inset 0 1px rgba(255,255,255,.03); }
.inventory-toolbar label { display:flex; flex-direction:column; gap:4px; color:#7e8793; font-size:8.5px; text-transform:uppercase; letter-spacing:.8px; }
.inventory-toolbar input,.inventory-toolbar select { width:100%; min-height:36px; padding:0 11px; border:1px solid #313742; border-radius:8px; color:white; background:#090b0e; outline:none; font-size:12.5px; }
.inventory-toolbar input:focus,.inventory-toolbar select:focus { border-color:var(--gold); box-shadow:0 0 0 3px rgba(224,184,76,.09); }

/* ---------------------------------------------------------
   OWNED ITEM LEDGER — condensed, expandable rows
--------------------------------------------------------- */
.inventory-grid { display:grid; grid-template-columns:1fr; gap:7px; }

.inventory-list-item {
    position:relative;
    overflow:hidden;
    border:1px solid #303640;
    border-radius:12px;
    background:linear-gradient(150deg,#191d23 0%,#12151a 55%,#0d0f13 100%);
    box-shadow:0 8px 20px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025);
    transition:border-color .16s ease,box-shadow .16s ease;
}
.inventory-list-item:hover { border-color:#454c57; box-shadow:0 12px 28px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.035); }
.inventory-list-item::before {
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    z-index:2;
    width:3px;
    background:linear-gradient(180deg,#9aa1ab,#6d7480);
}
.inventory-list-item.quality-fine::before { background:linear-gradient(180deg,#7de6ac,#3f9d6c); box-shadow:0 0 10px rgba(98,217,154,.4); }
.inventory-list-item.quality-exceptional::before { background:linear-gradient(180deg,#8dc0ff,#3f7ed1); box-shadow:0 0 10px rgba(103,170,255,.4); }
.inventory-list-item.quality-underworld::before { background:linear-gradient(180deg,#d19fff,#8b3fe0); box-shadow:0 0 10px rgba(186,119,255,.45); }
.inventory-list-item.quality-legendary::before { background:linear-gradient(#fde9a0,#e0aa3f,#d7812a); box-shadow:0 0 16px #e0aa3f; }
.inventory-list-item.quality-battered { opacity:.82; }
.inventory-list-item.equipped { border-color:rgba(224,184,76,.5); box-shadow:0 0 0 1px rgba(224,184,76,.1),0 10px 24px rgba(0,0,0,.28); }
.inventory-list-item.gang-loan { border-color:rgba(82,170,184,.42); }
.inventory-list-item.is-expanded { border-color:#535b68; }

.inventory-list-item__summary {
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:40px minmax(0,1fr) minmax(95px,auto) 26px;
    gap:10px;
    align-items:center;
    width:100%;
    min-height:56px;
    padding:8px 12px 8px 13px;
    border:0;
    border-radius:0;
    color:#eef1f5;
    background:transparent;
    text-align:left;
    cursor:pointer;
}
.inventory-list-item__summary:hover { background:rgba(255,255,255,.025); }
.inventory-list-item__summary:focus-visible { outline:2px solid var(--gold); outline-offset:-3px; }

.inventory-list-item__icon,
.inventory-list-item__icon.inventory-card__icon--equipment {
    width:40px !important;
    height:40px !important;
    margin:0 !important;
    border-radius:10px !important;
    font-size:20px !important;
    display:grid;
    place-items:center;
    border:1px solid #343a44;
    background:radial-gradient(circle at 35% 30%,#262c34,#080a0d);
    box-shadow:inset 0 1px rgba(255,255,255,.06),0 4px 10px rgba(0,0,0,.3);
}
.inventory-list-item__icon > .ec-item-icon-image { width:88% !important; height:88% !important; }

.inventory-list-item__copy { display:grid; gap:2px; min-width:0; }
.inventory-list-item__copy > small {
    overflow:hidden;
    color:#788390;
    font-size:7.5px;
    font-weight:800;
    letter-spacing:.09em;
    text-overflow:ellipsis;
    text-transform:uppercase;
    white-space:nowrap;
}
.inventory-list-item__copy > strong {
    overflow:hidden;
    font-size:12.5px;
    line-height:1.2;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.inventory-list-item__badges { display:flex; flex-wrap:wrap; gap:4px; margin-top:1px; }
.inventory-list-item__badges b {
    display:inline-flex;
    width:fit-content;
    padding:2px 6px;
    border:1px solid #343b45;
    border-radius:999px;
    color:#aab3be;
    background:rgba(255,255,255,.03);
    font-size:7px;
    line-height:1.3;
    letter-spacing:.05em;
    text-transform:uppercase;
}
.inventory-list-item__badges .is-equipped { border-color:rgba(224,184,76,.32); color:#f0cf74; background:rgba(224,184,76,.08); }
.inventory-list-item__badges .is-loan { border-color:rgba(82,170,184,.32); color:#9edce5; background:rgba(82,170,184,.08); }

.inventory-list-item__value { display:grid; gap:2px; min-width:95px; text-align:right; }
.inventory-list-item__value small { color:#77818d; font-size:7.5px; letter-spacing:.07em; text-transform:uppercase; }
.inventory-list-item__value strong { color:#e6c762; font-size:11.5px; white-space:nowrap; }

.inventory-list-item__chevron {
    display:grid;
    place-items:center;
    width:26px;
    height:26px;
    border:1px solid #343b45;
    border-radius:7px;
    color:#cbd1d8;
    font-size:17px;
    transition:transform .18s ease,border-color .18s ease,color .18s ease;
}
.inventory-list-item.is-expanded .inventory-list-item__chevron { transform:rotate(180deg); border-color:rgba(224,184,76,.45); color:var(--gold-bright); background:rgba(224,184,76,.06); }

.inventory-list-item__details { position:relative; z-index:1; padding:13px 14px 14px; border-top:1px solid #2c323a; background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.08)); }
.inventory-list-item__information { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,1.1fr); gap:11px; }
.inventory-list-item__description,
.inventory-list-item__information > section:last-child { min-width:0; padding:11px 12px; border:1px solid #2d333c; border-radius:9px; background:#101318; box-shadow:inset 0 1px rgba(255,255,255,.025); }
.inventory-list-item__section-label { display:block; margin-bottom:6px; color:#a68c4d; font-size:7.5px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.inventory-list-item__description > p { margin:0; color:#9aa4af; font-size:10.5px; line-height:1.55; }
.inventory-list-item__effect { margin-top:10px; }
.inventory-list-item__effect .effect-panel__grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.inventory-list-item__stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; }
.inventory-list-item__stats > div { min-width:0; padding:7px 8px; border:1px solid #2b3038; border-radius:7px; background:#0b0e12; }
.inventory-list-item__stats > div:last-child { grid-column:1/-1; }
.inventory-list-item__stats span { display:block; color:#77818d; font-size:7.5px; letter-spacing:.03em; text-transform:uppercase; }
.inventory-list-item__stats strong { display:block; margin-top:2px; color:#e4e8ec; font-size:9.5px; line-height:1.35; overflow-wrap:anywhere; }
.inventory-list-item__condition { display:grid; grid-template-columns:1fr auto; gap:4px; margin-top:9px; color:#7f8996; font-size:7.5px; letter-spacing:.05em; text-transform:uppercase; }
.inventory-list-item__condition strong { color:#dce2e8; font-size:9.5px; }
.inventory-list-item__condition .condition-track { grid-column:1/-1; margin-top:2px; }
.condition-track { overflow:hidden; height:5px; border-radius:999px; background:#272b32; box-shadow:inset 0 1px rgba(0,0,0,.3); }
.condition-track i { display:block; height:100%; background:linear-gradient(90deg,#4fbd7c,#68da91); }
.condition-track.worn i { background:linear-gradient(90deg,#c99f3f,#e4bf55); }
.condition-track.poor i { background:linear-gradient(90deg,#d16f3c,#e8834f); }
.condition-track.broken i { background:linear-gradient(90deg,#c9424d,#e45964); }

.inventory-list-item__footer { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:11px; padding-top:11px; border-top:1px solid #292f37; }
.inventory-list-item__footer > div:first-child { display:grid; gap:2px; min-width:0; }
.inventory-list-item__footer span,
.inventory-list-item__footer small { color:#78828e; font-size:7.5px; letter-spacing:.06em; text-transform:uppercase; }
.inventory-list-item__footer strong { color:#e6e9ed; font-size:10.5px; }
.inventory-list-item__actions,
.inventory-card__footer-actions { display:flex !important; flex-wrap:wrap; justify-content:flex-end; gap:6px; align-items:center; grid-auto-flow:column; }
.inventory-list-item__actions button { min-height:31px; padding:0 11px; border:1px solid #3b414b; border-radius:7px; color:#eef1f5; background:#171a20; cursor:pointer; font-size:9.5px; font-weight:850; }
.inventory-list-item__actions button:hover { border-color:var(--gold); color:var(--gold-bright); }
.inventory-list-item__actions .primary-button { border:0; color:#151515; background:linear-gradient(180deg,#efc85e,#b88925); }

/* Supporter items are intentionally not presented as normal tradeable property. */
.inventory-account-bound {
    display:inline-flex;
    align-items:center;
    min-height:36px;
    padding:8px 12px;
    border:1px solid rgba(224,184,76,.26);
    border-radius:9px;
    color:#f3cf70;
    background:rgba(224,184,76,.07);
    font-size:.72rem;
    font-weight:800;
}
.inventory-account-bound__icon {
    width:26px !important;
    height:21px !important;
    margin:0 4px 0 0 !important;
    vertical-align:middle !important;
    object-fit:contain;
}

@media(max-width:760px) {
    .inventory-list-item__summary { grid-template-columns:36px minmax(0,1fr) 26px; gap:8px; min-height:52px; }
    .inventory-list-item__icon,
    .inventory-list-item__icon.inventory-card__icon--equipment { width:36px !important; height:36px !important; font-size:18px !important; }
    .inventory-list-item__value { grid-column:2; grid-row:2; min-width:0; text-align:left; }
    .inventory-list-item__value small { display:none; }
    .inventory-list-item__value strong { font-size:10px; }
    .inventory-list-item__chevron { grid-column:3; grid-row:1/3; }
    .inventory-list-item__details { padding:10px; }
    .inventory-list-item__information { grid-template-columns:1fr; gap:8px; }
    .inventory-list-item__description,
    .inventory-list-item__information > section:last-child { padding:10px; }
    .inventory-list-item__effect .effect-panel__grid,
    .inventory-list-item__stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .inventory-list-item__footer { align-items:stretch; flex-direction:column; }
    .inventory-list-item__actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
    .inventory-list-item__actions button { width:100%; }
}

/* ---------------------------------------------------------
   EMPTY / LOADING / ERROR
--------------------------------------------------------- */
.inventory-empty,.inventory-loading,.inventory-error { grid-column:1/-1; padding:44px 22px; border:1px dashed #383e48; border-radius:14px; color:#9099a5; text-align:center; background:#12151a; }
.inventory-empty span { font-size:32px; }
.inventory-empty h3 { margin:9px 0 4px; color:white; font-size:16px; }
.inventory-empty p { margin:0 0 14px; font-size:12px; }
.inventory-empty a { color:var(--gold); text-decoration:none; font-weight:800; }
.inventory-error { color:#ff9eaa; border-color:#69363e; }

/* ---------------------------------------------------------
   MODALS
--------------------------------------------------------- */
.inventory-modal { position:fixed; inset:0; z-index:999999; display:grid; place-items:center; padding:20px; }
.inventory-modal__backdrop { position:absolute; inset:0; background:rgba(0,0,0,.8); backdrop-filter:blur(9px); }
.inventory-modal__card { position:relative; z-index:1; width:min(650px,100%); max-height:calc(100vh - 40px); overflow:auto; padding:28px; border:1px solid #444b56; border-radius:20px; color:white; background:linear-gradient(150deg,#20242b,#0d0f13); box-shadow:0 35px 90px rgba(0,0,0,.72); animation:itemModalIn .22s ease; }
@keyframes itemModalIn { from { opacity:0; transform:translateY(18px) scale(.97); } }
.modal-close { position:absolute; top:14px; right:14px; width:34px; height:34px; border:1px solid #373d46; border-radius:9px; color:#aeb5be; background:#101216; cursor:pointer; font-size:20px; }
.modal-close:hover { border-color:var(--gold); color:var(--gold-bright); }
.item-modal-heading { display:grid; grid-template-columns:74px 1fr; gap:16px; align-items:center; padding-right:40px; }
.item-modal-icon { display:grid; place-items:center; width:70px; height:70px; border:1px solid rgba(224,184,76,.4); border-radius:18px; background:radial-gradient(circle at 35% 30%,#2a3038,#090b0e); font-size:33px; box-shadow:inset 0 1px rgba(255,255,255,.06); }
.quality-label { display:inline-flex; padding:4px 8px; border:1px solid #3b414a; border-radius:999px; color:#c5cbd2; font-size:9px; text-transform:uppercase; letter-spacing:1px; }
.item-modal-heading h2 { margin:6px 0 4px; font-size:24px; }
.item-modal-heading p { margin:0; color:#818a96; font-size:10.5px; text-transform:uppercase; }
.item-modal-description { margin:18px 0 10px; color:#a0a8b3; line-height:1.65; font-size:13px; }
.item-modal__card blockquote { margin:0 0 18px; padding:12px 14px; border-left:3px solid var(--gold); color:#8d96a2; background:rgba(224,184,76,.055); font-size:11.5px; font-style:italic; }
.item-modal-stats { display:grid; grid-template-columns:repeat(2,1fr); gap:7px; }
.item-modal-stats div,.item-identity div { padding:10px 11px; border:1px solid #303640; border-radius:9px; background:#111318; }
.item-modal-stats span,.item-identity span { display:block; color:#78818d; font-size:8.5px; text-transform:uppercase; }
.item-modal-stats strong,.item-identity strong { display:block; margin-top:4px; color:#eef1f4; font-size:12px; }
.item-identity { display:grid; grid-template-columns:repeat(2,1fr); gap:7px; margin-top:7px; }
.item-identity strong { overflow-wrap:anywhere; font-size:10.5px; }
.item-action-message { margin-top:12px; padding:11px; border:1px solid #3e4651; border-radius:9px; color:#d9dee4; background:#14171c; font-size:12px; }
.item-action-message[data-tone="success"] { border-color:#39774f; color:#a9efc0; }
.item-action-message[data-tone="error"] { border-color:#763943; color:#ffb4bd; }
.item-modal-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:19px; }

.inventory-confirm-quantity{display:grid;gap:6px;margin:14px 0 0}
.inventory-confirm-quantity[hidden]{display:none}
.inventory-confirm-quantity>span{color:#8d97a4;font-size:9.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.inventory-confirm-quantity input{width:100%;padding:10px 11px;border:1px solid #3b424d;border-radius:9px;background:#11151a;color:#fff;font:inherit}
.inventory-confirm-quantity small{color:#e9c65d;font-weight:800}

.primary-button,.secondary-button,.danger-button { min-height:39px; padding:0 15px; border-radius:9px; font:inherit; font-size:12.5px; font-weight:800; cursor:pointer; }
.primary-button { border:0; color:#151515; background:linear-gradient(180deg,#efc85e,#b88925); }
.secondary-button { border:1px solid #3b414b; color:#e8ebef; background:#171a1f; }
.danger-button { border:1px solid #733741; color:#ffb1ba; background:#281417; }
.confirm-card { width:min(470px,100%); }
.confirm-card h2 { margin:8px 0; font-size:19px; }
.confirm-card > p { color:#9ca5b0; line-height:1.6; font-size:12.5px; }
.confirm-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:20px; }

.inventory-send-form { display:grid; gap:12px; margin-top:16px; }
.inventory-send-form label { display:grid; gap:5px; }
.inventory-send-form label>span { color:#8d97a4; font-size:9.5px; font-weight:800; text-transform:uppercase; letter-spacing:.07em; }
.inventory-send-form input { width:100%; padding:10px 11px; border:1px solid #3b424d; border-radius:9px; background:#11151a; color:#fff; }
.inventory-send-card { width:min(520px,100%); }

.inventory-toast { position:fixed; right:22px; bottom:22px; z-index:1000000; max-width:420px; padding:13px 17px; border:1px solid #3d444e; border-radius:11px; color:white; background:#171a20; box-shadow:0 18px 45px rgba(0,0,0,.48); opacity:0; transform:translateY(28px); pointer-events:none; transition:.24s; font-size:13px; }
.inventory-toast.show { opacity:1; transform:none; }
.inventory-toast[data-tone="success"] { border-color:#397b53; }
.inventory-toast[data-tone="error"] { border-color:#793a43; }

/* ---------------------------------------------------------
   SHARED ITEM-EFFECT EXPLANATION (also used by shop.css)
--------------------------------------------------------- */
.item-effect-panel,.inventory-card__effect,.shop-card-effect{margin-top:10px;padding:11px;border:1px solid rgba(224,184,76,.2);border-radius:11px;background:rgba(224,184,76,.045)}
.effect-panel__heading{display:flex;gap:9px;align-items:flex-start}
.effect-panel__heading>span{font-size:1.05rem}
.effect-panel__heading div{display:grid;gap:2px}
.effect-panel__heading small{color:#a79257;font-size:8.5px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.effect-panel__heading strong{color:#f0f2f5;font-size:11px;line-height:1.5}
.effect-panel__heading--working strong { color:#fff; font-size:15px; }
.effect-panel__heading--working small { color:#9da8b5; letter-spacing:.08em; text-transform:uppercase; }
.effect-panel__grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}
.effect-panel__grid div{padding:9px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(0,0,0,.18)}
.effect-panel__grid span{display:block;color:#7f8996;font-size:8.5px;text-transform:uppercase}
.effect-panel__grid strong{display:block;margin-top:4px;color:#dfe3e8;font-size:10.5px;line-height:1.45}
.item-effect-panel ul{margin:10px 0 0;padding-left:16px;color:#9fa8b4;font-size:10.5px}
.item-effect-panel li+li{margin-top:5px}
.inventory-card__effect,.shop-card-effect{margin-top:13px}
.inventory-card__effect .effect-panel__heading strong,.shop-card-effect .effect-panel__heading strong{font-size:10.5px}
.inventory-card__effect .effect-panel__heading>span,.shop-card-effect .effect-panel__heading>span{font-size:.95rem}
@media(max-width:590px){.effect-panel__grid{grid-template-columns:1fr}}

/* Gang Armoury custody */
.inventory-list-item.gang-loan::before { background:linear-gradient(180deg,#8fd8e3,#3f9aab); box-shadow:0 0 10px rgba(82,170,184,.4); }

/* ---------------------------------------------------------
   RESPONSIVE
--------------------------------------------------------- */
@media(max-width:1160px) {
    .effects-grid { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:860px) {
    .inventory-page { width:min(100% - 20px,1540px); margin-top:16px; }
    .inventory-hero { grid-template-columns:1fr; padding:20px 18px; }
    .inventory-balance { max-width:460px; }
    .loadout-grid { grid-template-columns:1fr; }
    .inventory-workbench { grid-template-columns:1fr; }
    .inventory-sidebar { position:static; }
    .inventory-tabs { display:grid; grid-template-columns:repeat(2,1fr); }
    .inventory-toolbar { grid-template-columns:1fr; }
}
@media(max-width:590px) {
    .effects-grid,.item-modal-stats,.item-identity { grid-template-columns:1fr; }
    .inventory-tabs { grid-template-columns:1fr; }
    .loadout-slot { grid-template-columns:44px 1fr; }
    .loadout-slot button { grid-column:1/-1; }
    .slot-icon { width:42px; height:42px; }
    .loadout-slot .slot-icon--equipment { width:42px !important; height:42px !important; flex-basis:42px !important; }
    .inventory-modal__card { padding:22px 16px; }
    .item-modal-heading { grid-template-columns:58px 1fr; }
    .item-modal-icon { width:56px; height:56px; }
    .item-modal-actions,.confirm-actions { flex-direction:column; }
    .item-modal-actions button,.confirm-actions button { width:100%; }
}
@media(prefers-reduced-motion:reduce) {
    *,*::before,*::after { animation-duration:.01ms !important; transition-duration:.01ms !important; scroll-behavior:auto !important; }
}

/* Inventory rows: match the shop's slim rows, fact pills and price footer */
.inventory-list-item .inventory-list-item__information { grid-template-columns:minmax(0,1fr); }
.inventory-list-item .inventory-list-item__details { padding:12px; background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.12)); box-shadow:inset 0 8px 14px -10px rgba(0,0,0,.7); }
.inventory-list-item .inventory-list-item__description { padding:12px 14px; border-color:#2a2f37; background:radial-gradient(90% 120% at 0% 0%,rgba(224,184,76,.07),transparent 60%),linear-gradient(160deg,#14171c,#0e1115); box-shadow:inset 0 1px 0 rgba(255,255,255,.04); }
.inventory-list-item .inventory-list-item__description > p { color:#aab2bd; font-size:12px; line-height:1.55; }
.inventory-list-item .item-facts { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.inventory-list-item .item-facts:empty { display:none; }
.inventory-list-item .item-fact { display:inline-flex; align-items:center; gap:9px; padding:6px 15px 6px 13px; border:1px solid #2f353e; border-radius:999px; background:linear-gradient(180deg,#1a1d23,#101317); box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 3px 8px rgba(0,0,0,.3); }
.inventory-list-item .item-fact span { margin:0; color:#7d8693; font-size:8px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; white-space:nowrap; }
.inventory-list-item .item-fact strong { margin:0; color:#eef1f5; font-size:12.5px; line-height:1.3; }
.inventory-list-item .item-fact--use { border-color:rgba(224,184,76,.4); background:linear-gradient(120deg,rgba(224,184,76,.16),rgba(224,184,76,.04)),#12151a; box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 16px rgba(224,184,76,.1),0 3px 8px rgba(0,0,0,.3); }
.inventory-list-item .item-fact--use span { color:#c3a45a; }
.inventory-list-item .inventory-list-item__condition { max-width:360px; margin-top:12px; }
.inventory-list-item .inventory-list-item__footer { margin-top:10px; padding:10px 12px; border:1px solid #2a2f37; border-radius:12px; background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.2)); box-shadow:inset 0 2px 6px rgba(0,0,0,.45),0 1px 0 rgba(255,255,255,.03); }
.inventory-list-item .inventory-list-item__footer strong { color:#ffe18b; font-size:20px; text-shadow:0 0 18px rgba(255,214,102,.28); }
.inventory-list-item .inventory-list-item__actions .primary-button { box-shadow:0 8px 20px rgba(184,138,39,.28),inset 0 1px 0 rgba(255,255,255,.35); }
@media (min-width:761px) {
    .inventory-list-item { border-radius:10px; }
    .inventory-list-item .inventory-list-item__summary { grid-template-columns:28px minmax(0,1fr) auto 22px; gap:10px; min-height:38px; padding:5px 9px 5px 10px; }
    .inventory-list-item .inventory-list-item__icon,
    .inventory-list-item .inventory-list-item__icon.inventory-card__icon--equipment { width:28px !important; height:28px !important; border-radius:8px !important; font-size:15px !important; }
    .inventory-list-item .inventory-list-item__copy { display:flex; align-items:center; gap:10px; }
    .inventory-list-item .inventory-list-item__copy > small { display:none; }
    .inventory-list-item .inventory-list-item__badges { flex:none; flex-wrap:nowrap; margin-top:0; }
    .inventory-list-item .inventory-list-item__value { display:block; min-width:0; }
    .inventory-list-item .inventory-list-item__value small { display:none; }
    .inventory-list-item .inventory-list-item__value strong { font-size:12px; }
    .inventory-list-item .inventory-list-item__chevron { width:22px; height:22px; font-size:14px; border-radius:6px; }
}
.inventory-list-item .inventory-list-item__actions .danger-button { border-color:rgba(209,92,105,.45); color:#f0a7b0; background:linear-gradient(180deg,#2a1519,#1b0f12); }
.inventory-list-item .inventory-list-item__actions .danger-button:hover { border-color:#d15c69; color:#ffd0d5; }

/* Police Heat meter on Heat-removal items */
.inventory-heat { max-width:420px; margin-top:14px; }
.inventory-heat__head { display:flex; align-items:baseline; gap:10px; margin-bottom:6px; }
.inventory-heat__head span { color:#7d8693; font-size:8px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.inventory-heat__head strong { color:#eef1f5; font-size:13px; font-variant-numeric:tabular-nums; }
.inventory-heat__head em { margin-left:auto; color:#8fd8a6; font-size:10px; font-style:normal; font-weight:700; }
.inventory-heat__track { position:relative; overflow:hidden; height:9px; border-radius:999px; background:#1b1f25; box-shadow:inset 0 1px 3px rgba(0,0,0,.6); }
.inventory-heat__fill { position:absolute; inset:0 auto 0 0; border-radius:999px; background:linear-gradient(90deg,#4fbd7c,#e4bf55); transition:width .3s; }
.inventory-heat--medium .inventory-heat__fill { background:linear-gradient(90deg,#4fbd7c,#e4bf55 60%,#e0883a); }
.inventory-heat--high .inventory-heat__fill { background:linear-gradient(90deg,#e4bf55,#e0883a 50%,#e0525f); box-shadow:0 0 12px rgba(224,82,95,.45); }
.inventory-heat__cut { position:absolute; top:0; bottom:0; background:repeating-linear-gradient(135deg,rgba(255,255,255,.55) 0 3px,rgba(255,255,255,.15) 3px 6px); border-left:1px solid rgba(255,255,255,.8); }

/* Phones: keep inventory cards compact (global mobile rules otherwise inflate every button) */
@media (max-width:760px) {
    .inventory-list-item .inventory-list-item__details { padding:8px; }
    .inventory-list-item .inventory-list-item__description { padding:9px 10px; }
    .inventory-list-item .inventory-list-item__description > p { font-size:11px; line-height:1.45; }
    .inventory-list-item .item-facts { gap:5px; margin-top:8px; }
    .inventory-list-item .item-fact { gap:6px; padding:3px 10px 3px 9px; }
    .inventory-list-item .item-fact span { font-size:7px; }
    .inventory-list-item .item-fact strong { font-size:10.5px; }
    .inventory-list-item .inventory-heat { margin-top:9px; }
    .inventory-list-item .inventory-heat__track { height:7px; }
    .inventory-list-item .inventory-heat__head strong { font-size:11px; }
    .inventory-list-item .inventory-list-item__footer { gap:7px; margin-top:7px; padding:8px 10px; }
    .inventory-list-item .inventory-list-item__footer strong { font-size:16px; }
    .inventory-list-item .inventory-list-item__actions { display:flex !important; flex-wrap:wrap; justify-content:flex-start; gap:5px; }
    .inventory-list-item .inventory-list-item__actions button { flex:0 1 auto; width:auto; min-height:30px !important; padding:3px 10px !important; font-size:.7rem; border-radius:7px; box-shadow:none; }
    .inventory-list-item .inventory-list-item__actions .primary-button { box-shadow:0 4px 10px rgba(184,138,39,.25); }
}

/* Phones: slim collapsed inventory rows */
@media (max-width:760px) {
    .inventory-list-item { border-radius:10px; }
    .inventory-list-item .inventory-list-item__summary { grid-template-columns:28px minmax(0,1fr) auto 24px; gap:8px; min-height:0 !important; padding:6px 8px 6px 10px !important; }
    .inventory-list-item .inventory-list-item__icon,
    .inventory-list-item .inventory-list-item__icon.inventory-card__icon--equipment { width:28px !important; height:28px !important; min-height:28px !important; border-radius:8px !important; font-size:15px !important; }
    .inventory-list-item .inventory-list-item__copy { display:flex; flex-wrap:wrap; align-items:center; gap:2px 7px; }
    .inventory-list-item .inventory-list-item__copy > small { display:none; }
    .inventory-list-item .inventory-list-item__copy > strong { flex:0 1 auto; max-width:100%; font-size:12.5px; }
    .inventory-list-item .inventory-list-item__badges { flex:none; margin-top:0; gap:3px; }
    .inventory-list-item .inventory-list-item__badges b { padding:1px 6px; font-size:7px; }
    .inventory-list-item .inventory-list-item__value { grid-column:3; grid-row:1; display:block; min-width:0; text-align:right; }
    .inventory-list-item .inventory-list-item__value small { display:none; }
    .inventory-list-item .inventory-list-item__value strong { font-size:11.5px; }
    .inventory-list-item .inventory-list-item__chevron { grid-column:4; grid-row:1; width:24px !important; height:24px !important; min-height:24px !important; padding:0 !important; font-size:14px; border-radius:7px; }
}

/* Slightly larger rarity / quantity badges on inventory rows */
.inventory-list-item .inventory-list-item__badges b { padding:3px 9px; font-size:9px; letter-spacing:.06em; }
@media (max-width:760px) {
    .inventory-list-item .inventory-list-item__badges b { padding:3px 8px; font-size:8.5px; }
}

/* Phones: compact page header, loadout and category tabs */
@media (max-width:760px) {
    .inventory-page .inventory-hero { gap:10px !important; padding:12px 14px !important; border-radius:14px; }
    .inventory-page .inventory-hero h1 { margin:3px 0 0; font-size:20px !important; letter-spacing:-.5px; }
    .inventory-page .inventory-hero p { display:none !important; }
    .inventory-page .inventory-balance { display:flex; align-items:center; justify-content:space-between; gap:10px; max-width:none; padding:9px 12px; border-radius:11px; }
    .inventory-page .inventory-balance span { font-size:8px; }
    .inventory-page .inventory-balance strong { margin:2px 0 0; font-size:18px; }
    .inventory-page .inventory-balance > :first-child,
    .inventory-page .inventory-balance strong { display:block; }
    .inventory-page .inventory-balance a { flex:none; font-size:11px; }
    .inventory-page .loadout-section { margin-top:10px; }
    .inventory-page .loadout-section > header { margin-bottom:6px; }
    .inventory-page .loadout-section > header p { display:none; }
    .inventory-page .loadout-section h2 { margin:2px 0 0; font-size:15px !important; }
    .inventory-page .loadout-grid { grid-template-columns:1fr 1fr !important; gap:7px; }
    .inventory-page .loadout-slot { grid-template-columns:30px minmax(0,1fr) !important; gap:8px; padding:8px 9px; border-radius:10px; }
    .inventory-page .loadout-slot p { display:none; }
    .inventory-page .loadout-slot strong { margin:1px 0 0; font-size:12px; }
    .inventory-page .loadout-slot small { font-size:7.5px; }
    .inventory-page .slot-icon,
    .inventory-page .loadout-slot .slot-icon--equipment { width:30px !important; height:30px !important; flex-basis:30px !important; border-radius:9px; font-size:15px; }
    .inventory-page .loadout-slot button { grid-column:1/-1; min-height:28px !important; padding:3px 8px !important; font-size:.7rem; }
    .inventory-page .inventory-workbench { gap:8px; margin-top:10px; }
    .inventory-page .inventory-sidebar { border-radius:12px; }
    .inventory-page .inventory-count { padding:7px 12px; }
    .inventory-page .inventory-count strong { font-size:15px; }
    .inventory-page .inventory-tabs { display:flex !important; flex-direction:row; gap:5px; overflow-x:auto; padding:6px; scrollbar-width:none; }
    .inventory-page .inventory-tabs::-webkit-scrollbar { display:none; }
    .inventory-page .inventory-tabs button { flex:none; gap:7px; min-height:30px !important; padding:3px 11px !important; font-size:.72rem; white-space:nowrap; border-radius:999px; }
    .inventory-page .inventory-tabs button span { min-width:18px; height:15px; font-size:8px; }
    .inventory-page .inventory-toolbar { gap:7px; padding:8px; }
    .inventory-page .inventory-toolbar input,
    .inventory-page .inventory-toolbar select { min-height:34px !important; padding:4px 10px !important; font-size:14px !important; }
}

/* Send item dialog: condensed */
.inventory-send-card { padding:18px 18px 16px; }
.inventory-send-card .eyebrow { font-size:8.5px; }
.inventory-send-card h2 { margin:5px 0 4px; font-size:18px; }
.inventory-send-card > p { margin:0; font-size:12px; line-height:1.45; }
.inventory-send-card .inventory-send-form { grid-template-columns:minmax(0,1fr) 84px; gap:9px 10px; margin-top:12px; }
.inventory-send-card .inventory-send-form label { gap:4px; }
.inventory-send-card .inventory-send-form input { min-height:38px !important; padding:6px 10px !important; }
.inventory-send-card .inventory-send-form .item-action-message { grid-column:1/-1; margin:0; padding:8px 10px; }
.inventory-send-card .inventory-send-form .item-action-message:empty { display:none; }
.inventory-send-card .inventory-send-form .confirm-actions { grid-column:1/-1; flex-direction:row !important; gap:8px; margin-top:2px; }
.inventory-send-card .inventory-send-form .confirm-actions button { flex:1 1 0; width:auto; min-height:36px !important; padding:4px 12px !important; font-size:.8rem; }
.inventory-send-card .modal-close { top:10px; right:10px; width:30px; height:30px; font-size:18px; }
@media (max-width:760px) {
    .inventory-send-card.inventory-modal__card { padding:16px 14px 14px; }
}

/* Inspect item window: condensed pill stats, compact actions */
#itemModal .inventory-modal__card { padding:22px 22px 20px; }
#itemModal .inventory-modal__card .item-modal-heading { gap:13px; }
#itemModal .inventory-modal__card .item-modal-icon { width:60px; height:60px; border-radius:16px; box-shadow:0 8px 22px rgba(0,0,0,.5),0 0 20px rgba(224,184,76,.12); }
#itemModal .inventory-modal__card .item-modal-heading h2 { margin:4px 0 2px; font-size:21px; }
#itemModal .inventory-modal__card .item-modal-description { margin:12px 0 8px; font-size:12.5px; line-height:1.5; }
#itemModal .inventory-modal__card blockquote { margin:0 0 12px; padding:8px 12px; font-size:11px; }
#itemModal .inventory-modal__card .item-modal-stats,
#itemModal .inventory-modal__card .item-identity { display:flex; flex-wrap:wrap; gap:6px; margin-top:0; }
#itemModal .inventory-modal__card .item-identity { margin-top:6px; }
#itemModal .inventory-modal__card .item-identity:empty { display:none; }
#itemModal .inventory-modal__card .item-modal-stats > div,
#itemModal .inventory-modal__card .item-identity > div { display:inline-flex; align-items:center; gap:8px; padding:5px 13px 5px 12px; border:1px solid #2f353e; border-radius:999px; background:linear-gradient(180deg,#1a1d23,#101317); box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 3px 8px rgba(0,0,0,.28); }
#itemModal .inventory-modal__card .item-modal-stats span,
#itemModal .inventory-modal__card .item-identity span { display:inline; margin:0; color:#7d8693; font-size:8px; font-weight:800; letter-spacing:.1em; white-space:nowrap; }
#itemModal .inventory-modal__card .item-modal-stats strong,
#itemModal .inventory-modal__card .item-identity strong { display:inline; margin:0; color:#eef1f5; font-size:12px; }
#itemModal .inventory-modal__card .item-modal-stats > div.is-key { border-color:rgba(224,184,76,.4); background:linear-gradient(120deg,rgba(224,184,76,.16),rgba(224,184,76,.04)),#12151a; box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 16px rgba(224,184,76,.1),0 3px 8px rgba(0,0,0,.28); }
#itemModal .inventory-modal__card .item-modal-stats > div.is-key span { color:#c3a45a; }
#itemModal .inventory-modal__card .item-modal-stats > div.is-key strong { color:#ffe18b; }
#itemModal .inventory-modal__card .item-modal-actions { gap:7px; margin-top:14px; padding-top:12px; border-top:1px solid #292f37; }
#itemModal .inventory-modal__card .item-modal-actions button { min-height:32px !important; padding:4px 14px !important; font-size:.78rem; border-radius:8px; }
#itemModal .inventory-modal__card .item-modal-actions .primary-button { box-shadow:0 6px 16px rgba(184,138,39,.26),inset 0 1px 0 rgba(255,255,255,.3); }
@media (max-width:760px) {
    #itemModal .inventory-modal__card { padding:16px 14px 14px; }
    #itemModal .inventory-modal__card .item-modal-actions { flex-direction:row; }
    #itemModal .inventory-modal__card .item-modal-actions button { flex:1 1 auto; width:auto; min-height:30px !important; padding:3px 10px !important; font-size:.72rem; }
    #itemModal .inventory-modal__card .item-modal-stats > div,
    #itemModal .inventory-modal__card .item-identity > div { padding:4px 10px; }
    #itemModal .inventory-modal__card .item-modal-stats span,
    #itemModal .inventory-modal__card .item-identity span { font-size:7.5px; }
    #itemModal .inventory-modal__card .item-modal-stats strong,
    #itemModal .inventory-modal__card .item-identity strong { font-size:11px; }
}

/* Inspect item heading: the equipment icon is larger than its old fixed column, so size the column to the icon */
#itemModal .item-modal-heading { grid-template-columns:auto minmax(0,1fr); gap:14px; }
#itemModal .item-modal-heading > div:last-child { min-width:0; }
#itemModal #itemModalIcon { flex:none; width:64px !important; height:64px !important; min-width:0; min-height:0; margin:0; }
#itemModal #itemModalIcon.modal-item-icon--equipment { width:92px !important; height:72px !important; }
#itemModal #itemModalIcon > .ec-item-icon-image { width:100% !important; height:100% !important; max-width:100%; object-fit:contain; }
@media (max-width:760px) {
    #itemModal #itemModalIcon { width:52px !important; height:52px !important; }
    #itemModal #itemModalIcon.modal-item-icon--equipment { width:72px !important; height:58px !important; }
    #itemModal .item-modal-heading { gap:10px; }
}

/* Keep the icon image inside its box: an inline image sat on the text baseline and was pushed down and clipped */
#itemModal #itemModalIcon { display:grid; place-items:center; line-height:0; overflow:hidden; }
#itemModal #itemModalIcon > .ec-item-icon-image { display:block; margin:0; }

/* Wide, tightly cropped weapon art: give the equipment icon a wider box */
#itemModal #itemModalIcon.modal-item-icon--equipment { width:132px !important; height:66px !important; }
@media (max-width:760px) {
    #itemModal #itemModalIcon.modal-item-icon--equipment { width:104px !important; height:54px !important; }
}

/* Keep tightly cropped weapon art clear of the rounded corners of its box */
#itemModal #itemModalIcon.modal-item-icon--equipment { box-sizing:border-box; padding:7px 9px; border-radius:12px; }

/* Armour art is close to square, so it gets a square box instead of the wide weapon one */
#itemModal #itemModalIcon.modal-item-icon--equipment.modal-item-icon--armour { width:88px !important; height:88px !important; padding:6px; }
@media (max-width:760px) {
    #itemModal #itemModalIcon.modal-item-icon--equipment.modal-item-icon--armour { width:72px !important; height:72px !important; padding:5px; }
}

/* The Inspect icon has no frame, so let the art use its whole box with nothing clipping it */
#itemModal #itemModalIcon.modal-item-icon--equipment { padding:0; border-radius:0; overflow:visible; }
#itemModal #itemModalIcon.modal-item-icon--equipment { width:140px !important; height:76px !important; }
#itemModal #itemModalIcon.modal-item-icon--equipment.modal-item-icon--armour { width:92px !important; height:92px !important; padding:0; }
@media (max-width:760px) {
    #itemModal #itemModalIcon.modal-item-icon--equipment { width:108px !important; height:60px !important; }
    #itemModal #itemModalIcon.modal-item-icon--equipment.modal-item-icon--armour { width:74px !important; height:74px !important; padding:0; }
}

/* Tighter spacing between inventory rows */
.inventory-grid { gap:3px !important; }
.inventory-list-item { box-shadow:0 3px 8px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.025); }