/* ========================================
   Auctionafy — Glass Theme Overrides
   Inspired by Apple Liquid Glass / rdev/liquid-glass-react
   All rules scoped to [data-afy-theme="glass"]
   ======================================== */

/* --- Design Token Overrides --- */
.afy2[data-afy-theme="glass"],
.afy2-card-inject[data-afy-theme="glass"] {
  --afy-background: rgba(255,255,255,0.04);
  --afy-foreground: #ffffff;
  --afy-card: rgba(255,255,255,0.06);
  --afy-card-foreground: #ffffff;
  --afy-muted: rgba(255,255,255,0.08);
  --afy-muted-foreground: rgba(255,255,255,0.55);
  --afy-border: rgba(255,255,255,0.10);
  --afy-input: rgba(255,255,255,0.12);
  --afy-ring: rgba(255,255,255,0.25);
  --afy-primary: rgba(255,255,255,0.15);
  --afy-primary-foreground: #ffffff;
  --afy-secondary: rgba(255,255,255,0.08);
  --afy-secondary-foreground: #ffffff;
  --afy-accent: rgba(255,255,255,0.08);
  --afy-accent-foreground: #ffffff;
  --afy-destructive: #f87171;
  --afy-destructive-foreground: #ffffff;
  --afy-success: #4ade80;
  --afy-success-foreground: #ffffff;
  --afy-warning: #fbbf24;
  --afy-warning-foreground: #ffffff;

  /* 3D Button tokens — translucent glass versions */
  --afy-btn-gradient-start: rgba(254,103,215,0.45);
  --afy-btn-gradient-end: rgba(252,63,203,0.55);
  --afy-btn-shadow: rgba(178,4,110,0.5);
  --afy-btn-inset: rgba(255,255,255,0.15);
  --afy-btn-confirm-gradient-start: rgba(254,103,215,0.45);
  --afy-btn-confirm-gradient-end: rgba(252,63,203,0.55);
  --afy-btn-confirm-shadow: rgba(178,4,110,0.5);
  --afy-btn-text: #ffffff;
  --afy-btn-text-shadow: rgba(0,0,0,0.35);
  --afy-btn-disabled-gradient-start: rgba(100,100,100,0.35);
  --afy-btn-disabled-gradient-end: rgba(130,130,130,0.4);
  --afy-btn-disabled-shadow: rgba(80,80,80,0.3);

  color: #ffffff;
}

/* --- Base Widget --- */
.afy2[data-afy-theme="glass"] {
  color: #ffffff;
}

/* --- Product Title --- */
.afy2[data-afy-theme="glass"] .afy2-product-title {
  color: #ffffff;
}

/* ==========================
   BANNERS — Tinted Glass
   ========================== */
.afy2[data-afy-theme="glass"] .afy2-banner {
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  border: 1px solid rgba(255,255,255,0.12);
  position: relative;
}

.afy2[data-afy-theme="glass"] .afy2-banner::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0.03) 100%);
  pointer-events: none;
}

.afy2[data-afy-theme="glass"] .afy2-banner--winning {
  background: rgba(74,222,128,0.12);
  border-color: rgba(74,222,128,0.2);
  color: #4ade80;
}

.afy2[data-afy-theme="glass"] .afy2-banner--outbid {
  background: rgba(248,113,113,0.12);
  border-color: rgba(248,113,113,0.2);
  color: #f87171;
}

.afy2[data-afy-theme="glass"] .afy2-banner--won {
  background: rgba(74,222,128,0.15);
  border-color: rgba(74,222,128,0.25);
  color: #4ade80;
}

.afy2[data-afy-theme="glass"] .afy2-banner--lost,
.afy2[data-afy-theme="glass"] .afy2-banner--lost_sold {
  background: rgba(248,113,113,0.12);
  border-color: rgba(248,113,113,0.2);
  color: #f87171;
}

.afy2[data-afy-theme="glass"] .afy2-banner--proxy_active {
  background: rgba(165,180,252,0.12);
  border-color: rgba(165,180,252,0.2);
  color: #a5b4fc;
}

.afy2[data-afy-theme="glass"] .afy2-banner--info {
  background: rgba(165,180,252,0.12);
  border-color: rgba(165,180,252,0.2);
  color: #a5b4fc;
}

.afy2[data-afy-theme="glass"] .afy2-banner--neutral {
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.7);
}

/* ==========================
   STATS PANEL — Glass Card
   ========================== */
.afy2[data-afy-theme="glass"] .afy2-stats {
  background: rgba(255,255,255,0.06);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(255,255,255,0.10);
  position: relative;
  overflow: hidden;
}

.afy2[data-afy-theme="glass"] .afy2-stats::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent);
  pointer-events: none;
}

.afy2[data-afy-theme="glass"] .afy2-stat-label {
  color: rgba(255,255,255,0.50);
}

.afy2[data-afy-theme="glass"] .afy2-stat-value {
  color: #ffffff;
}

.afy2[data-afy-theme="glass"] .afy2-stat-value--bid {
  color: #4ade80;
  background: rgba(74,222,128,0.1);
}

.afy2[data-afy-theme="glass"] .afy2-stat-sub {
  color: rgba(255,255,255,0.45);
}

/* ==========================
   COUNTDOWN — Glass Boxes
   ========================== */
.afy2[data-afy-theme="glass"] .afy2-countdown-box {
  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(12px) saturate(160%);
  -webkit-backdrop-filter: blur(12px) saturate(160%);
  border: 1px solid rgba(255,255,255,0.10);
  position: relative;
  overflow: hidden;
}

.afy2[data-afy-theme="glass"] .afy2-countdown-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
  pointer-events: none;
}

.afy2[data-afy-theme="glass"] .afy2-countdown-value {
  color: #ffffff;
}

.afy2[data-afy-theme="glass"] .afy2-countdown-label {
  color: rgba(255,255,255,0.45);
}

.afy2[data-afy-theme="glass"] .afy2-countdown--ended .afy2-countdown-box {
  background: rgba(248,113,113,0.1);
  border-color: rgba(248,113,113,0.15);
}

/* ==========================
   BID SECTION
   ========================== */
.afy2[data-afy-theme="glass"] .afy2-bid-status {
  color: rgba(255,255,255,0.55);
}

.afy2[data-afy-theme="glass"] .afy2-bid-status::before,
.afy2[data-afy-theme="glass"] .afy2-bid-status::after {
  background: rgba(255,255,255,0.10);
}

.afy2[data-afy-theme="glass"] .afy2-bid-status--winning {
  color: #4ade80;
}

.afy2[data-afy-theme="glass"] .afy2-bid-status--outbid {
  color: #f87171;
}

.afy2[data-afy-theme="glass"] .afy2-bid-status--won {
  color: #4ade80;
}

.afy2[data-afy-theme="glass"] .afy2-bid-status--lost {
  color: #f87171;
}

/* ==========================
   QUICK-ADD BUTTONS — Green Glass Circles
   ========================== */
.afy2[data-afy-theme="glass"] .afy2-quickadd-btn {
  background: rgba(74,222,128,0.15);
  backdrop-filter: blur(8px) saturate(160%);
  -webkit-backdrop-filter: blur(8px) saturate(160%);
  border: 1px solid rgba(74,222,128,0.25);
  color: #4ade80;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.12);
}

.afy2[data-afy-theme="glass"] .afy2-quickadd-btn:hover {
  background: rgba(74,222,128,0.25);
  border-color: rgba(74,222,128,0.35);
}

.afy2[data-afy-theme="glass"] .afy2-quickadd-btn:not(:disabled):active {
  background: rgba(74,222,128,0.3);
}

.afy2[data-afy-theme="glass"] .afy2-quickadd-btn--active {
  background: rgba(74,222,128,0.3);
  border-color: rgba(74,222,128,0.45);
  color: #ffffff;
}

/* ==========================
   CASH APP INPUT — Glass
   ========================== */
.afy2[data-afy-theme="glass"] .afy2-cashapp-input {
  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(8px) saturate(160%);
  -webkit-backdrop-filter: blur(8px) saturate(160%);
  border: 1px solid rgba(255,255,255,0.12);
  color: #ffffff;
  caret-color: #4ade80;
}

.afy2[data-afy-theme="glass"] .afy2-cashapp-input::placeholder {
  color: rgba(255,255,255,0.35);
}

.afy2[data-afy-theme="glass"] .afy2-cashapp-input:focus {
  border-color: rgba(74,222,128,0.4);
  box-shadow: 0 0 0 2px rgba(74,222,128,0.15);
  background: rgba(255,255,255,0.10);
}

.afy2[data-afy-theme="glass"] .afy2-cashapp-input:not(:placeholder-shown) {
  color: #4ade80;
}

/* ==========================
   3D BUTTONS — Glass Push Buttons
   ========================== */
/* Primary (pink) — translucent glass */
.afy2[data-afy-theme="glass"] .afy2-card-btn--primary {
  backdrop-filter: blur(8px) saturate(160%);
  -webkit-backdrop-filter: blur(8px) saturate(160%);
}

.afy2[data-afy-theme="glass"] .afy2-card-btn--primary::before {
  background: linear-gradient(180deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.05) 50%, transparent 100%);
}

/* Green button — translucent glass */
.afy2[data-afy-theme="glass"] .afy2-card-btn--green {
  backdrop-filter: blur(8px) saturate(160%);
  -webkit-backdrop-filter: blur(8px) saturate(160%);
  background: linear-gradient(180deg, rgba(74,222,128,0.55) 0%, rgba(34,197,94,0.65) 100%);
  box-shadow: 0 4px 0 rgba(21,128,61,0.5), inset 0 1px 0 rgba(255,255,255,0.2);
}

.afy2[data-afy-theme="glass"] .afy2-card-btn--green::before {
  background: linear-gradient(180deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.05) 50%, transparent 100%);
}

/* Outline button — glass */
.afy2[data-afy-theme="glass"] .afy2-card-btn--outline {
  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(8px) saturate(160%);
  -webkit-backdrop-filter: blur(8px) saturate(160%);
  border-color: rgba(255,255,255,0.15);
  color: #ffffff;
}

.afy2[data-afy-theme="glass"] .afy2-card-btn--outline::before {
  background: linear-gradient(180deg, rgba(255,255,255,0.1) 0%, transparent 100%);
}

.afy2[data-afy-theme="glass"] .afy2-card-btn--outline:hover {
  background: rgba(255,255,255,0.12);
  border-color: rgba(255,255,255,0.2);
}

/* Confirm state */
.afy2[data-afy-theme="glass"] .afy2-card-btn--confirm {
  backdrop-filter: blur(8px) saturate(160%);
  -webkit-backdrop-filter: blur(8px) saturate(160%);
}

/* Fill bar glass treatment */
.afy2[data-afy-theme="glass"] .afy2-bid-fill {
  background: rgba(255,255,255,0.12);
}

/* Disabled state */
.afy2[data-afy-theme="glass"] .afy2-card-btn--primary:disabled {
  background: linear-gradient(180deg, rgba(100,100,100,0.35) 0%, rgba(130,130,130,0.4) 100%);
  box-shadow: 0 4px 0 rgba(80,80,80,0.3);
}

/* ==========================
   STANDARD BUTTONS — Glass
   ========================== */
.afy2[data-afy-theme="glass"] .afy2-btn--primary {
  background: rgba(255,255,255,0.12);
  backdrop-filter: blur(8px) saturate(160%);
  -webkit-backdrop-filter: blur(8px) saturate(160%);
  border: 1px solid rgba(255,255,255,0.15);
  color: #ffffff;
}

.afy2[data-afy-theme="glass"] .afy2-btn--primary:hover:not(:disabled) {
  background: rgba(255,255,255,0.18);
}

.afy2[data-afy-theme="glass"] .afy2-btn--outline {
  background: rgba(255,255,255,0.06);
  backdrop-filter: blur(8px) saturate(160%);
  -webkit-backdrop-filter: blur(8px) saturate(160%);
  border: 1px solid rgba(255,255,255,0.12);
  color: #ffffff;
}

.afy2[data-afy-theme="glass"] .afy2-btn--outline:hover:not(:disabled) {
  background: rgba(255,255,255,0.10);
}

.afy2[data-afy-theme="glass"] .afy2-btn--ghost {
  color: rgba(255,255,255,0.7);
  border-color: rgba(255,255,255,0.10);
}

.afy2[data-afy-theme="glass"] .afy2-btn--ghost:hover:not(:disabled) {
  background: rgba(255,255,255,0.06);
  color: #ffffff;
}

/* Buy It Now — Pink glass */
.afy2[data-afy-theme="glass"] .afy2-btn--bin {
  background: rgba(254,103,215,0.2);
  backdrop-filter: blur(8px) saturate(160%);
  -webkit-backdrop-filter: blur(8px) saturate(160%);
  border: 1px solid rgba(254,103,215,0.3);
  color: #ffffff;
}

.afy2[data-afy-theme="glass"] .afy2-btn--bin:hover:not(:disabled) {
  background: rgba(254,103,215,0.3);
}

/* Make Offer — Blue glass */
.afy2[data-afy-theme="glass"] .afy2-btn--offer {
  background: rgba(165,180,252,0.15);
  backdrop-filter: blur(8px) saturate(160%);
  -webkit-backdrop-filter: blur(8px) saturate(160%);
  border: 1px solid rgba(165,180,252,0.25);
  color: #ffffff;
}

.afy2[data-afy-theme="glass"] .afy2-btn--offer:hover:not(:disabled) {
  background: rgba(165,180,252,0.25);
}

/* ==========================
   INPUTS — Glass
   ========================== */
.afy2[data-afy-theme="glass"] .afy2-input-wrap {
  background: rgba(255,255,255,0.08);
  border-color: rgba(255,255,255,0.12);
}

.afy2[data-afy-theme="glass"] .afy2-input-wrap:focus-within {
  border-color: rgba(74,222,128,0.4);
  box-shadow: 0 0 0 2px rgba(74,222,128,0.15);
}

.afy2[data-afy-theme="glass"] .afy2-input-prefix {
  color: rgba(255,255,255,0.45);
}

.afy2[data-afy-theme="glass"] .afy2-input {
  color: #ffffff;
  caret-color: #4ade80;
}

.afy2[data-afy-theme="glass"] .afy2-input-label {
  color: rgba(255,255,255,0.7);
}

/* ==========================
   PROXY ROW — Glass
   ========================== */
.afy2[data-afy-theme="glass"] .afy2-proxy-row {
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.10);
}

.afy2[data-afy-theme="glass"] .afy2-proxy-dollar {
  color: rgba(255,255,255,0.45);
}

.afy2[data-afy-theme="glass"] .afy2-proxy-input {
  background: rgba(255,255,255,0.08);
  border-color: rgba(255,255,255,0.12);
  color: #ffffff;
  caret-color: #4ade80;
}

.afy2[data-afy-theme="glass"] .afy2-proxy-input.afy2-atm-input--filled {
  color: #4ade80;
}

.afy2[data-afy-theme="glass"] .afy2-proxy-input:focus {
  border-color: rgba(74,222,128,0.4);
  box-shadow: 0 0 0 2px rgba(74,222,128,0.15);
}

.afy2[data-afy-theme="glass"] .afy2-proxy-confirm {
  background: rgba(74,222,128,0.2);
  border-color: rgba(74,222,128,0.3);
  color: #4ade80;
}

.afy2[data-afy-theme="glass"] .afy2-proxy-confirm:hover:not(:disabled) {
  background: rgba(74,222,128,0.3);
}

.afy2[data-afy-theme="glass"] .afy2-proxy-confirm--disabled {
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.25);
}

/* Proxy overlay (product widget ATM input) */
.afy2[data-afy-theme="glass"] .afy2-proxy-overlay {
  color: rgba(255,255,255,0.35);
}

.afy2[data-afy-theme="glass"] .afy2-proxy-cursor {
  background: #4ade80;
}

/* ==========================
   SEPARATOR / DIVIDER
   ========================== */
.afy2[data-afy-theme="glass"] .afy2-sep {
  border-color: rgba(255,255,255,0.08);
}

.afy2[data-afy-theme="glass"] .afy2-divider::before,
.afy2[data-afy-theme="glass"] .afy2-divider::after {
  background: rgba(255,255,255,0.10);
}

.afy2[data-afy-theme="glass"] .afy2-divider {
  color: rgba(255,255,255,0.40);
}

/* ==========================
   MODAL — Heavy Glass
   ========================== */
.afy2[data-afy-theme="glass"] .afy2-modal-overlay {
  background: rgba(0,0,0,0.5);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.afy2[data-afy-theme="glass"] .afy2-modal {
  background: rgba(20,20,40,0.75);
  backdrop-filter: blur(40px) saturate(200%);
  -webkit-backdrop-filter: blur(40px) saturate(200%);
  border: 1px solid rgba(255,255,255,0.12);
  box-shadow: 0 24px 48px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.1);
  position: relative;
  overflow: hidden;
}

.afy2[data-afy-theme="glass"] .afy2-modal::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
  pointer-events: none;
}

.afy2[data-afy-theme="glass"] .afy2-modal-header {
  border-color: rgba(255,255,255,0.08);
}

.afy2[data-afy-theme="glass"] .afy2-modal-header h3 {
  color: #ffffff;
}

.afy2[data-afy-theme="glass"] .afy2-modal-header p {
  color: rgba(255,255,255,0.55);
}

.afy2[data-afy-theme="glass"] .afy2-modal-body {
  color: rgba(255,255,255,0.8);
}

.afy2[data-afy-theme="glass"] .afy2-modal-footer {
  border-color: rgba(255,255,255,0.08);
}

.afy2[data-afy-theme="glass"] .afy2-modal-close {
  color: rgba(255,255,255,0.55);
}

.afy2[data-afy-theme="glass"] .afy2-modal-close:hover {
  color: #ffffff;
}

/* ==========================
   BID HISTORY
   ========================== */
.afy2[data-afy-theme="glass"] .afy2-history-row {
  border-color: rgba(255,255,255,0.06);
}

.afy2[data-afy-theme="glass"] .afy2-history-bidder {
  color: rgba(255,255,255,0.7);
}

.afy2[data-afy-theme="glass"] .afy2-history-amount {
  color: #4ade80;
}

.afy2[data-afy-theme="glass"] .afy2-history-time {
  color: rgba(255,255,255,0.40);
}

.afy2[data-afy-theme="glass"] .afy2-history-count {
  color: rgba(255,255,255,0.45);
}

/* ==========================
   TOAST — Glass
   ========================== */
.afy2[data-afy-theme="glass"] .afy2-toast,
.afy2-toast[data-afy-theme="glass"] {
  background: rgba(20,20,40,0.8);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(255,255,255,0.12);
  box-shadow: 0 12px 32px rgba(0,0,0,0.4);
  color: #ffffff;
}

.afy2[data-afy-theme="glass"] .afy2-toast--success {
  border-color: rgba(74,222,128,0.3);
}

.afy2[data-afy-theme="glass"] .afy2-toast--error {
  border-color: rgba(248,113,113,0.3);
}

.afy2[data-afy-theme="glass"] .afy2-toast--warning {
  border-color: rgba(251,191,36,0.3);
}

.afy2[data-afy-theme="glass"] .afy2-toast--info {
  border-color: rgba(165,180,252,0.3);
}

/* ==========================
   VALUE BADGE — Blue Glass
   ========================== */
.afy2[data-afy-theme="glass"] .afy2-value-badge,
.afy2-value-badge[data-afy-theme="glass"] {
  background: rgba(59,130,246,0.25);
  backdrop-filter: blur(12px) saturate(160%);
  -webkit-backdrop-filter: blur(12px) saturate(160%);
  border: 1px solid rgba(96,165,250,0.3);
  box-shadow: 0 2px 8px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.15);
}

.afy2[data-afy-theme="glass"] .afy2-value-badge-price,
.afy2-value-badge[data-afy-theme="glass"] .afy2-value-badge-price {
  color: #ffffff;
}

.afy2[data-afy-theme="glass"] .afy2-value-badge-icon svg,
.afy2-value-badge[data-afy-theme="glass"] .afy2-value-badge-icon svg {
  fill: rgba(255,255,255,0.8);
}

/* ==========================
   CHAT — Full Glass Treatment
   ========================== */
.afy2[data-afy-theme="glass"] .afy2-chat {
  background: rgba(255,255,255,0.04);
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  border: 1px solid rgba(255,255,255,0.10);
  position: relative;
  overflow: hidden;
}

.afy2[data-afy-theme="glass"] .afy2-chat::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
  pointer-events: none;
  z-index: 1;
}

.afy2[data-afy-theme="glass"] .afy2-chat-header {
  background: rgba(255,255,255,0.04);
  border-color: rgba(255,255,255,0.08);
}

.afy2[data-afy-theme="glass"] .afy2-chat-header-title {
  color: #ffffff;
}

.afy2[data-afy-theme="glass"] .afy2-chat-live-badge {
  background: rgba(74,222,128,0.15);
  color: #4ade80;
  border-color: rgba(74,222,128,0.25);
}

.afy2[data-afy-theme="glass"] .afy2-chat-live-dot {
  background: #4ade80;
  box-shadow: 0 0 6px #4ade80;
}

.afy2[data-afy-theme="glass"] .afy2-chat-count {
  color: rgba(255,255,255,0.45);
}

.afy2[data-afy-theme="glass"] .afy2-chat-feed {
  background: transparent;
}

.afy2[data-afy-theme="glass"] .afy2-chat-feed::-webkit-scrollbar-track {
  background: rgba(255,255,255,0.04);
}

.afy2[data-afy-theme="glass"] .afy2-chat-feed::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.12);
}

.afy2[data-afy-theme="glass"] .afy2-chat-empty {
  color: rgba(255,255,255,0.35);
}

/* Chat messages */
.afy2[data-afy-theme="glass"] .afy2-chat-msg {
  background: rgba(255,255,255,0.04);
  border-color: rgba(255,255,255,0.06);
}

.afy2[data-afy-theme="glass"] .afy2-chat-msg--bidder {
  background: rgba(251,191,36,0.06);
  border-color: rgba(251,191,36,0.12);
}

.afy2[data-afy-theme="glass"] .afy2-chat-msg--self {
  background: rgba(165,180,252,0.08);
  border-color: rgba(165,180,252,0.15);
}

.afy2[data-afy-theme="glass"] .afy2-chat-name {
  color: rgba(255,255,255,0.7);
}

.afy2[data-afy-theme="glass"] .afy2-chat-name--bidder {
  color: #fbbf24;
}

.afy2[data-afy-theme="glass"] .afy2-chat-bid-tag {
  background: rgba(74,222,128,0.15);
  color: #4ade80;
  border-color: rgba(74,222,128,0.25);
}

.afy2[data-afy-theme="glass"] .afy2-chat-time {
  color: rgba(255,255,255,0.30);
}

.afy2[data-afy-theme="glass"] .afy2-chat-text {
  color: rgba(255,255,255,0.85);
}

/* Chat input */
.afy2[data-afy-theme="glass"] .afy2-chat-input-bar {
  background: rgba(255,255,255,0.04);
  border-color: rgba(255,255,255,0.08);
}

.afy2[data-afy-theme="glass"] .afy2-chat-input {
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.10);
  color: #ffffff;
  caret-color: #4ade80;
}

.afy2[data-afy-theme="glass"] .afy2-chat-input:focus {
  border-color: rgba(74,222,128,0.3);
}

.afy2[data-afy-theme="glass"] .afy2-chat-input::placeholder {
  color: rgba(255,255,255,0.30);
}

.afy2[data-afy-theme="glass"] .afy2-chat-send-btn {
  background: rgba(74,222,128,0.2);
  color: #4ade80;
  border-color: rgba(74,222,128,0.3);
}

.afy2[data-afy-theme="glass"] .afy2-chat-send-btn:hover:not(:disabled) {
  background: rgba(74,222,128,0.3);
}

.afy2[data-afy-theme="glass"] .afy2-chat-send-btn:disabled {
  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.25);
  border-color: rgba(255,255,255,0.08);
}


.afy2[data-afy-theme="glass"] .afy2-chat-disabled {
  color: rgba(255,255,255,0.35);
}

/* ==========================
   COLLECTION CARDS — Glass
   ========================== */
.afy2-card-inject[data-afy-theme="glass"] {
  background: rgba(255,255,255,0.06);
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  border: 1px solid rgba(255,255,255,0.10);
  position: relative;
  overflow: hidden;
  color: #ffffff;
}

.afy2-card-inject[data-afy-theme="glass"]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
  pointer-events: none;
}

/* Collection card stats */
.afy2-card-inject[data-afy-theme="glass"] .afy2-card-stats {
  background: rgba(255,255,255,0.04);
  border-color: rgba(255,255,255,0.08);
}

.afy2-card-inject[data-afy-theme="glass"] .afy2-card-stat-label {
  color: rgba(255,255,255,0.45);
}

.afy2-card-inject[data-afy-theme="glass"] .afy2-card-stat-value {
  color: #ffffff;
}

.afy2-card-inject[data-afy-theme="glass"] .afy2-bid-amount {
  color: #4ade80;
}

.afy2-card-inject[data-afy-theme="glass"] .afy2-card-stat-divider {
  background: rgba(255,255,255,0.08);
}

.afy2-card-inject[data-afy-theme="glass"] .afy2-clock-icon {
  color: rgba(255,255,255,0.45);
}

/* Collection card timer */
.afy2-card-inject[data-afy-theme="glass"] .afy2-card-stat--timer .afy2-card-stat-value {
  color: rgba(255,255,255,0.85);
}

/* Collection card buttons */
.afy2-card-inject[data-afy-theme="glass"] .afy2-card-btn--outline {
  background: rgba(255,255,255,0.08);
  border-color: rgba(255,255,255,0.15);
  color: #ffffff;
}

.afy2-card-inject[data-afy-theme="glass"] .afy2-card-btn--outline:hover {
  background: rgba(255,255,255,0.12);
}

.afy2-card-inject[data-afy-theme="glass"] .afy2-card-btn--primary {
  backdrop-filter: blur(8px) saturate(160%);
  -webkit-backdrop-filter: blur(8px) saturate(160%);
}

/* Collection proxy row */
.afy2-card-inject[data-afy-theme="glass"] .afy2-proxy-row {
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.10);
}

.afy2-card-inject[data-afy-theme="glass"] .afy2-proxy-dollar {
  color: rgba(255,255,255,0.45);
}

.afy2-card-inject[data-afy-theme="glass"] .afy2-proxy-input {
  background: rgba(255,255,255,0.08);
  border-color: rgba(255,255,255,0.12);
  color: #ffffff;
  caret-color: #4ade80;
}

.afy2-card-inject[data-afy-theme="glass"] .afy2-proxy-input.afy2-atm-input--filled {
  color: #4ade80;
}

.afy2-card-inject[data-afy-theme="glass"] .afy2-proxy-confirm {
  background: rgba(74,222,128,0.2);
  border-color: rgba(74,222,128,0.3);
  color: #4ade80;
}

.afy2-card-inject[data-afy-theme="glass"] .afy2-proxy-confirm--disabled {
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.25);
}

/* Collection card status */
.afy2-card-inject[data-afy-theme="glass"] .afy2-card-status {
  color: rgba(255,255,255,0.55);
}

.afy2-card-inject[data-afy-theme="glass"] .afy2-card-status--winning {
  color: #4ade80;
}

.afy2-card-inject[data-afy-theme="glass"] .afy2-card-status--outbid {
  color: #f87171;
}

.afy2-card-inject[data-afy-theme="glass"] .afy2-card-status--neutral {
  color: rgba(255,255,255,0.45);
}

/* ==========================
   TOOLTIP — Glass (appended to body)
   ========================== */
.afy2-hint-tooltip[data-afy-theme="glass"] {
  background: rgba(20,20,40,0.8);
  backdrop-filter: blur(20px) saturate(200%);
  -webkit-backdrop-filter: blur(20px) saturate(200%);
  border: 1px solid rgba(255,255,255,0.15);
  color: rgba(255,255,255,0.85);
  box-shadow: 0 8px 24px rgba(0,0,0,0.3);
}

/* ==========================
   ACTIONS ROW
   ========================== */
.afy2[data-afy-theme="glass"] .afy2-actions .afy2-btn {
  color: rgba(255,255,255,0.65);
  border-color: rgba(255,255,255,0.08);
}

.afy2[data-afy-theme="glass"] .afy2-actions .afy2-btn:hover:not(:disabled) {
  background: rgba(255,255,255,0.06);
  color: #ffffff;
}

/* ==========================
   CHECKBOX
   ========================== */
.afy2[data-afy-theme="glass"] .afy2-checkbox-label {
  color: rgba(255,255,255,0.8);
}

/* ==========================
   COLLECTION TOAST (outside widget root)
   ========================== */
/* The injector toast sits outside the widget — match via adjacent class */
[data-afy-theme="glass"] ~ .afy2-toast,
.afy2-toast[data-afy-theme="glass"] {
  background: rgba(20,20,40,0.8);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(255,255,255,0.12);
  box-shadow: 0 12px 32px rgba(0,0,0,0.4);
  color: #ffffff;
}