:root{--paper:#F4EFE2;--card:#FBF8F0;--ink:#1d2a22;--forest:#1F3D2B;--forest2:#2c5a40;--rust:#B0592F;--line:#d9d1bd;--mute:#566050;--gold:#b88a2a;--bad:#a33a2a;--ok:#2f7a4a}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.45 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;color:var(--forest);margin:.2em 0}
.banner{background:#fff3cd;border-bottom:1px solid #e6d28a;padding:6px 12px;font-size:13px;text-align:center}
header.top{background:var(--forest);color:#F4EFE2;display:flex;align-items:center;gap:14px;padding:10px 18px;flex-wrap:wrap}
header.top .brand{font-family:Georgia,serif;font-size:20px;letter-spacing:.5px}header.top .sp{flex:1}
.who{display:flex;align-items:center;gap:10px}.av{width:40px;height:40px;border-radius:50%;background:#F4EFE2;color:var(--forest);display:flex;align-items:center;justify-content:center;font-weight:700;overflow:hidden}.av img{width:100%;height:100%;object-fit:cover}
.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:99px;font-size:12px;font-weight:700;border:1.5px solid #F4EFE2;text-transform:uppercase;letter-spacing:.6px}
.badge.paddock{background:#e8e2cf;color:#4a4a3a}.badge.rider{background:#c9dcc7;color:#1f3d2b}.badge.patron{background:#e3c5b3;color:#7a3414}.badge.season{background:#cfdbe8;color:#1f3a5c}
.badge.founder{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold) inset;background:linear-gradient(135deg,#f6e7b5,#e3c26a);color:#4a3508}.badge.top{box-shadow:0 0 0 2px var(--gold) inset,0 0 8px #e3c26a}
.pips{display:inline-flex;gap:3px;margin-left:4px}.pip{width:5px;height:14px;background:var(--gold);border-radius:2px}
nav.tabs{display:flex;gap:2px;padding:0 12px;background:#e9e3d0;border-bottom:1px solid var(--line);overflow:auto}nav.tabs a{padding:10px 14px;color:var(--forest);text-decoration:none;cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap}nav.tabs a.on{border-color:var(--rust);font-weight:700}
main{max-width:1100px;margin:0 auto;padding:18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin-bottom:14px}
.grid{display:grid;gap:12px}.g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.g3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
button,.btn{background:var(--forest);color:#fff;border:0;border-radius:7px;padding:8px 14px;cursor:pointer;font:inherit}button:hover{background:var(--forest2)}button.ghost{background:transparent;color:var(--forest);border:1px solid var(--forest)}button.bad{background:var(--bad)}button.rust{background:var(--rust)}button:disabled{opacity:.45;cursor:not-allowed}
button.sm{padding:3px 9px;font-size:13px}
input,select,textarea{font:inherit;padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:#fff;max-width:100%}label{display:block;font-size:13px;color:var(--mute);margin:6px 0 2px}
table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;text-transform:uppercase;color:var(--mute);letter-spacing:.5px}
.meter{background:#e4dec9;border-radius:99px;height:8px;overflow:hidden}.meter>i{display:block;height:100%;background:var(--forest2)}
.slot{display:inline-block;margin:3px;padding:7px 12px;border:1px solid var(--forest);border-radius:7px;background:#fff;cursor:pointer;color:var(--forest)}.slot.on{background:var(--forest);color:#fff}
.chip{display:inline-block;padding:1px 8px;border-radius:99px;font-size:12px;background:#e4dec9}.chip.booked,.chip.confirmed{background:#cfe3d3}.chip.arrived,.chip.active{background:#cfe0ec}.chip.completed{background:#ddd}.chip.cancelled,.chip.no_show{background:#f0d0c8}.chip.late_cancel{background:#f0d0c8}.chip.held{background:#f6e7b5}
.mute{color:var(--mute)}.err{color:var(--bad);margin:6px 0}.okmsg{color:var(--ok);margin:6px 0}.notice{background:#fff3cd;border:1px solid #e6d28a;border-radius:7px;padding:8px 10px;margin:8px 0;font-size:13px}
.tile{border:2px dashed var(--line);border-radius:10px;padding:14px;color:var(--mute);background:#f0ebdc;text-align:center}
.svc{display:block;text-align:left;width:100%;background:#fff;color:var(--ink);border:1px solid var(--line);margin:4px 0}.svc.on{border-color:var(--forest);background:#e8f0e5}.svc small{color:var(--mute);display:block}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.right{margin-left:auto}
.login{max-width:420px;margin:60px auto}
@media(max-width:640px){main{padding:10px}header.top .who .nm{display:none}}
/* ---- header (member: name, photo, tier badge at top-left) ---- */
header.top .who{gap:12px}.av.clickable{cursor:pointer;outline:2px solid transparent}.av.clickable:hover{outline-color:var(--gold)}
.av{width:46px;height:46px}.ico{display:inline-flex;vertical-align:-2px}
.badge .ico svg{display:block}.pipn{font-size:11px;margin-left:3px}
.chip.late{background:#f0d0c8}
/* ---- member home ---- */
.card.next .big{font:700 22px Georgia,serif;color:var(--forest);margin:4px 0}.notice.policy{background:#eef3ea;border-color:#c4d6bd}
.addons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;margin:8px 0}
.addon{display:grid;grid-template-columns:auto 1fr auto;gap:2px 8px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 10px;cursor:pointer;color:var(--ink);font-size:14px;margin:0}
.addon.on{border-color:var(--forest);background:#e8f0e5}.addon small{grid-column:2/4;color:var(--mute)}.addon input{grid-row:1/3}
/* ---- floor timeline ---- */
.board-wide{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:start}.board-side .card{margin-bottom:10px}.board-meta{margin:6px 0}
.tlcard{overflow:auto;padding:8px}.tl{display:flex;position:relative;min-width:max-content;font-size:12px}
.tl-gut{width:46px;flex:none}.tl-col{flex:1;min-width:92px;border-left:1px solid var(--line)}.tl-col.off{opacity:.45}
.tl-h{height:28px;line-height:28px;text-align:center;font-weight:700;color:var(--forest);border-bottom:1px solid var(--line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px;font-size:12px}
.tl-c{position:relative;background:repeating-linear-gradient(to bottom,transparent 0,transparent 63px,var(--line) 63px,var(--line) 64px)}
.tl-hr{position:absolute;right:4px;font-size:11px;color:var(--mute);transform:translateY(-6px)}
.tl-b{position:absolute;left:2px;right:2px;border-radius:5px;padding:1px 4px;overflow:hidden;background:#cfe3d3;border:1px solid #9bbfa3;line-height:1.2;white-space:nowrap}
.tl-b.arrived,.tl-b.active{background:#cfe0ec;border-color:#8db3cc}.tl-b.completed{background:#e2e2e2;border-color:#bbb}.tl-b.held{background:#f6e7b5;border-color:#d8b95a}.tl-b.no_show{background:#f0d0c8;border-color:#d79b8d}.tl-b.nm{background-image:repeating-linear-gradient(45deg,transparent 0 6px,#ffffff66 6px 12px)}
.tl-now{position:absolute;left:46px;right:0;height:2px;background:var(--bad);z-index:3}
/* ---- staffing strip ---- */
.hcstrip{width:auto}.hcstrip td,.hcstrip th{text-align:center;padding:4px 8px}.hc{font-weight:700;border:1px solid #fff}.hc0{background:#f0d0c8}.hc1{background:#f6e7b5}.hc2{background:#cfe3d3}.hc3{background:#9ccaa8}.hc4{background:#6fb184}
/* ---- wide layouts: ultrawide (3440x1440) and large desktops ---- */
@media(min-width:1500px){main{max-width:1500px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:2200px){body{font-size:17px}main{max-width:none;padding:22px 56px}.g2{grid-template-columns:repeat(3,minmax(0,1fr))}.g3{grid-template-columns:repeat(4,minmax(0,1fr))}.board-wide{grid-template-columns:minmax(0,1fr) 460px}.tl-col{min-width:118px}.tl-b{font-size:13px}
  header.top{padding:12px 56px}nav.tabs{padding:0 56px}.addons-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.card{padding:18px 22px}}
@media(min-width:3000px){body{font-size:18px}main{padding:26px 96px}.g3{grid-template-columns:repeat(5,minmax(0,1fr))}.g2{grid-template-columns:repeat(4,minmax(0,1fr))}.board-wide{grid-template-columns:minmax(0,1fr) 560px}header.top{padding:14px 96px}nav.tabs{padding:0 96px}}
@media(max-width:900px){.board-wide{grid-template-columns:1fr}}
/* block 3 */
.chg{padding:3px 0;border-bottom:1px dotted var(--line)}.chg.consent{color:#8a5a00}.chg.fee{color:var(--bad)}
.card textarea{font:inherit;border:1px solid var(--line);border-radius:6px;padding:6px}
.row.board-meta{gap:8px;flex-wrap:wrap;margin:6px 0}
.chip.pending,.chip.waiting{background:#f3e6b8}.chip.held{background:#f3e6b8}.chip.paid,.chip.refunded{background:#cfe3d3}.chip.failed{background:#f0d0c8}
nav.tabs{flex-wrap:wrap}
/* ---- block 4: feedback, a11y, mobile-first ---- */
.skip{position:absolute;left:-999px;top:0;background:#fff;color:var(--forest);padding:8px 12px;z-index:100}.skip:focus{left:8px;top:8px}
:focus-visible{outline:3px solid #1b5fd1;outline-offset:2px}
.fb-open{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:40;background:var(--rust);color:#fff;border-radius:99px;padding:10px 16px;min-height:44px;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.mono{font-family:ui-monospace,Menlo,Consolas,monospace;word-break:break-all}.qr{width:200px;max-width:70%;background:#fff;padding:6px;border:1px solid var(--line);border-radius:8px;margin:8px 0}.qr svg{width:100%;height:auto;display:block}
.linkish{background:none;color:var(--forest);text-decoration:underline;padding:6px 2px;min-height:32px}.linkish:hover{background:none}ul.plain{list-style:none;padding:0;margin:6px 0}ul.plain li{padding:2px 0}
.md h2{font-size:20px;margin-top:.8em}.md h3{font-size:17px}.md h4{font-size:15px}.md code{background:#ece6d3;padding:1px 4px;border-radius:4px}.md li{margin:3px 0}
main{padding-bottom:84px}.card{overflow-x:auto}
button:disabled{opacity:.6;cursor:not-allowed}
@media(max-width:640px){
  html{-webkit-text-size-adjust:100%}
  input,select,textarea{font-size:16px}
  button,.btn,.slot,nav.tabs a,.svc{min-height:44px}button.sm{padding:8px 12px;font-size:14px}
  nav.tabs{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:0 6px}nav.tabs a{white-space:nowrap;scroll-snap-align:start;display:inline-flex;align-items:center}
  header.top{padding:8px 12px;gap:8px}header.top .brand{display:none}
  .grid,.grid.g2,.grid.g3,.grid.g4{grid-template-columns:1fr !important}
  .row{flex-wrap:wrap}.card{padding:12px}.login .card{width:100%}
  .dlg>.card{width:100% !important;max-width:100% !important;max-height:100vh !important;border-radius:0}
  .fb-open{padding:10px 14px}
}

.pw-wrap{position:relative;display:block}.pw-wrap input{width:100%;padding-right:48px;box-sizing:border-box}.pw-wrap .eye{position:absolute;right:2px;top:50%;transform:translateY(-50%);min-width:44px;min-height:44px;background:transparent;border:0;color:var(--ink);font-size:18px;padding:0;cursor:pointer}
.addon.off{opacity:.55;cursor:not-allowed;background:#f4f4f2}.addon-price{font-weight:600}.addon .chip-proposed{grid-column:2/4}
/* block 11: signature pad + records */
.sigpad canvas{width:100%;max-width:600px;height:auto;aspect-ratio:3/1;border:1px solid #888;border-radius:8px;background:#fff;display:block}
.sigpad canvas:focus-visible{outline:3px solid #1a5fb4;outline-offset:2px}
.sigimg{max-width:300px;width:100%;border:1px solid #ddd;border-radius:6px;background:#fff}
.consent{background:#fff8e1;border-left:4px solid #b58100;padding:.6em .8em}
.sign-items{width:100%;max-width:480px}.sign-items .num,td.num,th.num{text-align:right}
.signpage{max-width:640px;margin:0 auto;padding:1rem}
.warnbox{border:2px dashed #b58100}.small{font-size:.8em;overflow-wrap:anywhere}
.linkish{background:none;border:none;color:#1a5fb4;text-decoration:underline;padding:.3em 0;cursor:pointer;min-height:44px}
ul.plain{list-style:none;padding:0}
/* block 11 member polish */
.loading{opacity:0;color:var(--forest);padding:24px 4px;transition:opacity .2s}.loading.show{opacity:1}
.loading.show::before{content:'';display:inline-block;width:14px;height:14px;margin-right:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite;vertical-align:-2px}
@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading.show::before{animation:none}}
.card.empty{text-align:center;padding:28px 18px}.card.empty p{margin:0 0 12px}
.err-card{border-left:4px solid #a33}
main:focus{outline:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #1a5fb4;outline-offset:2px}
nav.tabs a[aria-current=page]{font-weight:700}
#login-err:empty{display:none}
/* iPad signature pad */
.sigpad{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.sigpad canvas{touch-action:none;-webkit-user-select:none;max-width:900px}
.sigpad #sig-clear,#signoff-submit,#signoff-decline,#sign-submit,#sign-decline{min-height:48px;min-width:120px;font-size:17px;padding:10px 18px}
@media (pointer:coarse){#signoff-picks label{display:flex;align-items:center;min-height:48px;gap:8px}#signoff-picks input{width:24px;height:24px}}
@media (pointer:coarse){#signoff-session button,.signpage button{min-height:48px;font-size:16px;padding:10px 16px}}
/* block 12: front desk on iPad (touch, 768-1366px) */
@media (pointer:coarse){
  main button,main .btn,nav.tabs a,main select{min-height:44px}
  main button.sm{min-height:44px;padding:10px 14px;font-size:15px}
  main input:not([type=checkbox]):not([type=radio]),main select,main textarea{min-height:44px;font-size:16px}
  main input[type=checkbox],main input[type=radio]{width:22px;height:22px}
  main table td,main table th{padding-top:10px;padding-bottom:10px}
}
@media (pointer:coarse) and (min-width:768px){
  nav.tabs a{padding:12px 16px}
  main .row{gap:10px;flex-wrap:wrap}
  main .card .row input:not([type=checkbox]):not([type=radio]){flex:1 1 240px}
  .tlcard:focus-visible{outline:3px solid #1a5fb4}
  #signoff-list td:last-child{text-align:right}
}
/* block 12: metrics + templates */
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:12px}.tiles .fin{display:contents}
.tile .big{font-size:28px;font-weight:700;color:var(--forest)}
.mbar{display:inline-block;width:120px;height:10px;background:#e6e0cc;border-radius:5px;vertical-align:middle;overflow:hidden}.mbar span{display:block;height:100%;background:var(--forest)}.mbar span.warn{background:#a33}
pre.tplbody{white-space:pre-wrap;font-family:inherit;background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px}
#bv-csv{width:100%;font-family:ui-monospace,monospace}
/* block 13: offline + retry */
.net-banner{position:sticky;top:0;z-index:50;display:flex;gap:12px;align-items:center;justify-content:center;padding:10px 14px;font-weight:600}
.net-banner.offline{background:#7a1f1f;color:#fff}.net-banner.pending{background:#b58100;color:#fff}.net-banner button{color:#fff;border-color:#fff}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:60;padding:12px 18px;border-radius:10px;color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.2)}.toast.ok{background:#2f5d3a}.toast.bad{background:#7a1f1f}

/* block 13: grouped admin/front-desk nav */
nav.tabs.grouped{align-items:center}nav.tabs .navgrp{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6b6450;padding:0 4px 0 14px;margin-left:6px;border-left:1px solid #cfc6ad;white-space:nowrap;align-self:center}nav.tabs .navgrp:first-child{border-left:0;margin-left:0;padding-left:4px}
nav.tabs .navg{display:inline-flex;align-items:center;white-space:nowrap}nav.tabs .navg:first-child .navgrp{border-left:0;margin-left:0;padding-left:4px}
/* block 14: sales portal + live status */
.sales button.big{min-height:56px;font-size:18px;padding:12px 26px}.sales-nav{margin-top:18px}.steps{display:flex;gap:6px;list-style:none;padding:0;margin:0 0 10px;flex-wrap:wrap}.steps li{padding:6px 12px;border-radius:999px;background:#ece5d1;color:#6b6450;font-size:14px}.steps li.on{background:var(--forest);color:#fff}.steps li.done{background:#d5e3d9;color:#1f3a2e}
.mini{margin:0 0 12px}.video{aspect-ratio:16/9;max-height:420px;background:#1f3a2e;color:#f4efe2;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin-bottom:14px}.video .play{width:84px;height:84px;border-radius:50%;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:36px}
.equip{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.tiercard{position:relative;text-align:left;background:#fffdf7;border:2px solid var(--line);border-radius:14px;padding:16px;color:inherit;font:inherit;cursor:pointer;min-height:300px}.tiercard.rec{border-color:#2f5d8a;box-shadow:0 4px 18px rgba(47,93,138,.18)}.tiercard.on{border-color:var(--rust);outline:3px solid rgba(181,86,43,.25)}.tiercard[disabled]{opacity:.5;cursor:not-allowed}.tiercard .ribbon{position:absolute;top:-11px;right:12px;background:#2f5d8a;color:#fff;font-size:12px;padding:3px 10px;border-radius:999px}.tiercard .price{font-size:30px;font-weight:700;color:var(--forest)}.tiercard .price small{font-size:14px;font-weight:400;color:#6b6450}.tiercard .fprice{color:var(--rust);font-weight:700}.tiercard ul{padding-left:18px;font-size:14px}.tiercard .value{background:#eef4ef;border-radius:8px;padding:6px 8px;font-size:14px;margin:6px 0}
.picks{display:flex;flex-wrap:wrap;gap:10px}button.pick{min-height:52px;padding:10px 18px;border-radius:999px;border:2px solid var(--line);background:#fffdf7;color:var(--forest);font-size:16px}button.pick.on{background:var(--forest);color:#fff;border-color:var(--forest)}
table.week td{padding:10px 8px;font-size:16px}.cal4{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.calday{background:#fffdf7;border:1px solid var(--line);border-radius:10px;padding:8px}.calitem{font-size:13px}.big-toggle{font-size:16px;gap:8px;align-items:center;min-height:48px}.big-toggle input,.sales input[type=checkbox]{width:24px;height:24px}
.sales-prof{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);align-items:start}.fld{display:flex;flex-direction:column;gap:4px;font-size:14px}.fld input{font-size:17px;min-height:48px}.profile{position:sticky;top:10px;text-align:center}.profile .av.big{width:72px;height:72px;border-radius:50%;background:var(--forest);color:#fff;font-size:30px;display:flex;align-items:center;justify-content:center;margin:0 auto 8px}.badge-tier{display:inline-block;background:#f3e6d8;color:var(--rust);border-radius:999px;padding:4px 12px;font-weight:700;margin:4px 0}.partner-mini{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.rings{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:14px}.ring{background:#fffdf7;border:1px solid var(--line);border-radius:14px;padding:12px;text-align:center}.ring-l{font-weight:700;color:var(--forest)}.flags{display:flex;flex-direction:column;gap:8px}.flagrow{display:flex;align-items:center;gap:8px;font-size:16px}.welcome h2{color:var(--forest)}
@media(max-width:860px){.sales-prof{grid-template-columns:1fr}.profile{position:static}}
.sales button.tiercard,.sales button.tiercard.on,.sales button.tiercard:hover{background:#fffdf7;color:var(--ink,#1d1d1b);display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:4px}.sales button.tiercard.on{background:#fbf3ea}

#alert-overlay{position:fixed;inset:0;z-index:9999;background:#b3261e;color:#fff;display:flex;align-items:center;justify-content:center;animation:alertflash 1s steps(2) infinite}
#alert-overlay .alert-box{max-width:640px;padding:32px;text-align:center}#alert-overlay h1{font-size:44px;margin:8px 0}#alert-overlay p{font-size:22px}
#alert-overlay .alert-kind{font-size:28px;font-weight:800;letter-spacing:.08em}#alert-overlay button{background:#fff;color:#b3261e;font-size:26px;min-height:64px;padding:0 40px;border-radius:12px;font-weight:700}
@keyframes alertflash{50%{background:#7a1410}}
.sessions{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.sess{border:2px solid #cfd8d3;border-radius:12px;padding:12px}.sess .timer{font-size:30px;font-weight:700;font-variant-numeric:tabular-nums}
.sess.soon{border-color:#d08a1c}.sess.over{border-color:#b3261e;background:#fbe9e7}button.danger{background:#b3261e;color:#fff;margin-top:10px}

body.present nav.tabs,body.present header.top .who,body.present header.top button,body.present #fb-open{display:none!important}#present-exit{position:fixed;left:10px;bottom:10px;z-index:50;opacity:.55}.sales-top{align-items:center;flex-wrap:wrap}.sales-top .steps{margin:0}
.equip{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.video{max-width:none}
@media(max-width:600px){#app{padding-bottom:72px}}
/* block19 a11y: 44px tap targets on touch screens */
#present-btn,#present-exit,header.top button{min-height:44px}
#sms-optin{width:24px;height:24px}label:has(#sms-optin){min-height:44px;display:flex;align-items:center;gap:8px;cursor:pointer}
:focus-visible{outline:3px solid #1a5fb4;outline-offset:2px}
.legal-links a,#acct-link-terms,#acct-link-privacy{display:inline-block;min-height:44px;line-height:44px;padding:0 4px}
/* block 22: admin/staff menu in seven labelled sections, one row per section; "Fold menu" keeps only the current section */
nav.tabs.sections{display:block!important;overflow:visible!important;padding:4px 12px;scroll-snap-type:none}
nav.tabs.sections .navg{display:flex;flex-wrap:wrap;align-items:center;gap:0 2px;border-top:1px solid #ddd4bb;white-space:normal}
nav.tabs.sections .navg:first-of-type{border-top:0}
nav.tabs.sections .navgrp{flex:0 0 84px;border-left:0;margin:0;padding:0 4px;font-weight:700;color:#5b5440}
nav.tabs.sections a{padding:8px 10px}
nav.tabs.sections.folded .navg:not(.cur){display:none}
nav.tabs.sections .navfold{float:right;margin:6px 0 0 8px;font-size:13px}
@media(max-width:600px){nav.tabs.sections .navgrp{flex-basis:100%;padding-top:6px}}
@media(min-width:601px){nav.tabs.sections .navg{position:relative;padding-left:88px}nav.tabs.sections .navgrp{position:absolute;left:0;top:14px}}
/* block 22 UX sweep: checkboxes were 22 px; make the box 24 px and the whole label a 44 px touch row */
input[type=checkbox]{width:24px;height:24px;accent-color:var(--forest);vertical-align:middle}
label:has(> input[type=checkbox]){min-height:44px;display:inline-flex;align-items:center;gap:8px;cursor:pointer}
td:has(> input[type=checkbox]){min-width:44px;height:44px}
#presale label{display:block;margin:10px 0 0;font-size:14px}#presale label input,#presale label select{display:block;width:100%;margin-top:4px;box-sizing:border-box}
nav.tabs.sections a{min-height:44px;display:inline-flex;align-items:center;box-sizing:border-box}nav.tabs.sections .navfold{min-height:44px;min-width:44px;margin-top:0}
/* block 23: phone menu wraps into rows (no sideways scrolling, nothing cut off at 390 px) */
@media(max-width:600px){nav.tabs:not(.sections){flex-wrap:wrap!important;overflow:visible!important;scroll-snap-type:none;padding:4px 6px;gap:2px}
  nav.tabs:not(.sections) a{flex:1 1 30%;justify-content:center;text-align:center;white-space:normal;padding:8px 6px;border-bottom-width:3px}}
/* Demo day: printable adjustment sheet */
#adjust-table td, #adjust-table th { vertical-align: top; font-size: 14px; } #adjust-table tr.owneronly td { color: var(--mute, #666); }
@media print { header.top, nav.tabs, .banner, .noprint, #fb-btn, .fbbtn { display: none !important; } #adjust-table td, #adjust-table th { font-size: 11px; } }
#adjust-table { width: 100%; table-layout: fixed; overflow-wrap: anywhere; }
@media (max-width: 600px) { #adjust-table, #adjust-table tbody, #adjust-table tr, #adjust-table td { display: block; width: 100%; } #adjust-table tr:first-child { display: none; } #adjust-table tr { border-bottom: 1px solid #ddd; padding: 6px 0; } #adjust-table td:first-child { font-weight: 600; } }

/* Block 26: document signing sheet (desk pad + phone). No printing. */
.doc-modal{position:fixed;inset:0;z-index:9000;background:rgba(20,30,22,.55);display:flex;align-items:stretch;justify-content:center;padding:max(10px,env(safe-area-inset-top)) 10px 10px}
.doc-sheet{background:#fff;border-radius:14px;max-width:820px;width:100%;display:flex;flex-direction:column;max-height:100%;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.3)}
.doc-head{padding:14px 18px 8px;border-bottom:1px solid #e5e2da}.doc-head h2{margin:2px 0 4px}.doc-intro{margin:4px 0}
.doc-body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px 18px;font-family:Georgia,serif;font-size:16px;line-height:1.55;min-height:120px;overflow-wrap:anywhere}
.doc-body h3{font-family:inherit;font-size:15px;margin:14px 0 4px}.doc-foot{padding:10px 18px 14px;border-top:1px solid #e5e2da}
.doc-agree{display:flex;gap:8px;align-items:center;min-height:44px;font-weight:600}.doc-foot .sigpad canvas{width:100%;height:auto;max-height:160px}
body.doc-open{overflow:hidden}.sd-sig{max-width:300px;width:100%;border:1px solid #ddd;border-radius:6px;background:#fff}
@media (max-width:600px){.doc-modal{padding:0}.doc-sheet{border-radius:0}.doc-body{font-size:15px;padding:8px 14px}.doc-head,.doc-foot{padding-left:14px;padding-right:14px}.doc-foot .sigpad canvas{max-height:120px}}
@media print{.doc-modal,.doc-sheet,.doc-body,#sd-record{display:none !important}}

/* Block 27: member portal */
.gp-count{display:flex;gap:12px;align-items:center}.gp-count .big{font-size:26px;font-weight:700;white-space:nowrap}
.bal-table{width:100%}.bal-table td{padding:6px 4px;border-bottom:1px solid #eee}.bal-n{font-weight:700;white-space:nowrap}
.pf-contact{margin:8px 0}.pf-grid input,.pf-grid select{width:100%}#profile-card h4,#guests-card h4{margin:12px 0 4px}
@media (max-width:600px){.pf-grid{grid-template-columns:1fr !important}#gv-guest,#gv-visit{width:100%}.bal-table td.mute{display:none}}
#profile-card input,#profile-card select,#profile-card textarea,#guests-card select,#guests-card input{font-size:16px}
/* Block 28: allowance counters in the booking flow */
.allow-chip{display:block;font-size:12px;margin-top:3px;font-weight:600}.allow-chip.ok{color:#2f6b3a}.allow-chip.paid{color:#8a5a2b}
.allow-row{display:flex;flex-wrap:wrap;gap:6px}.allow-pill{border:1px solid #d9d2c5;border-radius:14px;padding:4px 10px;font-size:13px;background:#fff}.allow-pill.zero{opacity:.6}
#resched-policy{margin:8px 0}
@media (max-width:480px){.allow-pill{font-size:12px}}
/* Block 28: DRAFT watermark on document pages; media release fields */
.doc-body.draft-wm{position:relative;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='200'%3E%3Ctext x='20' y='130' transform='rotate(-30 130 100)' font-family='sans-serif' font-size='54' font-weight='700' fill='%23b0412e' fill-opacity='0.09'%3EDRAFT%3C/text%3E%3C/svg%3E");background-repeat:repeat}
.mr-fields{border:1px dashed #c9bfae;border-radius:8px;padding:8px 10px;margin:8px 0;background:#fffdf8}.mr-f{display:block;margin:6px 0}.mr-f input,.mr-f select{display:block;width:100%;font-size:16px;margin-top:3px}
.sd-entry.declined{opacity:.85}
.first-consent{display:block;font-size:12px;color:#8a5a2b;margin-top:3px;font-weight:600}
/* Production test month: desk payments (no card or checkout screens for members) */
body.desk29 #card-on-file, body.desk29 #gp-buy, body.desk29 [data-testcard], body.desk29 #stripe-card { display: none !important; }
body.desk29 [data-sim] { display: none !important; }
body.prod29 .banner { background: #23412f; color: #fff; }
/* Block 32: staff top navigation as clean button-style items (clear active state, 44px tap targets). */
nav.tabs.sections .navg{gap:6px;padding-top:6px;padding-bottom:6px}
@media(min-width:601px){nav.tabs.sections .navgrp{top:50%;transform:translateY(-50%)}}
nav.tabs.sections a,nav.tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;margin:0;border:1px solid #cfc6ad;border-radius:10px;background:#fbf8f0;color:var(--forest);font-size:14px;line-height:1.2;text-decoration:none;box-shadow:0 1px 0 rgba(0,0,0,.04);transition:background .12s,border-color .12s}
nav.tabs a:hover{background:#fff;border-color:#b9ae8f}
nav.tabs a:focus-visible{outline:3px solid #b45a2d;outline-offset:2px}
nav.tabs a.on,nav.tabs a[aria-current=page]{background:var(--forest);border-color:var(--forest);color:#fff;font-weight:600}
@media(max-width:600px){nav.tabs.sections .navgrp{flex:0 0 100%;padding:4px 2px 0}nav.tabs.sections a{flex:1 1 auto;min-width:44%}}
/* Block 33: section row + sub-row (button look from Block 32). */
nav.tabs.nav33{padding:8px 12px}
nav.tabs.nav33 .navfold,nav.tabs.nav33 .navgrp{display:none!important}
nav.tabs.nav33 .navtop33{display:grid;grid-template-columns:repeat(var(--n33),minmax(0,1fr));gap:6px;margin-bottom:6px}
nav.tabs.nav33 .sec33{min-height:52px;padding:8px 6px;margin:0;border:1px solid #cfc6ad;border-radius:10px;background:#fbf8f0;color:var(--forest);font-size:16px;font-weight:600;line-height:1.2;cursor:pointer;box-shadow:0 1px 0 rgba(0,0,0,.04)}
nav.tabs.nav33 .sec33:hover{background:#fff;border-color:#b9ae8f}
nav.tabs.nav33 .sec33:focus-visible{outline:3px solid #b45a2d;outline-offset:2px}
nav.tabs.nav33 .sec33.on{background:var(--forest);border-color:var(--forest);color:#fff}
nav.tabs.nav33 .navg{display:none!important;padding:6px 0 0!important;border-top:1px solid #ddd4bb}
nav.tabs.nav33 .navg.sel33{display:flex!important;flex-wrap:wrap;gap:6px}
@media(max-width:600px){nav.tabs.nav33 .navtop33{grid-template-columns:repeat(4,minmax(0,1fr))}nav.tabs.nav33 .sec33{font-size:14px;min-height:48px;padding:6px 2px}nav.tabs.nav33 .navg.sel33 a{flex:1 1 auto;min-width:44%}}