/* ROCA PRODUCT BRANDING v1 */
.login .login-card > h1,
.login .login-card > p:not(.notice),
.login .login-card > small { text-align: center; }
.login .login-card > h1 { text-wrap: balance; }
.login .login-card > small { display: block; }
.login .login-logo.product-logo {
  display: block; width: 340px; max-width: 100%; height: auto;
  object-fit: contain; margin: 0 auto 20px;
}
.sidebar .brand:has(.product-logo) { padding: 4px 0 20px; }
.sidebar .brand img.product-logo {
  display: block; width: 210px; max-width: 100%; height: auto;
  object-fit: contain;
}
.cloud-bar .cloud-brand { display: inline-flex; align-items: center; flex: 0 0 auto; }
.cloud-bar .cloud-brand img { display: block; width: 180px; height: auto; max-width: 100%; }
@media (max-width: 650px) {
  .sidebar .brand:has(.product-logo) { padding: 0; }
  .sidebar .brand img.product-logo { width: 168px; height: auto; }
  .cloud-bar .cloud-brand img { width: 155px; }
}