:root{font-family:Inter,system-ui,sans-serif;color:#17322b;background:#eef4ef;line-height:1.45}*{box-sizing:border-box}body{margin:0}.hero{padding:38px 20px 70px;background:linear-gradient(135deg,#173f35,#2f725e);color:#fff}.hero>*{max-width:820px;margin-left:auto;margin-right:auto}.eyebrow{font-size:.75rem;letter-spacing:.18em;font-weight:800;margin-bottom:8px}.hero h1{font-size:clamp(2rem,7vw,3.8rem);margin:0}.hero p:last-child{font-size:1.05rem;margin-top:8px}main{max-width:860px;margin:-42px auto 60px;padding:0 16px;display:grid;gap:18px}.panel{background:#fff;border:1px solid #d6e1da;border-radius:20px;padding:22px;box-shadow:0 14px 35px #173f3517}h2{margin:0 0 18px}form{display:grid;gap:14px}label{display:grid;gap:6px;font-weight:700}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;border:1px solid #b8c9bf;border-radius:11px;padding:12px;background:#fbfdfb;color:#17322b}textarea{resize:vertical}.time-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.actions,.section-heading,.shift-actions{display:flex;gap:10px;align-items:center}.section-heading{justify-content:space-between}.section-heading h2{margin:0}button{border:1px solid #b8c9bf;border-radius:999px;padding:10px 16px;background:#fff;color:#173f35;font-weight:800;cursor:pointer}.primary{background:#eb6b0b;border-color:#eb6b0b;color:#fff}.status{min-height:1.4em;margin:0;color:#52665d}.shift-list{display:grid;gap:12px;margin-top:18px}.shift{border:1px solid #d6e1da;border-left:6px solid #eb6b0b;border-radius:14px;padding:16px;background:#fbfdfb}.shift h3{margin:0 0 5px}.shift p{margin:3px 0}.shift small{display:block;color:#60756b;margin:6px 0 12px}.empty{color:#60756b}.danger{color:#a12b23;border-color:#e4b9b5}@media(max-width:560px){.time-row{grid-template-columns:1fr}.panel{padding:18px}.actions{align-items:stretch;flex-direction:column}.actions button{width:100%}}
/* RCZ club identity */
.hero{position:relative;overflow:hidden;background:repeating-linear-gradient(90deg,#153f32 0,#153f32 90px,#194836 90px,#194836 180px);padding-top:28px}
.hero::before{content:"";position:absolute;right:-70px;top:40px;width:300px;height:300px;border:2px solid #ffffff16;border-radius:50%;pointer-events:none}
.hero::after{content:"";position:absolute;right:80px;top:0;bottom:0;border-left:2px solid #ffffff12;pointer-events:none}
.hero>*{position:relative;z-index:1}.club-brand{display:flex;align-items:center;gap:18px;margin-bottom:24px}.club-logo{width:92px;height:92px;object-fit:contain;background:white;border-radius:16px;padding:8px;box-shadow:0 8px 24px #0002}.club-brand .eyebrow{margin:0 0 6px;letter-spacing:.13em}.club-label{margin:0;color:#d4e7d9;font-size:.95rem}.hero h1{font-size:clamp(2rem,7vw,3.3rem)}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.hero-actions button{border-color:#ffffff55;background:#ffffff12;color:white}.primary{background:#226447;border-color:#226447}.shift{border-left-color:#226447}button:hover{filter:brightness(.95)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #6ab892;outline-offset:3px}@media(max-width:560px){.club-logo{width:76px;height:76px}.club-brand{gap:14px}.club-brand .eyebrow{font-size:.7rem}.hero-actions button{font-size:.9rem}}
.hero h1{margin-left:auto;margin-right:auto}main{position:relative;z-index:2}
.planning-intro{color:#52665d;margin:-6px 0 18px;font-weight:400}.week-nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.week-nav h3{flex:1;text-align:center;margin:0;font-size:1rem}.calendar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.calendar-day{border:1px solid #d6e1da;border-top:5px solid #bccbc2;border-radius:14px;padding:16px;min-width:0;background:#fbfdfb}.calendar-day.shortage{border-top-color:#b45814;background:#fffaf4}.calendar-day.complete{border-top-color:#226447}.calendar-day.today{outline:2px solid #226447;outline-offset:2px}.day-heading{display:flex;gap:8px;align-items:center;justify-content:space-between}.day-heading h3{font-size:1rem;margin:0;text-transform:capitalize}.today-label{font-size:.7rem;font-weight:800;background:#226447;color:white;border-radius:30px;padding:4px 8px}.staffing-badge{font-size:.9rem;font-weight:800;margin:10px 0 4px}.shortage .staffing-badge{color:#8a3908}.complete .staffing-badge{color:#226447}.day-total{font-size:.8rem;color:#52665d;margin:0}.day-shifts{list-style:none;margin:14px 0;padding:0;display:grid;gap:8px}.day-shifts li{padding:8px 0;border-top:1px solid #d6e1da;overflow-wrap:anywhere}.day-shifts span,.day-shifts small{display:block;font-size:.85rem}.staffing-form{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.staffing-form label{font-size:.8rem}.staffing-form input{padding:9px}.staffing-form button{font-size:.8rem;padding:9px 12px}.day-message{grid-column:1/-1;font-size:.8rem;margin:0}.plan-day{font-size:.85rem;margin-top:8px}button:disabled{opacity:.5;cursor:default}@media(max-width:560px){.calendar-grid{grid-template-columns:1fr}.week-nav{gap:6px}.week-nav button{padding:8px 12px}.week-nav h3{font-size:.9rem}.week-nav #week-today{width:100%}.planning-panel{padding:18px}}
.month-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.month-nav h3{flex:1;text-align:center;text-transform:capitalize;margin:0;font-size:1.15rem}.month-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:.8rem;margin:16px 0 6px}.month-legend>span{display:flex;align-items:center;gap:5px}.legend-color{display:inline-block;width:12px;height:12px;border-radius:3px}.legend-color.green{background:#226447}.legend-color.red{background:#b52c36}.legend-color.gray{background:#b8c4bc}.month-help{font-size:.8rem;color:#52665d;margin:8px 0}.month-weekdays,.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.month-weekdays{text-align:center;font-size:.8rem;font-weight:800;margin:10px 0 6px}.month-day{position:relative;border-radius:10px;padding:10px 3px;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:70px;font-weight:800;border:1px solid transparent}.month-day.complete{background:#226447;color:#fff}.month-day.shortage{background:#b52c36;color:#fff}.month-day.neutral{background:#e6ece8;color:#43584b;border-color:#c9d4cd}.month-number{font-size:1.05rem}.month-count{font-size:.75rem}.month-indicator{position:absolute;top:3px;right:5px;font-size:.65rem}.month-today{outline:2px solid #173f35;outline-offset:2px}.month-day.selected{box-shadow:inset 0 0 0 3px #e8b947}.calendar-day.shortage{border-top-color:#b52c36;background:#fff5f5}.shortage .staffing-badge{color:#a1212a}#week-details{margin-top:22px}#week-details summary{cursor:pointer;font-weight:800;padding:12px 0}#week-details[open] summary{margin-bottom:10px}@media(max-width:560px){.month-nav{gap:6px}.month-nav h3{font-size:1rem}.month-nav button{padding:8px 12px}.month-nav #month-current{width:100%}.month-grid,.month-weekdays{gap:4px}.month-day{min-height:58px;border-radius:7px;padding:8px 2px}.month-number{font-size:.9rem}.month-count{font-size:.65rem}.month-legend{gap:9px;font-size:.7rem}.month-indicator{right:3px;top:1px;font-size:.55rem}}
[hidden]{display:none!important}#app-content,#staff-panel{display:grid;gap:18px}.session-controls{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;padding:8px 4px}.session-controls span{font-weight:700}.app-tabs{display:flex;background:#fff;padding:6px;border-radius:15px;gap:6px;box-shadow:0 8px 20px #173f3510}.app-tabs button{flex:1;border:0;border-radius:10px;font-size:.95rem;padding:13px 8px}.app-tabs button[aria-selected="true"]{background:#226447;color:white}.login-panel{max-width:520px;width:100%;margin:0 auto}.login-panel p{color:#52665d}.parent-admin{border:1px solid #b8c9bf;border-radius:14px;padding:14px;margin:18px 0}.parent-admin summary{font-weight:800;cursor:pointer}.parent-admin form{margin-top:16px}.parent-slots{display:grid;gap:16px;margin:18px 0}.parent-slot{border:1px solid #d6e1da;border-top:5px solid #b52c36;border-radius:14px;padding:18px;background:#fff7f7}.parent-slot.complete{border-top-color:#226447;background:#f6fbf7}.parent-slot h3{margin:0 0 8px}.parent-slot p{margin:6px 0}.parent-signup{margin-top:14px;padding-top:14px;border-top:1px solid #d6e1da}.parent-slot .danger{font-size:.8rem;margin-top:8px}.parents-help{font-size:.85rem;color:#52665d}.cancel-parent-slot{margin-top:14px}.parent-slot .day-shifts li{padding:10px 0}
.session-controls{background:#fff;border:1px solid #d6e1da;border-radius:14px;padding:12px 16px}#parent-week{min-width:120px;font-size:.95rem}
.audit-events{padding-left:18px}.audit-events li{margin:14px 0;overflow-wrap:anywhere}#audit-panel summary{cursor:pointer;font-weight:800}
/* Halloween: warm orange accents, readable cards, unchanged staffing colors. */
:root{background:#211a2a;color:#302638}body{background:radial-gradient(ellipse at top right,#4b2b31 0,transparent 55%),#211a2a;min-height:100vh}.hero{background:linear-gradient(125deg,#221c30,#4d293b 70%,#783b21);border-bottom:3px solid #ee943c}.hero::before{content:'🎃';border:0;border-radius:0;font-size:150px;width:180px;height:180px;right:25px;top:28px;opacity:.15;transform:rotate(12deg)}.hero::after{border:0;content:'✦';font-size:75px;color:#ffc56e33;right:210px;top:18px;bottom:auto}.club-label{color:#f5d3b3}.club-logo{box-shadow:0 0 0 3px #efa04b,0 10px 28px #0004}.halloween-banner{display:flex;gap:9px;align-items:center;width:fit-content;font-size:.85rem;font-weight:700;letter-spacing:.02em;background:#ffffff12;border:1px solid #ffc56e66;border-radius:30px;padding:7px 14px;margin-top:0;margin-bottom:16px}.panel{background:#fffaf4;border-color:#e2cdbb;box-shadow:0 14px 35px #0002}.session-controls{background:#fffaf4;border-color:#e2cdbb}.primary{background:#a64516;border-color:#a64516;color:#fff}.shift{border-left-color:#da772b;background:#fffdf8}.app-tabs{background:#fffaf4;border-color:#e2cdbb}.app-tabs [aria-selected=true]{background:#713e6e;color:#fff;border-color:#713e6e}button{color:#55344d;border-color:#d7bfaa;background:#fffdf8}input,select,textarea{background:#fffdf8;border-color:#cbbba9;color:#302638}input[readonly]{background:#eee5d9}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#ab561c}.month-day.complete{background:#226447;color:#fff}.month-day.shortage{background:#b52c36;color:#fff}.month-day.neutral{background:#e6ece8;color:#43584b}.month-today{outline-color:#713e6e}.calendar-day.complete{border-top-color:#226447}.calendar-day.shortage{border-top-color:#b52c36}.danger{color:#a12b23;border-color:#e4b9b5}@media(max-width:560px){.hero::before{font-size:110px;right:-15px;top:65px}.hero::after{font-size:50px;right:125px}.halloween-banner{font-size:.75rem}}