/* Regions Login (scoped) – Regions Turnering dark/gold theme
 * IMPORTANT: All styles are scoped to .rt-ui (no global selectors)
 */

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

  color:var(--rt-text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  width:100%;
  max-width:1100px;
  background:var(--rt-bg);
  padding:42px 16px;
  margin:32px auto;
  border-radius:22px;
  border:1px solid rgba(154,126,16,.22);
  box-shadow:0 22px 70px rgba(0,0,0,.55);
  position:relative;
  overflow:hidden;
}

/* Compact variant (used for standalone logout button) */
.rt-ui.rt-ui--compact{
  max-width:none;
  background:transparent;
  padding:0;
  margin:0;
  border:0;
  box-shadow:none;
  border-radius:0;
  overflow:visible;
}

.rt-ui.rt-ui--compact::before{
  display:none;
}

.rt-ui::before{
  content:"";
  position:absolute;
  inset:-45% -40% auto -40%;
  height:70%;
  background:radial-gradient(60% 60% at 50% 30%, rgba(154,126,16,.12), rgba(0,0,0,0) 70%);
  pointer-events:none;
}

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

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

.rt-ui .rt-login-wrapper{
  max-width:540px;
  margin:0 auto;
  padding:26px 28px;
  border-radius:18px;
  border:1px solid rgba(154,126,16,.35);
  box-shadow:0 12px 35px rgba(0,0,0,.45);
  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));
  background-color:var(--rt-card);
}

/* Controls / filter frame (used as form field container) */
.rt-ui .rt-controls{
  border-radius:14px;
  border:1px solid rgba(154,126,16,.35);
  background:linear-gradient(180deg, rgba(154,126,16,.15), rgba(0,0,0,0));
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:12px;
  margin:0 0 14px;
}

.rt-ui .rt-controls .rt-login-field,
.rt-ui .rt-controls .rt-login-remember{
  margin:0;
}

.rt-ui .rt-login-title{
  text-align:center;
  margin:0 0 10px;
  color:var(--rt-gold);
  font-size:24px;
  font-weight:900;
  letter-spacing:.6px;
  text-transform:uppercase;
}

.rt-ui .rt-login-subtitle{
  text-align:center;
  margin:0 0 16px;
  font-size:14px;
  color:var(--rt-muted);
}

.rt-ui .rt-login-already{
  text-align:center;
  color:var(--rt-muted);
  font-size:14px;
  margin:0;
}

.rt-ui .rt-login-form{ margin:0; }

.rt-ui .rt-login-field{
  margin:0 0 14px;
}

.rt-ui .rt-login-field label{
  display:block;
  margin:0 0 6px;
  color:var(--rt-gold);
  font-weight:700;
  font-size:13px;
  letter-spacing:.2px;
}

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

.rt-ui .rt-login-field input[type="text"]::placeholder,
.rt-ui .rt-login-field input[type="password"]::placeholder,
.rt-ui .rt-login-field input[type="email"]::placeholder{
  color:rgba(255,255,255,.5);
}

.rt-ui .rt-login-field input[type="text"]:focus,
.rt-ui .rt-login-field input[type="password"]:focus,
.rt-ui .rt-login-field input[type="email"]:focus,
.rt-ui select:focus{
  outline:none;
  border-color:rgba(154,126,16,.55) !important;
  box-shadow:0 0 0 3px rgba(154,126,16,.14);
}

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

.rt-ui .rt-login-remember{
  margin:2px 0 14px;
  font-size:13px;
  color:var(--rt-muted);
}

.rt-ui .rt-login-remember input[type="checkbox"]{
  margin-right:8px;
  accent-color:var(--rt-gold);
}

.rt-ui .rt-login-submit{
  margin:14px 0 10px;
}

.rt-ui .rt-login-submit button{
  width:100%;
  padding:10px 14px;
  border-radius:12px;
  border:0;
  background:var(--rt-gold);
  color:#000000;
  font-weight:900;
  font-size:14px;
  letter-spacing:.2px;
  cursor:pointer;
  box-shadow:0 12px 35px rgba(0,0,0,.45);
  transition:filter .12s ease, transform .08s ease, box-shadow .12s ease;
}

.rt-ui .rt-login-submit button:hover{
  filter:brightness(.95);
  box-shadow:0 12px 35px rgba(0,0,0,.45), 0 0 0 3px rgba(154,126,16,.12);
  transform:translateY(-1px);
}

.rt-ui .rt-login-submit button:active{
  transform:translateY(0);
  box-shadow:0 12px 35px rgba(0,0,0,.45);
}

.rt-ui .rt-login-lost,
.rt-ui .rt-login-back{
  text-align:center;
  font-size:13px;
  margin:10px 0 0;
}

.rt-ui .rt-login-lost a,
.rt-ui .rt-login-back a{
  color:var(--rt-gold);
  text-decoration:none;
  font-weight:800;
}

.rt-ui .rt-login-lost a:hover,
.rt-ui .rt-login-back a:hover{
  text-decoration:underline;
}

.rt-ui .rt-login-error,
.rt-ui .rt-login-message{
  margin:0 0 14px;
  padding:12px 12px;
  border-radius:12px;
  border:1px solid rgba(154,126,16,.22);
  box-shadow:0 12px 35px rgba(0,0,0,.25);
  font-size:13px;
}

.rt-ui .rt-login-error{
  background:linear-gradient(180deg, rgba(255,0,0,.10), rgba(0,0,0,0));
  color:rgba(255,255,255,.92);
}

.rt-ui .rt-login-message{
  background:linear-gradient(180deg, rgba(0,255,140,.10), rgba(0,0,0,0));
  color:rgba(255,255,255,.92);
}

/* Logout button (secondary/outline) */
.rt-ui .rt-logout-wrapper{
  margin:0;
  display:flex;
  justify-content:flex-end;
}

.rt-ui .rt-logout-button{
  display:inline-block;
  padding:10px 14px;
  border-radius:12px;
  border:1px solid rgba(154,126,16,.55);
  background:transparent;
  color:var(--rt-text);
  font-weight:800;
  font-size:13px;
  letter-spacing:.2px;
  text-decoration:none;
  transition:background-color .12s ease, box-shadow .12s ease, transform .08s ease;
}

.rt-ui .rt-logout-button:hover{
  background:rgba(154,126,16,.06);
  box-shadow:0 0 0 3px rgba(154,126,16,.12);
  transform:translateY(-1px);
}

.rt-ui .rt-logout-button:active{
  transform:translateY(0);
  box-shadow:none;
}

@media (max-width: 600px){
  .rt-ui{
    padding:28px 12px;
    margin:22px 0;
    border-radius:18px;
  }

  .rt-ui .rt-login-wrapper{
    padding:22px 18px;
  }

  .rt-ui .rt-login-title{
    font-size:20px;
  }

  .rt-ui .rt-logout-wrapper{
    justify-content:center;
  }
}