/* GSM My Auctions — v1.1.1 — override dark theme */

/* Reset total dentro del contenedor GSM */
#gsm-ma, #gsm-ma * {
  box-sizing: border-box !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* ── KPIs ──────────────────────────────────────────────────────── */
#gsm-ma .gsm-ma-kpis {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 0 0 18px !important;
}
#gsm-ma .gsm-ma-kpi {
  background: #1a3a2a !important;
  border: 1px solid #2a5a3a !important;
  border-radius: 8px !important;
  padding: 14px 8px !important;
  text-align: center !important;
}
#gsm-ma .gsm-ma-kpi:nth-child(1) { border-top: 3px solid #8aad98 !important; }
#gsm-ma .gsm-ma-kpi:nth-child(2) { border-top: 3px solid #74b9ff !important; }
#gsm-ma .gsm-ma-kpi:nth-child(3) { border-top: 3px solid #55efc4 !important; }
#gsm-ma .gsm-ma-kpi:nth-child(4) { border-top: 3px solid #ffeaa7 !important; }
#gsm-ma .gsm-ma-kpi__val {
  display: block !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: 1 !important;
  margin: 0 !important;
}
#gsm-ma .gsm-ma-kpi__val--blue  { color: #74b9ff !important; }
#gsm-ma .gsm-ma-kpi__val--green { color: #55efc4 !important; }
#gsm-ma .gsm-ma-kpi__val--amber { color: #ffeaa7 !important; }
#gsm-ma .gsm-ma-kpi__lbl {
  display: block !important;
  font-size: 10px !important;
  text-transform: uppercase !important;
  letter-spacing: .6px !important;
  color: #8aad98 !important;
  margin-top: 5px !important;
  font-weight: 600 !important;
}

/* ── Section labels ────────────────────────────────────────────── */
#gsm-ma .gsm-ma-section-lbl {
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .6px !important;
  color: #8aad98 !important;
  border-bottom: 1px solid #2a5a3a !important;
  padding-bottom: 6px !important;
  margin: 16px 0 8px !important;
}

/* ── Cards container ───────────────────────────────────────────── */
#gsm-ma .gsm-ma-cards {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

/* ── Card base ─────────────────────────────────────────────────── */
#gsm-ma .gsm-ma-card {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  background: #112218 !important;
  border: 1px solid #2a5a3a !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
  margin: 0 !important;
  list-style: none !important;
}
#gsm-ma .gsm-ma-card--open     { border-left: 3px solid #74b9ff !important; }
#gsm-ma .gsm-ma-card--ganada   { border-left: 3px solid #55efc4 !important; background: #0d2c1a !important; }
#gsm-ma .gsm-ma-card--sinpujas { border-left: 3px solid #ffeaa7 !important; }
#gsm-ma .gsm-ma-card--proxima  { border-left: 3px solid #a29bfe !important; }
#gsm-ma .gsm-ma-card--closed   { border-left: 3px solid #555 !important; opacity: .75 !important; }

/* ── Card image ────────────────────────────────────────────────── */
#gsm-ma .gsm-ma-card__img {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  border: 1px solid #2a5a3a !important;
  background: #1a3a2a !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
#gsm-ma .gsm-ma-card__img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 0 !important;
}
#gsm-ma .gsm-ma-card__img-placeholder {
  font-size: 22px !important;
}

/* ── Card body ─────────────────────────────────────────────────── */
#gsm-ma .gsm-ma-card__body {
  flex: 1 !important;
  min-width: 0 !important;
}
#gsm-ma .gsm-ma-card__name {
  font-size: 13px !important;
  font-weight: 600 !important;
  margin: 0 0 2px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.3 !important;
}
#gsm-ma .gsm-ma-card__name a {
  color: #74C365 !important;
  text-decoration: none !important;
}
#gsm-ma .gsm-ma-card__name a:hover {
  text-decoration: underline !important;
}
#gsm-ma .gsm-ma-card__sku {
  font-size: 10px !important;
  color: #6b8f7a !important;
  margin: 0 0 5px !important;
  display: block !important;
}
#gsm-ma .gsm-ma-card__meta {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 5px !important;
  font-size: 11px !important;
  color: #a0bfaa !important;
  margin: 0 !important;
}

/* ── Badges ────────────────────────────────────────────────────── */
#gsm-ma .gsm-ma-badge {
  display: inline-block !important;
  padding: 2px 7px !important;
  border-radius: 20px !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .3px !important;
  white-space: nowrap !important;
  line-height: 1.5 !important;
}
#gsm-ma .gsm-ma-badge--open     { background: #1a3a6a !important; color: #74b9ff !important; }
#gsm-ma .gsm-ma-badge--ganada   { background: #0d3a2a !important; color: #55efc4 !important; }
#gsm-ma .gsm-ma-badge--sinpujas { background: #3a2a0d !important; color: #ffeaa7 !important; }
#gsm-ma .gsm-ma-badge--proxima  { background: #2a2050 !important; color: #a29bfe !important; }
#gsm-ma .gsm-ma-badge--closed   { background: #2a2a2a !important; color: #888 !important; }
#gsm-ma .gsm-ma-badge--leader   { background: #0d3a2a !important; color: #55efc4 !important; }

#gsm-ma .gsm-ma-sep   { color: #2a5a3a !important; }
#gsm-ma .gsm-ma-price { color: #55efc4 !important; font-weight: 700 !important; }

/* ── Timer ─────────────────────────────────────────────────────── */
#gsm-ma .gsm-ma-timer {
  font-family: 'Courier New', monospace !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #74b9ff !important;
  letter-spacing: .5px !important;
}
#gsm-ma .gsm-ma-timer--prox {
  color: #a29bfe !important;
  font-size: 15px !important;
}
#gsm-ma .gsm-ma-timer--urgent {
  color: #ff7675 !important;
  animation: gsm-blink .8s step-end infinite !important;
}
@keyframes gsm-blink { 50% { opacity: .3; } }

/* ── Card action ───────────────────────────────────────────────── */
#gsm-ma .gsm-ma-card__action {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 5px !important;
  min-width: 120px !important;
  width: 130px !important;
  flex-shrink: 0 !important;
}
#gsm-ma .gsm-ma-btn-bid {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 10px 8px !important;
  background: #1E6B3A !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 7px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  text-align: center !important;
  white-space: nowrap !important;
  transition: background .15s !important;
  text-decoration: none !important;
  letter-spacing: .3px !important;
  line-height: 1.2 !important;
  box-sizing: border-box !important;
}
#gsm-ma .gsm-ma-btn-bid:hover  { background: #2a8f50 !important; }
#gsm-ma .gsm-ma-btn-bid--disabled {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 10px 8px !important;
  background: #1a3a2a !important;
  color: #6b8f7a !important;
  border: 1px dashed #2a5a3a !important;
  border-radius: 7px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  cursor: not-allowed !important;
  text-align: center !important;
  white-space: nowrap !important;
  font-family: 'Courier New', monospace !important;
  letter-spacing: .3px !important;
  box-sizing: border-box !important;
}

#gsm-ma .gsm-ma-meta-offer { font-size: 12px !important; }
#gsm-ma .gsm-ma-btn-view {
  display: block !important;
  width: 100% !important;
  padding: 6px 10px !important;
  background: transparent !important;
  color: #8aad98 !important;
  border: 1px solid #2a5a3a !important;
  border-radius: 6px !important;
  font-size: 11px !important;
  text-decoration: none !important;
  text-align: center !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}
#gsm-ma .gsm-ma-btn-view:hover { background: #1a3a2a !important; color: #fff !important; }
#gsm-ma .gsm-ma-my-bid  { font-size: 12px !important; font-weight: 600 !important; color: #55efc4 !important; text-align: right !important; display: block !important; margin-top: 4px !important; }
#gsm-ma .gsm-ma-won-badge { display: block !important; font-size: 12px !important; color: #55efc4 !important; font-weight: 700 !important; text-align: center !important; }
#gsm-ma .gsm-ma-soon    { display: block !important; font-size: 12px !important; color: #a29bfe !important; text-align: center !important; font-weight: 600 !important; letter-spacing: .3px !important; }

/* ── Flash animation ───────────────────────────────────────────── */
.gsm-flash { animation: gsm-pop .4s ease-out !important; }
@keyframes gsm-pop { 0%,100% { transform:scale(1); } 40% { transform:scale(1.1); } }

/* ── Footer ────────────────────────────────────────────────────── */
#gsm-ma .gsm-ma-footer {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 14px !important;
  font-size: 10px !important;
  color: #4a7a5a !important;
}
#gsm-ma .gsm-ma-live-dot {
  width: 7px !important; height: 7px !important;
  border-radius: 50% !important;
  background: #55efc4 !important;
  animation: gsm-pulse 1.5s ease-in-out infinite !important;
  flex-shrink: 0 !important;
}
@keyframes gsm-pulse { 0%,100% { opacity:1;transform:scale(1); } 50% { opacity:.5;transform:scale(.85); } }

/* ── Empty ─────────────────────────────────────────────────────── */
#gsm-ma .gsm-ma-empty {
  text-align: center !important;
  padding: 40px 20px !important;
  border: 1px dashed #2a5a3a !important;
  border-radius: 8px !important;
  background: #0d1f15 !important;
}
#gsm-ma .gsm-ma-empty__icon { font-size: 36px !important; display: block !important; margin-bottom: 10px !important; }
#gsm-ma .gsm-ma-empty p     { font-size: 14px !important; color: #8aad98 !important; margin: 0 0 4px !important; }
#gsm-ma .gsm-ma-empty small  { color: #4a7a5a !important; font-size: 12px !important; }

/* ── Modal puja ────────────────────────────────────────────────── */
.gsm-bid-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  align-items: center !important;
  justify-content: center !important;
}
.gsm-bid-modal.gsm-bid-modal--open {
  display: flex !important;
}
.gsm-bid-modal__overlay {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0,0,0,.7) !important;
}
.gsm-bid-modal__box {
  position: relative !important;
  background: #112218 !important;
  border: 1px solid #2a5a3a !important;
  border-radius: 12px !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.5) !important;
  width: 100% !important;
  max-width: 380px !important;
  margin: 16px !important;
  overflow: hidden !important;
  animation: gsm-modal-in .18s ease-out !important;
}
@keyframes gsm-modal-in { from { opacity:0;transform:translateY(-12px) scale(.97); } to { opacity:1;transform:none; } }
.gsm-bid-modal__header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  background: #0a1f12 !important;
  padding: 14px 18px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #fff !important;
  border-bottom: 1px solid #2a5a3a !important;
}
.gsm-bid-modal__close {
  background: none !important;
  border: none !important;
  color: #8aad98 !important;
  font-size: 18px !important;
  cursor: pointer !important;
  line-height: 1 !important;
  padding: 0 !important;
}
.gsm-bid-modal__close:hover { color: #fff !important; }
.gsm-bid-modal__body { padding: 18px !important; }
.gsm-bid-modal__info {
  background: #0d2c1a !important;
  border: 1px solid #2a5a3a !important;
  border-radius: 6px !important;
  padding: 10px 14px !important;
  margin-bottom: 14px !important;
  font-size: 12px !important;
  line-height: 1.8 !important;
  color: #a0bfaa !important;
}
.gsm-bid-modal__info strong { color: #55efc4 !important; font-size: 14px !important; }
.gsm-bid-label {
  display: block !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #6b8f7a !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
  margin-bottom: 6px !important;
}
.gsm-bid-input-wrap {
  display: flex !important;
  align-items: center !important;
  border: 2px solid #2a5a3a !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: #0a1f12 !important;
  transition: border-color .15s !important;
}
.gsm-bid-input-wrap:focus-within { border-color: #74C365 !important; }
.gsm-bid-sym {
  padding: 10px 12px !important;
  background: #1a3a2a !important;
  font-weight: 700 !important;
  color: #55efc4 !important;
  font-size: 16px !important;
  border-right: 1px solid #2a5a3a !important;
}
#gsm-bid-amount {
  flex: 1 !important;
  border: none !important;
  background: transparent !important;
  padding: 10px 12px !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  outline: none !important;
  width: 100% !important;
}
.gsm-bid-hint { font-size: 11px !important; color: #6b8f7a !important; margin: 5px 0 0 !important; }
.gsm-bid-modal__actions {
  display: flex !important;
  gap: 8px !important;
  margin-top: 16px !important;
}
.gsm-bid-btn-primary {
  flex: 1 !important;
  padding: 11px !important;
  background: #1E6B3A !important;
  color: #fff !important;
  border: none !important;
  border-radius: 7px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: background .15s !important;
}
.gsm-bid-btn-primary:hover    { background: #2a8f50 !important; }
.gsm-bid-btn-primary:disabled { opacity: .6 !important; cursor: not-allowed !important; }
.gsm-bid-btn-ghost {
  flex: 1 !important;
  padding: 11px !important;
  background: transparent !important;
  color: #6b8f7a !important;
  border: 1px solid #2a5a3a !important;
  border-radius: 7px !important;
  font-size: 13px !important;
  cursor: pointer !important;
}
.gsm-bid-error {
  background: #3a1a1a !important;
  border: 1px solid #7a3a3a !important;
  border-radius: 6px !important;
  padding: 8px 12px !important;
  font-size: 12px !important;
  color: #ff7675 !important;
  margin-top: 10px !important;
}

/* ── Responsive ────────────────────────────────────────────────── */
@media (max-width: 600px) {
  #gsm-ma .gsm-ma-kpis { grid-template-columns: repeat(2,1fr) !important; }
  #gsm-ma .gsm-ma-card__action { min-width: 80px !important; }
  #gsm-ma .gsm-ma-btn-bid, #gsm-ma .gsm-ma-btn-view { font-size: 10px !important; padding: 6px 8px !important; }
}
@media (max-width: 400px) {
  #gsm-ma .gsm-ma-card { flex-wrap: wrap !important; }
  #gsm-ma .gsm-ma-card__action { width: 100% !important; flex-direction: row !important; min-width: unset !important; }
}