/* Drakoria arsenal: portrait/loadout, backpack and stable inspection panel. */
body.has-city-sidebar #painelPraca:has(.jrpg-sheet){width:min(1380px,calc(100vw - 48px));background:linear-gradient(135deg,#142e30f5,#101d25f7 60%,#211a15f5);border:1px solid #af9157;border-radius:14px;box-shadow:0 24px 80px #000b,inset 0 0 0 4px #c5a56312}
#painelPraca .jrpg-sheet-columns{grid-template-columns:minmax(230px,.9fr) minmax(260px,1.2fr) minmax(240px,1fr);gap:16px;align-items:start}
#painelPraca .jrpg-profile{grid-column:1;grid-row:1;min-height:0;border-color:#987d4c66;border-radius:10px;background:radial-gradient(ellipse at 50% 25%,#32716866,transparent 65%),#101e24}
#painelPraca .jrpg-profile::before,#painelPraca .jrpg-profile::after{border-color:#bda36833}
#painelPraca .jrpg-portrait{height:250px}
#painelPraca .jrpg-profile-details{background:linear-gradient(#142b2be8,#111f28);padding:16px}
#painelPraca .jrpg-loadout{grid-column:2;grid-row:1;padding:16px;border-color:#987d4c66;background:linear-gradient(155deg,#1a3434,#101e28)}
#painelPraca .inventory-inspector{grid-column:3;grid-row:1;position:sticky;top:56px;min-width:0;padding:16px;border:1px solid #987d4c88;border-radius:10px;background:linear-gradient(155deg,#25352d,#101c26);box-shadow:inset 0 1px 0 #ffe3a51a}
#painelPraca .jrpg-attributes{grid-column:1/-1;grid-row:2;border-radius:10px;background:#101e24;border-color:#987d4c66}
#painelPraca .section-title{color:#f1d49d;border-bottom-color:#af915744}
#painelPraca .panel-kicker{color:#d9b879}
#painelPraca .inventory-worn{position:relative;z-index:1;padding:0 12px 14px}
#painelPraca .inventory-worn #hero-equipment{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#painelPraca .inventory-worn .section-title{font-size:12px}
#painelPraca #inventory{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));align-content:start;min-height:240px;padding:10px;border:1px solid #aa8e5233;border-radius:8px;background:linear-gradient(135deg,#080f1633,#28483c22)}
#painelPraca #inventory li.inventory-item-open{grid-column:auto;padding:0;border-color:#ffe2a3;background:#3a4232;box-shadow:0 0 0 2px #dab76c55}
#painelPraca #inventory li.inventory-item-open>.inventory-icon-button{width:100%}
#painelPraca #inventory li.inventory-item-open>.inventory-info-button{top:auto;bottom:2px}
#painelPraca .inventory-toolbar{grid-template-columns:1fr 1fr}
#painelPraca .inventory-toolbar input,#painelPraca .inventory-toolbar select{min-height:44px;background:#0e2027;border-color:#ad935244;color:#e9e4d5}
#painelPraca .inventory-gold{text-align:left;padding:10px;border:1px solid #c7a25f44;border-radius:6px;background:#ac833315;color:#ffe0a0}
#painelPraca #inventory-help,#painelPraca #inventory-selection-hint{text-align:left;font:12px/1.7 system-ui;color:#b9c9be}
#painelPraca #inventory-details{margin:0;padding:0;border:0;background:transparent;overflow-wrap:anywhere}
#painelPraca #inventory-details h4{font:600 20px/1.4 Georgia,serif;color:#ffe1a1;margin:14px 0 8px}
#painelPraca #inventory-details p{text-align:left}
#painelPraca .inventory-item-preview{display:block;margin:16px auto;padding:10px;width:88px;height:88px;object-fit:contain;border:1px solid #c3a56c77;border-radius:10px;background:radial-gradient(#a48d3e33,#0a1820);filter:drop-shadow(0 6px 12px #0006)}
#painelPraca #inventory-details button{min-height:44px;margin:8px 6px 0 0;border-color:#b79c6355;border-radius:6px;background:#243c36}
#painelPraca #inventory-details .inventory-comparison{table-layout:fixed;font-size:11px}
#painelPraca #inventory-details th,#painelPraca #inventory-details td{white-space:normal;padding:9px 3px}
#painelPraca #inventory-details th:first-child{width:36%}
#painelPraca .inventory-info-button{min-width:32px;min-height:32px!important}
#painelPraca .inventory-compact-slot:focus-within{outline:2px solid #ffe2a3;outline-offset:2px}
@media(max-width:1050px){
 #painelPraca .jrpg-sheet-columns{grid-template-columns:minmax(230px,.9fr) minmax(260px,1.2fr)}
 #painelPraca .jrpg-sheet-columns>.jrpg-loadout{grid-column:2;grid-row:1}
 #painelPraca .inventory-inspector{grid-column:1/-1;grid-row:2;position:static}
 #painelPraca .jrpg-attributes{grid-row:3}
}
@media(max-width:650px){
 body.has-city-sidebar #painelPraca:has(.jrpg-sheet){width:calc(100vw - 36px);padding:10px}
 #painelPraca .jrpg-sheet-columns{grid-template-columns:minmax(0,1fr);gap:12px}
 #painelPraca .jrpg-profile{grid-column:1;grid-row:1}
 #painelPraca .jrpg-sheet-columns>.jrpg-loadout{grid-column:1;grid-row:2}
 #painelPraca .inventory-inspector{grid-column:1;grid-row:3}
 #painelPraca .jrpg-attributes{grid-column:1;grid-row:4}
 #painelPraca .jrpg-portrait{height:220px}
 #painelPraca .jrpg-loadout,#painelPraca .inventory-inspector{padding:12px}
 #painelPraca #inventory{min-height:160px;padding:6px;gap:6px;grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}
}

.inventory-power-panel{display:grid;grid-template-columns:1fr auto;gap:8px;padding:16px;margin:14px 0;border:1px solid #d6b56b88;border-radius:10px;background:radial-gradient(ellipse at top right,#b68b3930,transparent),#10272b}
.inventory-power-panel>span{font:11px system-ui;letter-spacing:.12em;color:#c6b383}
.inventory-power-panel>strong{grid-column:1;grid-row:2;font:700 30px Georgia,serif;color:#ffe3a1;font-variant-numeric:tabular-nums;text-shadow:0 0 20px #e6ab5244}
.inventory-power-panel>small{grid-column:1/-1;color:#b7c9bc;font:11px/1.6 system-ui}
#painelPraca .inventory-power-panel>button{grid-column:1/-1;min-height:44px;border-color:#d9ba78;background:linear-gradient(#775c2d,#3d3825);color:#fff0c8}
.inventory-power-upgrade{position:absolute;top:2px;right:5px;color:#93efbd;font:bold 19px system-ui;text-shadow:0 1px 4px #000}
