/* UpexFlow skin para o Authelia (login + 2FA). So CSS: se este arquivo falhar, o Authelia segue funcionando com o visual padrao. */
:root,[data-theme]{
  --background:#0d100e!important;--foreground:#e7dfd7!important;
  --card:#171a16!important;--card-foreground:#e7dfd7!important;
  --popover:#171a16!important;--popover-foreground:#e7dfd7!important;
  --primary:#c67a53!important;--primary-foreground:#0d100e!important;
  --secondary:#d2c1b1!important;--secondary-foreground:#0d100e!important;
  --muted:#23241f!important;--muted-foreground:#aaa198!important;
  --accent:#23241f!important;--accent-foreground:#e7dfd7!important;
  --border:rgba(225,213,201,.16)!important;--input:rgba(225,213,201,.16)!important;
  --ring:#c67a53!important;--radius:.9rem!important;
}
:root[data-theme=light],[data-theme=light]{
  --background:#f5f0e9!important;--foreground:#1c1a17!important;
  --card:#fffaf3!important;--card-foreground:#1c1a17!important;
  --popover:#fffaf3!important;--popover-foreground:#1c1a17!important;
  --primary:#a85a35!important;--primary-foreground:#fffaf3!important;
  --secondary:#6b5a4c!important;--secondary-foreground:#fffaf3!important;
  --muted:#ece4d9!important;--muted-foreground:#6f655b!important;
  --accent:#ece4d9!important;--accent-foreground:#1c1a17!important;
  --border:rgba(60,45,30,.18)!important;--input:rgba(60,45,30,.18)!important;--ring:#a85a35!important;
}
body{
  font-family:Inter,"Segoe UI",system-ui,-apple-system,Roboto,sans-serif!important;
  background:
    radial-gradient(900px 520px at 85% -10%,rgba(198,122,83,.20),transparent 60%),
    radial-gradient(700px 480px at -10% 110%,rgba(210,193,177,.10),transparent 60%),
    var(--background)!important;
  min-height:100vh;
}
/* cartao central */
.rounded-\[10px\].border,main .border.rounded-\[10px\]{
  border-radius:18px!important;
  border:1px solid var(--border)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0))
    ,var(--card)!important;
  box-shadow:0 24px 70px -20px rgba(0,0,0,.65),0 0 0 1px rgba(198,122,83,.06)!important;
  backdrop-filter:blur(8px);
}
img.w-16{width:170px!important;height:170px!important;border-radius:0!important;object-fit:contain}
h5.text-2xl{letter-spacing:-.01em;font-weight:600!important}
/* campos */
input{
  border-radius:12px!important;
  background:rgba(255,255,255,.03)!important;
  transition:border-color .15s,box-shadow .15s;
}
input:focus,input:focus-visible{
  border-color:var(--primary)!important;
  box-shadow:0 0 0 3px rgba(198,122,83,.25)!important;outline:none!important;
}
/* botoes */
button[type=submit],button.bg-primary,#sign-in-button,#one-time-password-button{
  border-radius:12px!important;font-weight:600!important;letter-spacing:.01em;
  background:linear-gradient(180deg,#d08558,#b96c46)!important;
  color:#0d100e!important;
  box-shadow:0 10px 24px -10px rgba(198,122,83,.65);
  transition:transform .12s,filter .12s;
}
button[type=submit]:hover,button.bg-primary:hover{filter:brightness(1.07);transform:translateY(-1px)}
button[type=submit]:active{transform:translateY(0)}
/* rodape */
a{color:var(--primary)}
@media (prefers-reduced-motion:no-preference){
  .rounded-\[10px\].border{animation:upx-in .35s ease-out both}
  @keyframes upx-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
}
/* relogio do codigo (2FA): tons do selo em vez de preto e branco */
svg[viewBox="0 0 26 26"] circle:nth-child(1){stroke:var(--primary)!important}
svg[viewBox="0 0 26 26"] circle:nth-child(2){fill:var(--card)!important}
svg[viewBox="0 0 26 26"] circle:nth-child(3){stroke:var(--primary)!important}