/* Personal loot uses the same item links and quiet working surfaces as wishlists. */
.vmw-loot-page { display: grid; gap: 18px; width: 100%; min-width: 0; }
.vmw-loot-new { display: inline-flex; align-items: center; flex: 0 0 auto; width: fit-content; padding: 3px 6px; border: 1px solid color-mix(in srgb, var(--vmw-accent) 45%, var(--vmw-border)); border-radius: var(--vmw-radius-sm); color: var(--vmw-link); background: var(--vmw-accent-faint); font-size: .61rem; font-weight: 700; line-height: 1.35; letter-spacing: .06em; text-transform: uppercase; }
.vmw-loot-new { color: color-mix(in srgb, var(--vmw-ok) 65%, var(--rz-text-color)); border-color: color-mix(in srgb, var(--vmw-ok) 40%, var(--vmw-border)); background: color-mix(in srgb, var(--vmw-ok) 9%, transparent); }
.vmw-loot-owner { display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; gap: 16px; padding: 18px; }
.vmw-loot-owner > img { flex-shrink: 0; border: 1px solid var(--vmw-border-strong); border-radius: var(--vmw-radius); }
.vmw-loot-owner > div { flex: 1; min-width: 160px; }
.vmw-loot-owner h2 { margin: 5px 0; font: 600 1.05rem/1.4 var(--vmw-font-display); overflow-wrap: anywhere; }
.vmw-loot-owner p { margin: 0; color: var(--vmw-dim); font-size: .78rem; line-height: 1.55; }
.vmw-loot-owner > .vmw-link-btn { flex-shrink: 0; }
.vmw-loot-search { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px 16px; padding: 18px; border-bottom: 1px solid var(--vmw-border); }
.vmw-loot-search > label { grid-column: 1 / -1; }
.vmw-loot-search-count { font-size: .72rem; color: var(--vmw-dim); white-space: nowrap; font-variant-numeric: tabular-nums; }
.vmw-loot-history-list { list-style: none; margin: 0; padding: 0; }
.vmw-loot-history-entry { display: grid; grid-template-columns: minmax(260px, 1.5fr) minmax(200px, 1fr) minmax(140px, .6fr); align-items: center; gap: 18px; padding: 18px; }
.vmw-loot-history-entry + .vmw-loot-history-entry { border-top: 1px solid var(--vmw-border); }
.vmw-loot-history-item { display: flex; align-items: center; gap: 10px; min-width: 0; }
.vmw-loot-history-item .vmw-wish-item-link { flex: 1; min-width: 0; }
.vmw-loot-raid-context, .vmw-loot-received, .vmw-loot-received time { display: flex; flex-direction: column; gap: 5px; min-width: 0; overflow-wrap: anywhere; }
.vmw-loot-raid-context strong, .vmw-loot-received strong { color: var(--rz-text-color); font-size: .83rem; font-weight: 650; line-height: 1.4; }
.vmw-loot-raid-context > span:not(.vmw-loot-detail-label), .vmw-loot-received time > span { font-size: .74rem; line-height: 1.55; color: var(--vmw-dim); }
.vmw-loot-detail-label { color: var(--vmw-dim); font-size: .62rem; line-height: 1.5; font-weight: 650; letter-spacing: .055em; text-transform: uppercase; }
.vmw-loot-time-note { display: flex; align-items: flex-start; gap: 7px; margin: 0; padding: 12px 18px; border-top: 1px solid var(--vmw-border); color: var(--vmw-dim); font-size: .72rem; line-height: 1.6; }
.vmw-loot-time-note > .rzi { flex-shrink: 0; font-size: 17px; line-height: 1.35; }
.vmw-loot-section-head { gap: 16px; }
.vmw-loot-section-head > div { flex: 1; min-width: 0; }
.vmw-loot-section-head h2 { margin: 0; font: 600 1.15rem/1.4 var(--vmw-font-display); }
.vmw-loot-section-head p { margin: 5px 0 0; color: var(--vmw-dim); font-size: .82rem; line-height: 1.5; }
.vmw-loot-section-head > .vmw-link-btn { flex-shrink: 0; }
.vmw-recent-loot-items { display: grid; grid-auto-flow: column; grid-auto-columns: max(230px, calc((100% - 72px) / 5)); gap: 18px; list-style: none; margin: 0; padding: 18px; min-width: 0; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity; scroll-padding-inline: 18px; }
.vmw-recent-loot-items:focus-visible { outline: 2px solid var(--vmw-accent); outline-offset: -4px; border-radius: var(--vmw-radius); }
.vmw-recent-loot-items > li { display: flex; flex-direction: column; align-items: stretch; gap: 12px; min-width: 0; padding: 12px; border: 1px solid var(--vmw-border); border-radius: var(--vmw-radius); background: var(--vmw-inset); scroll-snap-align: start; }
.vmw-loot-card-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.vmw-recent-loot-items .vmw-wish-item-link { min-height: 90px; padding: 12px; align-items: center; justify-content: center; text-align: center; }
.vmw-recent-loot-items .vmw-wish-item-name { min-width: 0; font-size: .9rem; }
.vmw-loot-card-time { display: flex; align-items: flex-start; gap: 5px; padding-top: 10px; margin-top: auto; border-top: 1px solid var(--vmw-border); color: var(--vmw-dim); font-size: .68rem; line-height: 1.5; }
.vmw-loot-card-time .rzi { flex-shrink: 0; font-size: 15px; line-height: 1.35; }
@media (max-width: 1000px) {
    .vmw-loot-history-entry { grid-template-columns: minmax(0, 1fr) minmax(140px, auto); }
    .vmw-loot-history-item { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
    .vmw-loot-history-entry { padding: 14px; gap: 14px; }
    .vmw-loot-search { padding: 14px; grid-template-columns: minmax(0, 1fr); gap: 8px; }
    .vmw-loot-search > label { grid-column: 1; }
    .vmw-loot-owner { padding: 14px; gap: 12px; }
    .vmw-loot-owner > .vmw-link-btn { width: 100%; }
    .vmw-loot-history-item { flex-wrap: wrap; }
    .vmw-loot-history-item .vmw-wish-item-link { flex-basis: calc(100% - 54px); }
    .vmw-recent-loot-items { padding: 14px; scroll-padding-inline: 14px; }
    .vmw-loot-time-note { padding-inline: 14px; }
}
@media (max-width: 460px) {
    .vmw-loot-history-entry { grid-template-columns: minmax(0, 1fr); }
    .vmw-loot-history-item { grid-column: auto; }
    .vmw-loot-section-head > .vmw-link-btn { width: 100%; }
}
