/* BRAND presentation proposal on owner3f2f5ce7. No authentication, copy or behavior.
   One card; existing Uncook identity and control order retained. */
html:root body.signin-presence{
  background:radial-gradient(ellipse 650px 520px at 8% 9%,#E4EE9926,transparent 78%),radial-gradient(ellipse 800px 680px at 95% 44%,#EEF0FC,transparent 82%),#FCFCFF!important;
  color:#263153;
}
html:root body.signin-presence .masthead{min-height:116px;width:calc(100% - 48px)}
html:root body.signin-presence a.brand{width:182px!important;height:46px!important;background-position:center!important}
html:root body.signin-presence main{width:min(calc(100% - 48px),560px);padding:10px 0 48px;align-items:center}
html:root body.signin-presence .entry{
  position:relative;overflow:visible;padding:38px 44px 30px;
  background:#fff;border:1px solid #DADFF0;border-top:5px solid #E4EE99;border-color:#DADFF0!important;border-top-color:#E4EE99!important;border-radius:28px!important;
  box-shadow:0 28px 80px #2631530C,0 4px 16px #26315304!important;
}
html:root body.signin-presence h1{font-size:30px;line-height:1.25;letter-spacing:-.8px!important;margin:0 0 30px;text-align:center}
html:root body.signin-presence .google-entry{min-height:52px}
html:root body.signin-presence .google-fallback{
  max-width:none;min-height:52px;padding:12px 18px;gap:12px;
  border-color:#C9D0E7;border-radius:13px;box-shadow:0 2px 4px #26315304;
  font-size:15px;line-height:1.4;font-weight:600;
}
html:root body.signin-presence .google-fallback:hover{background:#FCFCFF;border-color:#4458AC}
html:root body.signin-presence .or{gap:18px;margin:24px 0;font-size:13px;line-height:20px;color:#5C6480}
html:root body.signin-presence .or::before,html:root body.signin-presence .or::after{background:#E5E8F2}
html:root body.signin-presence label{font-size:14px;line-height:1.45;font-weight:600;margin-bottom:9px}
html:root body.signin-presence input:not([type=checkbox]){
  height:56px;padding:0 17px;border-color:#DADFF0;border-radius:13px;
  background:#FCFCFF;font-size:16px;box-shadow:none;
}
html:root body.signin-presence input:not([type=checkbox]):focus-visible{outline:3px solid #4458AC35;outline-offset:3px;border-color:#4458AC}
html:root body.signin-presence .magic-line{margin:11px 0 0;font-size:14px;line-height:1.6;color:#5C6480}
html:root body.signin-presence .consent-choice{align-items:flex-start;gap:11px;margin-top:23px}
html:root body.signin-presence .consent-choice input{width:18px;height:18px;margin-top:2px;accent-color:#4458AC}
html:root body.signin-presence .consent-choice label{margin:0;font-size:14px;line-height:1.6;font-weight:400;color:#5C6480;white-space:normal}
html:root body.signin-presence .primary{min-height:56px;margin-top:24px;padding:14px 20px;border-radius:13px!important;font-size:15px;line-height:1.5;box-shadow:0 7px 18px #4458AC18}
html:root body.signin-presence .primary>span:last-child{font-size:25px}
html:root body.signin-presence .invite{margin-top:20px}
html:root body.signin-presence .invite-toggle{min-height:32px;padding:4px 0;font-size:12px;font-weight:500;line-height:1.5;text-decoration-thickness:1px;text-decoration-color:#A6AEC8;text-underline-offset:4px}
html:root body.signin-presence footer{width:min(calc(100% - 48px),560px);padding:0 0 28px;font-size:12px;line-height:1.5}
html:root body.signin-presence footer nav{gap:25px}
@media(max-width:600px){
  html:root body.signin-presence .masthead{min-height:96px;width:calc(100% - 32px)}
  html:root body.signin-presence a.brand{width:164px!important;height:41px!important}
  html:root body.signin-presence main{width:calc(100% - 32px);align-items:flex-start;padding:0 0 36px}
  html:root body.signin-presence .entry{padding:28px 24px 24px;border-radius:23px!important}
  html:root body.signin-presence h1{font-size:28px;line-height:1.25;margin-bottom:26px}
  html:root body.signin-presence .or{margin:22px 0}
  html:root body.signin-presence .consent-choice{margin-top:21px}
  html:root body.signin-presence .primary{margin-top:22px}
  html:root body.signin-presence footer{width:calc(100% - 32px);padding-bottom:24px}
}

/* ── Thème sombre de la carte (PRODUIT, 02/11 23:31 UTC) : mêmes jetons que le workspace (voir sign-in.css). Ni mise en page, ni mots. Les « !important » répondent à ceux de la carte claire.
   Logo : le lockup de la marque est bleu (illisible sur fond sombre) — il reste posé sur un socle clair #FCFCFF (comme .side-brand a de v31). Bouton Google : il garde SA forme officielle
   claire (« outline ») : c'est celle que Google Identity Services rend dans la page, le remplacement ne change donc pas d'aspect. ── */
html:root[data-theme=dark] body.signin-presence{
  background:radial-gradient(ellipse 650px 520px at 8% 9%,#E4EE9916,transparent 78%),radial-gradient(ellipse 800px 680px at 95% 44%,#29345299,transparent 82%),#13182B!important;
  color:#EDF0FF;
}
html:root[data-theme=dark] body.signin-presence a.brand{background-color:#FCFCFF!important;border-radius:14px;box-shadow:0 0 0 10px #FCFCFF}
html:root[data-theme=dark] body.signin-presence .entry{
  background:#1C233A;border-color:#3C4765!important;border-top-color:#E4EE99!important;
  box-shadow:0 28px 80px #00000066,0 4px 16px #00000033!important;
}
html:root[data-theme=dark] body.signin-presence .or{color:#B4BDD8}
html:root[data-theme=dark] body.signin-presence .or::before,html:root[data-theme=dark] body.signin-presence .or::after{background:#3C4765}
html:root[data-theme=dark] body.signin-presence input:not([type=checkbox]){border-color:#6B7899;background:#13182B}
html:root[data-theme=dark] body.signin-presence input:not([type=checkbox]):focus-visible{outline:3px solid #A4B6FF66;border-color:#A4B6FF}
html:root[data-theme=dark] body.signin-presence .magic-line,html:root[data-theme=dark] body.signin-presence .consent-choice label{color:#B4BDD8}
html:root[data-theme=dark] body.signin-presence .consent-choice input{accent-color:#A4B6FF}
html:root[data-theme=dark] body.signin-presence .primary{box-shadow:0 7px 18px #00000040}
html:root[data-theme=dark] body.signin-presence .invite-toggle{text-decoration-color:#6B7899}
