/* Beyond Beginnings website brand, applied to the independent staff app.
   Reference: https://beyondbeginningsacademy.com/ — 1 November 2026.
   Logo and locally embedded heading font supplied by the academy website. */
@font-face{font-family:BBAHeading;src:url('/assets/bba-heading.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#17243c;--muted:#626c7b;--green:#174fb5;--bg:#fffaf0;--line:#e1e5ec;--mint:#e8eefc;--lavender:#fff2dc;--peach:#fbe8d1;--yellow:#f9d980;--blue:#174fb5;--orange:#e99330;--red:#af3038}
body{font-family:Arial,sans-serif;color:var(--ink)}
h1,h2,h3,.brand strong,header strong,.stat strong{font-family:BBAHeading,Arial,sans-serif;font-weight:650;letter-spacing:-.045em}
h1{font-size:38px;line-height:1.08}h2{font-size:21px}h3{font-size:18px}
aside{border-right-color:#e9edf4;background:#fff}
.brand{gap:10px;padding:0 3px 29px}.brand-logo{width:57px;height:53px;object-fit:contain;flex:none}
.brand strong{font-size:21px;line-height:1.02}.brand small{font-family:Arial,sans-serif;font-size:8px;letter-spacing:.28em;color:var(--blue);margin-top:10px;font-weight:700}
.nav-label{color:#7b8799;letter-spacing:.15em}nav a{color:#536079}nav a[aria-current]{background:var(--blue);color:white}nav a:hover{background:#edf3ff;color:var(--blue)}nav a[aria-current]:hover{background:#133f8f;color:#fff}
.eyebrow{color:var(--blue);letter-spacing:.15em}.welcome .eyebrow:before{content:'✦';color:var(--orange);font-size:19px;margin-right:8px;vertical-align:middle}
.sidebar-foot{color:#626c7b;line-height:1.5}.sidebar-foot .dot{background:var(--orange)}
header{background:#fff;border-bottom-color:#e9edf4}.demo-banner{background:#edf3ff;color:#244e8c;border-bottom:1px solid #e2ebfe}
button,.button{background:var(--orange);color:#17243c;border-radius:28px;font-weight:750;font-size:13px;padding:12px 21px}
button:hover,.button:hover{background:#f3ad57;color:#17243c}.quiet{background:#fff;border:1px solid var(--line);color:var(--blue)}.quiet:hover{background:#f2f6ff;color:var(--blue)}
.welcome>.button:not(.quiet){gap:20px;padding:8px 9px 8px 23px}.welcome>.button:not(.quiet):after{content:'↗';display:grid;place-items:center;background:var(--ink);color:white;border-radius:50%;width:32px;height:32px;font-size:21px;font-weight:400}
.stats{gap:18px}.stat{border-radius:22px;padding:25px;border:1px solid #17243c08}.stat strong{font-size:37px}.stat:first-child{background:#174fb5;color:white}.stat:nth-child(2){background:#fff}.stat:nth-child(3){background:#fff0d9}.stat:nth-child(4){background:#f9d980}
.card{border-radius:24px;border-color:#e7e8e8;background:#fff}.rooms .room{background:#fffdf8;border-radius:20px;border-color:#ebe6db}.room-flower{color:var(--orange);font-size:30px}.room strong{font-family:BBAHeading,Arial,sans-serif;color:var(--ink);font-size:28px}.room small{display:inline;font-family:Arial,sans-serif;font-size:11px}.badge.ok{background:#e8f0e7;color:#355b3a}.badge.warn{background:#fff0d9;color:#805019}
.avatar{background:#e8eefc;color:var(--blue);border-radius:50%;font-family:BBAHeading,Arial,sans-serif}.child-card:nth-child(3n) .avatar{background:#f9d980;color:#17243c}.child-card:nth-child(3n + 1) .avatar{background:#fbe8d1;color:#a15413}
.child-card{border-radius:22px}.child-card:hover{border-color:var(--blue)}.child-card h3{color:var(--ink)}.arrow{color:var(--blue)}
th{background:#f8faff;color:#506381}.timeline .dot{background:var(--orange)}.timeline strong{color:var(--ink)}.notice{background:#edf3ff;color:#244e8c}.notice.error{background:#fbe8e8;color:#af3038}
label{color:#506078}input,select,textarea{border-color:#dce2ec;border-radius:11px}input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #174fb5;outline-offset:3px}
.login-wrap{max-width:500px}.login-logo{width:100px;height:85px;object-fit:contain;margin-bottom:24px}.login-wrap h1{font-size:47px}.login-wrap .card{margin-top:28px}.signed-out header strong{color:var(--blue)}
footer{color:#626c7b;border-top:1px solid #ede9e0;background:#fffdf8}
@media(max-width:1100px){.brand-logo{width:46px;height:46px}.brand strong{font-size:18px}.stat{padding:19px}.stat strong{font-size:29px}}
@media(max-width:760px){h1{font-size:33px}.brand{padding:0 0 15px;gap:10px}.brand-logo{width:49px;height:44px}.brand strong{font-size:19px}.brand small{font-size:7px;margin-top:6px}nav a{border-radius:25px}.stat{padding:21px 17px}.stat strong{font-size:30px}.login-wrap h1{font-size:39px}.card{border-radius:20px}.login-logo{width:80px;height:70px}.welcome{gap:20px}}
@media print{body{background:white}.stat{background:white!important;color:#17243c!important}.brand-logo{display:block}}
@media(max-width:760px){.stat:nth-child(4) strong{font-size:23px;letter-spacing:-.04em}}

.parent-kiosk{max-width:680px;margin:15px auto;text-align:center}.parent-kiosk .card{text-align:left}.parent-actions{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:35px 0}.parent-actions .button{min-height:155px;display:flex;flex-direction:column;gap:10px;border-radius:24px}.parent-actions strong{font-family:BBAHeading,Arial,sans-serif;font-size:30px}.parent-actions span{font-size:12px;font-weight:400}.parent-actions .secondary{background:#174fb5;color:white}.parent-kiosk form{display:grid;gap:18px}.parent-kiosk label{text-align:left}.staff-entry{margin-top:35px;font-weight:700}.private-code{font-size:30px;letter-spacing:4px;background:#fff2dc;padding:18px;border-radius:12px}.parent-kiosk .form-grid{grid-template-columns:1fr}@media(max-width:600px){.parent-actions{grid-template-columns:1fr}.parent-actions .button{min-height:110px}}