/* VIDA PADDOCK — V278 TEST : un accueil public stable, à droite toutes les actions de connexion.
   Aucun avertissement "Aucun cheval" avant que le compte soit authentifié ET la requête Supabase réussie. */
body:not(.vp-connected-ready) #vidaConnectedGate{
 display:block!important; position:relative!important; box-sizing:border-box!important;
 min-height:100svh; padding:0!important; background:linear-gradient(155deg,#fcf9f2 0%,#f8f4e9 64%,#f1f5ee 100%);
 color:#456251; text-align:left;
}
body:not(.vp-connected-ready) #vidaConnectedGate .vp-public-header{
 background:rgba(255,253,249,.92); padding:12px clamp(16px,3vw,48px) 0;
}
.vp-public-brand{display:flex;align-items:center;gap:10px;max-width:1330px;margin:0 auto 10px}
.vp-public-brand img{object-fit:contain;width:54px;height:54px}
.vp-public-brand strong{display:block;font:italic 28px/1.08 Georgia,serif;color:#b98161}
.vp-public-brand strong span{color:#506f5a}
.vp-public-brand small{font:400 9px/1.5 system-ui,sans-serif;color:#738174;letter-spacing:.13em}
.vp-public-tagline{margin:0 auto;max-width:1330px;border-radius:0 0 14px 14px;
 border:1px solid rgba(217,224,213,.7);background:rgba(255,255,255,.78);
 box-shadow:0 7px 20px rgba(76,80,68,.055);text-align:center;letter-spacing:.08em;
 font:600 14px/1.45 system-ui,sans-serif;color:#66776c;padding:9px 12px;}
.vp-public-body{width:min(100% - 38px,1300px);margin:clamp(20px,3vw,35px) auto 70px}
.vp-public-welcome{font:400 clamp(25px,2.2vw,37px)/1.25 Georgia,serif;color:#587564;
 text-align:center;margin:0 0 18px!important}
.vp-public-welcome em{font-weight:600;color:#aa775a}
.vp-public-columns{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(23px,4vw,62px);align-items:start}
.vp-public-story{text-align:center;padding:0 10px 14px}
.vp-public-story h2{margin:0 0 11px;font:700 clamp(28px,2.5vw,41px)/1.12 Georgia,serif;color:#456e56}
.vp-public-story h3{margin:0 0 20px;font:700 clamp(19px,1.65vw,27px)/1.2 Georgia,serif;color:#b38363}
.vp-public-story p{max-width:475px;margin:0 auto 20px;font:400 14px/1.63 system-ui,sans-serif;color:#68786d}
.vp-public-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:490px;margin:0 auto}
.vp-public-features>div{background:#fffdfa;border:1px solid #e9e8dc;border-radius:15px;padding:14px 8px;
 min-height:76px;box-sizing:border-box;box-shadow:0 8px 18px rgba(80,78,57,.04);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.vp-public-features b{font-size:22px;color:#b98b6c;line-height:1;font-weight:500}
.vp-public-features strong{font:500 15px/1.2 Georgia,serif;color:#506f5a}
.vp-public-features small{font:400 11px/1.3 system-ui,sans-serif;color:#899187}
#vidaConnectedGate .vp-public-panel{box-sizing:border-box;border-radius:21px;min-width:0;padding:clamp(22px,3vw,39px);
 background:#fffdfa;box-shadow:0 10px 40px rgba(65,80,65,.08);border:1px solid rgba(223,227,218,.6);
 text-align:center;color:#435b4a;}
.vp-public-palomino{display:block;margin:0 auto 15px;width:105px;height:105px;object-fit:contain}
.vp-public-test{display:inline-block;border-radius:40px;padding:7px 13px;margin-bottom:12px;background:#e9f0e9;
 font:600 10px/1.4 system-ui,sans-serif;color:#63806b;letter-spacing:.10em}
.vp-auth-view h2{font:400 clamp(23px,2.3vw,34px)/1.2 Georgia,serif;color:#50705b;margin:0 0 12px}
.vp-auth-view h3{font:400 clamp(23px,2.2vw,31px)/1.2 Georgia,serif;color:#50705b;margin:18px 0}
.vp-auth-view p{font:400 14px/1.55 system-ui,sans-serif;color:#67766b;margin:0 0 18px}
#vidaConnectedGate .vp-public-action{display:flex;align-items:center;justify-content:center;box-sizing:border-box;
 width:100%;min-height:48px;border-radius:11px;margin:11px 0 0;border:1px solid transparent;
 text-decoration:none!important;font:600 15px/1.3 system-ui,sans-serif;cursor:pointer;padding:11px 15px}
#vidaConnectedGate .vp-primary{background:#628473;color:white!important;box-shadow:0 5px 12px rgba(91,115,94,.12)}
#vidaConnectedGate .vp-secondary{background:#f8f6ef;color:#436652!important;border-color:#d9e3d8}
#vidaConnectedGate .vp-public-textbutton{font:400 12px/1.5 system-ui,sans-serif;color:#557763;display:inline-block;
 padding:12px 6px 4px;text-decoration:underline;border:0;background:transparent;cursor:pointer}
.vp-public-inline-links{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap;margin-top:12px}
.vp-public-inline-links button{border:0;background:none;color:#537461;text-decoration:underline;cursor:pointer;font:400 12px/1.3 system-ui,sans-serif;padding:5px 0}
.vp-public-form{text-align:left;max-width:475px;margin:auto}
.vp-public-form h2,.vp-public-form>p,.vp-public-form>.vp-public-textbutton{text-align:center;display:block;margin-left:auto;margin-right:auto}
.vp-public-form label{display:block;margin:13px 0 6px;font:600 11px/1.3 system-ui,sans-serif;color:#586d5d;text-transform:uppercase;letter-spacing:.035em}
.vp-public-form input{display:block;width:100%;min-height:44px;box-sizing:border-box;border-radius:10px;
 border:1px solid #d6ddd2;background:white;padding:11px 13px;font:400 15px system-ui,sans-serif;color:#354c3f}
.vp-public-form input:focus-visible,.vp-public-action:focus-visible,.vp-public-textbutton:focus-visible{outline:3px solid #aac6b0;outline-offset:2px}
.vp-public-namefields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#vpAuthFeedback:not([hidden]){margin:13px 0 0;padding:12px;border-radius:10px;background:#edf5ee;color:#355842;
 font:500 12px/1.5 system-ui,sans-serif;word-break:break-word}
#vpAuthFeedback.vp-error{background:#fff0ed;color:#974b3a}
.vp-public-footer{display:block;border-top:1px solid #e9eee5;padding-top:12px;margin:20px 0 0;color:#8b958b;font:400 11px/1.5 system-ui,sans-serif}
.vp-auth-view[hidden]{display:none!important}
.vp-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* No second login gate when a verified user is in their account. */
body.vp-connected-ready #vidaConnectedGate{display:none!important}
/* Distinct and prominent empty state only INSIDE an authenticated account. */
body.vp-connected-ready.free-horse-vacant .vp-empty-title{color:#bd493f!important;font-weight:600!important;font-size:clamp(29px,5vw,37px)!important}
body.vp-connected-ready.free-horse-vacant .free-horse-vacancy-card{border:1px solid #ecd1cc!important}
body.vp-connected-ready.free-horse-vacant .vp-add-horse{background:#638673!important;color:white!important;border-radius:11px;min-height:48px}
@media(max-width:790px){
  body:not(.vp-connected-ready) #vidaConnectedGate{min-height:100svh}
  .vp-public-body{width:min(100% - 28px,530px);margin:16px auto 25px}
  .vp-public-welcome,.vp-public-story{display:none!important}
  .vp-public-columns{display:block}
  #vidaConnectedGate .vp-public-header{padding:8px 12px 0}
  .vp-public-brand img{width:40px;height:40px}
  .vp-public-brand strong{font-size:23px}
  .vp-public-tagline{font-size:11px;padding:8px 10px;line-height:1.45;overflow-wrap:normal}
  #vidaConnectedGate .vp-public-panel{padding:18px 18px 20px;border-radius:18px}
  .vp-public-palomino{display:none!important}
  .vp-auth-view h2{font-size:24px}
  .vp-auth-view h3{font-size:23px;margin:13px 0}
  .vp-auth-view p{margin-bottom:12px;font-size:13px}
  .vp-public-footer{margin-top:14px}
}
@media(max-width:390px){
 .vp-public-brand strong{font-size:20px}
 .vp-public-tagline{font-size:10.5px}
 #vidaConnectedGate .vp-public-panel{padding:15px 13px}
 .vp-auth-view h2{font-size:21px}
 .vp-auth-view h3{font-size:21px}
 .vp-public-namefields{grid-template-columns:1fr}
}

/* Design-only page: no app gate, no cloud dependencies */
*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;font-family:system-ui,-apple-system,sans-serif}
#vidaConnectedGate .vp-design-info{padding:10px 12px;border-radius:10px;background:#f6f1e8;color:#77644b;text-align:center;font-size:12px;line-height:1.5;margin:0 0 10px}
#vidaConnectedGate .vp-auth-feedback:not([hidden]){display:block}

/* Aperçu local : signale clairement que les comptes Supabase ne sont pas accessibles ici. */
#vidaConnectedGate .vp-local-note:not([hidden]){display:block;font:500 12px/1.5 system-ui,sans-serif;color:#537461;background:#eff4ed;border:1px solid #d8e6d7;padding:10px 12px;border-radius:10px;margin:14px auto 0;max-width:530px;text-align:center}