/* Botti corporate identity shared by login, registration and workspace. */
:root { --botti-yellow: #ffed00; --botti-black: #000; }
.gw-auth-screen { background: linear-gradient(180deg, #f9fafb 0%, #f3f4f6 100%); }
#gw-login-screen .gw-intro { justify-content: center; gap: 24px; padding-bottom: 24px; }
#gw-login-screen .gw-logo { width: min(760px, 92vw); height: auto; }
#gw-login-screen .gw-intro-cta { position: static; transform: none; }
#gw-login-screen #gw-login-cta, .gw-auth-screen .gw-submit:not(.gw-secondary) {
  background: var(--botti-black); color: var(--botti-yellow); border-color: var(--botti-black); border-radius: 999px;
}
.gw-auth-screen .gw-field input, .gw-auth-screen .gw-secondary { border-radius: 999px; }
#gw-login-screen #gw-login-cta { min-height: 46px; width: auto; padding: 10px 24px; font-size: 1rem; }
.gw-auth-logo { width: 220px; height: auto; }
.ws-app .ws-primary, .ws-app .ws-send { background: var(--botti-black); color: var(--botti-yellow); }
.ws-app .ws-bht-logo { width: min(380px, 65vw); height: auto; }
.admin-logo { object-fit: contain; max-width: 180px; height: 36px; }

body:has(.ws-app), .ws-app, .ws-dialog, .ws-settings-dialog {
  --ws-accent: #655d00; --ws-active: #fff9ac;
}
.dark body:has(.ws-app), .dark .ws-app, .dark .ws-dialog, .dark .ws-settings-dialog {
  --ws-accent: #ffed00; --ws-active: #393500;
}
.ws-settings-dialog .ws-primary, .ws-dialog .ws-primary { background: #000; color: #ffed00; }
.ws-app .ws-send:disabled { background: var(--ws-hover); color: var(--ws-muted); }
.ws-app .ws-avatar { background: #000; color: #ffed00; }
#gw-login-screen .gw-logo { max-height: calc(100svh - 180px); object-fit: contain; }