/* RingReady brand pack, October 2026. Keep club-colours.css after this file. */
:root{--rr-navy:#06243D;--rr-blue:#00A8F3;--rr-mist:#BBD2E5;--rr-deep:#0D3555;--rr-ice:#F1F6FA;--green:var(--rr-navy);--lime:var(--rr-blue);--line:#D4E1EB;--muted:#526B80;font-family:Arial,Helvetica,sans-serif}
/* Display a viewport of the unmodified brand-pack raster; preserve aspect ratio. */
.rr-logo{display:block;position:relative;width:190px;aspect-ratio:1370/600;overflow:hidden;background:#06243D;border-radius:3px;flex-shrink:0}
.rr-logo img{position:absolute!important;width:112.117%!important;max-width:none!important;height:auto!important;left:-6.569%;top:-33.333%;padding:0!important;margin:0!important;filter:url("assets/logo-background-filter.svg#clear-navy")!important;border:0!important;border-radius:0!important}
.sidebar .brand,.admin-workspace .sidebar .brand{display:block;padding:0;text-decoration:none}.sidebar .rr-logo{width:100%;max-width:194px;margin:0 auto}.sidebar{overflow-y:auto}.sidebar .nav-label{margin-top:28px}.sidebar nav button.active{color:#06243D}.sidebar .status-dot{background:#00A8F3}
.account-brand{display:flex;align-items:center;margin-bottom:28px}.account-brand>a{display:block}.account-brand .rr-logo{width:235px}.account-card{box-shadow:0 14px 40px #06243D0A}.account-card h1{letter-spacing:-.8px}
#cloud-root{background:radial-gradient(ellipse at top right,#DDEFFB,transparent 60%),#F1F6FA}.admin-workspace#cloud-root{background:#F1F6FA}
button.primary,.button.primary,.primary{background:#06243D;color:#fff;border-color:#06243D}button.primary:hover,.button.primary:hover{background:#0D3555}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #0082BE;outline-offset:4px}input:focus,select:focus{outline:2px solid #0082BE;outline-offset:2px}
input[type=checkbox],input[type=radio]{accent-color:#007CB5}.live-header .brand{display:flex;align-items:center}.live-header .rr-logo{width:200px}.live-header a:not(.brand){border:1px solid #BBD2E570;border-radius:7px;padding:11px 15px}
.colour-preview-side .rr-logo{width:100%;max-width:150px}.colour-preview-side .rr-logo img{filter:none}
.home-page{color:#fff;background:#06243D;--muted:#BBD2E5;--line:#2A526F}.home-page .site-header{background:#06243DF5;backdrop-filter:blur(12px);border-color:#254862}.home-page .site-header .brand .rr-logo{width:172px}.home-page .site-header .nav{padding-block:9px}
.home-page .hero{gap:40px;padding:45px 0 60px}.home-page .hero h1{font-family:Arial,Helvetica,sans-serif;font-style:italic;font-weight:900;font-size:clamp(43px,4.7vw,64px);text-transform:uppercase;letter-spacing:-2.6px;line-height:1.03}.home-page .hero h1 span{color:#00A8F3}.home-page .hero .eyebrow{color:#00A8F3}.home-page .hero p{color:#BBD2E5}.home-page .hero .small{color:#BBD2E5}
.home-page .hero-product{min-width:0}.home-page .hero-brand{display:flex;justify-content:center;margin:0 0 16px}.home-page .hero-brand .rr-logo{width:min(100%,385px)}.home-page .hero .hero-signoff{text-align:center;font-size:12px;letter-spacing:4px;font-weight:700;color:#BBD2E5;margin:12px auto 0}
.home-page .btn.lime,.home-page .spectator .btn.green{background:#00A8F3;color:#06243D;border-color:#00A8F3}.home-page .btn.lime:hover,.home-page .spectator .btn.green:hover{background:#39BAF5}.home-page .btn.outline{border-color:#6689A3}.home-page .btn.outline:hover{background:#0D3555;border-color:#00A8F3}.home-page .eyebrow,.home-page .number{color:#00A8F3}
.home-page .feature-cards .feature{background:#06243D;border-color:#315771;border-radius:12px}.home-page .feature-icon{color:#00A8F3;background:#0D3555}.home-page .feature-cards p,.home-page .intro p,.home-page .gallery-intro p,.home-page .gallery-grid p,.home-page .step p,.home-page details p{color:#BBD2E5}.home-page .gallery-grid figure{background:#0D3555;border-color:#315771}.home-page .gallery-note{color:#BBD2E5}
.home-page .credits b{color:#00A8F3}.home-page .pricing p,.home-page .pricing .note{color:#BBD2E5}.home-page .credits span{border-color:#52748F}.home-page .step b{color:#06243D}.home-page .laptop-toolbar{background:#0D3555;color:#fff}.home-page .phone-alert-heading img{padding:0}.home-page footer{color:#BBD2E5}
@media(max-width:1050px){.sidebar .rr-logo{width:168px}.home-page .links{gap:13px}.home-page .links a{font-size:13px}}
@media(max-width:850px){.admin-workspace .sidebar .rr-logo{width:175px;margin:0}.account-brand .rr-logo{width:215px}.live-header .rr-logo{width:170px}}
@media(max-width:760px){.sidebar .brand{display:inline-block}.sidebar .rr-logo{width:175px;margin:0}.sidebar nav{margin-top:14px}}
@media(max-width:640px){.home-page .hero{padding:32px 0 42px;gap:30px}.home-page .hero h1{font-size:clamp(38px,10.2vw,57px);letter-spacing:-1.9px}.home-page .site-header .brand .rr-logo{width:144px}.home-page .site-header .nav{padding-block:7px}.home-page .hero-brand .rr-logo{width:290px}.home-page .site-header .links{gap:8px;justify-content:flex-start}.home-page .links .btn{flex:1}.home-page .site-header .links .jump{flex:1;text-align:center}.home-page .btn{min-height:46px}.home-page .hero .actions{flex-direction:column}.home-page .hero .actions .btn{flex:auto}.home-page .site-header .links .btn{min-height:40px}html{scroll-padding-top:180px}.live-header .rr-logo{width:160px}.live-header a:not(.brand){padding:9px 11px}}
@media(max-width:380px){.live-header .rr-logo{width:140px}.account-brand .rr-logo{width:195px}.home-page .hero h1{font-size:37px}}
@media print{.account-card{box-shadow:none}.rr-logo{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
@media(max-width:640px){.home-page .site-header .links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.home-page .site-header .links .jump{justify-content:center;padding:6px 0}.home-page .site-header .links .btn{grid-column:span 2;justify-content:center}.home-page .site-header .brand{margin-inline:auto}.home-page .hero h1{max-width:520px}}
/* Account entry fills the viewport; authenticated workspaces retain their own layout. */
#cloud-root.auth-screen{display:block;min-height:100vh;min-height:100svh;padding:0;background:#06243D;color:#fff}
.auth-screen .account-card{width:100%;min-height:100vh;min-height:100svh;padding:clamp(28px,5vh,64px) 24px 40px;background:transparent;border:0;border-radius:0;box-shadow:none;color:#fff}
.auth-screen .account-card>*{max-width:520px;margin-left:auto;margin-right:auto}
.auth-screen .account-brand{justify-content:center;margin-bottom:28px}
.auth-screen .account-brand .rr-logo{width:280px;max-width:100%}
.auth-screen .account-card h1{font-size:32px;margin-bottom:24px;color:#fff}
.auth-screen .account-card form{max-width:520px;gap:20px}
.auth-screen .account-card label{color:#fff}
.auth-screen .account-card input,.auth-screen .account-card select{background:#F1F6FA;color:#06243D;border:1px solid #BBD2E5;min-height:48px}
.auth-screen .account-card p{color:#BBD2E5;font-size:15px}
.auth-screen button,.auth-screen .account-links .guest-link{min-height:48px;background:transparent;color:#fff;border:1px solid #6689A3}
.auth-screen button:hover,.auth-screen .account-links .guest-link:hover{background:#0D3555;border-color:#00A8F3}
.auth-screen button.primary{background:#00A8F3;border-color:#00A8F3;color:#06243D;font-weight:700}
.auth-screen button.primary:hover{background:#39BAF5}
.auth-screen .account-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.auth-screen .account-links>*{display:flex;align-items:center;justify-content:center;text-align:center}
.auth-screen #account-message{color:#FFD5BC;margin-top:20px}
.auth-screen #account-message:empty{display:none}
.auth-screen :is(button,a,input,select):focus-visible{outline:3px solid #00A8F3;outline-offset:4px}
@media(max-width:600px){.auth-screen .account-card{padding:26px 20px 32px}.auth-screen .account-brand .rr-logo{width:235px}.auth-screen .account-card h1{font-size:28px}.auth-screen .account-links{gap:10px}.auth-screen .account-links>*{font-size:13px;padding:10px 8px}}

/* The dark page itself shows through the logo; no differently coloured image tile. */
.home-page .rr-logo,.auth-screen .rr-logo,.sidebar .rr-logo,.live-header .rr-logo{background:transparent}
/* Keep the white logo readable on user-selected light club colours. */
.club-themed .sidebar .rr-logo,.club-themed .live-header .rr-logo{background:#06243D}