/* Verity Vista Photographer Hub: shared styles */
@property --r{syntax:'<length>';inherits:false;initial-value:75vmax}
:root,[data-theme=dark]{--bg:#166373;--deep:#0d4753;--card:#0f5260;--ink:#F4EDE0;--mut:#f4ede0c7;--gold:#F0A04B;--goldt:#FFD08F;--btn-ink:#10242A;--line:#f4ede03d;--ok:#8be3b0;--bad:#ffb4a3;--glow:#f0a04b55}
[data-theme=light]{--bg:#F6F1E7;--deep:#e6dcc7;--card:#fffdf8;--ink:#10242A;--mut:#10242Acc;--gold:#F0A04B;--goldt:#8a4f10;--btn-ink:#10242A;--line:#10242A30;--ok:#17703f;--bad:#a8321f;--glow:#f0a04b66}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Archivo,system-ui,sans-serif;transition:background .3s,color .3s}
h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:700;line-height:1.15;margin:0 0 .4em}
h1{font-size:clamp(2.1rem,5vw,3.2rem)}h2{font-size:clamp(1.5rem,3.4vw,2.1rem)}h3{font-size:1.2rem}
p{margin:0 0 1em}
a{color:var(--goldt)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-999px;top:8px;background:var(--gold);color:var(--btn-ink);padding:8px 16px;border-radius:20px;z-index:200}.skip:focus{left:8px}
.ic{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.mut,.lead{color:var(--mut)}.lead{font-size:1.1rem;max-width:58ch}
.inl{display:inline}.hp{position:absolute;left:-9999px}

/* Header */
.top{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:8px 22px;flex-wrap:wrap;padding:10px max(20px,calc((100vw - 1180px)/2));background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:0;white-space:nowrap;flex:none;font:italic 700 1.25rem Fraunces,serif;color:var(--ink);text-decoration:none}.brand i{color:var(--gold);font-style:normal}
.ap{width:38px;height:38px;margin-right:10px;border-radius:50%;border:1px solid #16637359;object-fit:contain;padding:2px;background:#F4EDE0;transition:transform .3s,box-shadow .3s}.brand:hover .ap{transform:scale(1.06);box-shadow:0 0 0 3px var(--glow)}
.main{display:flex;gap:6px;flex:1}
.main a{position:relative;color:var(--ink);text-decoration:none;padding:6px 12px;font-size:.95rem;font-weight:500}
.main a::after{content:"";position:absolute;left:12px;right:12px;bottom:1px;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.main a:hover::after,.main a[aria-current]::after{transform:scaleX(1)}
.tools{display:flex;align-items:center;gap:8px}
.ib{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:none;border:1px solid var(--line);color:var(--ink);cursor:pointer;transition:background .2s,transform .15s,border-color .2s}
.ib:hover{background:var(--card);border-color:var(--gold)}.ib:active{transform:scale(.88)}
#snd .off{display:none}#snd[aria-pressed=false] .on{display:none}#snd[aria-pressed=false] .off{display:block;color:var(--mut)}
#snd.ping{animation:ping .5s}
@keyframes ping{0%{box-shadow:0 0 0 0 var(--glow)}100%{box-shadow:0 0 0 14px transparent}}
.badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;margin-left:8px;border-radius:10px;background:var(--bad);color:#10242A;font:600 .72rem/1 Archivo,sans-serif}
@media(prefers-reduced-motion:no-preference){.badge{animation:pulse 2.4s infinite}}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:var(--btn-ink);border:1px solid var(--gold);border-radius:30px;padding:10px 22px;font:600 .95rem Archivo,sans-serif;cursor:pointer;text-decoration:none;position:relative;overflow:hidden;transition:transform .15s,box-shadow .2s,background .2s}
.btn:hover{box-shadow:0 6px 18px var(--glow);transform:translateY(-1px)}.btn:active{transform:translateY(1px) scale(.97);box-shadow:none}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn.ghost:hover{border-color:var(--gold);background:var(--card)}
.btn.sm{padding:6px 16px;font-size:.88rem}
.btn[aria-current=page]{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--gold)}
.btn .rip{position:absolute;border-radius:50%;background:#fff8;transform:scale(0);animation:rip .55s ease-out forwards;pointer-events:none}
@keyframes rip{to{transform:scale(3.2);opacity:0}}
.btn.busy{pointer-events:none;opacity:.85}
.btn.busy::before{content:"";width:1em;height:1em;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
form.dirty .btn[type=submit]:not(.ghost),form.dirty button:not([type]):not(.ghost){box-shadow:0 0 0 0 var(--glow);animation:pulse 1.8s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 var(--glow)}70%{box-shadow:0 0 0 12px transparent}100%{box-shadow:0 0 0 0 transparent}}
.unsaved{display:none;align-items:center;gap:6px;margin-left:12px;font-size:.88rem;color:var(--goldt)}.dirty .unsaved{display:inline-flex}
.unsaved::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold)}

/* Page structure */
.wrap{max-width:1100px;margin:0 auto;padding:44px 20px 24px}
.shell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:40px;max-width:1180px;margin:0 auto;padding:36px 20px 24px}
.shell main{min-width:0}
.ph{margin-bottom:36px}.ph .lead{margin:0}
.sec{margin:72px 0}
.film{height:12px;margin:0 0 22px;background:repeating-linear-gradient(90deg,var(--line) 0 14px,transparent 14px 28px);border-block:1px solid var(--line)}

/* Hub sidebar */
.side{position:sticky;top:78px;align-self:start;display:grid;gap:20px}
.gl{margin:0 0 6px 12px;font-size:.8rem;font-weight:600;color:var(--mut)}
.side a{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;color:var(--ink);text-decoration:none;font-size:.95rem;border-left:3px solid transparent;transition:background .2s,border-color .2s,padding .2s}
.side a:hover{background:var(--card);padding-left:16px}
.side a[aria-current=page]{background:var(--card);border-left-color:var(--gold);font-weight:600}
.side .badge{margin-left:auto}
@media(max-width:860px){
	.shell{display:block;padding-top:16px}
	.side{position:static;display:flex;gap:6px;overflow-x:auto;padding-bottom:12px;margin-bottom:24px;border-bottom:1px solid var(--line);scroll-snap-type:x proximity}
	.grp{display:flex;gap:6px}.gl{display:none}.side a{white-space:nowrap;border:1px solid var(--line);border-radius:30px;scroll-snap-align:start}
	.side a[aria-current=page]{border-color:var(--gold)}
	.top .main{order:3;flex:1 1 100%;overflow-x:auto;margin:0 -8px}.top{padding-inline:20px}.tools{margin-left:auto}
}

/* Home */
.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;align-items:center;min-height:min(620px,78vh)}
.hero h1{font-size:clamp(2.6rem,6.4vw,4.6rem);letter-spacing:-.02em}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.shot{position:relative;justify-self:center;width:min(100%,400px);aspect-ratio:1;background:none;border:0;padding:0;cursor:pointer;color:inherit;border-radius:50%}
.shot:focus-visible{outline-offset:8px}
.iris-art{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 18px 30px #0005)}
.blade{fill:var(--deep);stroke:var(--gold);stroke-width:.8;stroke-opacity:.55;transform:translate(0,-4px)}
.blade.b1,.blade.b3,.blade.b5{fill:color-mix(in srgb,var(--deep) 82%,#000)}
.ring{fill:none;stroke:var(--gold);stroke-width:3}
.glass{fill:url(#lens)}
.shot .hint{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);font-size:.85rem;color:var(--mut);white-space:nowrap}
@media(prefers-reduced-motion:no-preference){
	.blade{transition:transform 1.1s cubic-bezier(.2,.9,.25,1)}
	.shot.open .blade{transform:translate(0,-50px)}
	.shot.open:hover .blade{transition-duration:.45s;transform:translate(0,-60px)}
	.shot.snap .blade{transition-duration:.09s;transform:translate(0,-4px)}
	.shot.snap .blade{transition-timing-function:linear}
}
@media(prefers-reduced-motion:reduce){.shot .blade{transform:translate(0,-50px)}}
@media(max-width:820px){.hero{grid-template-columns:1fr;min-height:0}.shot{width:min(78vw,320px);order:-1;justify-self:start}.hint{display:none}}
.perks{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0;border-block:1px solid var(--line)}
.perk{padding:24px 24px 24px 0;display:grid;gap:6px;align-content:start}
.perk .ic{width:28px;height:28px;color:var(--gold)}.perk h3{margin:6px 0 0}.perk p{margin:0;color:var(--mut);font-size:.95rem}
.steps{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;counter-reset:s}
.steps li{counter-increment:s;border-left:2px solid var(--gold);padding:2px 0 2px 18px}
.steps li::before{content:counter(s);display:block;font:700 2.2rem/1 Fraunces,serif;color:var(--gold);margin-bottom:6px}
.steps b{display:block;font:700 1.15rem Fraunces,serif}.steps span{color:var(--mut);font-size:.95rem}
.band{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:28px 32px}.band h2{margin:0}

/* Content blocks */
.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px 24px;margin:0 0 20px;transition:border-color .25s}
.panel:hover{border-color:color-mix(in srgb,var(--gold) 60%,var(--line))}
.panel>h2,.panel>h3{margin-top:0}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:28px;align-items:start}
.two aside{position:sticky;top:84px}
@media(max-width:920px){.two{grid-template-columns:1fr}.two aside{position:static}}
.group{display:grid;grid-template-columns:200px minmax(0,1fr);gap:8px 32px;padding:28px 0;border-top:1px solid var(--line)}
.group h2{display:flex;align-items:center;gap:12px;font-size:1.4rem}.group .ic{width:26px;height:26px;color:var(--gold)}
.group ul{margin:0;padding-left:1.2em;max-width:60ch}.group li{margin:0 0 .5em}
@media(max-width:700px){.group{grid-template-columns:1fr}}
.qa{display:grid;gap:0;max-width:760px}.qa div{padding:22px 0;border-top:1px solid var(--line)}.qa h2{font-size:1.25rem;margin-bottom:.3em}.qa p{margin:0;color:var(--mut)}
.terms{max-width:720px;counter-reset:t}.terms section{counter-increment:t;padding:22px 0 8px;border-top:1px solid var(--line)}
.terms h2{font-size:1.25rem}.terms h2::before{content:counter(t) ".";color:var(--gold);margin-right:.5em}.terms p{color:var(--mut)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:24px}
.stat{display:grid;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px;color:var(--ink);text-decoration:none;transition:transform .2s,border-color .2s}
.stat:hover{transform:translateY(-3px);border-color:var(--gold)}
.stat b{font:700 2.1rem/1.1 Fraunces,serif}.stat span{font-size:.9rem;color:var(--mut)}
.stat.hot{border-color:var(--gold)}@media(prefers-reduced-motion:no-preference){.stat.hot{animation:pulse 2.6s infinite}}
.it{border-left:3px solid var(--line);padding:4px 0 4px 16px;margin:0 0 22px}.it.open{border-left-color:var(--gold)}.it.done{border-left-color:var(--ok)}
.it h3{margin:0 0 2px}.it small,.meta{color:var(--mut);font-size:.88rem}.it p{margin:.4em 0}
.it.fresh{animation:fresh 2.2s ease-out}@keyframes fresh{0%{background:var(--glow)}100%{background:transparent}}
.pill{display:inline-flex;white-space:nowrap;align-items:center;border-radius:20px;padding:2px 12px;font-size:.8rem;font-weight:500;border:1px solid currentColor}
.dot{width:8px;height:8px;border-radius:50%;background:currentColor;margin-right:7px}
.s-open{color:var(--ok)}.s-limited{color:var(--goldt)}.s-away{color:var(--mut)}
@media(prefers-reduced-motion:no-preference){.s-open .dot{animation:pulse 2s infinite}}
.empty{border:1px dashed var(--line);border-radius:12px;padding:24px;color:var(--mut)}.empty a{font-weight:500}
.todo{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.todo li{display:flex;align-items:center;gap:12px;padding:6px 0}.todo .ic{width:22px;height:22px;padding:3px;border-radius:50%;border:1.5px solid var(--line)}
.todo li.done{color:var(--mut)}.todo li.done .ic{background:var(--ok);border-color:var(--ok);color:#10242A}.todo li.done span{text-decoration:line-through}
.bar2{height:8px;border-radius:6px;background:var(--line);overflow:hidden;margin:10px 0 16px}
.bar2 i{display:block;height:100%;width:var(--p);background:var(--gold);border-radius:6px}
@media(prefers-reduced-motion:no-preference){.bar2 i{animation:grow 1.1s cubic-bezier(.2,.8,.2,1)}@keyframes grow{from{width:0}}}
.tag{font-size:.82rem;color:var(--goldt);font-weight:500}
pre{white-space:pre-wrap;font:.85rem/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--mut);margin:12px 0 0}
.tip{border-left:3px solid var(--gold);padding:4px 16px;color:var(--mut);margin:0 0 28px}

/* Directory */
.tools2{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:8px}
.sbox{position:relative;flex:1;min-width:240px;max-width:420px}.sbox .ic{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--mut)}.sbox input{padding-left:42px;margin:0}
.chip{border:1px solid var(--line);background:none;color:var(--ink);border-radius:30px;padding:6px 16px;font:500 .9rem Archivo,sans-serif;cursor:pointer;transition:background .2s,border-color .2s,transform .15s}
.chip:hover{border-color:var(--gold)}.chip:active{transform:scale(.94)}.chip[aria-pressed=true]{background:var(--gold);color:var(--btn-ink);border-color:var(--gold)}
.count-line{color:var(--mut);font-size:.9rem;margin:0 0 18px;min-height:1.6em}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.mc{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px;display:grid;gap:6px;align-content:start;transition:transform .2s,border-color .2s}
.mc:hover{transform:translateY(-3px);border-color:var(--gold)}.mc h3{margin:0}.mc p{margin:0}.mc[hidden]{display:none}
mark{background:var(--glow);color:inherit;border-radius:3px}

/* Forms */
.f{display:grid;gap:14px;max-width:620px;margin:0}
.f label,label.field{display:grid;gap:4px;font-weight:500;font-size:.92rem}
input,textarea,select{width:100%;background:transparent;border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:10px 14px;font:inherit;font-weight:400;margin:0;transition:border-color .2s,box-shadow .2s}
input:hover,textarea:hover,select:hover{border-color:color-mix(in srgb,var(--gold) 60%,var(--line))}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--glow)}
input:user-invalid,textarea:user-invalid{border-color:var(--bad)}
input:user-valid:not(:placeholder-shown),textarea:user-valid:not(:placeholder-shown){border-color:color-mix(in srgb,var(--ok) 70%,var(--line))}
select option{color:#10242A}
.f label.c{display:flex;align-items:center;gap:10px;font-weight:400}input[type=checkbox],input[type=radio]{width:20px;height:20px;accent-color:var(--gold);flex:none;margin:0}
.shake{animation:shake .4s}@keyframes shake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.count{justify-self:end;color:var(--mut);font-size:.8rem;font-weight:400}.count.near{color:var(--goldt)}
.meter{height:6px;border-radius:4px;background:var(--line);margin-top:6px;overflow:hidden}.meter i{display:block;height:100%;width:0;transition:width .3s,background .3s;background:var(--bad)}
.mtxt{font-size:.82rem;color:var(--mut);font-weight:400}
.row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}

/* Calendar */
.cal-head{display:flex;align-items:center;gap:14px;margin:6px 0 10px}.cal-head b{min-width:9.5em;text-align:center;font:700 1.15rem Fraunces,serif}
.wd,#cg{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;max-width:440px}
.wd{font-size:.78rem;color:var(--mut);text-align:center;margin-bottom:4px}
#cg i{display:block}
.day{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:10px 0;font:inherit;cursor:pointer;transition:background .15s,transform .15s,border-color .15s}
.day:hover{border-color:var(--gold);transform:translateY(-2px)}.day.today{border-color:var(--goldt);font-weight:700}.day.past{opacity:.5}
.day[aria-pressed=true]{background:var(--gold);color:var(--btn-ink);border-color:var(--gold);text-decoration:line-through}
.day.pop{animation:pop .3s}@keyframes pop{50%{transform:scale(1.22)}}
.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:.88rem;color:var(--mut);margin:12px 0}.legend span::before{content:"";display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px;background:var(--gold)}.legend span+span::before{background:var(--card);border:1px solid var(--line)}

/* Messages */
.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:90;display:flex;align-items:center;gap:12px;width:max-content;max-width:min(92vw,560px);padding:12px 14px 14px 18px;border-radius:12px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-left:5px solid var(--gold);box-shadow:0 12px 36px #0006;overflow:hidden}
.toast.ok{border-left-color:var(--ok)}.toast.ok>.ic{color:var(--ok)}.toast.err{border-left-color:var(--bad)}.toast.err>.ic{color:var(--bad)}
.toast .tx{background:none;border:0;color:var(--mut);cursor:pointer;padding:4px;display:grid}.toast .tx:hover{color:var(--ink)}
.toast .bar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:currentColor;opacity:.4;transform-origin:left}
.toast.ok .bar{color:var(--ok)}.toast.err .bar{color:var(--bad)}.toast.info .bar{color:var(--gold)}
.toast.out{opacity:0;transform:translate(-50%,16px);transition:opacity .35s,transform .35s}
@media(prefers-reduced-motion:no-preference){.toast{animation:tin .45s cubic-bezier(.2,1.2,.3,1)}.toast .bar{animation:tbar 6s linear forwards}
	@keyframes tin{from{opacity:0;transform:translate(-50%,30px) scale(.94)}}@keyframes tbar{to{transform:scaleX(0)}}
	.flash{animation:fl .45s}@keyframes fl{0%{opacity:.75}100%{opacity:0}}}
.flash{position:fixed;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:80}

/* Iris page transition */
.iris{position:fixed;inset:0;z-index:100;background:var(--deep);pointer-events:none;visibility:hidden;--r:75vmax;
	-webkit-mask:radial-gradient(circle at 50% 50%,transparent var(--r),#000 calc(var(--r) + 2px));mask:radial-gradient(circle at 50% 50%,transparent var(--r),#000 calc(var(--r) + 2px))}
html.arrive .iris{visibility:visible;--r:0vmax}
.iris.close{visibility:visible;animation:ic .3s cubic-bezier(.4,0,.2,1) forwards}
.iris.open{visibility:visible;animation:io .6s cubic-bezier(.3,0,.2,1) forwards}
@keyframes ic{from{--r:75vmax}to{--r:0vmax}}@keyframes io{from{--r:0vmax}to{--r:75vmax}}
@media(prefers-reduced-motion:reduce){.iris{display:none}}

.foot{max-width:1100px;margin:60px auto 0;padding:0 20px 36px;text-align:center;color:var(--mut);font-size:.9rem}

/* Booking: shared */
.wide{max-width:none}.f.wide{max-width:860px}
.narrow{max-width:980px}
.callout{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:12px;padding:14px 18px;margin:0 0 22px;background:var(--card)}
.callout>.ic{width:24px;height:24px;color:var(--gold);margin-top:2px}.callout p{margin:0}
.callout.ok{border-left-color:var(--ok)}.callout.ok>.ic{color:var(--ok)}
.callout.big{padding:22px 24px;margin-bottom:30px}.callout.big>.ic{width:34px;height:34px}
.cols2,.cols3{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:620px){.cols2,.cols3{grid-template-columns:1fr}}
.f h3{margin:12px 0 0;font-size:1.1rem}.f small.mut{font-weight:400;font-size:.82rem}
.warn{color:var(--bad)}
.dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 18px;margin:0}
.dl dt{color:var(--mut);font-size:.9rem}.dl dd{margin:0}.dl dd small{display:block}
@media(max-width:520px){.dl{grid-template-columns:1fr;gap:2px}.dl dd{margin-bottom:10px}}
.st-confirmed{color:var(--goldt)}.st-done{color:var(--ok)}.st-noshow{color:var(--bad)}.st-cancelled{color:var(--mut)}.st-pending{color:var(--goldt);opacity:.75}.ev.st-pending{outline:1px dashed currentColor;outline-offset:-1px}.st-expired{color:var(--mut)}
details>summary{cursor:pointer;font-weight:600;padding:6px 0;list-style-position:outside}
details[open]>summary{margin-bottom:10px}
.panel details+details{border-top:1px solid var(--line);margin-top:6px;padding-top:6px}
.hours{display:grid;gap:8px}
.hrow{display:grid;grid-template-columns:150px 1fr auto 1fr;gap:10px;align-items:center}
.hrow input[type=time]{padding:7px 10px}
@media(max-width:520px){.hrow{grid-template-columns:1fr 1fr auto 1fr;font-size:.9rem}}
.tbl{display:grid;border-top:1px solid var(--line)}
.tr{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}
.tr.th{font-size:.82rem;color:var(--mut);font-weight:600;padding-block:8px}
.tr small{display:block}a.tr:hover{background:color-mix(in srgb,var(--card) 60%,var(--gold) 8%)}
#clist .tr{grid-template-columns:minmax(0,1.4fr) minmax(0,1.6fr) minmax(0,.7fr) minmax(0,.9fr)}
@media(max-width:700px){.tr{grid-template-columns:1fr 1fr}.tr.th{display:none}.tr .row-actions{grid-column:1/-1}}
.brow{display:grid;gap:2px;padding:10px 0 10px 14px;border-left:3px solid var(--gold);margin:0 0 12px;color:var(--ink);text-decoration:none;transition:background .2s,padding .2s}
.brow:hover{background:var(--card);padding-left:18px}.brow .pill{justify-self:start;margin-top:4px}
.sigimg{max-width:100%;background:#fff;border-radius:8px;padding:6px;margin:0 0 12px}

/* Booking: staff month calendar */
.mcal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.mh{font-size:.78rem;color:var(--mut);text-align:center}
.md{min-height:86px;border:1px solid var(--line);border-radius:8px;padding:4px;display:flex;flex-direction:column;gap:3px;overflow:hidden}
.md .dn{font-size:.8rem;color:var(--mut)}.md.today{border-color:var(--gold)}.md.today .dn{color:var(--goldt);font-weight:700}
.md.past{opacity:.7}.md.off{background:repeating-linear-gradient(135deg,transparent 0 6px,var(--line) 6px 7px)}
.ev{display:block;font-size:.74rem;line-height:1.3;padding:2px 5px;border-radius:5px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:color-mix(in srgb,currentColor 16%,transparent);border-left:3px solid currentColor}
.ev:hover{background:color-mix(in srgb,currentColor 30%,transparent)}.ev.st-cancelled{text-decoration:line-through}
.legend2{display:flex;flex-wrap:wrap;gap:14px;font-size:.82rem;margin-top:12px}.legend2 span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;background:currentColor}
.legend2 .off{color:var(--mut)}
@media(max-width:620px){.md{min-height:58px}.ev{font-size:0;padding:0;height:6px;border-left:0;background:currentColor}}

/* Booking: public flow */
body.pub .top{justify-content:space-between}
.bsteps{list-style:none;display:flex;gap:6px;padding:0;margin:0 0 28px;counter-reset:b;flex-wrap:wrap}
.bsteps li{counter-increment:b;display:flex;align-items:center;gap:8px;font-size:.88rem;color:var(--mut);padding:4px 12px 4px 4px;border:1px solid var(--line);border-radius:30px}
.bsteps li::before{content:counter(b);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--line);font-weight:600;font-size:.8rem}
.bsteps li.done{color:var(--ink)}.bsteps li.done::before{content:"\2713";background:var(--ok);border-color:var(--ok);color:#10242A}
.bsteps li.now{color:var(--ink);border-color:var(--gold);font-weight:600}.bsteps li.now::before{background:var(--gold);border-color:var(--gold);color:var(--btn-ink)}
.choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.choice{position:relative;display:grid;gap:6px;align-content:start;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;color:var(--ink);text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}
.choice:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 10px 26px #0003}.choice h2{font-size:1.35rem;margin:0}.choice p{margin:0}
.from{font-weight:600;color:var(--goldt);font-size:.95rem;margin-top:6px}
.main-pick{border:2px solid var(--gold);padding:30px 28px;gap:10px;background:linear-gradient(135deg,var(--card),color-mix(in srgb,var(--card) 82%,var(--gold)))}
.main-pick h2{display:flex;align-items:center;gap:12px;font-size:clamp(1.5rem,3.4vw,2rem)}.main-pick h2 .ic{width:34px;height:34px;color:var(--gold)}
.main-pick .btn{justify-self:start;margin-top:8px}
@media(prefers-reduced-motion:no-preference){.main-pick{animation:pulse 2.8s 1.2s 2}}
.badge2{justify-self:start;font-size:.75rem;font-weight:600;padding:2px 10px;border-radius:20px;background:var(--gold);color:var(--btn-ink)}
.alt-pick{margin-top:26px;color:var(--mut)}.alt-pick>summary{font-weight:500;font-size:.92rem;color:var(--mut)}
.alt-pick[open]>summary{color:var(--ink)}
.minis{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.mini{display:grid;gap:2px;border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:var(--ink);text-decoration:none;font-size:.92rem;opacity:.9;transition:border-color .2s,opacity .2s}
.mini:hover{border-color:var(--gold);opacity:1}
.tpick{grid-template-columns:minmax(0,1fr) minmax(0,340px)}
.pick{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;max-width:440px}.pick i{display:block}
.pick .day{display:grid;place-items:center;text-decoration:none;padding:10px 0}
.day.open{border-color:color-mix(in srgb,var(--gold) 70%,var(--line));font-weight:600}
.day.sel{background:var(--gold);color:var(--btn-ink);border-color:var(--gold)}
.day.shut{opacity:.35;cursor:default}.day.shut:hover{transform:none;border-color:var(--line)}
.btn.dis{opacity:.35;pointer-events:none}
.times{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:8px}
.time{display:block;width:100%;text-align:center;padding:10px 6px;border:1px solid var(--gold);border-radius:30px;color:var(--ink);background:none;font:600 .95rem Archivo,sans-serif;text-decoration:none;cursor:pointer;transition:background .15s,transform .15s}
.time:hover{background:var(--gold);color:var(--btn-ink);transform:translateY(-2px)}
.policy{max-height:300px;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:14px 16px;font-size:.88rem;color:var(--mut);background:color-mix(in srgb,var(--bg) 50%,transparent)}
.f label.c.strong{font-weight:600}
.sig{display:grid;gap:6px;justify-items:start}.sig .lbl{font-weight:500;font-size:.92rem}
.sig canvas{width:100%;max-width:600px;height:160px;background:#fffdf8;border:1px solid var(--line);border-radius:8px;touch-action:none;cursor:crosshair}
.sum .big{font:700 1.3rem/1.35 Fraunces,serif;margin:0 0 14px}
.tr[hidden]{display:none}
@media(max-width:920px){.sumfirst aside{order:-1}}

/* Booking site: the main verityvista.org palette (dark by default, paper in light mode) */
[data-theme=dark] body.pub{--bg:#101D28;--deep:#070D13;--card:#17242F;--ink:#ECE6D7;--mut:#ece6d7a3;--gold:#EF972E;--goldt:#ffb35c;--btn-ink:#0A100E;--line:#ece6d726;--glow:#ef972e4d}
[data-theme=light] body.pub{--bg:#FAF7F0;--deep:#F2ECDF;--card:#ffffff;--ink:#0A100E;--mut:#0a100eb8;--gold:#EF972E;--goldt:#8a4f10;--btn-ink:#0A100E;--line:#0a100e26;--glow:#ef972e55}
body.pub h1,body.pub h2,body.pub h3{font-weight:600}
body.pub .top{border-bottom-color:transparent}
body.pub .panel,body.pub .choice{border-radius:16px}
[data-theme=dark] body.pub .panel,[data-theme=dark] body.pub .choice{box-shadow:0 1px 0 #ece6d70d inset}
[data-theme=dark] body.pub .main-pick{background:linear-gradient(135deg,#17242F,#1c2a33 55%,#2a2a22)}

/* Owner tools: members and booking assignment */
.mem-head{display:flex;flex-wrap:wrap;gap:10px 16px;justify-content:space-between;align-items:flex-start}
.mem-pills{display:flex;flex-wrap:wrap;gap:6px}
.mem-tools{margin-top:12px;border-top:1px solid var(--line);padding-top:8px}
.mem-tools .row-actions form{margin:0}
.f.danger{border:1px solid color-mix(in srgb,var(--bad) 45%,var(--line));border-radius:10px;padding:14px 16px;max-width:none}
.asg.held{border-color:var(--bad)}
.pickp{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
.pp{display:flex!important;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;cursor:pointer;font-weight:400!important}
.pp:has(input:checked){border-color:var(--gold);background:color-mix(in srgb,var(--card) 70%,var(--gold) 12%)}
.pp input{width:18px;height:18px;accent-color:var(--gold);flex:none}
.pp span{flex:1;display:grid}.pp small{color:var(--mut);font-size:.8rem}
.pp i{width:10px;height:10px;border-radius:50%;flex:none}.pp i.ok{background:var(--ok)}.pp i.no{background:var(--bad)}

/* Phones and tablets: date picker and times stack (the two-column booking layout above otherwise wins over .two's own rule) */
@media(max-width:920px){.two.tpick{grid-template-columns:minmax(0,1fr)}}
.show-sm{display:none}
@media(max-width:420px){
	.hide-sm{display:none}.show-sm{display:inline}
	body.pub .top{flex-wrap:nowrap;gap:8px}body.pub .brand{font-size:1.05rem}body.pub .ap{width:32px;height:32px;margin-right:7px}
	body.pub .tools{gap:6px}body.pub .tools .ib{width:32px;height:32px}
	.cal-head{gap:8px;justify-content:space-between}.cal-head b{min-width:0;font-size:1rem;text-align:center;flex:1}
}
#times{scroll-margin-top:84px}

/* Questionnaires, reviews, approvals, public posts */
.sr-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.chips-row{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.chip.sel{background:var(--gold);color:var(--btn-ink);border-color:var(--gold)}
a.chip{text-decoration:none;display:inline-flex;align-items:center}
.qrows{display:grid;gap:12px}
.qrow{border:1px solid var(--line);border-radius:10px;padding:12px 14px;display:grid;gap:10px}
.qrow.qnew{border-style:dashed;opacity:.85}
.qhead{display:flex;align-items:center;gap:10px}.qnum{font-weight:600;font-size:.85rem;color:var(--mut);min-width:2.2em}
.qord{width:70px!important;padding:6px 8px!important}.qdel{margin-left:auto;font-size:.88rem}
.qpreview{margin:0;padding-left:1.3em;display:grid;gap:8px}
.qset{border:1px solid var(--line);border-radius:8px;padding:8px 14px 10px;margin:0;display:grid;gap:6px}
.qset legend{font-weight:500;font-size:.92rem;padding:0 4px}
.qa-list p{margin:0 0 10px}
.stars{color:var(--gold);letter-spacing:2px;font-size:1.1rem}.stars.sm{font-size:.9rem}
.rating{color:var(--goldt);font-size:.88rem;font-weight:500}
.rv-body,.post-body{white-space:normal;margin:10px 0}
.apv{border-top:1px solid var(--line);padding:14px 0}.apv:first-of-type{border-top:0}
.apv-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 0;border-top:1px solid var(--line)}.apv-row span:nth-child(2){flex:1}
/* Star rating input: five big tappable stars, keyboard friendly */
.rate{border:0;padding:0;margin:0;display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px}
.rate legend{font-weight:500;font-size:.92rem;margin-bottom:6px;width:100%}
.rate input{position:absolute;opacity:0;width:1px;height:1px}
.rate label{font-size:2.4rem;line-height:1;color:var(--line);cursor:pointer;transition:color .15s,transform .15s}
.rate label:hover,.rate label:hover~label,.rate input:checked~label{color:var(--gold)}
.rate input:focus-visible+label{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}
.rate label:active{transform:scale(.9)}
.st-personal{color:var(--mut)}
.qopts[hidden]{display:none}
.ev.st-personal{border-left-style:dashed;cursor:default}

/* Gift cards and referrals */
.gcode{font:600 .95rem/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.06em;background:var(--chip,rgba(127,127,127,.12));padding:6px 9px;border-radius:6px;white-space:nowrap}
.codes{display:flex;flex-wrap:wrap;gap:8px}
.codein{display:flex;gap:8px;margin-top:6px}.codein input{flex:1;text-transform:uppercase;letter-spacing:.05em}
.ok-t{display:block;color:var(--ok);font-weight:500}.err-t{color:var(--bad)}
.callout-s{display:flex;gap:10px;align-items:flex-start;background:rgba(127,127,127,.08);border-left:3px solid var(--gold);padding:10px 12px;border-radius:8px;margin:0 0 12px}
.reflink code{display:block;padding:10px 12px;border-radius:8px;background:rgba(127,127,127,.1);word-break:break-all;font-size:.9rem}
.qset label.c input[type=number]{width:auto;padding:6px 8px}
input[type=file]::file-selector-button{background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:30px;padding:7px 16px;margin-right:12px;font:600 .9rem Archivo,sans-serif;cursor:pointer}input[type=file]::file-selector-button:hover{border-color:var(--gold)}
.day.cal{background:repeating-linear-gradient(135deg,var(--gold) 0 6px,color-mix(in srgb,var(--gold) 55%,transparent) 6px 12px);color:var(--btn-ink);border-color:var(--gold);text-decoration:line-through;cursor:not-allowed}.day.part{box-shadow:inset 0 -4px 0 color-mix(in srgb,var(--gold) 75%,transparent)}
.legend .lg-cal::before{background:repeating-linear-gradient(135deg,var(--gold) 0 3px,color-mix(in srgb,var(--gold) 55%,transparent) 3px 6px)!important;border:0!important}.legend .lg-part::before{background:var(--card)!important;border:1px solid var(--line)!important;box-shadow:inset 0 -3px 0 var(--gold)}

/* ---------- Availability: the day view ---------- */
.day.sel{outline:3px solid var(--gold);outline-offset:2px}
.dayview{max-width:960px}.dv-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px}.dv-head h2{margin:0}.dv-off{white-space:nowrap}
.dv-wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px;margin:14px 0}@media(max-width:760px){.dv-wrap{grid-template-columns:1fr}}
.dv-col{position:relative;border:1px solid var(--line);border-radius:12px;background:repeating-linear-gradient(135deg,transparent 0 8px,color-mix(in srgb,var(--ink) 5%,transparent) 8px 16px);overflow:hidden;cursor:crosshair}
.dv-hours{position:absolute;left:0;right:0;background:color-mix(in srgb,var(--card) 92%,var(--gold))}
.dv-hr{position:absolute;left:0;right:0;border-top:1px solid var(--line);pointer-events:none}.dv-hr span{position:absolute;left:8px;top:2px;font-size:.75rem;color:var(--mut)}
.dv-sess,.dv-cal,.dv-blk,.dv-buf{position:absolute;left:74px;right:10px;border-radius:8px;padding:4px 10px;font-size:.82rem;line-height:1.3;overflow:hidden;box-sizing:border-box}
.dv-sess b,.dv-cal b,.dv-blk b{display:block;font-size:.8rem}
.dv-sess{background:var(--gold);color:var(--btn-ink);text-decoration:none;z-index:3;border:1px solid color-mix(in srgb,var(--btn-ink) 25%,transparent)}
.dv-buf{z-index:2;border:1px dashed var(--mut);background:repeating-linear-gradient(135deg,transparent 0 5px,color-mix(in srgb,var(--mut) 25%,transparent) 5px 10px)}
.dv-cal{z-index:2;color:var(--ink);border:1px solid var(--gold);background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--gold) 22%,transparent) 0 6px,transparent 6px 12px)}
.dv-blk{z-index:2;color:var(--ink);border:1px solid var(--bad);background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--bad) 25%,transparent) 0 6px,transparent 6px 12px);padding-right:84px}
.dv-x{position:absolute;right:6px;top:4px;font:600 .75rem Archivo,sans-serif;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:3px 8px;cursor:pointer}.dv-x:hover{border-color:var(--bad)}
.dv-offbox{position:absolute;inset:0;z-index:4;display:grid;place-items:center;text-align:center;padding:20px;font-weight:600;background:color-mix(in srgb,var(--bg) 82%,transparent)}
.dv-side label{display:block}.dv-slots{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.dv-slot{border:1px solid var(--gold);border-radius:18px;padding:5px 12px;font-weight:600;font-size:.9rem}
.dv-key{display:grid;gap:6px;font-size:.85rem;color:var(--mut);margin-top:10px}.dv-key span::before{content:"";display:inline-block;width:14px;height:12px;border-radius:3px;margin-right:8px;vertical-align:-1px}
.k-hours::before{background:color-mix(in srgb,var(--card) 92%,var(--gold));border:1px solid var(--line)}.k-sess::before{background:var(--gold)}.k-buf::before{border:1px dashed var(--mut)}
.k-cal::before{border:1px solid var(--gold);background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--gold) 40%,transparent) 0 3px,transparent 3px 6px)}.k-blk::before{border:1px solid var(--bad);background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--bad) 40%,transparent) 0 3px,transparent 3px 6px)}
.dv-block{border-top:1px solid var(--line);padding-top:16px;margin-top:6px}
.legend .lg-part::before{background:var(--card)!important;border:1px solid var(--line)!important;box-shadow:inset 0 -3px 0 var(--gold)}
.st-blocked{color:var(--bad)}.ev.st-blocked{border-left-style:dotted;text-decoration:none}
.dv-extra{position:absolute;left:0;right:0;z-index:1;background:color-mix(in srgb,var(--ok) 16%,var(--card));border-top:2px solid var(--ok);border-bottom:2px solid var(--ok);padding:2px 84px 2px 74px;font-size:.78rem;box-sizing:border-box}.dv-extra b{color:var(--ok)}
.k-extra::before{background:color-mix(in srgb,var(--ok) 30%,var(--card));border:1px solid var(--ok)}
.time.taken{opacity:.45;cursor:default;display:inline-flex;flex-direction:column;align-items:center;line-height:1.1}.time.taken small{font-size:.7rem}
.addons{border:1px solid var(--line);border-radius:12px;padding:12px 16px;display:grid;gap:10px}.addons legend{padding:0 6px;font-weight:600}
.dv-mini{position:absolute;left:0;right:0;z-index:1;background:color-mix(in srgb,var(--gold) 14%,var(--card));border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);padding:2px 10px 2px 74px;font-size:.78rem;box-sizing:border-box;text-decoration:none;color:var(--ink)}
.k-mini::before{background:color-mix(in srgb,var(--gold) 30%,var(--card));border:1px solid var(--gold)}
/* Client page: tabs, session cards, blog replies, mood board, printable receipts */
.ptabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px;padding:4px;border:1px solid var(--line);border-radius:999px;width:max-content;max-width:100%}
.ptabs a{padding:7px 16px;border-radius:999px;color:var(--ink);text-decoration:none;font-weight:500}
.ptabs a[aria-current]{background:var(--gold);color:#10242A}
.bcard{margin-bottom:12px}
.seg{border:1px solid var(--line);border-radius:12px;padding:10px 14px;display:grid;gap:6px}.seg legend{padding:0 6px;font-weight:600}
.post-body{white-space:normal;overflow-wrap:anywhere}
.reply{border-left:3px solid var(--line);padding:6px 0 6px 14px;margin:10px 0}.reply.answer{border-left-color:var(--gold)}.reply.mine{opacity:.8;border-left-style:dashed}
.panel.reply{margin:10px 0}
.moods{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin:8px 0}
.moods figure{margin:0;display:grid;gap:6px}.moods img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;display:block}
.doc .tbl .tr{grid-template-columns:1fr 2fr auto}
@media print{.top,.foot,.noprint,.toast,.iris,.skip{display:none!important}body{background:#fff!important;color:#000!important}.panel.doc{border:0;box-shadow:none;background:#fff;color:#000}.doc *{color:#000!important}}
/* Site pop-up: preview of what shows on verityvista.org */
.popprev{display:grid;gap:10px}.popitem{border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:10px;padding:10px 14px}
/* Shop: card or PayPal choice */
.seg-inline{display:flex;gap:16px;flex-wrap:wrap}