.user-file-tabs { display: flex; flex-wrap: wrap; gap: 5px; padding: 12px 20px; border-bottom: 1px solid var(--border); }
.user-file-tabs button { padding: 10px 14px; border: 1px solid var(--border); border-radius: 6px; background: #101723; color: var(--text-dim); font: inherit; cursor: pointer; }
.user-file-tabs button[aria-selected="true"] { color: #f8d777; border-color: #ad8d36; background: #282216; }
.user-file-tabs button:focus-visible, #userInventoryPanel :focus-visible { outline: 2px solid #f8d777; outline-offset: 3px; }
.user-file-panel[hidden], .user-file-tabs button[hidden], .user-inventory-detail[hidden] { display: none; }
.user-inventory-heading { display: flex; align-items: start; justify-content: space-between; gap: 12px; }
.user-inventory-heading p, .user-inventory-note { color: var(--text-dim); font-size: 13px; line-height: 1.6; margin-top: 8px; }
.user-inventory-totals { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 18px 0 12px; }
.user-inventory-totals article { padding: 14px; border: 1px solid var(--border); border-radius: 8px; background: #0d1520; }
.user-inventory-totals span { color: var(--text-dim); display: block; font-size: 12px; }
.user-inventory-totals strong { font-size: 22px; color: #f4d276; }
.user-inventory-kinds { display: flex; flex-wrap: wrap; gap: 7px; }
.user-inventory-kinds span { border: 1px solid var(--border); border-radius: 5px; padding: 8px; font-size: 12px; }
.user-inventory-filters { display: flex; flex-wrap: wrap; gap: 12px; align-items: end; margin: 18px 0; }
.user-inventory-filters label { display: grid; gap: 6px; color: var(--text-dim); flex: 1 1 150px; min-width: 0; font-size: 12px; }
.user-inventory-filters select { width: 100%; min-width: 0; padding: 10px; color: var(--text); background: #101827; border: 1px solid var(--border); border-radius: 5px; font: inherit; }
.user-inventory-rows, .user-inventory-history { display: grid; gap: 10px; }
.user-inventory-rows article { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 14px; border: 1px solid var(--border); border-radius: 8px; }
.user-inventory-rows span, .user-inventory-history small { display: block; margin-top: 5px; font-size: 12px; color: var(--text-dim); }
.user-inventory-detail { border-top: 1px solid var(--border); margin-top: 24px; padding-top: 20px; }
.user-inventory-detail h4 { margin: 22px 0 10px; }
.user-inventory-detail > p { margin-top: 12px; line-height: 1.6; }
.user-inventory-history article { border: 1px solid var(--border); border-radius: 5px; padding: 12px; line-height: 1.6; }
.user-inventory-message { margin: 12px 0; color: var(--text-dim); line-height: 1.5; }
.user-inventory-message.is-error { color: #ffb5b5; }
#userInventoryPanel button { white-space: normal; }
#userInventoryPanel { overflow-wrap: anywhere; }
#userInventoryMore, #userInventoryFundingMore, #userInventoryEventsMore { margin-top: 12px; }
#userBattlecoinsPanel .battlecoin-account-detail, #userIncidentsPanel .bc-incidents { margin: 0; }
@media (max-width: 600px) {
  .user-file-tabs { padding: 10px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .user-file-tabs button { padding: 10px 5px; font-size: 12px; }
  .user-inventory-totals { grid-template-columns: 1fr; }
  .user-inventory-rows article { grid-template-columns: 1fr; }
  .user-inventory-filters label { flex-basis: 100%; }
  .user-inventory-heading { flex-wrap: wrap; }
}