/* Physical inventory frames. Slot sizes, grid tracks, window placement and canvas stay unchanged. */
#panel-bags,#panel-character{
 border-color:#a58a58;border-radius:2px;
 background:linear-gradient(112deg,#243039,#111d25 65%,#19252b);
 box-shadow:inset 0 0 0 1px #d7bb7844,inset 0 0 0 5px #050f1780,0 9px 25px #0009;
}
#panel-bags>header,#panel-character>header{
 background:linear-gradient(100deg,#18252c,#39423d 50%,#17232b);
 border-bottom-color:#b3975f;color:#f0dbad;text-shadow:0 2px 2px #040b10;
 box-shadow:inset 0 1px #e3c88866,inset 0 -3px #070e1370;
}
#panel-bags>header::before,#panel-character>header::before{
 content:'';position:absolute;left:3px;right:3px;top:3px;height:41px;pointer-events:none;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath fill='none' stroke='%23c3a568' d='M3 27V3h25M7 21V7h15'/%3E%3Cpath fill='%23947b4c' d='m4 4 14 5-8 2-2 8Z'/%3E%3C/svg%3E") left top/35px 35px no-repeat;
}
#panel-bags>header button,#panel-character>header button{color:#ddc28e;text-shadow:0 1px #000}
#panel-bags .panel-content,#panel-character .panel-content{scrollbar-color:#a38b60 #111d24}
#panel-bags .panel-summary{border-color:#8d784c;color:#bfcacb;font:13px Georgia,serif;align-items:baseline}
#panel-bags .panel-summary>b{font-weight:normal;color:#c8d1c8}
#panel-bags .panel-summary>span{color:#e3b181;font-weight:bold;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000}
#panel-bags .panel-summary>span::before{content:'';display:inline-block;width:10px;height:10px;margin-right:5px;vertical-align:baseline;border-radius:50%;border:1px solid #e3b482;background:radial-gradient(circle at 35% 25%,#d0a06a,#8f613b 55%,#493626);box-shadow:inset 0 0 0 2px #b98a5155,0 1px 2px #000}
#panel-bags .bag-controls input{background:#0e1a22;border-color:#746a51;color:#f0dfb7;box-shadow:inset 0 2px 4px #0006}
#panel-bags .bag-controls input::placeholder{color:#abb5b2}
#panel-bags .bag-controls button{background:linear-gradient(#354039,#202d30);border-color:#8d7952;color:#ead7ac}
#panel-bags .bag-equipment{border-color:#837348}
#panel-bags .bag-container h3{color:#ead4a1;text-shadow:0 1px 2px #000;letter-spacing:.15px}
#panel-bags .bag-container h3 small{color:#bdc7bf;font-size:11px}
#panel-bags .inventory-grid{background:linear-gradient(135deg,#111d23,#19272b);border-color:#8b744b;box-shadow:inset 0 0 0 2px #050d136b}
#panel-bags .physical-slot,#panel-character .physical-slot{
 border-style:solid;border-color:#88764e;
 background:radial-gradient(ellipse at 45% 30%,#34434a,#111d24 76%);
 box-shadow:inset 0 0 0 1px #050d14,inset 1px 1px 0 2px #bbaa7440,inset 0 -3px 6px #0008,0 1px 1px #0009;
}
#panel-bags .physical-slot.uncommon,#panel-character .physical-slot.uncommon{border-color:#82a86b}
#panel-bags .physical-slot.rare,#panel-character .physical-slot.rare{border-color:#739fce}
#panel-bags .physical-slot.epic,#panel-character .physical-slot.epic{border-color:#b184cd}
#panel-bags .physical-slot:hover,#panel-character .physical-slot:hover{outline-color:#efd399;filter:brightness(1.14)}
#panel-bags .slot-etch{color:#aeb5a2;font-size:10px}
#panel-character .equipment-column .slot-etch,#panel-character .weapon-slots .slot-etch{visibility:hidden}
/* Equipment labels directly beneath these slots already name every empty slot,
   so omit the duplicate cramped inscription inside its 36px recess. */
#panel-character .equipment-column label>small,#panel-character .weapon-slots label>small{color:#d1c6a8;font-size:10px;line-height:10px;text-shadow:0 1px #000}
#panel-character .character-heading h2{color:#f0dcac;text-shadow:0 2px 3px #000;font-weight:normal;letter-spacing:.4px}
#panel-character .character-heading>span{color:#c4cebf}
#panel-character .paperdoll-center{background:radial-gradient(ellipse at 50% 38%,#68776b35,#10212b 78%);border-color:#806c48;box-shadow:inset 0 0 12px #050d1866}
#panel-character .paperdoll-center>small{color:#cbbd98;font-size:11px}
#panel-character .stat-grid{background:linear-gradient(90deg,#a1875030,#0d1c20,#a1875020);box-shadow:inset 0 1px #b0985944,inset 0 -1px #b098592b}
#panel-character .stat-grid>div{background:transparent;color:#c5cbbd;font-size:11px}
#panel-character .stat-grid>div+div{box-shadow:-1px 0 #9b864838}
#panel-character .stat-grid b{color:#e9d4a0;font-variant-numeric:tabular-nums}
#panel-bags .muted,#panel-character .muted{color:#b6c0b7}
#panel-character details>summary{color:#dfc795}
#panel-bags .physical-slot.valid-drop,#panel-character .physical-slot.valid-drop{border-color:#c6db94;box-shadow:0 0 5px #bedf7888,inset 0 0 0 1px #eef0b6}
.larger-ui-text #panel-bags .panel-summary,.larger-ui-text #panel-character .character-heading>span{font-size:14px}
.high-contrast-ui #panel-bags,.high-contrast-ui #panel-character{background:#08131b;color:#fff2d0}
.high-contrast-ui #panel-bags .muted,.high-contrast-ui #panel-character .muted,.high-contrast-ui #panel-character label>small{color:#fff2cf}
@media(forced-colors:active){#panel-bags .physical-slot,#panel-character .physical-slot{border-color:ButtonText}#panel-bags>header::before,#panel-character>header::before{display:none}}