/* Visual port from the approved mobile inventory. Desktop rules are in equipment-web.css. */
#pveInventoryModal [data-pve-drag-uid] { touch-action:none; -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; }
.pve-touch-drag-ghost { position:fixed!important; left:0!important; top:0!important; z-index:2147483647!important; pointer-events:none!important; opacity:.9; margin:0!important; min-width:0!important; box-shadow:0 0 18px #38cfff!important; }
.pve-touch-dragging [data-pve-drag-uid].dragging { opacity:.4; }
.pve-touch-hint { display:none; padding:5px 12px; color:#9ed9ed; font-size:11px; }
body.web-equipment-ui .pve-touch-hint { display:block; }
body.web-equipment-ui #pveInventoryModal .pve-loadout-panel .pve-selection { position:static; box-shadow:none; backdrop-filter:none; }
.pve-other-config-heading { grid-column:1/-1; margin:8px 0 3px; color:#ffc877; font-size:11px; font-weight:700; }
.pve-other-config-heading small { display:block; color:#bacbd5; font-size:10px; font-weight:400; margin-top:3px; }
@media (pointer:coarse) {
    .pve-touch-hint { display:block; }
    #pveInventoryModal .pve-loadout-panel .pve-selection { position:static; box-shadow:none; backdrop-filter:none; }
}

/* Mobile: quatro seções empilhadas, com encaixes maiores.
   Só muda a apresentação; os índices e handlers de equipamento são os mesmos. */
.pve-touch-detail-toggle { display:none; }
.pve-touch-sections { display:contents; }
.pve-touch-detail-drawer { display:contents; }
body.web-equipment-ui #pveInventoryModal .pve-modal-shell {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-rows:auto auto minmax(0,1fr);
    height:100%; min-height:0;
}
body.web-equipment-ui #pveInventoryModal .pve-modal-header { grid-column:1/-1; min-height:38px; padding:4px 8px; }
body.web-equipment-ui #pveInventoryModal .pve-stats-strip,
body.web-equipment-ui #pveInventoryModal .pve-touch-hint,
body.web-equipment-ui #pveInventoryModal .pve-drop-hint,
body.web-equipment-ui #pveInventoryModal .pve-modal-hint { display:none; }
body.web-equipment-ui #pveInventoryModal .pve-configuration-tabs,
body.web-equipment-ui #pveInventoryModal .pve-loadout-tabs { min-width:0; gap:4px; padding:3px 5px; overflow:visible; }
body.web-equipment-ui #pveInventoryModal .pve-configuration-tabs::before { display:none; }
body.web-equipment-ui #pveInventoryModal .pve-configuration-tab,
body.web-equipment-ui #pveInventoryModal .pve-loadout-tab { flex:1; min-width:0; min-height:34px; padding:5px 3px; font-size:9px; letter-spacing:0; }
body.web-equipment-ui #pveInventoryModal .pve-modal-body {
    grid-column:1/-1; min-height:0; min-width:0;
    grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);
    gap:6px; padding:5px; overflow:hidden;
}
body.web-equipment-ui #pveShipInventoryPanel {
    position:relative; min-width:0; min-height:0; padding:5px; container-type:size;
    overflow-x:hidden; overflow-y:auto;
}
body.web-equipment-ui #pveShipInventoryPanel > .pve-panel-heading { display:none; }
body.web-equipment-ui #pveInventoryModal .pve-touch-sections {
    --pve-slot-size:clamp(32px,calc((100cqh - 39px) / 5),64px);
    display:grid; grid-template-columns:minmax(0,1fr); gap:4px; align-items:start;
}
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group {
    display:grid; grid-template-columns:76px minmax(0,1fr); align-items:center; gap:4px;
    min-width:0; margin:0; padding:2px 4px; border:1px solid rgba(91,195,225,.22);
    border-radius:7px; background:rgba(10,30,44,.35);
}
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group .pve-slot-label { display:block; margin:0; min-width:0; font-size:9px; line-height:1.25; letter-spacing:.3px; color:#9edbef; }
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group .pve-slot-label span:first-child { display:block; white-space:normal; }
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group .pve-slot-label span:last-child { display:none; }
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group .pve-slot-grid { grid-template-columns:repeat(auto-fit,minmax(var(--pve-slot-size),1fr)); gap:3px; }
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group .pve-slot { height:var(--pve-slot-size); padding:2px 1px; border-radius:6px; }
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group .pve-slot-icon { height:clamp(19px,calc(var(--pve-slot-size) - 13px),42px); font-size:24px; }
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group .pve-vector-icon { width:clamp(19px,calc(var(--pve-slot-size) - 13px),42px); height:clamp(19px,calc(var(--pve-slot-size) - 13px),42px); }
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group .pve-slot-name { font-size:8px; }
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group .pve-slot-tier { display:none; }
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group .pve-elite { font-size:6px; padding:0 2px; top:1px; right:1px; letter-spacing:0; }
body.web-equipment-ui #pveInventoryModal .pve-touch-detail-drawer {
    position:absolute; display:none; flex-direction:column; bottom:0; left:0; right:0;
    z-index:5; max-height:100%; overflow:auto; border-top:1px solid #275166; border-radius:0 0 8px 8px; background:#081b28;
}
body.web-equipment-ui #pveInventoryModal .pve-touch-detail-toggle { display:block; flex:none; margin-left:auto; width:34px; height:34px; border:1px solid #275166; border-radius:7px; padding:2px; color:#baedff; background:#0c2130; font:700 23px sans-serif; cursor:pointer; touch-action:manipulation; }
body.web-equipment-ui #pveInventoryModal .pve-touch-detail-toggle + .pve-close { margin-left:0; }
body.web-equipment-ui #pveInventoryModal:has(#pveShipInventoryPanel.hidden) .pve-touch-detail-toggle { display:none; }

body.web-equipment-ui #pveInventoryModal .pve-touch-detail-toggle[aria-expanded="true"] { background:#16465a; border-color:#53d9f5; }
body.web-equipment-ui #pveInventoryModal .pve-touch-detail-drawer.open { display:flex; }
body.web-equipment-ui #pveInventoryModal .pve-touch-detail-drawer .pve-selection { display:block; flex:none; margin:0; padding:8px; overflow:visible; }
body.web-equipment-ui #pveInventoryModal .pve-touch-detail-drawer .pve-stats-strip { display:grid; flex:none; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; padding:8px; }
body.web-equipment-ui #pveInventoryModal .pve-touch-detail-drawer .pve-touch-hint { display:block; }
body.web-equipment-ui #pveInventoryModal .pve-inventory-dropzone { padding:5px; min-width:0; min-height:0; overflow:hidden; }
body.web-equipment-ui #pveInventoryModal .pve-inventory-scroll-region { min-height:0; overflow:auto; padding-right:0; }
body.web-equipment-ui #pveInventoryModal #pveOwnedItems { grid-template-columns:repeat(auto-fill,minmax(72px,1fr)); gap:4px; }
body.web-equipment-ui #pveInventoryModal .pve-category-tabs { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); overflow:visible; gap:2px; padding:2px; }
body.web-equipment-ui #pveInventoryModal .pve-category-tab { min-width:0; min-height:32px; padding:3px 1px; font-size:7px; letter-spacing:0; }
body.web-equipment-ui #pveInventoryModal .pve-category-tab small { display:none; }
@media (orientation:landscape) and (max-width:700px) {
    body.web-equipment-ui #pveInventoryModal .pve-modal-body { grid-template-columns:minmax(0,2.3fr) minmax(0,1fr); }
    body.web-equipment-ui #pveInventoryModal #pveOwnedItems { grid-template-columns:repeat(auto-fill,minmax(60px,1fr)); }
    body.web-equipment-ui #pveInventoryModal .pve-inventory-toolbar .pve-panel-heading { flex-direction:column; align-items:stretch; gap:3px; margin-bottom:4px; }
    body.web-equipment-ui #pveInventoryModal .pve-inventory-toolbar .pve-panel-heading strong { font-size:8px; white-space:nowrap; }
    body.web-equipment-ui #pveInventoryModal .pve-inventory-capacity { display:flex; min-width:0; justify-content:space-between; gap:3px; }
    body.web-equipment-ui #pveInventoryModal #pveOwnedCount { min-width:0; font-size:7px; }
    body.web-equipment-ui #pveInventoryModal #pveInventoryUpgradeButton { flex:none; padding:3px; min-height:26px; font-size:6px; }
    body.web-equipment-ui #pveInventoryModal .pve-category-tabs { grid-template-columns:repeat(3,minmax(0,1fr)); }
    body.web-equipment-ui #pveInventoryModal .pve-category-tab { min-height:24px; }
}
@media (orientation:portrait) {
    body.web-equipment-ui #pveInventoryModal { align-items:stretch; padding:max(5px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left)); }
    body.web-equipment-ui #pveInventoryModal .pve-modal-shell { width:100%; max-height:none; }
    body.web-equipment-ui #pveInventoryModal .pve-modal-body { grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(345px,.58fr) minmax(0,1fr); }
    body.web-equipment-ui #pveInventoryModal .pve-touch-sections { --pve-slot-size:48px; }
    body.web-equipment-ui #pveInventoryModal .pve-modal-title { min-width:0; }
    body.web-equipment-ui #pveInventoryModal .pve-modal-title strong { font-size:11px; letter-spacing:.4px; }
    body.web-equipment-ui #pveInventoryModal .pve-modal-title span { display:none; }
    body.web-equipment-ui #pveInventoryModal .pve-modal-header .pve-tabs { display:none; }
}
@media (orientation:portrait) and (max-width:380px) {
    body.web-equipment-ui #pveInventoryModal .pve-modal-body { grid-template-rows:minmax(330px,.58fr) minmax(0,1fr); }
    body.web-equipment-ui #pveInventoryModal .pve-touch-sections { --pve-slot-size:44px; }
}
@media (orientation:portrait) and (max-height:700px) {
    body.web-equipment-ui #pveInventoryModal .pve-inventory-toolbar .pve-panel-heading { gap:4px; margin-bottom:4px; }
    body.web-equipment-ui #pveInventoryModal .pve-inventory-toolbar .pve-panel-heading strong { font-size:8px; letter-spacing:.4px; white-space:nowrap; }
    body.web-equipment-ui #pveInventoryModal #pveOwnedCount { font-size:8px; }
    body.web-equipment-ui #pveInventoryModal #pveInventoryUpgradeButton { min-height:26px; padding:4px; font-size:7px; }
    body.web-equipment-ui #pveInventoryModal .pve-category-tab { min-height:26px; }
}

/* ========================================================================
   INVENTÁRIO — REDESIGN ESTRUTURAL 2026-09-24
   Mantém os cards, ícones e visuais dos itens existentes. As regras abaixo
   reorganizam apenas o shell, navegação, grupos de slots e área de estoque.
   ======================================================================== */
body.web-equipment-ui #pveInventoryModal {
    padding:max(5px,env(safe-area-inset-top)) max(7px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left));
    background:rgba(0,6,13,.73);
    backdrop-filter:blur(5px);
}
body.web-equipment-ui #pveInventoryModal .pve-modal-shell {
    width:min(1540px,100%);
    height:100%;
    max-height:none;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-rows:auto auto minmax(0,1fr);
    overflow:hidden;
    border:1px solid rgba(64,206,239,.48);
    border-radius:15px;
    background:linear-gradient(160deg,rgba(4,20,31,.985),rgba(2,9,17,.99));
    box-shadow:0 0 0 1px rgba(15,88,111,.34) inset,0 18px 46px rgba(0,0,0,.62),0 0 28px rgba(28,189,230,.10);
}

/* Cabeçalho inspirado no mockup: faixa única, título forte e ações à direita. */
body.web-equipment-ui #pveInventoryModal .pve-modal-header {
    grid-column:1/-1;
    min-height:50px;
    padding:7px 10px 7px 14px;
    gap:8px;
    position:relative;
    overflow:hidden;
    border-bottom:1px solid rgba(57,188,222,.23);
    background:linear-gradient(90deg,rgba(8,31,45,.98),rgba(3,14,25,.92));
}
body.web-equipment-ui #pveInventoryModal .pve-modal-header::before {
    content:"";
    width:5px;
    height:29px;
    flex:0 0 5px;
    margin-right:5px;
    transform:skewX(-17deg);
    background:#16d8ee;
    box-shadow:8px 0 0 rgba(22,216,238,.28),0 0 12px rgba(22,216,238,.5);
}
body.web-equipment-ui #pveInventoryModal .pve-modal-title {
    min-width:0;
    flex:1;
}
body.web-equipment-ui #pveInventoryModal .pve-modal-title strong {
    font-size:clamp(12px,1.65vw,18px);
    letter-spacing:2.6px;
    line-height:1;
    color:#effcff;
    text-shadow:0 0 11px rgba(113,225,255,.14);
}
body.web-equipment-ui #pveInventoryModal .pve-modal-title span { display:none; }
body.web-equipment-ui #pveInventoryModal .pve-touch-detail-toggle,
body.web-equipment-ui #pveInventoryModal .pve-close {
    width:38px;
    height:38px;
    flex:0 0 38px;
    margin:0;
    border:1px solid rgba(69,190,220,.38);
    border-radius:9px;
    color:#bdefff;
    background:linear-gradient(145deg,rgba(13,45,62,.9),rgba(5,20,32,.96));
    box-shadow:inset 0 0 12px rgba(29,177,210,.06);
}
body.web-equipment-ui #pveInventoryModal .pve-touch-detail-toggle {
    display:block;
    padding:0;
    font:700 23px/36px sans-serif;
}
body.web-equipment-ui #pveInventoryModal .pve-close {
    font-size:22px;
}
body.web-equipment-ui #pveInventoryModal .pve-touch-detail-toggle[aria-expanded="true"] {
    color:#eaffff;
    border-color:#48d9f4;
    background:rgba(27,99,123,.38);
}

/* Dados detalhados continuam disponíveis no botão de informação, mas não
   ocupam espaço permanente no layout principal. */
body.web-equipment-ui #pveInventoryModal .pve-stats-strip,
body.web-equipment-ui #pveInventoryModal .pve-touch-hint,
body.web-equipment-ui #pveInventoryModal .pve-drop-hint,
body.web-equipment-ui #pveInventoryModal .pve-modal-hint { display:none; }

/* As duas barras existentes tornam-se uma única linha visual de 4 abas:
   CONFIGURAÇÃO 1 | CONFIGURAÇÃO 2 | NAVE | VANTS. */
body.web-equipment-ui #pveInventoryModal .pve-configuration-tabs,
body.web-equipment-ui #pveInventoryModal .pve-loadout-tabs {
    min-width:0;
    min-height:46px;
    display:flex;
    align-items:center;
    gap:6px;
    padding:5px 5px 6px;
    overflow:visible;
    border-bottom:1px solid rgba(69,180,211,.15);
    background:rgba(1,8,16,.72);
}
body.web-equipment-ui #pveInventoryModal .pve-configuration-tabs {
    grid-column:1;
    padding-left:7px;
    padding-right:3px;
}
body.web-equipment-ui #pveInventoryModal .pve-loadout-tabs {
    grid-column:2;
    padding-left:3px;
    padding-right:7px;
}
body.web-equipment-ui #pveInventoryModal .pve-configuration-tabs::before { display:none; }
body.web-equipment-ui #pveInventoryModal .pve-configuration-tab,
body.web-equipment-ui #pveInventoryModal .pve-loadout-tab {
    flex:1 1 0;
    max-width:none;
    min-width:0;
    min-height:36px;
    margin:0;
    padding:6px 4px;
    border:1px solid rgba(81,148,174,.24);
    border-radius:9px;
    color:#718ca1;
    background:linear-gradient(180deg,rgba(12,29,42,.73),rgba(6,17,28,.80));
    box-shadow:inset 0 -1px rgba(255,255,255,.015);
    font-size:clamp(8px,1.05vw,11px);
    letter-spacing:.5px;
}
body.web-equipment-ui #pveInventoryModal .pve-configuration-tab.active {
    color:#baffd9;
    border-color:rgba(39,244,174,.68);
    background:linear-gradient(180deg,rgba(16,91,73,.42),rgba(6,44,38,.36));
    box-shadow:inset 4px 0 #23f0ae,0 0 14px rgba(35,240,174,.11);
}
body.web-equipment-ui #pveInventoryModal .pve-loadout-tab.active {
    color:#effcff;
    border-color:rgba(47,216,245,.65);
    background:linear-gradient(180deg,rgba(15,73,94,.45),rgba(5,37,52,.40));
    box-shadow:inset 0 -2px rgba(43,216,244,.5),0 0 14px rgba(43,216,244,.09);
}

/* Corpo principal: equipamentos à esquerda e itens guardados à direita. */
body.web-equipment-ui #pveInventoryModal .pve-modal-body {
    grid-column:1/-1;
    min-width:0;
    min-height:0;
    display:grid;
    grid-template-columns:minmax(0,1.58fr) minmax(285px,1fr);
    grid-template-rows:minmax(0,1fr);
    gap:7px;
    padding:6px 7px 7px;
    overflow:hidden;
    background:linear-gradient(180deg,rgba(3,12,21,.30),rgba(1,7,13,.16));
}
body.web-equipment-ui #pveInventoryModal .pve-panel {
    border:1px solid rgba(59,165,194,.24);
    border-radius:11px;
    background:linear-gradient(160deg,rgba(3,17,28,.74),rgba(1,8,15,.74));
    box-shadow:inset 0 0 20px rgba(17,104,132,.025);
}
body.web-equipment-ui #pveInventoryModal #pveShipInventoryPanel {
    position:relative;
    min-width:0;
    min-height:0;
    padding:5px;
    overflow-x:hidden;
    overflow-y:auto;
    container-type:size;
}
body.web-equipment-ui #pveInventoryModal #pveShipInventoryPanel > .pve-panel-heading { display:none; }
body.web-equipment-ui #pveInventoryModal .pve-touch-sections {
    --pve-slot-size:clamp(39px,calc((100cqh - 42px) / 4.55),71px);
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:repeat(4,minmax(0,1fr));
    gap:5px;
    min-height:100%;
    align-items:stretch;
}
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group {
    position:relative;
    min-width:0;
    min-height:0;
    margin:0;
    padding:4px 5px;
    display:grid;
    grid-template-columns:clamp(84px,14vw,142px) minmax(0,1fr);
    align-items:center;
    gap:6px;
    overflow:hidden;
    border:1px solid rgba(64,165,193,.24);
    border-radius:9px;
    background:linear-gradient(100deg,rgba(5,29,41,.68),rgba(2,14,24,.50));
}
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group::before {
    content:"";
    position:absolute;
    left:0;
    top:10px;
    bottom:10px;
    width:2px;
    background:linear-gradient(#33e0f1,rgba(51,224,241,.14));
    box-shadow:0 0 7px rgba(51,224,241,.32);
}
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group .pve-slot-label {
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
    height:100%;
    margin:0;
    padding:0 5px 0 clamp(25px,3.2vw,36px);
    color:#a8deee;
    font-size:clamp(8px,1vw,11px);
    line-height:1.15;
    letter-spacing:.55px;
}
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group .pve-slot-label::before {
    position:absolute;
    left:4px;
    top:50%;
    transform:translateY(-57%);
    width:20px;
    text-align:center;
    color:#4ce4fb;
    font:700 clamp(15px,2vw,23px)/1 sans-serif;
    text-shadow:0 0 9px rgba(76,228,251,.35);
}
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group:nth-child(1) .pve-slot-label::before { content:"▥"; }
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group:nth-child(2) .pve-slot-label::before { content:"◎"; }
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group:nth-child(3) .pve-slot-label::before { content:"⬡"; }
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group:nth-child(4) .pve-slot-label::before { content:"◆"; }
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group .pve-slot-label span:first-child {
    display:block;
    white-space:normal;
    color:#b7e7f3;
    font-weight:800;
}
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group .pve-slot-label span:last-child {
    display:block;
    margin-top:4px;
    color:#3c829d;
    font-size:clamp(6px,.72vw,8px);
    font-weight:700;
    letter-spacing:.45px;
}
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group:nth-child(1) .pve-slot-label span:last-child { font-size:0; }
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group:nth-child(1) .pve-slot-label span:last-child::after { content:"SLOTS DE ATAQUE"; font-size:clamp(6px,.72vw,8px); }
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group:nth-child(2) .pve-slot-label span:last-child { font-size:0; }
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group:nth-child(2) .pve-slot-label span:last-child::after { content:"SLOTS DE SUPORTE"; font-size:clamp(6px,.72vw,8px); }
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group:nth-child(3) .pve-slot-label span:last-child { font-size:0; }
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group:nth-child(3) .pve-slot-label span:last-child::after { content:"SLOTS DE DEFESA"; font-size:clamp(6px,.72vw,8px); }
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group:nth-child(4) .pve-slot-label span:last-child { font-size:0; }
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group:nth-child(4) .pve-slot-label span:last-child::after { content:"MÓDULOS ESPECIAIS"; font-size:clamp(6px,.72vw,8px); }
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group .pve-slot-grid {
    min-width:0;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(var(--pve-slot-size),1fr));
    gap:4px;
}
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group .pve-slot {
    width:100%;
    height:var(--pve-slot-size);
    min-width:0;
    padding:3px 2px 2px;
    border-radius:7px;
}
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group .pve-slot-icon {
    height:clamp(20px,calc(var(--pve-slot-size) - 18px),45px);
    font-size:24px;
}
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group .pve-vector-icon {
    width:clamp(20px,calc(var(--pve-slot-size) - 18px),45px);
    height:clamp(20px,calc(var(--pve-slot-size) - 18px),45px);
}
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group .pve-slot-name { font-size:clamp(7px,.82vw,9px); }
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group .pve-slot-tier { display:none; }
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group .pve-elite {
    top:2px;
    right:2px;
    padding:1px 3px;
    font-size:6px;
    letter-spacing:0;
}

/* Painel direito — mantém os cards originais, apenas altera a grade e a
   hierarquia estrutural do cabeçalho/filtros. */
body.web-equipment-ui #pveInventoryModal .pve-inventory-dropzone {
    min-width:0;
    min-height:0;
    padding:8px 7px 7px;
    display:flex;
    flex-direction:column;
    overflow:hidden;
}
body.web-equipment-ui #pveInventoryModal .pve-inventory-toolbar {
    flex:0 0 auto;
    padding:0 0 5px;
    background:transparent;
}
body.web-equipment-ui #pveInventoryModal .pve-inventory-toolbar .pve-panel-heading {
    min-height:31px;
    margin:0 1px 5px;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:6px;
}
body.web-equipment-ui #pveInventoryModal .pve-inventory-toolbar .pve-panel-heading strong {
    min-width:0;
    color:#d4f6ff;
    font-size:clamp(10px,1.2vw,14px);
    letter-spacing:1.2px;
    white-space:nowrap;
}
body.web-equipment-ui #pveInventoryModal .pve-inventory-capacity {
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:5px;
}
body.web-equipment-ui #pveInventoryModal #pveOwnedCount {
    min-width:0;
    color:#65869b;
    font-size:clamp(7px,.85vw,9px);
    white-space:nowrap;
}
body.web-equipment-ui #pveInventoryModal #pveInventoryUpgradeButton {
    flex:0 0 auto;
    min-height:28px;
    padding:4px 8px;
    border-color:rgba(57,201,230,.45);
    border-radius:7px;
    color:#bfefff;
    background:rgba(8,49,66,.74);
    font-size:clamp(6px,.78vw,8px);
}
body.web-equipment-ui #pveInventoryModal .pve-category-tabs {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:3px;
    margin:0;
    padding:3px;
    overflow:visible;
    border:1px solid rgba(67,152,178,.18);
    border-radius:8px;
    background:rgba(0,7,13,.46);
}
body.web-equipment-ui #pveInventoryModal .pve-category-tab {
    min-width:0;
    min-height:30px;
    padding:3px 2px;
    border-radius:6px;
    font-size:clamp(6px,.78vw,8px);
    letter-spacing:.15px;
}
body.web-equipment-ui #pveInventoryModal .pve-category-tab small { display:none; }
body.web-equipment-ui #pveInventoryModal .pve-inventory-scroll-region {
    flex:1 1 auto;
    min-height:0;
    overflow:auto;
    padding:2px 1px 0;
    scrollbar-width:thin;
    scrollbar-color:rgba(55,200,230,.35) rgba(0,0,0,.15);
}
body.web-equipment-ui #pveInventoryModal #pveOwnedItems {
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:5px;
    align-content:start;
}

/* Drawer de detalhes continua funcionando sem alterar a estrutura principal. */
body.web-equipment-ui #pveInventoryModal .pve-touch-detail-drawer {
    position:absolute;
    display:none;
    flex-direction:column;
    left:5px;
    right:5px;
    bottom:5px;
    z-index:9;
    max-height:calc(100% - 10px);
    overflow:auto;
    border:1px solid rgba(70,191,220,.37);
    border-radius:9px;
    background:rgba(3,18,29,.985);
    box-shadow:0 -10px 28px rgba(0,0,0,.48);
}
body.web-equipment-ui #pveInventoryModal .pve-touch-detail-drawer.open { display:flex; }
body.web-equipment-ui #pveInventoryModal .pve-touch-detail-drawer .pve-selection {
    display:block;
    flex:none;
    margin:0;
    padding:8px;
    overflow:visible;
}
body.web-equipment-ui #pveInventoryModal .pve-touch-detail-drawer .pve-stats-strip {
    display:grid;
    flex:none;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:5px;
    padding:8px;
}
body.web-equipment-ui #pveInventoryModal .pve-touch-detail-drawer .pve-touch-hint { display:block; }
body.web-equipment-ui #pveInventoryModal:has(#pveShipInventoryPanel.hidden) .pve-touch-detail-toggle { display:none; }

/* Faixas estreitas continuam funcionais: 3 colunas no estoque e labels mais
   compactos. O visual dos cards em si não é modificado. */
@media (orientation:landscape) and (max-width:900px) {
    body.web-equipment-ui #pveInventoryModal .pve-modal-body {
        grid-template-columns:minmax(0,1.72fr) minmax(245px,1fr);
        gap:5px;
        padding:5px;
    }
    body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group {
        grid-template-columns:82px minmax(0,1fr);
        gap:4px;
        padding:3px;
    }
    body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group .pve-slot-label {
        padding-left:24px;
        font-size:8px;
    }
    body.web-equipment-ui #pveInventoryModal #pveOwnedItems {
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:4px;
    }
    body.web-equipment-ui #pveInventoryModal .pve-inventory-dropzone { padding:6px 5px; }
    body.web-equipment-ui #pveInventoryModal .pve-category-tab { min-height:27px; font-size:6px; }
}
@media (orientation:landscape) and (max-height:560px) {
    body.web-equipment-ui #pveInventoryModal .pve-modal-header { min-height:42px; padding-top:4px; padding-bottom:4px; }
    body.web-equipment-ui #pveInventoryModal .pve-touch-detail-toggle,
    body.web-equipment-ui #pveInventoryModal .pve-close { width:34px; height:34px; flex-basis:34px; }
    body.web-equipment-ui #pveInventoryModal .pve-configuration-tabs,
    body.web-equipment-ui #pveInventoryModal .pve-loadout-tabs { min-height:39px; padding-top:3px; padding-bottom:4px; }
    body.web-equipment-ui #pveInventoryModal .pve-configuration-tab,
    body.web-equipment-ui #pveInventoryModal .pve-loadout-tab { min-height:31px; }
    body.web-equipment-ui #pveInventoryModal .pve-touch-sections {
        --pve-slot-size:clamp(36px,calc((100cqh - 31px) / 4.65),61px);
        gap:4px;
    }
    body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group { padding-top:2px; padding-bottom:2px; }
    body.web-equipment-ui #pveInventoryModal .pve-inventory-toolbar .pve-panel-heading { min-height:25px; margin-bottom:3px; }
    body.web-equipment-ui #pveInventoryModal #pveInventoryUpgradeButton { min-height:24px; padding-top:2px; padding-bottom:2px; }
    body.web-equipment-ui #pveInventoryModal .pve-category-tab { min-height:24px; }
}

/* Retrato: mantém a mesma linguagem, mas empilha as duas áreas para não
   sacrificar os slots nem os cards. */
@media (orientation:portrait) {
    body.web-equipment-ui #pveInventoryModal .pve-modal-shell {
        grid-template-columns:minmax(0,1fr);
        grid-template-rows:auto auto auto minmax(0,1fr);
    }
    body.web-equipment-ui #pveInventoryModal .pve-configuration-tabs,
    body.web-equipment-ui #pveInventoryModal .pve-loadout-tabs {
        grid-column:1;
        min-height:39px;
        padding:3px 6px;
    }
    body.web-equipment-ui #pveInventoryModal .pve-loadout-tabs { padding-top:0; }
    body.web-equipment-ui #pveInventoryModal .pve-modal-body {
        grid-column:1;
        grid-template-columns:minmax(0,1fr);
        grid-template-rows:minmax(320px,.58fr) minmax(0,1fr);
    }
    body.web-equipment-ui #pveInventoryModal .pve-touch-sections { --pve-slot-size:48px; }
    body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group { grid-template-columns:100px minmax(0,1fr); }
    body.web-equipment-ui #pveInventoryModal #pveOwnedItems { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

/* ========================================================================
   INVENTÁRIO — ACABAMENTO VISUAL DO MOCKUP 2026-09-24
   Somente moldura/navegação/rótulos. Cards e visuais dos itens permanecem
   exatamente sob as regras já existentes.
   ======================================================================== */
body.web-equipment-ui #pveInventoryModal .pve-modal-header {
    isolation:isolate;
    background-image:
        linear-gradient(90deg,rgba(3,20,31,.99) 0%,rgba(3,20,31,.96) 45%,rgba(2,14,25,.64) 68%,rgba(2,13,23,.90) 100%),
        linear-gradient(transparent,transparent),
        linear-gradient(transparent,transparent),
        radial-gradient(ellipse at 73% 15%,rgba(45,180,225,.18),transparent 42%);
    background-repeat:no-repeat;
    background-position:center,88% 48%,68% 78%,center;
    background-size:cover,clamp(82px,14vw,145px) auto,clamp(120px,22vw,225px) auto,cover;
}
body.web-equipment-ui #pveInventoryModal .pve-modal-header::before {
    content:"";
    position:relative;
    z-index:2;
    width:34px;
    height:18px;
    flex:0 0 34px;
    margin:0 5px 0 1px;
    transform:skewX(22deg);
    background:
        linear-gradient(90deg,#12d7ee 0 42%,transparent 42% 52%,#0586ba 52% 100%);
    box-shadow:0 0 13px rgba(24,211,239,.24);
}
body.web-equipment-ui #pveInventoryModal .pve-modal-header::after {
    content:"";
    position:absolute;
    z-index:1;
    inset:3px 92px 3px 3px;
    pointer-events:none;
    opacity:.72;
    background:
        linear-gradient(#28cbe9,#28cbe9) 0 0/47% 1px no-repeat,
        linear-gradient(#28cbe9,#28cbe9) 0 100%/62% 1px no-repeat,
        linear-gradient(135deg,transparent 48%,#28cbe9 49% 52%,transparent 53%) 47% 0/34px 18px no-repeat,
        linear-gradient(45deg,transparent 48%,#28cbe9 49% 52%,transparent 53%) 62% 100%/34px 18px no-repeat;
    filter:drop-shadow(0 0 4px rgba(40,203,233,.24));
}
body.web-equipment-ui #pveInventoryModal .pve-modal-title { position:relative; z-index:2; }
body.web-equipment-ui #pveInventoryModal .pve-modal-title strong {
    text-shadow:0 1px 0 rgba(0,0,0,.9),0 0 10px rgba(129,230,255,.18);
}
body.web-equipment-ui #pveInventoryModal .pve-touch-detail-toggle,
body.web-equipment-ui #pveInventoryModal .pve-close { position:relative; z-index:3; }
body.web-equipment-ui #pveInventoryModal .pve-touch-detail-toggle {
    font-size:0;
}
body.web-equipment-ui #pveInventoryModal .pve-touch-detail-toggle::before {
    content:"i";
    display:grid;
    place-items:center;
    width:20px;
    height:20px;
    margin:auto;
    border:2px solid currentColor;
    border-radius:50%;
    font:900 14px/1 Arial,sans-serif;
    text-transform:none;
    box-shadow:0 0 8px rgba(86,220,247,.16);
}

/* Ícones das quatro abas superiores. */
body.web-equipment-ui #pveInventoryModal .pve-configuration-tab,
body.web-equipment-ui #pveInventoryModal .pve-loadout-tab {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:clamp(5px,.8vw,10px);
    overflow:hidden;
}
body.web-equipment-ui #pveInventoryModal .pve-configuration-tab::before,
body.web-equipment-ui #pveInventoryModal .pve-loadout-tab::before {
    content:"";
    width:clamp(15px,2.1vw,24px);
    height:clamp(15px,2.1vw,24px);
    flex:0 0 auto;
    background:currentColor;
    opacity:.82;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center;
    mask-size:contain;
}
body.web-equipment-ui #pveInventoryModal #pveConfigurationTab1::before {
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 1.5 15 7l-1 5 4 5-4.2-1.6L12 22l-1.8-6.6L6 17l4-5-1-5 3-5.5Zm0 5.2-1.15 4.1h2.3L12 6.7Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 1.5 15 7l-1 5 4 5-4.2-1.6L12 22l-1.8-6.6L6 17l4-5-1-5 3-5.5Zm0 5.2-1.15 4.1h2.3L12 6.7Z'/%3E%3C/svg%3E");
}
body.web-equipment-ui #pveInventoryModal #pveConfigurationTab2::before {
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='m12 2 4 6-1.3 3.1L20 18l-5.2-2-2.8 6-2.8-6L4 18l5.3-6.9L8 8l4-6Zm0 4.2-1.3 2.2 1.3 3 1.3-3L12 6.2Z'/%3E%3Cpath fill='white' opacity='.55' d='m6.8 9.2 2 2.3-3.7 3.7 1.7-6Zm10.4 0 1.7 6-3.7-3.7 2-2.3Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='m12 2 4 6-1.3 3.1L20 18l-5.2-2-2.8 6-2.8-6L4 18l5.3-6.9L8 8l4-6Zm0 4.2-1.3 2.2 1.3 3 1.3-3L12 6.2Z'/%3E%3Cpath fill='white' opacity='.55' d='m6.8 9.2 2 2.3-3.7 3.7 1.7-6Zm10.4 0 1.7 6-3.7-3.7 2-2.3Z'/%3E%3C/svg%3E");
}
body.web-equipment-ui #pveInventoryModal #pveInventoryTabShip::before {
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 1.7 14.2 9l6.1 5.2-1 3.1-5.2-2.2L12 22.3l-2.1-7.2-5.2 2.2-1-3.1L9.8 9 12 1.7Zm0 6.1-.8 3h1.6l-.8-3Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 1.7 14.2 9l6.1 5.2-1 3.1-5.2-2.2L12 22.3l-2.1-7.2-5.2 2.2-1-3.1L9.8 9 12 1.7Zm0 6.1-.8 3h1.6l-.8-3Z'/%3E%3C/svg%3E");
}
body.web-equipment-ui #pveInventoryModal #pveInventoryTabVants::before {
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='white'%3E%3Ccircle cx='6' cy='6' r='2.5'/%3E%3Ccircle cx='18' cy='6' r='2.5'/%3E%3Ccircle cx='6' cy='18' r='2.5'/%3E%3Ccircle cx='18' cy='18' r='2.5'/%3E%3Ccircle cx='12' cy='12' r='2.7'/%3E%3Cpath d='m7.8 7.8 2.3 2.3-1.4 1.4-2.3-2.3 1.4-1.4Zm8.4 0 1.4 1.4-2.3 2.3-1.4-1.4 2.3-2.3ZM10.1 13.9l1.4 1.4-2.3 2.3-1.4-1.4 2.3-2.3Zm3.8 0 2.3 2.3-1.4 1.4-2.3-2.3 1.4-1.4Z'/%3E%3C/g%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='white'%3E%3Ccircle cx='6' cy='6' r='2.5'/%3E%3Ccircle cx='18' cy='6' r='2.5'/%3E%3Ccircle cx='6' cy='18' r='2.5'/%3E%3Ccircle cx='18' cy='18' r='2.5'/%3E%3Ccircle cx='12' cy='12' r='2.7'/%3E%3Cpath d='m7.8 7.8 2.3 2.3-1.4 1.4-2.3-2.3 1.4-1.4Zm8.4 0 1.4 1.4-2.3 2.3-1.4-1.4 2.3-2.3ZM10.1 13.9l1.4 1.4-2.3 2.3-1.4-1.4 2.3-2.3Zm3.8 0 2.3 2.3-1.4 1.4-2.3-2.3 1.4-1.4Z'/%3E%3C/g%3E%3C/svg%3E");
}
body.web-equipment-ui #pveInventoryModal .pve-configuration-tab.active::after {
    content:"";
    position:absolute;
    left:14%;
    right:14%;
    bottom:-1px;
    height:3px;
    border-radius:3px 3px 0 0;
    background:#27f0ae;
    box-shadow:0 0 10px rgba(39,240,174,.72);
}
body.web-equipment-ui #pveInventoryModal .pve-loadout-tab.active::after {
    content:"";
    position:absolute;
    left:24%;
    right:24%;
    bottom:-1px;
    height:2px;
    background:#32d6f4;
    box-shadow:0 0 8px rgba(50,214,244,.5);
}

/* Ícones vetoriais dos quatro grupos à esquerda + pequeno traço decorativo. */
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group .pve-slot-label::before {
    content:"";
    width:clamp(17px,2vw,23px);
    height:clamp(17px,2vw,23px);
    background:#45e0f6;
    text-shadow:none;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center;
    mask-size:contain;
}
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group:nth-child(1) .pve-slot-label::before {
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='white'%3E%3Cpath d='m5 2 1.7 4.2-.8 10.1L5 22l-.9-5.7-.8-10.1L5 2Z'/%3E%3Cpath d='m12 1 1.8 4.8-.8 10.8-1 6.4-1-6.4-.8-10.8L12 1Z'/%3E%3Cpath d='m19 2 1.7 4.2-.8 10.1L19 22l-.9-5.7-.8-10.1L19 2Z'/%3E%3C/g%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='white'%3E%3Cpath d='m5 2 1.7 4.2-.8 10.1L5 22l-.9-5.7-.8-10.1L5 2Z'/%3E%3Cpath d='m12 1 1.8 4.8-.8 10.8-1 6.4-1-6.4-.8-10.8L12 1Z'/%3E%3Cpath d='m19 2 1.7 4.2-.8 10.1L19 22l-.9-5.7-.8-10.1L19 2Z'/%3E%3C/g%3E%3C/svg%3E");
}
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group:nth-child(2) .pve-slot-label::before {
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='white' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='8.8'/%3E%3Ccircle cx='12' cy='12' r='5.2'/%3E%3Ccircle cx='12' cy='12' r='1.8' fill='white' stroke='none'/%3E%3Cpath d='M12 1v3M12 20v3M1 12h3M20 12h3'/%3E%3C/g%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='white' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='8.8'/%3E%3Ccircle cx='12' cy='12' r='5.2'/%3E%3Ccircle cx='12' cy='12' r='1.8' fill='white' stroke='none'/%3E%3Cpath d='M12 1v3M12 20v3M1 12h3M20 12h3'/%3E%3C/g%3E%3C/svg%3E");
}
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group:nth-child(3) .pve-slot-label::before {
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 1.5 21 5v6.2c0 5.2-3.5 9.2-9 11.3-5.5-2.1-9-6.1-9-11.3V5l9-3.5Zm0 3L6 6.8v4.4c0 3.6 2.2 6.4 6 8.1V4.5Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 1.5 21 5v6.2c0 5.2-3.5 9.2-9 11.3-5.5-2.1-9-6.1-9-11.3V5l9-3.5Zm0 3L6 6.8v4.4c0 3.6 2.2 6.4 6 8.1V4.5Z'/%3E%3C/svg%3E");
}
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group:nth-child(4) .pve-slot-label::before {
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='m12 1.7 9 4.8v11L12 22.3 3 17.5v-11l9-4.8Zm0 2.6L6.2 7.4 12 10.5l5.8-3.1L12 4.3Zm-7 5v7l6 3.2v-7L5 9.3Zm14 0-6 3.2v7l6-3.2v-7Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='m12 1.7 9 4.8v11L12 22.3 3 17.5v-11l9-4.8Zm0 2.6L6.2 7.4 12 10.5l5.8-3.1L12 4.3Zm-7 5v7l6 3.2v-7L5 9.3Zm14 0-6 3.2v7l6-3.2v-7Z'/%3E%3C/svg%3E");
}
body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group .pve-slot-label::after {
    content:"";
    position:absolute;
    left:clamp(25px,3.2vw,36px);
    bottom:clamp(5px,1.15cqh,10px);
    width:16px;
    height:2px;
    border-radius:2px;
    background:linear-gradient(90deg,#24dce9,rgba(36,220,233,.12));
}

/* Painel de itens guardados: sublinhado, botão com ícone e categorias visuais. */
body.web-equipment-ui #pveInventoryModal .pve-inventory-toolbar .pve-panel-heading strong {
    position:relative;
    padding-bottom:4px;
}
body.web-equipment-ui #pveInventoryModal .pve-inventory-toolbar .pve-panel-heading strong::after {
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:42px;
    height:2px;
    background:linear-gradient(90deg,#22d7e8,rgba(34,215,232,.08));
    box-shadow:0 0 7px rgba(34,215,232,.22);
}
body.web-equipment-ui #pveInventoryModal #pveInventoryUpgradeButton {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:4px;
}
body.web-equipment-ui #pveInventoryModal #pveInventoryUpgradeButton::before {
    content:"";
    width:11px;
    height:11px;
    flex:0 0 11px;
    background:currentColor;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M3 3h7v2H5v5H3V3Zm11 0h7v7h-2V5h-5V3ZM3 14h2v5h5v2H3v-7Zm16 0h2v7h-7v-2h5v-5Z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M3 3h7v2H5v5H3V3Zm11 0h7v7h-2V5h-5V3ZM3 14h2v5h5v2H3v-7Zm16 0h2v7h-7v-2h5v-5Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
body.web-equipment-ui #pveInventoryModal .pve-category-tab {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:clamp(2px,.45vw,5px);
    color:#7892a7;
}
body.web-equipment-ui #pveInventoryModal .pve-category-tab::before {
    content:"";
    width:clamp(10px,1.35vw,14px);
    height:clamp(10px,1.35vw,14px);
    flex:0 0 auto;
    background:currentColor;
    opacity:.94;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center;
    mask-size:contain;
}
body.web-equipment-ui #pveInventoryModal .pve-category-tab[data-pve-category="all"]::before {
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M3 3h7v7H3V3Zm11 0h7v7h-7V3ZM3 14h7v7H3v-7Zm11 0h7v7h-7v-7Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M3 3h7v7H3V3Zm11 0h7v7h-7V3ZM3 14h7v7H3v-7Zm11 0h7v7h-7v-7Z'/%3E%3C/svg%3E");
}
body.web-equipment-ui #pveInventoryModal .pve-category-tab[data-pve-category="weapons"]::before {
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='white'%3E%3Cpath d='m6 2 1.7 4-.8 10.5L6 22l-.9-5.5L4.3 6 6 2Z'/%3E%3Cpath d='m12 1 1.8 4.6-.8 11L12 23l-1-6.4-.8-11L12 1Z'/%3E%3Cpath d='m18 2 1.7 4-.8 10.5L18 22l-.9-5.5L16.3 6 18 2Z'/%3E%3C/g%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='white'%3E%3Cpath d='m6 2 1.7 4-.8 10.5L6 22l-.9-5.5L4.3 6 6 2Z'/%3E%3Cpath d='m12 1 1.8 4.6-.8 11L12 23l-1-6.4-.8-11L12 1Z'/%3E%3Cpath d='m18 2 1.7 4-.8 10.5L18 22l-.9-5.5L16.3 6 18 2Z'/%3E%3C/g%3E%3C/svg%3E");
}
body.web-equipment-ui #pveInventoryModal .pve-category-tab[data-pve-category="shields"]::before {
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 2 21 5.4v5.8c0 5.3-3.5 9-9 10.8-5.5-1.8-9-5.5-9-10.8V5.4L12 2Zm0 3L6 7.2v4c0 3.5 2 6.1 6 7.7V5Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 2 21 5.4v5.8c0 5.3-3.5 9-9 10.8-5.5-1.8-9-5.5-9-10.8V5.4L12 2Zm0 3L6 7.2v4c0 3.5 2 6.1 6 7.7V5Z'/%3E%3C/svg%3E");
}
body.web-equipment-ui #pveInventoryModal .pve-category-tab[data-pve-category="engines"]::before {
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='white'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='12' cy='4' r='3'/%3E%3Ccircle cx='5' cy='16' r='3'/%3E%3Ccircle cx='19' cy='16' r='3'/%3E%3Cpath d='M10.8 6.6h2.4v2.2h-2.4V6.6ZM7.2 13.5l1.2 2.1-1.9 1.1-1.2-2.1 1.9-1.1Zm9.6 0 1.9 1.1-1.2 2.1-1.9-1.1 1.2-2.1Z'/%3E%3C/g%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='white'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='12' cy='4' r='3'/%3E%3Ccircle cx='5' cy='16' r='3'/%3E%3Ccircle cx='19' cy='16' r='3'/%3E%3Cpath d='M10.8 6.6h2.4v2.2h-2.4V6.6ZM7.2 13.5l1.2 2.1-1.9 1.1-1.2-2.1 1.9-1.1Zm9.6 0 1.9 1.1-1.2 2.1-1.9-1.1 1.2-2.1Z'/%3E%3C/g%3E%3C/svg%3E");
}
body.web-equipment-ui #pveInventoryModal .pve-category-tab[data-pve-category="extras"]::before {
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='m12 2 9 4.8v10.4L12 22 3 17.2V6.8L12 2Zm0 2.4L6.2 7.5 12 10.6l5.8-3.1L12 4.4ZM5 9.3v6.8l6 3.2v-6.8L5 9.3Zm14 0-6 3.2v6.8l6-3.2V9.3Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='m12 2 9 4.8v10.4L12 22 3 17.2V6.8L12 2Zm0 2.4L6.2 7.5 12 10.6l5.8-3.1L12 4.4ZM5 9.3v6.8l6 3.2v-6.8L5 9.3Zm14 0-6 3.2v6.8l6-3.2V9.3Z'/%3E%3C/svg%3E");
}
body.web-equipment-ui #pveInventoryModal .pve-category-tab.active {
    color:#bfffe1;
    border-color:rgba(37,240,174,.74);
    background:linear-gradient(180deg,rgba(13,92,72,.54),rgba(5,46,39,.52));
    box-shadow:inset 0 0 13px rgba(37,240,174,.09),0 0 9px rgba(37,240,174,.12);
}

/* Pequenos cantos tecnológicos sem alterar a geometria funcional dos painéis. */
body.web-equipment-ui #pveInventoryModal #pveShipInventoryPanel,
body.web-equipment-ui #pveInventoryModal .pve-inventory-dropzone {
    outline:1px solid rgba(33,211,238,.055);
    outline-offset:-4px;
}
body.web-equipment-ui #pveInventoryModal #pveShipInventoryPanel::after,
body.web-equipment-ui #pveInventoryModal .pve-inventory-dropzone::after {
    content:"";
    position:absolute;
    right:6px;
    bottom:6px;
    width:18px;
    height:18px;
    pointer-events:none;
    border-right:2px solid rgba(46,211,238,.58);
    border-bottom:2px solid rgba(46,211,238,.58);
    clip-path:polygon(55% 0,100% 0,100% 100%,0 100%,0 88%,88% 88%,88% 12%,55% 12%);
    opacity:.7;
}
body.web-equipment-ui #pveInventoryModal .pve-inventory-dropzone { position:relative; }

@media (orientation:landscape) and (max-width:900px) {
    body.web-equipment-ui #pveInventoryModal .pve-modal-header {
        background-position:center,88% 48%,69% 80%,center;
        background-size:cover,86px auto,135px auto,cover;
    }
    body.web-equipment-ui #pveInventoryModal .pve-modal-header::before {
        width:27px;
        height:15px;
        flex-basis:27px;
        margin-right:3px;
    }
    body.web-equipment-ui #pveInventoryModal .pve-modal-header::after { right:80px; }
    body.web-equipment-ui #pveInventoryModal .pve-configuration-tab,
    body.web-equipment-ui #pveInventoryModal .pve-loadout-tab { gap:4px; }
    body.web-equipment-ui #pveInventoryModal .pve-configuration-tab::before,
    body.web-equipment-ui #pveInventoryModal .pve-loadout-tab::before { width:16px; height:16px; }
    body.web-equipment-ui #pveInventoryModal .pve-category-tab::before { width:10px; height:10px; }
    body.web-equipment-ui #pveInventoryModal .pve-touch-slot-group .pve-slot-label::after { left:24px; bottom:5px; width:13px; }
}

/* ========================================================================
   INVENTÁRIO — CORREÇÃO DE ACABAMENTO 2026-09-24
   - remove ícones decorativos das categorias do estoque, evitando colisão
     com os rótulos em telas Android estreitas;
   - simplifica a área livre do cabeçalho: sem planeta/estação e sem linhas
     decorativas atravessando a faixa superior.
   ======================================================================== */
body.web-equipment-ui #pveInventoryModal .pve-category-tab {
    gap:0;
    padding-left:3px;
    padding-right:3px;
}
body.web-equipment-ui #pveInventoryModal .pve-category-tab::before {
    content:none !important;
    display:none !important;
    width:0 !important;
    height:0 !important;
    flex-basis:0 !important;
    -webkit-mask:none !important;
    mask:none !important;
    background:none !important;
}

body.web-equipment-ui #pveInventoryModal .pve-modal-header {
    background-image:none !important;
    background:linear-gradient(90deg,rgba(5,24,36,.99) 0%,rgba(3,17,28,.98) 58%,rgba(2,13,23,.99) 100%) !important;
}
body.web-equipment-ui #pveInventoryModal .pve-modal-header::after {
    content:none !important;
    display:none !important;
    background:none !important;
}

@media (orientation:landscape) and (max-width:900px) {
    body.web-equipment-ui #pveInventoryModal .pve-category-tab {
        gap:0;
        padding-left:2px;
        padding-right:2px;
    }
}