/* Žaidėjų panelė – papildomi stiliai (pagrindas: /admin/admin.css) */
.brand small.player { color: #7cc4ff; }
.nav-link .soon { margin-left: auto; font-size: 10px; color: var(--muted); border: 1px solid var(--line); border-radius: 4px; padding: 1px 5px; }
.nav-link.staff { color: var(--accent); }
.nav-link.staff i { color: var(--accent); }

.hero { display: flex; align-items: center; gap: 16px; background: var(--panel); border: 1px solid var(--line); border-radius: 12px; padding: 18px; margin-bottom: 14px; flex-wrap: wrap; }
.hero img { width: 72px; height: 72px; border-radius: 50%; background: var(--panel-2); }
.hero .who { flex: 1; min-width: 200px; }
.hero h2 { margin: 0 0 4px; font-size: 22px; }
.hero .sub { color: var(--muted); font-size: 13px; display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.state { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; }
.state .dot { width: 9px; height: 9px; }
.tags { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 8px; }
.tag { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; padding: 3px 8px; border-radius: 5px; background: var(--panel-2); color: #c3cad6; border: 1px solid var(--line); }
.tag.vip { background: rgba(255,196,0,.12); color: #ffd84a; border-color: rgba(255,196,0,.35); }
.tag.linked { background: rgba(88,101,242,.15); color: #a5b0ff; border-color: rgba(88,101,242,.4); }
.tag.staff { background: rgba(232,102,26,.14); color: var(--accent); border-color: rgba(232,102,26,.4); }

.grid2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 14px; margin-top: 14px; }
.box { background: var(--panel); border: 1px solid var(--line); border-radius: 12px; padding: 16px; }
.box h3 { margin: 0 0 12px; font-size: 14px; color: var(--muted); text-transform: uppercase; letter-spacing: 1px; font-weight: 600; display: flex; align-items: center; gap: 8px; }
.box h3 i { color: var(--accent); }
.row-kv { display: flex; justify-content: space-between; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--line); }
.row-kv:last-child { border-bottom: 0; }
.row-kv span:first-child { color: var(--muted); }
.row-kv b { font-variant-numeric: tabular-nums; text-align: right; }
.member { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--line); }
.member:last-child { border-bottom: 0; }
.member .nm { flex: 1; }
.member .crown { color: #ffd84a; font-size: 12px; }
.muted { color: var(--muted); }
.cta { display: flex; align-items: center; gap: 14px; background: linear-gradient(90deg, rgba(88,101,242,.18), rgba(88,101,242,.04)); border: 1px solid rgba(88,101,242,.4); border-radius: 12px; padding: 14px 16px; margin-bottom: 14px; }
.cta i { font-size: 26px; color: #a5b0ff; }
.cta div { flex: 1; }
.cta a { white-space: nowrap; text-decoration: none; background: #5865f2; color: #fff; padding: 9px 14px; border-radius: 8px; font-weight: 700; }
.countdown { font-size: 26px; font-weight: 700; font-variant-numeric: tabular-nums; margin: 4px 0 2px; }
.btn-link { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; }
.warn-line { background: rgba(245,185,66,.08); border: 1px solid rgba(245,185,66,.35); color: #fde68a; border-radius: 10px; padding: 10px 12px; margin-bottom: 14px; font-size: 13px; }

/* ---------- IronWilds metalo tema (2026-10-14) ---------- */
.hero, .box, .cta, .warn-line, .stat, .tile { border-radius: 2px; }
.hero, .box { background: linear-gradient(180deg, var(--panel-2), var(--panel) 60%); box-shadow: inset 0 1px 0 rgba(255,255,255,.04); }
.hero h1, .hero h2, .box h3, .box .title { font-family: "Saira Condensed", "Roboto Condensed", Arial, sans-serif; }