/* The wallet panel. Same look as the VAMPS games panel (crimson edge, badge, status line, wallet app links). */
.gtd-panel { margin: 22px 0 0; padding: 18px 20px; max-width: 520px; border: 1px solid rgba(255, 42, 61, 0.55); border-radius: 14px; background: linear-gradient(160deg, rgba(30, 12, 20, 0.96), rgba(12, 9, 14, 0.96)); box-shadow: 0 0 22px rgba(255, 42, 61, 0.18); }
.gtd-panel[hidden] { display: none; }
.gtd-panel__head { display: flex; align-items: center; gap: 14px; }
.gtd-badge { width: 56px; height: 56px; object-fit: contain; flex: none; filter: drop-shadow(0 4px 10px #000a); }
.gtd-panel__kicker { margin: 0 0 4px; font-size: 11px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: #ff2a3d; }
.gtd-panel__text { margin: 0; font-size: 15px; line-height: 1.5; color: #f6f1ea; }
.gtd-actions { margin-top: 14px; display: flex; flex-wrap: wrap; gap: 10px; }
.gtd-actions[hidden], .gtd-apps[hidden], .gtd-done[hidden] { display: none; }
.gtd-actions .wbtn, .gtd-apps__row a, .gtd-done .wbtn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 20px; border-radius: 10px; border: 1px solid rgba(255, 42, 61, 0.6); background: rgba(255, 42, 61, 0.14); color: #f6f1ea; font: 700 15px/1 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; text-decoration: none; cursor: pointer; }
.gtd-actions .wbtn:hover, .gtd-apps__row a:hover, .gtd-done .wbtn:hover { background: rgba(255, 42, 61, 0.26); }
.gtd-actions .wbtn:disabled { opacity: 0.5; cursor: default; }
.gtd-apps { margin-top: 14px; }
.gtd-apps p { margin: 0 0 10px; font-size: 13px; color: #b9adb3; }
.gtd-apps__row { display: flex; flex-wrap: wrap; gap: 10px; }
.gtd-apps__row a { flex: 1 1 140px; min-height: 48px; }
.gtd-done { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 14px; }
.gtd-chip { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; padding: 8px 14px 8px 8px; border: 1px solid rgba(124, 228, 168, 0.55); border-radius: 999px; background: rgba(124, 228, 168, 0.08); font-size: 13px; }
.gtd-chip img { width: 28px; height: 28px; object-fit: contain; }
.gtd-chip b { color: #9ff0bf; font-weight: 600; }
.gtd-chip span { color: #f6f1ea; font-size: 12px; letter-spacing: 0.06em; }
.gtd-panel.no .gtd-chip { border-color: rgba(255, 194, 77, 0.55); background: rgba(255, 194, 77, 0.08); }
.gtd-panel.no .gtd-chip b { color: #ffd98a; }
@media (max-width: 760px) {
  .gtd-panel { padding: 16px 14px; max-width: none; }
  .gtd-actions .wbtn { width: 100%; }
}

[hidden] { display: none !important; }

/* Tenvek theme: hairline panel, spectrum accents (overrides the crimson of the games panel) */
.gtd-panel { margin-top: 24px; max-width: 620px; border: 1px solid var(--line-2, rgba(150, 165, 215, 0.28)); border-radius: 14px; background: linear-gradient(180deg, #0d1019, #0a0c14); box-shadow: 0 20px 60px -30px rgba(110, 70, 235, 0.6); }
.gtd-panel__kicker { color: var(--cyan, #32cde6); letter-spacing: 0.2em; }
.gtd-panel__text { color: #e9ebf4; }
.gtd-actions .wbtn, .gtd-apps__row a, .gtd-done .wbtn { border: 1px solid var(--line-2, rgba(150, 165, 215, 0.28)); background: rgba(13, 16, 25, 0.8); color: #e9ebf4; font-family: var(--font, system-ui); border-radius: 10px; }
.gtd-actions .wbtn:hover, .gtd-apps__row a:hover, .gtd-done .wbtn:hover { border-color: var(--cyan, #32cde6); background: rgba(50, 205, 230, 0.08); }
.gtd-apps p { color: #8f96ad; }
.gtd-chip span { color: #e9ebf4; }