/* coda-fix.css: loaded in <head> on every public page so the brand green is there from first paint
   (Pages preview included). Same rules the codasitefix Worker injects on codaoutbound.com, plus the Robin bar. */
/* codafix: added at the end of <head> on every codaoutbound.com page by the codasitefix Worker (Oct 8 2026).
   Brand green = the site's own tokens from /coda-public-theme.css (--accent #365d49, --accent-2 #71937e).
   1) No blue on tap, focus or selection. 2) One html background. 3) Green tokens on the few pages that never
   loaded the public theme. 4) Green for the handful of page styles that hard coded the old blue. */
html{-webkit-tap-highlight-color:transparent}
html:has(>body.coda-public),html:has(>body.codagreen){background:#fff}
body.coda-public,body.codagreen{accent-color:#365d49;--brand:#365d49}
html body.codagreen{--accent:#365d49;--accent-2:#71937e;--accent-strong:#294936;--accent-soft:rgba(54,93,73,.055);--accent-glow:rgba(70,121,88,.12);--mk-signal:#365d49;--mk-signal-dim:#243f31;--mk-signal-soft:rgba(54,93,73,.055)}
body.coda-public ::selection,body.codagreen ::selection{background:rgba(54,93,73,.18)}
:where(body.coda-public,body.codagreen) :where(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline:2px solid #365d49;outline-offset:2px}
/* One green: the theme's own a/button focus ring used --accent-2 (#71937e); use --accent (#365d49), the favicon and button green. */
html body.coda-public a:focus-visible,html body.coda-public button:focus-visible{outline-color:#365d49}

/* Leftover hard coded blues (found by a computed-style audit of every public page). */
html body.coda-public.site-marketing .live-dot{box-shadow:0 0 0 0 rgba(54,93,73,.5);animation-name:codapulse}
@keyframes codapulse{0%{box-shadow:0 0 0 0 rgba(54,93,73,.4)}70%{box-shadow:0 0 0 7px rgba(54,93,73,0)}100%{box-shadow:0 0 0 0 rgba(54,93,73,0)}}
html body.coda-public .pmock-glow{background:radial-gradient(42% 55% at 22% 18%,var(--accent-glow),transparent 70%),radial-gradient(38% 50% at 82% 78%,rgba(113,147,126,.22),transparent 70%)}
html body.coda-public .gua,html body.coda-public .plan.lead{box-shadow:0 24px 48px -28px rgba(54,93,73,.34)}
html body.coda-public .seg-btn.is-on{box-shadow:0 10px 24px -12px rgba(54,93,73,.6)}
html body.coda-public .calc-inputs input[type=range]:focus-visible::-webkit-slider-thumb{outline-color:rgba(54,93,73,.35)}
html body.coda-public .fl-apply .fl-kicker{color:#a9c7b3}
html body.coda-public .fl-field input:focus,html body.coda-public .fl-field textarea:focus,html body.coda-public .fl-field select:focus,html body.coda-public .flq-opt input:focus-visible+span{box-shadow:0 0 0 3px rgba(54,93,73,.45)}
html body.coda-public .flq-opt input:checked+span{background:rgba(54,93,73,.35)}
html body.coda-public .dot.is-connected{background:#4f7d63;box-shadow:0 0 6px rgba(79,125,99,.7)}
html body.coda-public .dot.is-meeting{box-shadow:0 0 10px rgba(255,255,255,.9),0 0 20px rgba(79,125,99,.6)}
html body.coda-public .sw-connected{background:#4f7d63}
html body.coda-public div[style*="91,140,255"]{background:rgba(54,93,73,.08)!important;border-color:rgba(54,93,73,.28)!important}
html body.coda-public #qzPuzGo{background:#365d49!important}
/* Pages that never loaded the public theme (body gets class codagreen): same green as the theme gives the rest. */
html body.codagreen .imb{background:#365d49!important;border:0!important;box-shadow:0 8px 26px #203a3020!important}
html body.codagreen .mesh-1{background:radial-gradient(circle at center,rgba(54,93,73,.22),transparent 65%)}
html body.codagreen .mesh-2{background:radial-gradient(circle at center,rgba(113,147,126,.2),transparent 65%)}
html body.codagreen .mesh-3{background:radial-gradient(circle at center,rgba(169,199,179,.18),transparent 65%)}
html body.codagreen .theme-toggle{display:none}
/* Status and window-chrome dots: flex rows squeezed them into vertical ovals on phones (e.g. 3.2x7px at 320px).
   Keep every dot a true circle at every width. */
html body .shot-bar i,html body .pmock-dot,html body .live-dot,html body .fl-pill i,html body .li-pill i,html body .pp-pill i,
html body .how-crumb i,html body .tools-crumb i,html body .kicker .dot,html body .fcard-dot,html body .crm-toast-dot,
html body .contact-attempt-dot,html body .daily-contact-dot,html body .contacts-dot,html body .contact-disp-dot,
html body .contact-freq-dot,html body .donut-legend-dot,html body .ch-touch-dot{flex:0 0 auto;flex-shrink:0;aspect-ratio:1;border-radius:50%}

/* Try Robin bar (Oct 9 2026) */
.robin-bar{display:block;background:#294936;color:#fff!important;text-align:center;font:500 14px/1.35 Inter,system-ui,sans-serif;padding:9px 16px;text-decoration:none!important}
.robin-bar b{font-weight:700}
.robin-bar span{text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.robin-bar:hover{background:#243f31}
@media (max-width:560px){.robin-bar{font-size:13px;padding:8px 12px}}
/* Try Robin nav link: same weight as the other links */