/* 100% SCOPED: Regions Turnering UI */
.rt-ui{
  --rt-gold:#9a7e10;
  --rt-bg:#070708;
  --rt-card:#0f0f12;
  --rt-card2:#0b0b0e;
  --rt-text:#ffffff;
  --rt-muted:rgba(255,255,255,.65);

  --rt-gold-a95:var(--rt-gold-a95);
  --rt-gold-a90:var(--rt-gold-a90);
  --rt-gold-a85:var(--rt-gold-a85);
  --rt-gold-a70:rgba(154,126,16,.70);
  --rt-gold-a40:rgba(154,126,16,.40);
  --rt-gold-a30:rgba(154,126,16,.30);
  --rt-gold-a08:rgba(154,126,16,.08);
  --rt-gold-a55:var(--rt-gold-a55);
  --rt-gold-a50:var(--rt-gold-a50);
  --rt-gold-a45:var(--rt-gold-a45);
  --rt-gold-a35:var(--rt-gold-a35);
  --rt-gold-a28:var(--rt-gold-a28);
  --rt-gold-a25:var(--rt-gold-a25);
  --rt-gold-a22:var(--rt-gold-a22);
  --rt-gold-a18:var(--rt-gold-a18);
  --rt-gold-a16:var(--rt-gold-a16);
  --rt-gold-a15:var(--rt-gold-a15);
  --rt-gold-a14:var(--rt-gold-a14);
  --rt-gold-a12:var(--rt-gold-a12);
  --rt-gold-a10:var(--rt-gold-a10);
  --rt-gold-a07:var(--rt-gold-a07);
  --rt-gold-a06:var(--rt-gold-a06);

  color:var(--rt-text);
  background:transparent;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.rt-ui .rt-shell{
  max-width:1100px;
  margin:0 auto;
  padding:22px 16px 44px;
}

/* Topbar */
.rt-ui .rt-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:18px;
}

.rt-ui .rt-brand{
  display:flex;
  align-items:center;
  gap:12px;
}

.rt-ui .rt-logo{
  width:44px;
  height:44px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  letter-spacing:.8px;
  color:#000;
  background:var(--rt-gold);
  box-shadow: 0 12px 35px rgba(0,0,0,.45);
}

.rt-ui .rt-title{
  font-weight:900;
  color:var(--rt-gold);
  letter-spacing:.4px;
  text-transform:uppercase;
  font-size:14px;
}

.rt-ui .rt-subtitle{
  font-size:12px;
  color:var(--rt-muted);
  margin-top:2px;
}

.rt-ui .rt-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.rt-ui .rt-actions--left{
  justify-content:flex-start;
}

/* Buttons */
.rt-ui .rt-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  cursor:pointer;
  user-select:none;
  border-radius:12px;
  padding:10px 14px;
  font-weight:800;
  font-size:13px;
  letter-spacing:.2px;
  transition: all .15s ease;
}

.rt-ui .rt-btn-primary{
  background:var(--rt-gold);
  color:#000;
  box-shadow: 0 12px 35px rgba(0,0,0,.45);
}
.rt-ui .rt-btn-primary:hover{
  filter:brightness(.92);
  box-shadow: 0 12px 35px rgba(0,0,0,.45), 0 0 0 1px var(--rt-gold-a35);
}

.rt-ui .rt-btn-outline{
  background:transparent;
  color:#fff;
  border:1px solid var(--rt-gold-a55);
}
.rt-ui .rt-btn-outline:hover{
  background:var(--rt-gold-a06);
}

.rt-ui .rt-btn-lg{ padding:12px 16px; border-radius:12px; }
.rt-ui .rt-btn-sm{ padding:8px 12px; border-radius:10px; font-size:12px; }
.rt-ui .rt-btn-nowrap{ white-space:nowrap; }
.rt-ui .rt-block{ width:100%; }

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

.rt-ui .rt-card{ padding:16px; }

/* Hero (landing) */
.rt-ui .rt-hero{
  display:grid;
  grid-template-columns: 1.35fr .85fr;
  gap:14px;
  margin-top:10px;
}
.rt-ui .rt-hero-card{
  padding:18px 18px 16px;
}
.rt-ui .rt-hero-badge{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:12px;
}
.rt-ui .rt-pill{
  border-radius:999px;
  border:1px solid var(--rt-gold-a45);
  background:var(--rt-gold-a06);
  color:var(--rt-gold);
  font-weight:900;
  font-size:11px;
  padding:6px 10px;
  letter-spacing:.3px;
}
.rt-ui .rt-h1{
  margin:0;
  color:var(--rt-gold);
  font-weight:900;
  letter-spacing:.4px;
  text-transform:uppercase;
  line-height:1.05;
  font-size:34px;
}
.rt-ui .rt-lead{
  margin:12px 0 16px;
  color:rgba(255,255,255,.70);
  font-size:14px;
  line-height:1.55;
}
.rt-ui .rt-hero-cta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:14px;
}

.rt-ui .rt-side{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.rt-ui .rt-card-head{ margin-bottom:10px; }

.rt-ui .rt-card-title{
  color:var(--rt-gold);
  font-weight:900;
  letter-spacing:.3px;
  text-transform:uppercase;
  font-size:14px;
}
.rt-ui .rt-card-sub{
  margin-top:4px;
  color:rgba(255,255,255,.65);
  font-size:12px;
}

/* Pricing */
.rt-ui .rt-price{
  margin:10px 0 12px;
  padding:12px;
  border-radius:14px;
  border:1px solid var(--rt-gold-a22);
  background:var(--rt-gold-a06);
}
.rt-ui .rt-price-big{
  font-size:18px;
  font-weight:900;
  letter-spacing:.2px;
  color:#fff;
}
.rt-ui .rt-price-small{
  margin-top:4px;
  color:rgba(255,255,255,.65);
  font-size:12px;
}

.rt-ui .rt-list{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin:10px 0 14px;
}
.rt-ui .rt-list--room{ margin-top:14px; }
.rt-ui .rt-list-item{
  font-size:13px;
  color:rgba(255,255,255,.70);
}
.rt-ui .rt-muted-note{
  margin-top:10px;
  font-size:12px;
  color:rgba(255,255,255,.55);
}

/* Mini card */
.rt-ui .rt-mini-title{
  color:var(--rt-gold);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.3px;
  font-size:13px;
}
.rt-ui .rt-mini-text{
  margin-top:6px;
  color:rgba(255,255,255,.65);
  font-size:13px;
  line-height:1.5;
}

/* Metrics */
.rt-ui .rt-metrics{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:10px;
  margin-top:6px;
}
.rt-ui .rt-metric{
  border-radius:14px;
  border:1px solid var(--rt-gold-a22);
  background:linear-gradient(180deg, var(--rt-gold-a10), rgba(0,0,0,0));
  padding:12px;
  display:flex;
  gap:10px;
  align-items:center;
}
.rt-ui .rt-metric-num{
  width:34px;
  height:34px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--rt-gold-a10);
  border:1px solid var(--rt-gold-a35);
  color:var(--rt-gold);
  font-weight:900;
}
.rt-ui .rt-metric-text{
  font-size:12px;
  font-weight:900;
  letter-spacing:.2px;
  text-transform:uppercase;
  color:#fff;
}
.rt-ui .rt-metric-text span{
  display:block;
  margin-top:2px;
  font-weight:700;
  color:rgba(255,255,255,.65);
  text-transform:none;
}

/* Sections */
.rt-ui .rt-section{ margin-top:18px; }
.rt-ui .rt-section-head{
  margin:18px 2px 12px;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.rt-ui .rt-h2{
  font-weight:900;
  color:var(--rt-gold);
  letter-spacing:.35px;
  text-transform:uppercase;
  font-size:18px;
}
.rt-ui .rt-muted{
  color:rgba(255,255,255,.65);
  font-size:13px;
}

.rt-ui .rt-grid{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap:12px;
}
.rt-ui .rt-grid-1{ grid-template-columns: 1fr; }
.rt-ui .rt-grid-2{ grid-template-columns: repeat(2, 1fr); }
.rt-ui .rt-grid-3{ grid-template-columns: repeat(3, 1fr); }

@media (max-width: 980px){
  .rt-ui .rt-grid-3{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px){
  .rt-ui .rt-grid-2,
  .rt-ui .rt-grid-3{ grid-template-columns: 1fr; }
}

/* Table card */
.rt-ui .rt-table-wrap{
  border-radius:12px;
  overflow:hidden;
  border:1px solid var(--rt-gold-a22);
}
.rt-ui .rt-table{
  width:100%;
  border-collapse:collapse;
}
.rt-ui .rt-table thead th{
  background:var(--rt-gold-a10);
  color:var(--rt-gold);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.2px;
  padding:10px 12px;
}
.rt-ui .rt-table td{
  padding:10px 12px;
  border-top:1px solid var(--rt-gold-a16);
  font-size:13px;
  color:#fff;
}
.rt-ui .rt-td-muted{ color:rgba(255,255,255,.65); }
.rt-ui .rt-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid var(--rt-gold-a45);
  background:var(--rt-gold-a06);
  color:var(--rt-gold);
  font-weight:900;
  padding:6px 10px;
  font-size:11px;
  letter-spacing:.3px;
}

.rt-ui .rt-badge-ico{ margin-right:6px; font-size:12px; line-height:1; transform: translateY(-.5px); }
.rt-ui .rt-badge--active{ background:var(--rt-gold); color:#000; border-color:var(--rt-gold-a90); }
.rt-ui .rt-badge--upcoming{ }
.rt-ui .rt-badge--locked{ background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.14); color:rgba(255,255,255,.82); }


/* Copy/QR tool row */
.rt-ui .rt-linktools{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-top:10px; }
.rt-ui .rt-linktools--spaced{ justify-content:flex-start; }
/* Tournament cards (dashboard) */
.rt-ui .rt-tcards{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.rt-ui .rt-tcard{
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
  border:1px solid var(--rt-gold-a18);
  border-radius:16px;
  padding:12px 14px;
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
}

.rt-ui .rt-tcard--locked{
  opacity:.78;
}

.rt-ui .rt-tcard-top{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  flex-wrap:wrap;
}

.rt-ui .rt-tcard-main{
  flex:1;
  min-width:220px;
}

.rt-ui .rt-tcard-title{
  font-size:15px;
  font-weight:900;
  letter-spacing:.2px;
  margin:0 0 4px 0;
  color:#fff;
}

.rt-ui .rt-tcard-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:center;
  font-size:12px;
}

.rt-ui .rt-dot{
  opacity:.55;
  padding:0 2px;
}

.rt-ui .rt-tcard-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  justify-content:flex-end;
}

.rt-ui .rt-links-row{
  margin-top:10px;
}

/* Dashboard hero override */
.rt-ui .rt-hero--dash{
  grid-template-columns: 1fr 1fr;
  align-items:stretch;
}
.rt-ui .rt-note{
  margin-top:14px;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid var(--rt-gold-a22);
  background:var(--rt-gold-a06);
  color:rgba(255,255,255,.65);
  font-size:12px;
  line-height:1.45;
}

.rt-ui .rt-divider{
  height:1px;
  background:var(--rt-gold-a16);
  margin:14px 0;
}

.rt-ui .rt-quick-grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:10px;
}

/* Code block */
.rt-ui .rt-code{
  margin-top:10px;
  border-radius:14px;
  border:1px solid var(--rt-gold-a22);
  background:linear-gradient(180deg, var(--rt-gold-a10), rgba(0,0,0,0));
  padding:12px;
}
.rt-ui .rt-code-line{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  padding:6px 0;
  border-top:1px solid var(--rt-gold-a16);
}
.rt-ui .rt-code-line:first-child{ border-top:0; padding-top:0; }
.rt-ui .rt-code-label{
  color:var(--rt-gold);
  font-weight:900;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.2px;
}
.rt-ui code{
  color:#fff;
  background:#000;
  border:1px solid var(--rt-gold-a35);
  padding:4px 8px;
  border-radius:10px;
  font-size:12px;
}

/* FAQ (dashboard) */
.rt-ui .rt-faq{
  padding:0;
  overflow:hidden;
  border-radius:18px;
}
.rt-ui .rt-faq-top{
  display:flex;
  gap:12px;
  align-items:center;
  padding:14px 16px;
  border-bottom:1px solid var(--rt-gold-a16);
  background:linear-gradient(180deg, var(--rt-gold-a07), rgba(0,0,0,0));
}
.rt-ui .rt-faq-search{ flex:1; }
.rt-ui .rt-faq-admin-actions{ flex:0 0 auto; }

.rt-ui .rt-faq-list{ padding:0; }

.rt-ui .rt-faq-item{
  border-top:1px solid var(--rt-gold-a16);
}
.rt-ui .rt-faq-item:first-child{ border-top:0; }

.rt-ui .rt-faq-q{
  width:100%;
  text-align:left;
  background:transparent;
  border:0;
  color:#fff;
  padding:14px 16px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  font-weight:900;
  letter-spacing:.2px;
}
.rt-ui .rt-faq-q:hover{ background:var(--rt-gold-a06); }
.rt-ui .rt-faq-qtext{ flex:1; }

.rt-ui .rt-faq-icon{
  color:var(--rt-gold);
  font-size:16px;
  font-weight:900;
  width:26px;
  height:26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid var(--rt-gold-a28);
  background:var(--rt-gold-a10);
  flex:0 0 auto;
}

.rt-ui .rt-faq-a{
  padding:0 16px 14px;
  color:rgba(255,255,255,.65);
  font-size:13px;
  line-height:1.55;
}
.rt-ui .rt-faq-a[hidden]{ display:none; }

.rt-ui .rt-faq-item.is-open .rt-faq-q{
  background:var(--rt-gold-a06);
}

.rt-ui .rt-faq-msg{
  margin:12px 16px 16px;
}

.rt-ui .rt-faq-editor-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.rt-ui .rt-faq-editor-list{
  margin-top:12px;
}

.rt-ui .rt-faq-row{
  margin:0 0 12px;
  padding:12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:rgba(255,255,255,.02);
}
.rt-ui .rt-faq-row.is-dragging{ opacity:.65; }

.rt-ui .rt-faq-row-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0 0 10px;
}

.rt-ui .rt-faq-row-actions{
  display:flex;
  align-items:center;
  gap:6px;
}

.rt-ui .rt-faq-move{
  display:none;
  padding:0 10px;
  line-height:1;
  font-weight:900;
}
.rt-ui .rt-faq-drag{
  cursor:grab;
  user-select:none;
  color:rgba(255,255,255,.6);
  font-weight:900;
  letter-spacing:.3px;
}

/* Sorting UX: on touch/coarse pointers use up/down arrows instead of drag handle */
@media (pointer: coarse){
  .rt-ui .rt-faq-move{ display:inline-flex; }
  .rt-ui .rt-faq-drag{ display:none; }
}

/* Fallback hook (in case media query is not supported) */
.rt-ui .rt-faq-editor--coarse .rt-faq-move{ display:inline-flex; }
.rt-ui .rt-faq-editor--coarse .rt-faq-drag{ display:none; }
.rt-ui .rt-faq-io{
  margin-top:12px;
}
.rt-ui .rt-foot{ margin-top:10px; }

/* Responsive */
@media (max-width: 980px){
  .rt-ui .rt-hero{ grid-template-columns: 1fr; }
  .rt-ui .rt-hero--dash{ grid-template-columns: 1fr; }
  .rt-ui .rt-quick-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px){
  .rt-ui .rt-h1{ font-size:28px; }
  .rt-ui .rt-grid{ grid-template-columns: 1fr; }
  .rt-ui .rt-quick-grid{ grid-template-columns: 1fr; }
}


/* Expandable rows */
.rt-ui .rt-cell-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.rt-ui .rt-row-main:hover td{
  background:var(--rt-gold-a06);
}

.rt-ui .rt-expand-row td{
  padding:0;
  border-top:0;
}

.rt-ui .rt-expand{
  padding:12px;
  border-top:1px solid var(--rt-gold-a16);
  background:linear-gradient(180deg, var(--rt-gold-a10), rgba(0,0,0,0));
}

.rt-ui .rt-expand-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
}

.rt-ui .rt-expand-col{
  border:1px solid var(--rt-gold-a22);
  background:rgba(0,0,0,.25);
  border-radius:14px;
  padding:12px;
}

.rt-ui .rt-expand-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}

.rt-ui .rt-expand-title{
  color:var(--rt-gold);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.2px;
  font-size:12px;
}

.rt-ui .rt-expand-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

/* Toast */
.rt-ui .rt-toast{
  position:fixed;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  z-index:9999;
  padding:10px 14px;
  border-radius:12px;
  border:1px solid var(--rt-gold-a35);
  background:rgba(15,15,18,.92);
  box-shadow:0 22px 70px rgba(0,0,0,.55);
  color:#fff;
  font-weight:800;
  font-size:12px;
  letter-spacing:.2px;
  display:none;
}

@media (max-width: 980px){
  .rt-ui .rt-expand-grid{ grid-template-columns: 1fr; }
}


/* Controls container (admin tools) */
.rt-ui .rt-controls{
  border-radius:14px;
  border:1px solid var(--rt-gold-a35);
  background:linear-gradient(180deg, var(--rt-gold-a15), rgba(0,0,0,0));
  padding:14px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:12px 0 10px;
}
.rt-ui .rt-field{ display:flex; flex-direction:column; gap:6px; min-width:220px; flex:1; }
.rt-ui .rt-label{ color:var(--rt-gold); font-weight:800; font-size:13px; letter-spacing:.2px; }
.rt-ui .rt-input{
  background:#000000 !important;
  color:#ffffff !important;
  border:1px solid var(--rt-gold-a50) !important;
  border-radius:10px;
  padding:10px 12px;
  font-size:13px;
  outline:none;
}
.rt-ui .rt-input::placeholder{ color:rgba(255,255,255,.5); }
.rt-ui select.rt-input{ color:var(--rt-gold) !important; }

.rt-ui .rt-mb{ margin-bottom:14px; }

/* Links panel */
.rt-ui .rt-actions-cell{ white-space:nowrap; }
.rt-ui .rt-links-panel{
  border-radius:14px;
  border:1px solid var(--rt-gold-a22);
  background:var(--rt-gold-a06);
  padding:12px;
}
.rt-ui .rt-links-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
}
.rt-ui .rt-links-col{
  border-radius:12px;
  border:1px solid var(--rt-gold-a22);
  background:linear-gradient(180deg, var(--rt-gold-a10), rgba(0,0,0,0));
  padding:12px;
}
.rt-ui .rt-links-head{
  color:var(--rt-gold);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.2px;
  font-size:12px;
  margin-bottom:8px;
}
.rt-ui .rt-link{
  display:block;
  padding:8px 10px;
  border-radius:10px;
  text-decoration:none;
  color:#fff;
  border:1px solid var(--rt-gold-a22);
  margin-bottom:8px;
}
.rt-ui .rt-link:hover{ background:var(--rt-gold-a06); }

@media (max-width: 980px){
  .rt-ui .rt-links-grid{ grid-template-columns: 1fr; }
  .rt-ui .rt-actions-cell{ white-space:normal; }
}

/* Note variants */
.rt-ui .rt-note.rt-ok{
  border:1px solid var(--rt-gold-a35);
  background:var(--rt-gold-a10);
}
.rt-ui .rt-note.rt-warn{
  border:1px solid var(--rt-gold-a55);
  background:var(--rt-gold-a06);
}

/* Frontend login */
.rt-ui .rt-login-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.rt-ui .rt-login-remember{
  display:flex;
  align-items:center;
  gap:8px;
  color:rgba(255,255,255,.85);
  font-weight:700;
  font-size:13px;
}
.rt-ui .rt-login-remember input{ accent-color: var(--rt-gold); }
.rt-ui .rt-login-forgot{
  color:var(--rt-gold-a95);
  text-decoration:none;
  font-weight:800;
  font-size:13px;
}
.rt-ui .rt-login-forgot:hover{ text-decoration:underline; }


/* Portal tabs (Turnering) */
.rt-ui .rt-tabs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.rt-ui .rt-tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:12px;
  text-decoration:none;
  color:var(--rt-text);
  background:var(--rt-card2);
  border:1px solid rgba(255,255,255,.10);
  transition: transform .08s ease, border-color .15s ease, background .15s ease;
}
.rt-ui .rt-tab:hover{
  transform: translateY(-1px);
  border-color: var(--rt-gold-a55);
}
.rt-ui .rt-tab.is-active{
  border-color: var(--rt-gold-a85);
  box-shadow: 0 0 0 2px var(--rt-gold-a15);
}

/* Match list (read-only) */
.rt-ui .rt-match-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:10px;
}
.rt-ui .rt-match-item{
  background: rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  padding:10px 12px;
}
.rt-ui .rt-match-title{
  font-weight:650;
  font-size:14px;
}
.rt-ui .rt-match-meta{
  margin-top:6px;
  display:flex;
  align-items:center;
  gap:10px;
}
.rt-ui .rt-score{
  font-weight:700;
  color: var(--rt-gold);
}

/* Pool header tools (QR + open-on-tablet) */
.rt-ui .rt-pool-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.rt-ui .rt-pool-head-left{min-width:0}
.rt-ui .rt-pool-tools{
  display:flex;
  align-items:center;
  gap:12px;
}
.rt-ui .rt-qr img{
  width:140px;
  height:140px;
  border-radius:12px;
  border:1px solid var(--rt-gold-a35);
  background:#fff;
  padding:6px;
  box-sizing:border-box;
}
.rt-ui .rt-btn.rt-btn-sm{
  padding:8px 12px;
  font-size:13px;
  border-radius:10px;
  white-space:nowrap;
}

@media (max-width: 780px){
  .rt-ui .rt-pool-head{flex-direction:column;align-items:stretch}
  .rt-ui .rt-pool-tools{justify-content:flex-start}
}

/* Steps (frontpage) */
.rt-ui .rt-hero-steps{ margin-top: 16px; }
.rt-ui .rt-hero-steps-head{ margin: 0 0 10px; }
.rt-ui .rt-hero-steps-title{ font-weight: 900; letter-spacing: .2px; text-transform: uppercase; font-size: 13px; color: #fff; }
.rt-ui .rt-hero-steps-sub{ margin-top: 4px; color: rgba(255,255,255,.68); font-size: 12px; line-height: 1.35; }
.rt-ui .rt-hero-steps-grid{ gap: 10px; }
.rt-ui .rt-hero-steps-grid .rt-step{ min-height: 96px; }

.rt-ui .rt-grid-steps{ grid-template-columns: repeat(4, 1fr); }
@media (max-width: 980px){ .rt-ui .rt-grid-steps{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px){ .rt-ui .rt-grid-steps{ grid-template-columns: 1fr; } }

.rt-ui .rt-step{ position: relative; padding: 16px; min-height: 110px; }
.rt-ui .rt-step-num{ position: absolute; top: 12px; left: 12px; width: 32px; height: 32px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-weight: 900; background: var(--rt-gold-a18); border: 1px solid var(--rt-gold-a25); color: var(--rt-gold); }
.rt-ui .rt-step-title{ margin-left: 44px; font-weight: 900; letter-spacing: .2px; text-transform: uppercase; color: #fff; font-size: 13px; }
.rt-ui .rt-step-sub{ margin-left: 44px; margin-top: 6px; color: rgba(255,255,255,.68); font-size: 12px; line-height: 1.4; }

/* Packages (frontpage) */
.rt-ui .rt-packages{ display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 10px; margin-top: 12px; }
.rt-ui .rt-package{ border-radius: 14px; border: 1px solid var(--rt-gold-a22); background: rgba(0,0,0,.25); padding: 12px; }
.rt-ui .rt-package-title{ font-weight: 900; text-transform: uppercase; letter-spacing: .2px; font-size: 12px; color: var(--rt-gold); }
.rt-ui .rt-package-price{ margin-top: 6px; font-size: 15px; font-weight: 900; color: #fff; }
.rt-ui .rt-package-price del{ color: rgba(255,255,255,.45); font-weight: 700; }
.rt-ui .rt-package-price ins{ text-decoration: none; }
.rt-ui .rt-package-actions{ margin-top: 10px; }



/* Step 2B18 — Design polish */

.rt-ui{
  --rt-radius-1: 12px;
  --rt-radius-2: 18px;
  --rt-shadow-1: 0 12px 35px rgba(0,0,0,.45);
  --rt-shadow-2: 0 18px 60px rgba(0,0,0,.55);
  --rt-ring: 0 0 0 2px var(--rt-gold-a18);
  --rt-ease: cubic-bezier(.2,.8,.2,1);
}

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

/* Landing container alias (some templates use .rt-container instead of .rt-shell) */
.rt-ui .rt-container{
  max-width:1100px;
  margin:0 auto;
  padding:22px 16px 44px;
}

/* Brand text aliases used on landing */
.rt-ui .rt-brand-title{
  font-weight:900;
  color:var(--rt-gold);
  letter-spacing:.4px;
  text-transform:uppercase;
  font-size:14px;
}
.rt-ui .rt-brand-sub{
  font-size:12px;
  color:var(--rt-muted);
  margin-top:2px;
}

/* Landing form field aliases */
.rt-ui .rt-form{ margin:0; }
.rt-ui .rt-field{ display:flex; flex-direction:column; gap:6px; }
.rt-ui .rt-field-label{
  color:var(--rt-gold);
  font-weight:800;
  font-size:13px;
  letter-spacing:.2px;
}
.rt-ui .rt-field-input{
  background:#000000 !important;
  color:#ffffff !important;
  border:1px solid var(--rt-gold-a50) !important;
  border-radius:10px;
  padding:10px 12px;
  font-size:13px;
  outline:none;
  transition: border-color .15s ease, box-shadow .15s ease, transform .12s var(--rt-ease);
}
.rt-ui .rt-field-input::placeholder{ color:rgba(255,255,255,.5); }

/* Focus states (keyboard-friendly) */
.rt-ui .rt-btn:focus-visible,
.rt-ui .rt-link:focus-visible,
.rt-ui .rt-tab:focus-visible,
.rt-ui .rt-field-input:focus-visible,
.rt-ui .rt-input:focus-visible{
  outline:none;
  box-shadow: var(--rt-shadow-1), var(--rt-ring);
}

/* Micro-interactions */
.rt-ui .rt-btn{
  transition: transform .12s var(--rt-ease), box-shadow .15s ease, background .15s ease, border-color .15s ease, filter .15s ease;
  will-change: transform;
}
.rt-ui .rt-btn:hover{ transform: translateY(-1px); }
.rt-ui .rt-btn:active{ transform: translateY(0); filter: brightness(.96); }

.rt-ui .rt-card,
.rt-ui .rt-hero-card,
.rt-ui .rt-tcard,
.rt-ui .rt-package,
.rt-ui .rt-step,
.rt-ui .rt-links-panel,
.rt-ui .rt-links-col,
.rt-ui .rt-expand-col,
.rt-ui .rt-note,
.rt-ui .rt-code,
.rt-ui .rt-table-wrap{
  transition: transform .12s var(--rt-ease), border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

/* Lift only clearly interactive cards */
.rt-ui .rt-step:hover,
.rt-ui .rt-package:hover,
.rt-ui .rt-tcard:hover,
.rt-ui .rt-link:hover{
  transform: translateY(-1px);
}

/* Subtle glow for cards when hovered / focused */
.rt-ui .rt-card:hover,
.rt-ui .rt-hero-card:hover,
.rt-ui .rt-tcard:hover,
.rt-ui .rt-links-col:hover,
.rt-ui .rt-expand-col:hover,
.rt-ui .rt-card:focus-within,
.rt-ui .rt-hero-card:focus-within,
.rt-ui .rt-tcard:focus-within{
  border-color: var(--rt-gold-a45);
  box-shadow: var(--rt-shadow-2);
}

/* Slightly calmer typography rhythm */
.rt-ui .rt-lead{ letter-spacing:.1px; }
.rt-ui .rt-muted, .rt-ui .rt-card-sub{ line-height:1.45; }

/* Footer polish (landing) */
.rt-ui .rt-footer{
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid var(--rt-gold-a16);
  display:flex;
  gap:12px;
  justify-content:space-between;
  flex-wrap:wrap;
  color:rgba(255,255,255,.55);
  font-size:12px;
}
.rt-ui .rt-footer-left{ font-weight:700; }
.rt-ui .rt-footer-right{ color:rgba(255,255,255,.65); }

.rt-ui .rt-pricing-note{ margin-top:12px; color:rgba(255,255,255,.55); font-size:12px; line-height:1.4; }

/* Packages: make titles a bit easier to scan */
.rt-ui .rt-package-title{ line-height:1.2; }

/* Tables: improve readability on dense views */
.rt-ui .rt-table td{ line-height:1.35; }


/* Packages: short description */
.rt-ui .rt-package-desc{ margin-top:6px; color:rgba(255,255,255,.72); font-size:12px; line-height:1.35; }

/* Modal (QR / misc) */
.rt-ui .rt-modal{ position:fixed; inset:0; z-index:999999; display:none; }
.rt-ui .rt-modal.is-open{ display:block; }
.rt-ui .rt-modal-backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.72); backdrop-filter: blur(6px); }
.rt-ui .rt-modal-card{
  position:relative;
  width:min(920px, 92vw);
  margin:10vh auto 0;
  border-radius:18px;
  border:1px solid var(--rt-gold-a35);
  box-shadow:0 24px 70px rgba(0,0,0,.70);
  background:
    radial-gradient(120% 120% at 50% 20%, var(--rt-gold-a14), rgba(0,0,0,0)),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,0));
  padding:16px;
}
.rt-ui .rt-modal-close{
  position:absolute;
  right:12px; top:12px;
  width:36px; height:36px;
  border-radius:12px;
  background:rgba(15,15,18,.85);
  border:1px solid var(--rt-gold-a35);
  color:#fff;
  cursor:pointer;
  font-weight:900;
  font-size:18px;
  line-height:1;
}
.rt-ui .rt-modal-close:hover{ background:var(--rt-gold-a12); }
.rt-ui .rt-modal-title{ font-weight:900; letter-spacing:.2px; margin:4px 0 12px; color:#fff; font-size:16px; }
.rt-ui .rt-qr-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:14px; }
.rt-ui .rt-qr-card{
  border-radius:16px;
  border:1px solid var(--rt-gold-a22);
  background:rgba(0,0,0,.35);
  padding:12px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.rt-ui .rt-qr-head{ display:flex; justify-content:space-between; gap:10px; align-items:center; }
.rt-ui .rt-qr-label{ font-weight:900; color:var(--rt-gold); font-size:12px; letter-spacing:.3px; text-transform:uppercase; }
.rt-ui .rt-qr-url{ font-size:11px; color:rgba(255,255,255,.65); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rt-ui .rt-qr-img{ width:100%; display:flex; justify-content:center; }
.rt-ui .rt-qr-img img{ max-width:240px; width:100%; height:auto; border-radius:14px; border:1px solid rgba(255,255,255,.08); background:#fff; }

/* Onboarding bubbles (first-time guide) */
.rt-ui .rt-onboard{ position:fixed; inset:0; z-index:999998; display:none; }
.rt-ui .rt-onboard.is-open{ display:block; }
.rt-ui .rt-onboard-dim{ position:absolute; inset:0; background:rgba(0,0,0,.68); backdrop-filter: blur(3px); }
.rt-ui .rt-onboard-focus{
  position:absolute;
  border-radius:18px;
  border:2px solid var(--rt-gold-a85);
  box-shadow:0 0 0 6px var(--rt-gold-a12), 0 30px 80px rgba(0,0,0,.65);
  pointer-events:none;
}
.rt-ui .rt-onboard-bubble{
  position:absolute;
  width:min(380px, 88vw);
  border-radius:18px;
  border:1px solid var(--rt-gold-a35);
  background:
    radial-gradient(120% 120% at 50% 20%, var(--rt-gold-a14), rgba(0,0,0,0)),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,0));
  box-shadow:0 24px 70px rgba(0,0,0,.75);
  padding:14px;
}
.rt-ui .rt-onboard-bubble h3{ margin:0 0 6px; font-size:15px; line-height:1.2; color:#fff; letter-spacing:.2px; }
.rt-ui .rt-onboard-bubble p{ margin:0 0 12px; font-size:12px; line-height:1.5; color:rgba(255,255,255,.75); }
.rt-ui .rt-onboard-actions{ display:flex; gap:10px; justify-content:space-between; align-items:center; flex-wrap:wrap; }
.rt-ui .rt-onboard-actions .rt-onboard-steps{ color:rgba(255,255,255,.65); font-size:11px; font-weight:800; }

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .rt-ui .rt-btn,
  .rt-ui .rt-card,
  .rt-ui .rt-hero-card,
  .rt-ui .rt-tcard,
  .rt-ui .rt-package,
  .rt-ui .rt-step,
  .rt-ui .rt-link{ transition:none !important; transform:none !important; }
}