/* Shared by the website and app. Never changes authenticated material styles. */
.login-identity { display: none; }
.login-style-toolbar { position: fixed; top: 13px; right: 20px; z-index: 10000; font: 14px/1.4 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #edf5f1; }
.login-style-toolbar [hidden], .login-style-toolbar[hidden] { display: none !important; }
.login-style-trigger { display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 0; border: 0; background: none; color: inherit; font: inherit; cursor: pointer; }
.login-style-trigger > span:first-child { font-size: 11px; font-weight: 500; }
.login-style-channel { width: 47px; height: 47px; position: relative; display: block; border-radius: 50%; background: linear-gradient(140deg,#34554b,#142820 70%); box-shadow: inset 0 1px 2px #ffffff4d, 0 3px 10px #0003; }
.login-style-channel i { position: absolute; width: 12px; height: 12px; border-radius: 50%; background: #e0f0e8; top: 14px; left: 11px; }
.login-style-channel i:nth-child(2) { left: 24px; top: 14px; background: #55c6a6; }
.login-style-channel i:nth-child(3) { left: 18px; top: 26px; background: #859e95; }
.login-style-panel { position: absolute; right: 0; top: 80px; width: 294px; max-width: calc(100vw - 32px); padding: 14px; border-radius: 24px; background: #182721; border: 1px solid #8fcbb233; box-shadow: 0 20px 70px #0006; color: #edf5f1; box-sizing: border-box; }
.login-style-panel h2 { font: 600 13px/1.5 Inter, -apple-system, sans-serif; margin: 3px 8px 12px; color: #b5cec1; }
.login-style-panel button { display: flex; width: 100%; align-items: center; text-align: left; gap: 12px; padding: 12px 9px; border: 1px solid transparent; border-radius: 15px; background: none; color: inherit; cursor: pointer; font: inherit; }
.login-style-panel button:hover { background: #ffffff0a; }
.login-style-panel button[aria-pressed="true"] { background: #ffffff0b; border-color: #8fcbb24d; }
.login-style-panel strong { display: block; font-weight: 550; font-size: 14px; }
.login-style-panel small { display: block; font-size: 11px; margin-top: 3px; color: #a6bcb0; }
.login-style-swatch { width: 31px; height: 31px; flex: 0 0 31px; border-radius: 50%; box-shadow: inset 0 1px 2px #ffffff50; }
.login-style-swatch.original { background: linear-gradient(135deg,#555,#171717); }
.login-style-swatch.emerald { background: linear-gradient(135deg,#68c6a7,#06352b 75%); }
.login-style-swatch.porcelain { background: linear-gradient(135deg,#fff,#c7d7cd); }
.login-style-swatch.orbit { background: radial-gradient(circle at 35% 35%,#3b9e94,#182735 65%); }
.login-style-check { margin-left: auto; opacity: 0; }
[aria-pressed="true"] .login-style-check { opacity: 1; }
.login-style-toolbar button:focus-visible { outline: 2px solid #7adbbc; outline-offset: 3px; }
html[data-login-active] .channels.logged-out { padding-right: 84px !important; }
html[data-login-active][data-login-style="porcelain"] .login-style-trigger { color: #203d32; }
/* Common structure for the three new treatments. Original retains its CSS and measured membrane. */
html[data-login-active]:not([data-login-style="original"]) { --login-bg: #071c17; --login-ink: #edf6ee; --login-muted: #b0c4b9; --login-field: #061d17; --login-edge: #9fcdb82e; --login-accent: #9ce2c3; --login-action-ink: #083428; }
html[data-login-active]:not([data-login-style="original"]) body { background: var(--login-bg) !important; color: var(--login-ink) !important; }
html[data-login-active]:not([data-login-style="original"]) .channels.logged-out { visibility: hidden !important; }
html[data-login-active]:not([data-login-style="original"]) .login-brand,
html[data-login-active]:not([data-login-style="original"]) body.layout-login .brand { color: var(--login-ink) !important; font-weight: 550 !important; }
html[data-login-active]:not([data-login-style="original"]) body.layout-login #main,
html[data-login-active]:not([data-login-style="original"]) .cellara-settings-container.blob-content { min-height: 100dvh !important; box-sizing: border-box; padding: 116px 24px 60px !important; display: flex; align-items: center !important; justify-content: center; background: transparent !important; }
html[data-login-active]:not([data-login-style="original"]) body.layout-login .cellara-settings-container.blob-content { min-height: 0 !important; padding: 0 !important; }
html[data-login-active]:not([data-login-style="original"]) .cellara-login-blob { filter: none !important; transform: none !important; margin: 0 !important; width: auto !important; max-width: 100%; }
html[data-login-active]:not([data-login-style="original"]) .cellara-login-blob::before,
html[data-login-active]:not([data-login-style="original"]) .cellara-login-blob::after { display: none !important; }
html[data-login-active]:not([data-login-style="original"]) .cellara-login-blob .cellara-settings_guest-mode_card { width: 420px !important; max-width: calc(100vw - 48px) !important; padding: 38px 42px 26px !important; margin: 0 !important; border: 1px solid var(--login-edge) !important; border-radius: 90px 110px 80px 100px / 80px 90px 70px 100px !important; background: radial-gradient(ellipse at 15% 0%,#75cdb529,transparent 65%),linear-gradient(145deg,#183e31,#0c281f 65%) !important; color: var(--login-ink) !important; box-shadow: inset 0 1px 0 #d9ffea20,0 28px 90px #0003 !important; box-sizing: border-box; }
html[data-login-active]:not([data-login-style="original"]) .cellara-login-blob .cellara-settings_name { display: none !important; }
html[data-login-active]:not([data-login-style="original"]) .login-identity { display: flex; flex-direction: column; align-items: center; gap: 13px; text-align: center; margin: 0 0 29px; }
html[data-login-active]:not([data-login-style="original"]) .login-identity img { width: 104px; height: 104px; object-fit: contain; }
html[data-login-active]:not([data-login-style="original"]) .login-identity h1 { font: 500 36px/1.15 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing: -1px; color: var(--login-ink); margin: 0; }
html[data-login-active]:not([data-login-style="original"]) .login-identity p { font: 400 14px/1.5 Inter,-apple-system,sans-serif; color: var(--login-muted); margin: 8px 0 0; }
html[data-login-active]:not([data-login-style="original"]) .cellara-login-blob .cellara-settings_body,
html[data-login-active]:not([data-login-style="original"]) .cellara-login-blob .cellara-settings_guest-mode__login-container { display: block !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
html[data-login-active]:not([data-login-style="original"]) .cellara-login-blob form { display: flex !important; flex-direction: column !important; gap: 18px !important; width: 100% !important; margin: 0 !important; }
html[data-login-active]:not([data-login-style="original"]) .cellara-login-blob label { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 8px !important; width: 100% !important; margin: 0 !important; }
html[data-login-active]:not([data-login-style="original"]) .cellara-login-blob .capp-field-name { font: 500 13px/1.4 Inter,-apple-system,sans-serif !important; text-align: left !important; width: auto !important; padding: 0 3px !important; color: var(--login-muted) !important; }
html[data-login-active]:not([data-login-style="original"]) .cellara-login-blob input { width: 100% !important; height: 50px !important; min-height: 50px !important; padding: 12px 16px !important; margin: 0 !important; border-radius: 17px !important; border: 1px solid var(--login-edge) !important; background: var(--login-field) !important; color: var(--login-ink) !important; box-shadow: inset 0 2px 5px #00000012 !important; font: 400 16px/1.4 Inter,-apple-system,sans-serif !important; box-sizing: border-box; }
html[data-login-active]:not([data-login-style="original"]) .cellara-login-blob input:focus { outline: 2px solid #63b99b !important; outline-offset: 2px; }
html[data-login-active]:not([data-login-style="original"]) .cellara-login-blob .cellara-settings_guest-mode_login-row { display: flex !important; flex-direction: column-reverse !important; width: 100% !important; gap: 10px !important; padding: 4px 0 0 !important; }
html[data-login-active]:not([data-login-style="original"]) .cellara-login-blob button { font: 500 15px/1.4 Inter,-apple-system,sans-serif !important; }
html[data-login-active]:not([data-login-style="original"]) .cellara-login-blob button.cellara-settings_guest-mode_login { width: 100% !important; height: 49px !important; border-radius: 25px !important; background: var(--login-accent) !important; color: var(--login-action-ink) !important; border: 0 !important; box-shadow: inset 0 1px 0 #ffffff4d !important; }
html[data-login-active]:not([data-login-style="original"]) .cellara-login-blob button.cellara-settings_secondary { height: 35px !important; padding: 5px 12px !important; border: 0 !important; background: transparent !important; color: var(--login-muted) !important; box-shadow: none !important; }
html[data-login-active]:not([data-login-style="original"]) .cellara-login-blob button:hover { filter: brightness(1.09); }
html[data-login-active]:not([data-login-style="original"]) .cellara-login-blob button:focus-visible { outline: 2px solid #63b99b !important; outline-offset: 3px; }
html[data-login-active]:not([data-login-style="original"]) .login-support { color: var(--login-muted) !important; font-size: 12px !important; margin: 0 !important; opacity: .8; }
html[data-login-active][data-login-style="porcelain"] { --login-bg: #eaf0ea !important; --login-ink: #193b30 !important; --login-muted: #526d60 !important; --login-field: #e5ece5 !important; --login-edge: #284d391f !important; --login-accent: #1b5741 !important; --login-action-ink: #f5fff8 !important; }
html[data-login-active][data-login-style="porcelain"] .cellara-login-blob .cellara-settings_guest-mode_card { background: linear-gradient(140deg,#fafcf7,#e9efe7) !important; border-radius: 44px !important; box-shadow: inset 0 1px 0 #fff,12px 22px 54px #27483612,-8px -8px 30px #ffffff80 !important; padding-top: 38px !important; }
html[data-login-active][data-login-style="porcelain"] .login-identity { flex-direction: row !important; gap: 19px !important; text-align: left !important; margin-bottom: 33px !important; }
html[data-login-active][data-login-style="porcelain"] .login-identity img { width: 76px !important; height: 76px !important; }
html[data-login-active][data-login-style="porcelain"] .login-identity h1 { font-size: 32px !important; }
html[data-login-active][data-login-style="orbit"] { --login-bg: #101c25 !important; --login-field: #182a35 !important; --login-ink: #eaf4f2 !important; --login-muted: #a7bdc5 !important; --login-edge: #b3d7de2b !important; --login-accent: #c3e7de !important; --login-action-ink: #173c35 !important; }
html[data-login-active][data-login-style="orbit"] .cellara-login-blob .cellara-settings_guest-mode_card { width: 760px !important; padding: 35px 10px !important; display: grid !important; grid-template-columns: 1fr 1fr; align-items: center; gap: 76px; background: none !important; border: 0 !important; box-shadow: none !important; }
html[data-login-active][data-login-style="orbit"] .login-identity { margin: 0 !important; gap: 25px !important; }
html[data-login-active][data-login-style="orbit"] .login-identity img { width: 186px !important; height: 186px !important; filter: drop-shadow(0 12px 35px #23b39725); }
html[data-login-active][data-login-style="orbit"] .login-identity h1 { font-size: 44px !important; }
html[data-login-active][data-login-style="orbit"] .login-support { margin-top: 32px !important; }
@media(max-width:600px) {
 .login-style-toolbar { right: 16px; top: 10px; }
 html[data-login-active]:not([data-login-style="original"]) .cellara-login-blob .cellara-settings_guest-mode_card { padding: 28px 25px 20px !important; }
 html[data-login-active]:not([data-login-style="original"]) .login-identity img { width: 84px; height: 84px; }
 html[data-login-active][data-login-style="orbit"] .cellara-login-blob .cellara-settings_guest-mode_card { display: flex !important; flex-direction: column; width: 360px !important; gap: 30px; padding: 0 6px !important; }
 html[data-login-active][data-login-style="orbit"] .login-identity { flex-direction: row !important; gap: 20px !important; text-align: left !important; }
 html[data-login-active][data-login-style="orbit"] .login-identity img { width: 96px !important; height: 96px !important; }
 html[data-login-active][data-login-style="orbit"] .login-identity h1 { font-size: 36px !important; }
}
html[data-login-active]:not([data-login-style="original"]) .cellara-login-blob > svg { display: none !important; }
@media(max-width:768px) {
 html[data-login-active][data-login-style="original"] div.cellara-settings-container.blob-content:has(.cellara-login-blob) { padding-top: 142px !important; }
 html[data-login-active][data-login-style="original"] body.layout-login div.cellara-settings-container.blob-content { padding-top: 0 !important; }
}