/*
 * trial.css — Aura Trial portal (admin Mythmaker teması ile uyumlu)
 * Created by: Maki
 * Developed by: Maki
 * Created: 2026-06-30
 */

body { overflow: auto; }

.hidden { display: none !important; }

.tr-ico-gold {
  background: linear-gradient(150deg, #e9bd6a, #c0902f) !important;
  box-shadow:
    0 18px 34px -10px rgba(224, 177, 90, .55),
    inset 0 2px 0 rgba(255, 255, 255, .35),
    inset 0 -3px 8px rgba(0, 0, 0, .35) !important;
}

.tr-dash { animation: lg-card .55s var(--ease) both; }

.tr-status {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 16px 18px;
  margin-bottom: 18px;
  border-radius: var(--r-md);
  background: rgba(12, 6, 8, .55);
  border: 1px solid rgba(255, 255, 255, .08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
}

.tr-status-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-top: 4px;
  flex-shrink: 0;
  background: var(--dim);
  box-shadow: 0 0 10px rgba(255, 255, 255, .15);
}

.tr-status.is-available .tr-status-dot {
  background: var(--green);
  box-shadow: 0 0 12px rgba(111, 224, 160, .55);
}

.tr-status.is-active .tr-status-dot {
  background: var(--gold);
  box-shadow: 0 0 12px rgba(224, 177, 90, .55);
}

.tr-status.is-blocked .tr-status-dot {
  background: var(--red);
  box-shadow: 0 0 12px rgba(255, 122, 106, .45);
}

.tr-status b {
  display: block;
  font-size: 14px;
  margin-bottom: 4px;
}

.tr-status span {
  color: var(--muted);
  font-size: 12.5px;
  line-height: 1.55;
}

.tr-meta {
  margin-bottom: 16px;
  border-radius: var(--r-md);
  border: 1px solid var(--border-soft);
  overflow: hidden;
}

.tr-meta-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  font-size: 12.5px;
  background: rgba(20, 11, 13, .45);
}

.tr-meta-row + .tr-meta-row {
  border-top: 1px solid var(--border-soft);
}

.tr-meta-row span { color: var(--dim); }
.tr-meta-row strong { color: var(--gold); font-weight: 700; }

.tr-claim-btn {
  background: linear-gradient(180deg, #e9bd6a, #b8862a) !important;
  box-shadow:
    0 16px 32px -12px rgba(224, 177, 90, .65),
    inset 0 1px 0 rgba(255, 255, 255, .3),
    inset 0 -2px 6px rgba(0, 0, 0, .3) !important;
}

.tr-claim-btn:hover {
  box-shadow: 0 22px 44px -14px rgba(224, 177, 90, .75), inset 0 1px 0 rgba(255, 255, 255, .3) !important;
}

.tr-claim-btn:disabled {
  opacity: .45;
  cursor: not-allowed;
  filter: none;
  transform: none;
}

.tr-secondary {
  width: 100%;
  margin-top: 10px;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, .1);
  background: transparent;
  color: var(--muted);
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: border-color var(--t-mid), color var(--t-mid);
}

.tr-secondary:hover {
  border-color: rgba(214, 59, 54, .35);
  color: var(--text);
}

.login-error.visible { display: block; }