/* Regions Turnering – dark/gold theme
 * VIGTIGT: Alt er 100% scoped til .rt-ui wrapperen.
 */

.rt-ui{
  --rt-gold:#9a7e10;
  --rt-bg:#070708;
  --rt-card:#0f0f12;
  --rt-card2:#0b0b0e;
  --rt-text:#ffffff;
  --rt-muted:rgba(255,255,255,.65);

  /* Gold alpha tokens */
  --rt-bd:rgba(154,126,16,.35);
  --rt-bd-strong:rgba(154,126,16,.55);
  --rt-line:rgba(154,126,16,.16);
  --rt-line-2:rgba(154,126,16,.22);
  --rt-head-bg:rgba(154,126,16,.10);
  --rt-hover-bg:rgba(154,126,16,.06);
  --rt-glow:rgba(154,126,16,.14);

  color:var(--rt-text);
  background:var(--rt-bg);
  padding:18px 14px;
}

.rt-ui, .rt-ui *{ box-sizing:border-box; }

.rt-ui__container{
  max-width:1100px;
  margin:0 auto;
}

/* Typography */
.rt-ui .rt-kicker{
  font-size:12px;
  letter-spacing:.6px;
  text-transform:uppercase;
  color:rgba(255,255,255,.70);
  margin:0 0 6px 0;
}

.rt-ui .rt-title{
  color:var(--rt-gold);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.4px;
  font-size:24px;
  line-height:1.1;
  margin:0;
}

.rt-ui .rt-subtitle{
  margin-top:8px;
  color:rgba(255,255,255,.85);
  font-size:14px;
}

.rt-ui .rt-muted{
  color:var(--rt-muted);
  margin:10px 0 0;
  font-size:13px;
}

/* Cards */
.rt-ui .rt-card{
  border-radius:18px;
  border:1px solid var(--rt-bd);
  box-shadow:0 12px 35px rgba(0,0,0,.45);
  padding:16px 18px;
  background:
    radial-gradient(120% 120% at 50% 20%, rgba(154,126,16,.14), rgba(0,0,0,0)),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,0)),
    var(--rt-card);
}

.rt-ui .rt-card__title,
.rt-ui .rt-card .rt-card__title,
.rt-ui .rt-card > .rt-card__title,
.rt-ui .rt-card__title{
  color:var(--rt-gold);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.3px;
  font-size:13px;
  margin:0 0 12px;
}

/* Layout */
.rt-ui__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}

.rt-ui__header-left{ min-width:0; }

.rt-ui__grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:14px;
}

@media (max-width: 860px){
  .rt-ui__grid{ grid-template-columns:1fr; }
  .rt-ui .rt-title{ font-size:22px; }
}

/* Meta (profile rows) */
.rt-ui .rt-meta{
  border:1px solid var(--rt-line-2);
  border-radius:12px;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(154,126,16,.10), rgba(0,0,0,0));
}

.rt-ui .rt-meta__row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 12px;
  border-top:1px solid var(--rt-line);
}

.rt-ui .rt-meta__row:first-child{ border-top:none; }

.rt-ui .rt-meta__label{
  color:rgba(255,255,255,.70);
  font-size:12px;
  letter-spacing:.2px;
  text-transform:uppercase;
  font-weight:700;
}

.rt-ui .rt-meta__value{
  color:var(--rt-text);
  font-size:13px;
  font-weight:700;
  text-align:right;
  min-width:0;
}

/* Pills */
.rt-ui .rt-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 10px;
  border-radius:999px;
  border:1px solid rgba(154,126,16,.45);
  background:rgba(154,126,16,.06);
  color:var(--rt-gold);
  font-weight:900;
  font-size:11px;
  letter-spacing:.2px;
  white-space:nowrap;
}

.rt-ui .rt-pill--soft{
  border-color:rgba(154,126,16,.35);
  font-weight:800;
  margin-right:8px;
}

/* Buttons */
.rt-ui .rt-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-decoration:none;
  border-radius:12px;
  padding:10px 14px;
  font-weight:800;
  font-size:13px;
  line-height:1;
  border:1px solid transparent;
  transition:transform .08s ease, filter .12s ease, background-color .12s ease, box-shadow .12s ease;
  user-select:none;
}

.rt-ui .rt-btn:focus{
  outline:none;
  box-shadow:0 0 0 3px rgba(154,126,16,.15);
}

.rt-ui .rt-btn--gold{
  background:var(--rt-gold);
  color:#000;
}

.rt-ui .rt-btn--gold:hover{ filter:brightness(.92); box-shadow:0 0 0 1px rgba(154,126,16,.12), 0 10px 25px rgba(0,0,0,.35); }

.rt-ui .rt-btn--outline{
  background:transparent;
  color:var(--rt-text);
  border-color:var(--rt-bd-strong);
}

.rt-ui .rt-btn--outline:hover{ background:var(--rt-hover-bg); }

/* Table wrapper */
.rt-ui .rt-table-wrap{
  border-radius:12px;
  overflow:hidden;
  border:1px solid var(--rt-line-2);
}

.rt-ui .rt-table{
  width:100%;
  border-collapse:collapse;
}

.rt-ui .rt-table thead{ background:var(--rt-head-bg); }

.rt-ui .rt-table th{
  text-align:left;
  padding:12px 12px;
  color:var(--rt-gold);
  font-size:12px;
  font-weight:900;
  letter-spacing:.3px;
  text-transform:uppercase;
}

.rt-ui .rt-table td{
  padding:12px 12px;
  border-top:1px solid var(--rt-line);
  color:var(--rt-text);
  font-size:13px;
  vertical-align:middle;
}

.rt-ui .rt-th-right,
.rt-ui .rt-td-right{ text-align:right; }

.rt-ui .rt-table tbody tr:hover td{ background:var(--rt-hover-bg); }

.rt-ui .rt-team-name{ font-weight:800; }

@media (max-width: 520px){
  .rt-ui{ padding:14px 10px; }
  .rt-ui .rt-btn{ padding:10px 12px; }
  .rt-ui .rt-table th, .rt-ui .rt-table td{ padding:10px 10px; }
}

/* Inputs/selects (for future controls inside .rt-ui) */
.rt-ui label{
  color:var(--rt-gold);
  font-weight:700;
  font-size:13px;
}

.rt-ui input[type="text"],
.rt-ui input[type="email"],
.rt-ui input[type="password"],
.rt-ui input[type="number"],
.rt-ui input[type="date"],
.rt-ui input[type="time"],
.rt-ui select,
.rt-ui textarea{
  background:#000000 !important;
  color:#ffffff !important;
  border:1px solid rgba(154,126,16,.5) !important;
  border-radius:10px;
  padding:10px 12px;
  box-shadow:none;
}

.rt-ui select{ color:var(--rt-gold) !important; }

.rt-ui input::placeholder,
.rt-ui textarea::placeholder{ color:rgba(255,255,255,.5); }

.rt-ui input:focus,
.rt-ui select:focus,
.rt-ui textarea:focus{
  outline:none;
  border-color:rgba(154,126,16,.55) !important;
  box-shadow:0 0 0 3px rgba(154,126,16,.12);
}