/* Full width item viewer */
.items-full-section .container,
.items-full-section .container-lg,
.items-full-section .container-xl,
.items-full-section .container-xxl {
    max-width: 100% !important;
}

.item-viewer-card {
    width: 100%;
}

.stat-mini { padding: 22px; }
.stat-mini span { display: block; color: #bfb39e; font-size: .9rem; }
.stat-mini strong { display: block; color: var(--gold); font-size: 2rem; line-height: 1.1; }

.item-table-wrap {
    width: 100%;
    max-height: 720px;
    overflow: auto;
    border-radius: 18px;
}

.item-table {
    min-width: 1650px;
}

.item-table thead th {
    position: sticky;
    top: 0;
    background: rgba(8,10,16,.98);
    z-index: 3;
}

.item-table td,
.item-table th {
    white-space: nowrap;
    vertical-align: middle;
}

.item-name-col {
    min-width: 310px;
}

.item-icon {
    width: 32px;
    height: 32px;
    object-fit: contain;
    border-radius: 8px;
    border: 1px solid rgba(255,209,92,.25);
    background: rgba(0,0,0,.35);
}

.item-icon-missing {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #777;
    font-weight: 900;
}

.stat-cell {
    color: #fff;
    font-weight: 800;
    text-align: center;
    min-width: 54px;
}

.stat-cell:empty::after {
    content: "-";
    color: #666;
    font-weight: 400;
}

.item-detail {
    background: rgba(0,0,0,.26);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;
    padding: 18px;
}

.item-detail pre {
    background: #05070c;
    color: #d7cab3;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    padding: 14px;
    min-height: 130px;
    max-height: 260px;
    overflow: auto;
    white-space: pre-wrap;
}