/* Item Worth - Seitenstil, angelehnt an die Auktionspreise-Tabelle */
.wrap{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:28px 18px 64px}

/* Zurueck-Link und Buttons wie auf den anderen Seiten */
.back{display:inline-flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--border);
  border-radius:12px;padding:9px 16px;color:var(--muted);font-weight:600;font-size:14px;margin-bottom:22px;transition:.2s}
.back:hover{color:var(--text);border-color:var(--accent);background:var(--card-2)}
.btn{flex:0 0 auto;white-space:nowrap;background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#0a0a0c;border:none;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;transition:.12s}
.btn:hover{transform:translateY(-2px)}
.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
h1 .grad{background:linear-gradient(90deg,#2dd4bf,#e8e8f0);-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{color:#8b8ba0;margin:6px 0 18px;font-size:14px}

.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.search{flex:1 1 280px;min-width:220px;background:#0f0f16;border:1px solid rgba(255,255,255,.12);color:#f3f3f7;border-radius:12px;padding:12px 16px;font-size:14px;outline:none}
.search:focus{border-color:#2dd4bf}
.sortsel{background:#0f0f16;border:1px solid rgba(255,255,255,.12);color:#f3f3f7;border-radius:12px;padding:12px 14px;font-size:14px;outline:none;cursor:pointer}
.sortsel:focus{border-color:#2dd4bf}

.status{color:#8b8ba0;font-size:12.5px;margin:0 0 10px}
.status b{color:#f3f3f7}

table.worth{width:100%;border-collapse:collapse;background:#0d0d13;border:1px solid rgba(255,255,255,.09);border-radius:12px;overflow:hidden}
table.worth th{background:#12121a;color:#8b8ba0;font-size:11px;letter-spacing:.06em;text-transform:uppercase;text-align:left;padding:10px 14px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.09)}
table.worth th.num{text-align:right}
table.worth td{padding:9px 14px;font-size:14px;border-bottom:1px solid rgba(255,255,255,.05)}
table.worth tr:last-child td{border-bottom:none}
table.worth tbody tr:hover{background:rgba(45,212,191,.06)}

.item{display:flex;align-items:center;gap:10px}
.item img{width:22px;height:22px;image-rendering:pixelated;flex:0 0 22px}
.item .nm{color:#f3f3f7}
.item .id{color:#6f6f85;font-size:11.5px;margin-left:2px}

td.val{text-align:right;font-variant-numeric:tabular-nums;color:#5bd99a;font-weight:600;white-space:nowrap}

.loading,.empty{display:flex;align-items:center;justify-content:center;gap:10px;color:#8b8ba0;padding:40px 16px;font-size:14px}
.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.18);border-top-color:#2dd4bf;border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

.attrib{color:#6f6f85;font-size:12px;margin-top:14px;line-height:1.5}

@media (max-width:560px){
  .item .id{display:none}
  table.worth td,table.worth th{padding:8px 10px}
}