/* GestiConnect V91.21 - OAuth Google popup robuste pour Plesk */
.oauth21-page-head{align-items:flex-start}
.oauth21-card{max-width:920px;margin:0 auto;padding:28px;overflow:hidden}
.oauth21-provider{display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px;align-items:start}
.oauth21-google-mark{width:64px;height:64px;display:grid;place-items:center;border:1px solid #d9e2ec;border-radius:18px;background:#fff;color:#4285f4;font-size:34px;font-weight:900;box-shadow:0 8px 22px rgba(31,55,75,.08)}
.oauth21-provider h2{margin:4px 0 8px;color:#102a43;font-size:22px;line-height:1.25}
.oauth21-provider p{margin:0;color:#5e7184;line-height:1.6}
.oauth21-kicker{display:block;color:#60758a;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.oauth21-origin-box{display:grid;gap:7px;margin:24px 0;padding:16px;border:1px solid #d8e7ef;border-radius:14px;background:#f7fbfd}
.oauth21-origin-box>span{color:#40566d;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.035em}
.oauth21-origin-box code{display:block;max-width:100%;padding:10px 12px;border:1px solid #cfe0e9;border-radius:9px;background:#fff;color:#0f3d5e;font-size:14px;font-weight:800;overflow-wrap:anywhere;white-space:normal}
.oauth21-origin-box small{color:#68798d;font-size:11px;line-height:1.5}
.oauth21-status{margin:0 0 16px;padding:13px 14px;border:1px solid #d9e3ea;border-radius:11px;background:#f8fafc;color:#40566d;font-size:12px;line-height:1.5}
.oauth21-status.is-loading{border-color:#bfd8ee;background:#f0f7fd;color:#155b8d}
.oauth21-status.is-success{border-color:#b9dec9;background:#effaf4;color:#176542}
.oauth21-status.is-error{border-color:#f0c3c8;background:#fff3f4;color:#8b2b38}
.oauth21-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.oauth21-google-button{min-width:220px}
.oauth21-google-button:disabled{cursor:wait;opacity:.7}
.oauth21-help{margin:16px 0 0;color:#64748b;font-size:11px;line-height:1.55}
@media(max-width:760px){
  .oauth21-card{padding:20px}
  .oauth21-provider{grid-template-columns:48px minmax(0,1fr);gap:12px}
  .oauth21-google-mark{width:48px;height:48px;border-radius:14px;font-size:26px}
  .oauth21-provider h2{font-size:18px}
  .oauth21-actions{display:grid;grid-template-columns:1fr}
  .oauth21-actions .btn{width:100%}
}
@media(max-width:480px){
  .oauth21-card{padding:16px}
  .oauth21-provider{grid-template-columns:1fr}
}