:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#172033;background:#f4f6fa;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.button{border:0;border-radius:10px;padding:11px 16px;font-weight:650;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}
button:disabled{opacity:.5;cursor:not-allowed}.primary{background:#2463eb;color:white}.secondary,.button.secondary{background:#e9eef8;color:#24324b}.full{width:100%}
.topbar{background:#fff;border-bottom:1px solid #e5e9f1;padding:15px max(20px,calc((100% - 1180px)/2));display:flex;justify-content:space-between;align-items:center;gap:16px;position:sticky;top:0;z-index:5}.topbar>div:first-child{display:flex;flex-direction:column;gap:3px}.top-actions{display:flex;gap:8px;align-items:center}
.container{max-width:1180px;margin:25px auto;padding:0 20px}.tabs{display:flex;gap:8px;overflow:auto;margin-bottom:24px}.tab{background:#e9eef8;color:#4a5871;white-space:nowrap}.tab.active{background:#172b4d;color:white}
.page-head,.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.page h1{font-size:27px;margin:0 0 5px}.page h2{font-size:18px;margin:0 0 15px}.muted{color:#738096}.small{font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat,.panel{background:#fff;border:1px solid #e7ebf2;border-radius:15px;padding:19px;margin-bottom:16px;box-shadow:0 3px 14px #1c31500a}.stat span{display:block;color:#718098;font-size:13px}.stat b{display:block;font-size:29px;margin-top:8px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid label,.login-panel label,.child-row label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:650;color:#34415a}.span2{grid-column:span 2}input,select{border:1px solid #d9e0eb;border-radius:9px;padding:11px 12px;background:white;color:#18243a;min-width:0;width:100%}input:focus,select:focus{outline:2px solid #b8cdfd;border-color:#5c8df4}.section-head{margin-top:24px}.child-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end;padding:13px;background:#f7f9fc;border:1px solid #e9edf4;border-radius:12px;margin-bottom:10px}.remove-child{background:#ffe8e8;color:#a52c2c}.price-preview{background:#eef5ff;border-radius:10px;padding:13px;margin:15px 0;color:#1c477f;font-weight:700}.form-actions{display:flex;gap:9px}.message{font-size:13px}.error{color:#bd2727}.success{color:#16804a}
table{width:100%;border-collapse:collapse;font-size:13px;min-width:650px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #edf0f5;vertical-align:middle}th{color:#728098;font-weight:650;background:#fafbfd}td .action{padding:7px 9px;font-size:12px;margin:2px}.table-wrap{overflow:auto}.pill{display:inline-block;padding:5px 8px;border-radius:99px;background:#edf2fa;font-size:11px;font-weight:700}.pill.playing{background:#dcf7e8;color:#126b3a}.pill.completed{background:#e8edf5;color:#596579}.pill.booked{background:#fff2d9;color:#8b5a00}.search{max-width:400px;margin-bottom:14px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-panel{width:min(420px,100%);padding:30px}.login-panel h1{text-align:center;margin:8px 0}.login-panel p{text-align:center}.login-panel label{margin:15px 0}.brand-icon{text-align:center;font-size:40px}.hidden{display:none!important}.toast{position:fixed;right:20px;bottom:20px;background:#172b4d;color:white;padding:13px 18px;border-radius:10px;opacity:0;pointer-events:none;transition:.2s;z-index:10}.toast.show{opacity:1}.price-preview small{display:block;font-weight:400;margin-top:4px}
@media(max-width:760px){.stats{grid-template-columns:repeat(2,1fr)}.topbar{align-items:flex-start}.top-actions{flex-wrap:wrap;justify-content:flex-end}.container{padding:0 13px}.form-grid{grid-template-columns:1fr}.span2{grid-column:span 1}.child-row{grid-template-columns:1fr 1fr}.child-row label:first-child{grid-column:span 2}.page-head{align-items:flex-start}.page h1{font-size:23px}}

/* TINY-DIGGERS brand finish — keeps the existing admin layout intact. */
.brand-icon{width:82px;height:82px;margin:0 auto 8px;border-radius:25px;display:grid;place-items:center;background:linear-gradient(145deg,#fff2c8,#ffe08a);box-shadow:0 10px 24px #e8b64c35;font-size:48px}
.mascot-bounce{animation:mascotBob 2.8s ease-in-out infinite}
@keyframes mascotBob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}
.brand-kicker{font-size:10px;letter-spacing:.24em;font-weight:800;color:#d18a19;margin:0}
.login-panel h1{color:#17365c;letter-spacing:.02em}
.brand-mark{display:inline-block;animation:mascotBob 2.8s ease-in-out infinite;margin-right:5px}
.site-footer{text-align:center;color:#8792a5;font-size:12px;padding:14px 12px 20px}
.site-footer strong,.developer-credit strong{color:#29466d}
.developer-credit{font-size:12px;color:#8792a5;margin-top:22px!important}
.footer-sep{padding:0 6px;color:#e3a52e}
@media(max-width:680px){.topbar{align-items:flex-start;flex-direction:column}.top-actions{width:100%;flex-wrap:wrap}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.child-row{grid-template-columns:1fr 1fr}.child-row label:first-child{grid-column:span 2}}

/* Admin polish: clear hierarchy, gentle motion, and reliable in-page booking actions. */
.page{animation:pageEnter .24s ease both}
.panel,.stat{transition:transform .18s ease,box-shadow .18s ease}
.panel:hover,.stat:hover{box-shadow:0 9px 26px #1c315012}
button,.button{transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}
button:not(:disabled):hover,.button:hover{filter:brightness(1.03);transform:translateY(-1px)}
button:not(:disabled):active,.button:active{transform:translateY(0) scale(.98)}
.login-panel{animation:modalIn .35s ease both}
.brand-icon{position:relative;overflow:hidden}
.brand-monogram{font-size:27px;font-weight:950;letter-spacing:-.08em;color:#17365c;border:3px solid #d69b35;border-radius:15px;padding:7px 9px;background:#fff9e8}
.brand-mark{font-size:12px;font-weight:900;letter-spacing:-.06em;border:2px solid #e5b13c;border-radius:7px;padding:3px 4px;color:#17365c;background:#fff4d5}
.modal-backdrop{position:fixed;inset:0;z-index:30;background:#101d31a8;display:grid;place-items:center;padding:20px;animation:fadeIn .18s ease both}
.booking-modal{width:min(1100px,100%);max-height:min(88vh,900px);overflow:auto;background:#fff;border-radius:20px;padding:22px;box-shadow:0 24px 80px #07132655;animation:modalIn .22s ease both}
.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}
.modal-head h2{font-size:22px;margin:0 0 7px;color:#172b4d}
.modal-head p{margin:4px 0}
.modal-close{flex:none}
.modal-actions{min-width:270px}
.modal-actions .action{margin:3px 2px}
.action.danger{background:#fff0ed;color:#a93627}
.modal-note{margin:14px 0 0}
@keyframes pageEnter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes modalIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:760px){.booking-modal{padding:14px;border-radius:15px}.modal-head{align-items:flex-start}.modal-actions{min-width:220px}.modal-actions .action{font-size:11px;padding:7px}}
@media(prefers-reduced-motion:reduce){.page,.booking-modal,.modal-backdrop{animation:none!important}button,.button,.panel,.stat{transition:none!important}}

.child-row{grid-template-columns:1.5fr 1.1fr 1fr 1fr auto}
.food-options{grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 0 18px}
.food-option{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid #dce4f0;border-radius:12px;background:#f8faff}
.food-option input{width:auto;align-self:flex-start}
.food-option strong{font-size:15px}
.food-option span{color:#2463eb;font-weight:750}
@media(max-width:760px){.child-row{grid-template-columns:repeat(2,minmax(0,1fr))}.food-options{grid-template-columns:1fr}.span2{grid-column:span 2}}
.food-quantity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0 18px}
.food-quantity-card{display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:17px;border:1px solid #dce4f0;border-radius:14px;background:#f8faff;min-width:0}
.food-quantity-card>div:first-child{display:flex;flex-direction:column;gap:7px}
.food-quantity-card strong{font-size:15px;color:#263750}
.food-quantity-card span{font-weight:750;color:#2463eb}
.quantity-control{display:flex;align-items:center;gap:14px}
.quantity-control button{width:42px;height:42px;padding:0;border-radius:10px;background:#e8eef9;color:#17365c;font-size:25px}
.quantity-control output{min-width:28px;text-align:center;font-size:21px;font-weight:800;font-variant-numeric:tabular-nums}
.quantity-control button:disabled{opacity:.35;cursor:not-allowed}
@media(max-width:760px){.food-quantity-grid{grid-template-columns:1fr}.food-quantity-card{flex-direction:row;align-items:center}.quantity-control{flex:none}}

/* Official TINY DIGGERS logo applied consistently across admin screens. */
.login-panel{width:min(460px,100%);padding:28px 32px}
.login-brand-logo{display:block;width:min(100%,340px);height:132px;object-fit:contain;margin:0 auto 8px}
.login-panel h1{font-size:21px;margin:6px 0 8px}
.topbar-brand{display:flex!important;flex-direction:row!important;align-items:center;gap:16px!important;min-width:0}
.header-brand-logo{display:block;width:190px;height:58px;object-fit:contain;object-position:left center;flex:none}
.topbar-brand .muted{white-space:nowrap}
.terms-brand-logo{display:block;width:min(100%,300px);height:125px;object-fit:contain;margin:0 auto 18px}
.terms-panel h1{text-align:center}
@media(max-width:680px){
 .topbar-brand{width:100%;justify-content:space-between}
 .header-brand-logo{width:160px;height:50px}
 .login-panel{padding:24px 20px}
 .login-brand-logo{height:112px}
}

/* Separate full-collection summaries for each booking system. */
.collection-preview,.collection-summary{background:#f5f8ff;border:1px solid #dce6f7;border-radius:12px;padding:15px;margin:14px 0;color:#243b60}
.collection-preview>strong{display:block;margin-bottom:10px;color:#17365c;letter-spacing:.02em}
.collection-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px}
.collection-values span{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:7px 0;border-bottom:1px solid #e2eaf6;font-size:13px}
.collection-values b{font-variant-numeric:tabular-nums;text-align:right;color:#17365c;white-space:nowrap}
.collection-panel{border-left:4px solid #2463eb}
.collection-panel:nth-of-type(2n){border-left-color:#d69b35}
@media(max-width:560px){.collection-values{grid-template-columns:1fr}.collection-values span{font-size:12px}}