/* Aurea Cloud — branding Trustech sopra il frontend Wiren Board Cloud on-premise.
   Caricato da /branding/aurea.css (link in index.html + iniettato dal bundle principale). */

:root {
  --aurea-green: #008E8A;       /* verde Trustech (logo) */
  --aurea-green-hover: #00726F;
  --aurea-green-ring: rgba(0, 142, 138, 0.15);
}

/* Bottone primario: verde Trustech in tutta l'app (il verde "online" degli stati resta quello originale). */
.button-primary {
  background-color: var(--aurea-green) !important;
  border-color: var(--aurea-green) !important;
  color: #fff !important;
}
.button-primary:not(:disabled):hover,
.button-primary:not(:disabled):focus {
  background-color: var(--aurea-green-hover) !important;
  border-color: var(--aurea-green-hover) !important;
}

/* Pagine di accesso (login, reset password, invito): la classe .aurea-auth la aggiunge il patch a VAuthLayout. */
body:has(.aurea-auth) {
  min-height: 100vh;
  background:
    radial-gradient(1200px 600px at 50% -10%, rgba(0, 142, 138, 0.18), transparent 70%),
    linear-gradient(180deg, #F2F8F8 0%, #FFFFFF 100%);
  background-attachment: fixed;
}
.aurea-auth .card {
  border-color: rgba(0, 142, 138, 0.18);
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(1, 2, 2, 0.08);
  padding: 24px;
}
/* il logo.svg ha un rettangolo bianco di sfondo: multiply lo rende trasparente sullo sfondo chiaro */
.aurea-auth img[src$="logo.svg"] { mix-blend-mode: multiply; }
.aurea-auth .link { color: var(--aurea-green); }
.aurea-auth .link:hover { color: var(--aurea-green-hover); }
.aurea-auth .input:focus {
  border-color: var(--aurea-green);
  box-shadow: 0 0 0 3px var(--aurea-green-ring);
  outline: none;
}
.aurea-site-link { font-size: 0.875rem; text-decoration: none !important; }