/* Grafica "Liquid Glass": stessa lingua del sito sgqm.it e della dashboard */
:root{--brand:#2563eb;--brand-deep:#1a3a6b;--glass:rgba(255,255,255,.42);--glass-brd:rgba(255,255,255,.75);--ink:#0f172a;--ink-2:#475569;
  --glass-shadow:0 12px 34px rgba(30,64,175,.09),0 1px 3px rgba(15,23,42,.05),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.3)}
body.gl-body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",system-ui,sans-serif;color:var(--ink);
  background-color:#f3f7fd;background-image:linear-gradient(to right,#d3e2fa 0%,#ffffff 50%,#d3e2fa 100%);background-attachment:fixed;position:relative;isolation:isolate}
.gl-blobs{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.gl-blobs i{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--c),transparent 70%);filter:blur(80px);opacity:.32}
.gl-blobs i:nth-child(1){width:640px;height:640px;left:-160px;top:-180px;--c:#a9cbfb}
.gl-blobs i:nth-child(2){width:520px;height:520px;right:-160px;top:26%;--c:#c9e3fb;opacity:.25}
.gl-blobs i:nth-child(3){width:700px;height:700px;left:18%;bottom:-300px;--c:#d6ccfb}
body.gl-body .rounded-2xl.bg-white,body.gl-body .gl-card{
  background-color:var(--glass);background-image:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,.06) 55%);
  -webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);
  border:1px solid var(--glass-brd);box-shadow:var(--glass-shadow);border-radius:28px}
body.gl-body h2,body.gl-body h3{font-family:'DM Serif Display',Georgia,serif;letter-spacing:-.01em;font-weight:400;color:var(--ink)}
body.gl-body h2{font-size:1.9rem}
body.gl-body .text-gray-700,body.gl-body .text-gray-800{color:var(--ink)}
body.gl-body .text-gray-500,body.gl-body .text-gray-600{color:var(--ink-2)}
body.gl-body input[type=email],body.gl-body input[type=password],body.gl-body input[type=text],body.gl-body input[type=tel],body.gl-body select,body.gl-body textarea{
  background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.9);border-radius:14px;box-shadow:inset 0 1px 2px rgba(15,23,42,.05)}
body.gl-body input:focus,body.gl-body select:focus,body.gl-body textarea:focus{outline:none;background:rgba(255,255,255,.92);border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 20%,transparent)}
body.gl-body button.rounded-lg,body.gl-body a.rounded-lg,body.gl-body button.bg-blue-600{border-radius:999px}
body.gl-body button[type=submit].bg-blue-600,body.gl-body #mfa_verify{box-shadow:0 6px 18px rgba(37,99,235,.28),inset 0 1px 0 rgba(255,255,255,.35)}
body.gl-body a.border-gray-300,body.gl-body button.border-gray-300{background:rgba(255,255,255,.5);border-color:var(--glass-brd);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
body.gl-body a.border-gray-300:hover,body.gl-body button.border-gray-300:hover{background:rgba(255,255,255,.85)}
body.gl-body a.border-blue-600{background:rgba(255,255,255,.35)}
body.gl-body .bg-gray-50{background:rgba(255,255,255,.5)}
body.gl-body .bg-orange-50{background:rgba(255,247,237,.7);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:20px}
body.gl-body .bg-black\/60{background:rgba(15,23,42,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body.gl-body .rounded-2xl.bg-white,body.gl-body .gl-card{background-color:rgba(255,255,255,.93)}}
@media (prefers-reduced-transparency:reduce){body.gl-body .rounded-2xl.bg-white,body.gl-body .gl-card,body.gl-body .bg-black\/60{background-color:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}.gl-blobs{display:none}}

body.gl-body img.sgqm-logo{max-width:150px;max-height:150px;object-fit:contain}

/* telefono: i campi a 16px evitano lo zoom automatico di iOS quando si tocca un campo */
@media (max-width:820px){
  body.gl-body input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),body.gl-body select,body.gl-body textarea{font-size:16px}
}