:root { --richatt-blue:#079bff; --richatt-cyan:#48d7f5; }
body { accent-color:var(--richatt-blue); }
body.login, body.register, .login-wrapper, .register-wrapper {
 background:radial-gradient(ellipse at top left,#e5faff 0, #f5f9ff 48%,#fff 100%) !important;
}
.btn-small, .btn-big, .btn-normal, .btn-success, button[type=submit], input[type=submit] {
 background:#079bff !important; color:#fff !important; border-radius:8px !important;
}
.btn-small:hover, .btn-big:hover, .btn-normal:hover, button[type=submit]:hover {
 background:#0879c5 !important;
}
input:focus, textarea:focus, select:focus { border-color:#079bff !important; outline-color:#079bff; }
a:focus-visible, button:focus-visible { outline:3px solid #48d7f5 !important; outline-offset:3px; }
.master { border-top:3px solid #079bff; }
.main-nav { border-bottom:2px solid #48d7f5; }
.richatt-login-logo { display:block; width:190px; height:190px; object-fit:contain; margin:0 auto 12px; border-radius:16px; }
.richatt-nav-logo { width:38px; height:38px; object-fit:contain; border-radius:6px; }

/* Richatt logo on login, registration and password screens */
.auth .logo-svg {
  background: url("/richatt-branding/logo-transparent.png") center / contain no-repeat !important;
  height: 200px !important;
  margin-bottom: 16px !important;
}
.auth .logo-svg > svg {
  display: none !important;
}

/* Hide the Taiga name below the logo; Richatt is inside our image */
.auth .auth-container > .logo {
  display: none !important;
}

/* Richatt logo in the navigation bar */
a.logo:has(svg#logo-svg) {
  background: #fff url("/richatt-branding/logo-transparent.png") center / contain no-repeat !important;
  display: inline-block !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 8px !important;
}
a.logo > svg#logo-svg {
  visibility: hidden !important;
}

/* Login background in this Taiga version */
.auth {
  background: radial-gradient(ellipse at top left, #e5faff, #f5f9ff 55%, #fff) !important;
}

/* Transparent Richatt navigation logo */
a.logo:has(svg#logo-svg) {
  background-color: transparent !important;
}