#pins-counter-mock .pc-counts{grid-template-columns:repeat(4,minmax(0,1fr))}
body.guest #pins-counter-mock{min-height:0}
#pins-counter-mock .pc-login{max-width:400px}
#pins-counter-mock .list-card{padding:18px;border:1px solid var(--pc-line);border-radius:10px;background:var(--pc-surface);margin:12px 0}
#pins-counter-mock .list-card p{overflow-wrap:anywhere}
#pins-counter-mock .list-card button{margin-right:8px}
#pins-counter-mock .pc-login input{letter-spacing:4px}
#detail .fields{display:grid;gap:12px}
#detail label{display:grid;gap:6px}
#detail input,#detail select{font:inherit;padding:10px;border:1px solid #aaa;border-radius:6px;background:inherit;color:inherit}
#pins-counter-mock button:disabled{opacity:.55;cursor:not-allowed}
#pins-counter-mock button:focus-visible,#pins-counter-mock input:focus-visible,#pins-counter-mock select:focus-visible{outline:3px solid #527b39;outline-offset:2px}
@media(max-width:650px){#pins-counter-mock .pc-counts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media print{#pins-counter-mock .pc-top,#pins-counter-mock .notice,#pins-counter-mock button,#pins-counter-mock footer{display:none!important}body{color-scheme:light}#pins-counter-mock{background:white;color:black}}

/* Saturated category colors; same mapping in the legend and every booking block. */
#pins-counter-mock{--pc-blue:#1d4ed8;--pc-child:#be185d;--pc-youth:#6d28d9;--pc-adult:#9a3412;--pc-jga:#b91c1c;--pc-school:#3f6212;--pc-firm:#0f766e;--pc-firm2:#4338ca;--pc-firm3:#854d0e;--pc-blocked:#4b5563;--pc-buffet:#ffb020}
#pins-counter-mock .lane-track .pc-booking{color:#fff;font-weight:700;border:1px solid #ffffff50}
#pins-counter-mock .pc-dot{width:14px;height:14px;border-radius:4px;vertical-align:middle}
#pins-counter-mock .pc-legend{font-size:13px;font-weight:700}
#pins-counter-mock .pc-buffet{background:#ffb020;color:#241600;border:1px solid #b56d00;font-weight:700}
#pins-counter-mock .task-card{border-left:5px solid #9a3412}
#pins-counter-mock .task-card.done{border-left-color:#166534}
#pins-counter-mock .task-check{display:flex;flex-direction:row;align-items:center;gap:12px;font-size:17px}
#pins-counter-mock .task-check input{width:24px;height:24px;accent-color:#166534}
#pins-counter-mock .task-card.done .task-check strong{text-decoration:line-through}
#pins-counter-mock .task-description{white-space:pre-wrap}
#detail textarea{font:inherit;resize:vertical;padding:10px;border:1px solid #aaa;border-radius:6px;background:inherit;color:inherit}
/* PINS Design Upgrade 2026 — additive styles only */
body{background:#0a0c16!important;color-scheme:dark}
#pins-counter-mock{--pc-bg:#0c1020;--pc-surface:#171c30;--pc-text:#f6f7ff;--pc-muted:#aeb8d4;--pc-line:#343e5c;--pc-green:#1e8156;--pc-blue:#1d4ed8;--pc-orange:#614a25;--pc-child:#dd2d8c;--pc-youth:#9552f7;--pc-adult:#ed7b2d;--pc-jga:#e24156;--pc-school:#8bbb3c;--pc-firm:#01a9a0;--pc-firm2:#4b73e8;--pc-firm3:#bb8f28;background:var(--pc-bg);color:var(--pc-text);font-family:Inter,'Segoe UI',Arial,sans-serif}
#pins-counter-mock .pc-top{background:linear-gradient(105deg,#0d1023 0%,#29224c 60%,#163c48 100%);border-bottom:2px solid #a15cff;padding:22px clamp(16px,4vw,48px)}
#pins-counter-mock .pc-brand{font-size:clamp(28px,4vw,38px);color:#fff;font-weight:900;letter-spacing:-2px;text-shadow:0 0 24px #c066ff66}
#pins-counter-mock .pc-small{color:#e1e6fc}
#pins-counter-mock .pc-content{padding:clamp(16px,3vw,32px)}
#pins-counter-mock .form-panel{max-width:990px;border:1px solid #424a70;border-radius:22px;background:linear-gradient(140deg,#1b2138,#11172a);box-shadow:0 18px 70px #0005;padding:clamp(18px,3vw,38px)}
#pins-counter-mock h1{font-weight:900;font-size:clamp(28px,4vw,48px);line-height:1.06;letter-spacing:-1.3px;margin:0 0 14px;background:linear-gradient(90deg,#fff,#cb9cff,#7eeeff);background-clip:text;-webkit-background-clip:text;color:transparent}
#pins-counter-mock h2{letter-spacing:-.3px}
#pins-counter-mock .form-panel>p{line-height:1.55;color:#c6cce0}
#pins-counter-mock input,#pins-counter-mock select,#pins-counter-mock textarea{background:#0e152a;color:#f6f7ff;border:1px solid #455174;border-radius:11px;min-height:46px}
#pins-counter-mock label{color:#e4e8f6;font-weight:650}
#pins-counter-mock button{background:#242e4a;color:#fff;border:1px solid #465477;border-radius:11px;font-weight:750;cursor:pointer;transition:transform .15s,filter .15s}
#pins-counter-mock button:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}
#pins-counter-mock .pc-main,#pins-counter-mock #requestButton,#pins-counter-mock #availabilityButton{background:linear-gradient(105deg,#9744ed,#dc3f94);border:0;box-shadow:0 8px 24px #a139d345;color:#fff;padding:13px 22px}
#pins-counter-mock .notice{border-radius:12px;background:#253a50;color:#e8f8ff;border:1px solid #365e79;padding:13px 18px}
#pins-counter-mock .summary{background:#102838;color:#dcf9ff;border-radius:11px;padding:12px 16px;min-height:42px}
#pins-counter-mock .pc-detail,#pins-counter-mock .pc-availability,#pins-counter-mock .list-card,#pins-counter-mock .pc-table{background:#171d32;border-color:#364365;border-radius:14px}
#pins-counter-mock .pc-booking{box-shadow:inset 0 0 0 1px #ffffff1c}
#pins-counter-mock .pc-legend{gap:10px}
#pins-counter-mock .pc-legend>span{padding:7px 10px;border:1px solid #465172;border-radius:9px;background:#1c253c}
#pins-counter-mock .pins-package-section{margin:22px 0 26px}
#pins-counter-mock .pins-package-title{font-size:19px;font-weight:850;margin:0 0 5px}
#pins-counter-mock .pins-package-subtitle{font-size:13px;color:#bdc8df;margin:0 0 14px}
#pins-counter-mock .pins-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#pins-counter-mock .pins-package-card{display:flex;flex-direction:column;gap:7px;text-align:left;align-items:flex-start;min-height:160px;padding:17px;border:1px solid #475374;border-radius:15px;background:#202943;color:#fff;box-shadow:none}
#pins-counter-mock .pins-package-card .pins-tag{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#d8b4ff;font-weight:900}
#pins-counter-mock .pins-package-card .pins-name{font-size:18px;font-weight:900}
#pins-counter-mock .pins-package-card .pins-price{font-size:21px;color:#8df1ec;font-weight:900}
#pins-counter-mock .pins-package-card .pins-detail{font-size:12px;color:#c7d0e7;line-height:1.4}
#pins-counter-mock .pins-package-card[aria-pressed=true]{background:linear-gradient(130deg,#403077,#173d53);border:2px solid #cb87ff;box-shadow:0 0 0 3px #9c53ff25}
#pins-counter-mock .pins-policy{border-left:4px solid #da7dff;padding:12px 14px;border-radius:8px;background:#2a2342;color:#dfe4f5;font-size:12px;line-height:1.55;margin:16px 0}
#pins-counter-mock .pins-policy strong{color:#fff}
@media(max-width:780px){#pins-counter-mock .pins-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){#pins-counter-mock .pins-package-grid{grid-template-columns:1fr}#pins-counter-mock .pins-package-card{min-height:120px}#pins-counter-mock .form-panel{margin:5px auto}#pins-counter-mock .pc-top{gap:6px}}
@media print{body{background:#fff!important}#pins-counter-mock{background:#fff;color:#000}#pins-counter-mock .pins-package-section{display:none!important}}