/* Watkins Bay brand-site forms. Uses each site's own tokens where they exist. */
.wbf-dialog{padding:0;border:0;background:transparent;width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:visible}
.wbf-dialog::backdrop{background:rgba(10,12,20,.55);backdrop-filter:blur(4px)}
.wbf-dialog[open]{animation:wbfIn .3s ease-out}
@keyframes wbfIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.wbf-panel{position:relative;background:var(--paper,#fff);color:var(--ink-900,#111);border-radius:16px;padding:clamp(20px,4vw,30px);max-height:calc(100vh - 24px);overflow:auto;box-shadow:0 30px 80px -20px rgba(0,0,0,.45)}
.wbf-x{position:absolute;top:10px;right:12px;width:36px;height:36px;border-radius:50%;border:1px solid var(--line,#ddd);background:var(--paper,#fff);color:inherit;font-size:22px;line-height:1;cursor:pointer}
.wbf-inline{max-width:640px}
.wbf-tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin:0 2.4rem 1.2rem 0}
.wbf-inline .wbf-tabs{margin-right:0}
.wbf-tabs button{font:inherit;font-size:.88rem;padding:.45rem .85rem;border-radius:999px;border:1px solid var(--line,#d9d9d9);background:transparent;color:inherit;cursor:pointer}
.wbf-tabs button[aria-selected="true"]{background:var(--wbf-accent,var(--ink-900,#111));border-color:var(--wbf-accent,var(--ink-900,#111));color:#fff}
.wbf-form{display:flex;flex-direction:column;gap:.85rem}
.wbf-title{margin:0;font-size:1.35rem}
.wbf-lede{margin:0 0 .2rem;color:var(--ink-700,#555);font-size:.95rem}
.wbf-row{display:flex;flex-direction:column;gap:.3rem}
.wbf-row label{font-size:.86rem;font-weight:600}
.wbf-opt{font-weight:400;opacity:.65}
.wbf-row input,.wbf-row select,.wbf-row textarea{font:inherit;font-size:.95rem;color:inherit;background:var(--paper,#fff);border:1.5px solid var(--line,#d6d6d6);border-radius:10px;padding:.65rem .75rem;width:100%;box-sizing:border-box}
.wbf-row input[type=file]{padding:.5rem}
.wbf-row input:focus,.wbf-row select:focus,.wbf-row textarea:focus{outline:2px solid var(--focus,var(--ink-900,#111));outline-offset:1px}
.wbf-check{display:flex;gap:.55rem;align-items:flex-start;font-size:.84rem;cursor:pointer}
.wbf-check input{margin-top:.2rem}
.wbf-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.wbf-err{margin:0;padding:.55rem .75rem;border-radius:8px;background:#fdecee;color:#9b1c31;font-size:.88rem}
.wbf-go{align-self:flex-start}
.wbf-go.is-busy{opacity:.7;pointer-events:none}
.wbf-done{text-align:center;padding:1.5rem .5rem}
.wbf-tick{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#e3f5ea;color:#0b7a3b;font-size:28px;margin-bottom:.6rem}
@media (prefers-reduced-motion:reduce){.wbf-dialog[open]{animation:none}}
/* base button look; a site's own .btn styles win because :where() has no specificity */
:where(.wbf-go){padding:.7rem 1.2rem;border-radius:10px;border:0;background:var(--wbf-accent,var(--ink-900,#111));color:#fff;font:inherit;font-weight:600;cursor:pointer}
.wbf-float{position:fixed;right:18px;bottom:18px;z-index:9990;padding:.75rem 1.15rem;border-radius:999px;border:0;background:var(--wbf-accent,#111);color:#fff;font:inherit;font-weight:600;font-size:.95rem;cursor:pointer;box-shadow:0 14px 34px -12px rgba(0,0,0,.5)}
.wbf-float:hover{transform:translateY(-1px)}
.wbf-done--adopt{border:1px solid rgba(127,127,127,.25);border-radius:14px}