@media screen and (max-width: 1200px) {

  html, body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    background: #eef4fa !important;
  }

  html body #container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 18px 14px 28px 14px !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
  }

  html body #header,
  html body #content,
  html body #landing_page,
  html body .b129-home {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  html body #header {
    padding-top: 10px !important;
    padding-bottom: 16px !important;
  }

  html body #header p,
  html body #header #info,
  html body #header .flush-right,
  html body #header .pull-right {
    position: static !important;
    float: none !important;
    display: block !important;
    text-align: left !important;
    margin: 0 0 14px 0 !important;
  }

  html body #logo {
    position: static !important;
    float: none !important;
    display: block !important;
    width: 100% !important;
    margin: 12px 0 22px 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  html body #logo img {
    display: inline-block !important;
    width: 230px !important;
    max-width: 80% !important;
    height: auto !important;
    margin: 0 auto !important;
  }

  html body #nav,
  html body ul#nav,
  html body ul.flush-left#nav {
    position: static !important;
    float: none !important;
    clear: both !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 28px auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  html body #nav li {
    display: block !important;
    width: 100% !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
  }

  html body #nav a {
    width: 100% !important;
    min-width: 0 !important;
    height: 54px !important;
    box-sizing: border-box !important;
  }

  html body .b129-hero,
  html body .b129-card,
  html body .b129-gate-card,
  html body .b129-info,
  html body form#ticketForm,
  html body form[action="account.php"],
  html body .b129-confirm-page {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
  }

  html body .b129-hero {
    min-height: 0 !important;
    height: auto !important;
    padding: 28px 22px !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
  }

  html body .b129-hero-mark {
    display: none !important;
  }

  html body .b129-hero h1 {
    font-size: 30px !important;
    line-height: 1.15 !important;
  }

  html body .b129-hero-main,
  html body .b129-hero-support {
    font-size: 16px !important;
    line-height: 1.45 !important;
  }

  html body .b129-cards,
  html body .b129-gate-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    gap: 20px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  html body .b129-card,
  html body .b129-gate-card {
    padding: 28px 22px !important;
    min-height: 0 !important;
    height: auto !important;
  }

  html body .b129-card .button,
  html body .b129-card a.button,
  html body .b129-gate-button {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html body #content > h1 {
    font-size: 28px !important;
    line-height: 1.2 !important;
    margin: 24px 0 12px 0 !important;
  }

  html body #content > p {
    font-size: 15px !important;
    line-height: 1.5 !important;
    margin-bottom: 20px !important;
  }

  html body form[action="account.php"] {
    padding: 24px 18px !important;
  }

  html body form[action="account.php"] table,
  html body form[action="account.php"] tbody,
  html body form[action="account.php"] tr,
  html body form[action="account.php"] td {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  html body form[action="account.php"] h3 {
    font-size: 22px !important;
    line-height: 1.2 !important;
    margin: 24px 0 12px 0 !important;
  }

  html body form[action="account.php"] td:first-child,
  html body form[action="account.php"] label {
    font-size: 15px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
    margin: 0 0 6px 0 !important;
  }

  html body input[type="text"],
  html body input[type="password"],
  html body input[type="email"],
  html body select,
  html body textarea {
    width: 100% !important;
    max-width: 100% !important;
    height: 46px !important;
    box-sizing: border-box !important;
    font-size: 15px !important;
    margin: 0 0 14px 0 !important;
  }

  html body form[action="account.php"] p {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 20px 0 0 0 !important;
  }

  html body form[action="account.php"] input[type="submit"],
  html body form[action="account.php"] input[type="button"] {
    width: 100% !important;
    height: 48px !important;
    margin: 0 !important;
    border-radius: 8px !important;
    font-weight: 800 !important;
  }

  html body form[action="account.php"] input[type="submit"] {
    background: linear-gradient(135deg, #3f9f2b, #77ad1b) !important;
    color: #ffffff !important;
    border: none !important;
  }

  html body form[action="account.php"] input[type="button"] {
    background: #ffffff !important;
    color: #0b3768 !important;
    border: 1px solid #dbe4ee !important;
  }

  html body #footer .b129-footer-inner {
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }

  html body #footer .b129-footer-left,
  html body #footer .b129-footer-center,
  html body #footer .b129-footer-right {
    text-align: center !important;
  }
}

/* FIX MOBILE HEADER: logo sopra menu, senza sovrapposizioni */
@media screen and (max-width: 1200px) {
  html body #header {
    display: block !important;
    min-height: 190px !important;
    height: auto !important;
    padding: 18px 14px 24px 14px !important;
    margin: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  html body #logo,
  html body #logo a {
    display: block !important;
    position: static !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    height: auto !important;
    min-height: 96px !important;
    margin: 22px 0 18px 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  html body #logo img {
    position: static !important;
    display: block !important;
    width: 240px !important;
    max-width: 82% !important;
    height: auto !important;
    margin: 0 auto !important;
  }

  html body #nav,
  html body ul#nav,
  html body ul.flush-left#nav {
    clear: both !important;
    margin-top: 0 !important;
  }
}

/* FIX MOBILE NAV: mostra tutti i tasti sopra la hero */
@media screen and (max-width: 1200px) {
  html body #nav,
  html body ul#nav,
  html body ul.flush-left#nav {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 50 !important;
    margin: 0 auto 34px auto !important;
    padding: 0 !important;
    clear: both !important;
  }

  html body #nav li,
  html body #nav li a {
    position: static !important;
    float: none !important;
    clear: none !important;
    display: flex !important;
    transform: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html body #nav li {
    margin: 0 !important;
    padding: 0 !important;
  }

  html body #nav a {
    height: 56px !important;
    justify-content: center !important;
    align-items: center !important;
  }

  html body .b129-hero {
    clear: both !important;
    margin-top: 0 !important;
    position: relative !important;
    z-index: 1 !important;
  }
}

/* FIX MOBILE FOOTER + ACCESSO */
@media screen and (max-width: 1200px) {

  html body #footer {
    padding: 24px 18px !important;
    font-size: 14px !important;
  }

  html body #footer .b129-footer-inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    text-align: center !important;
    line-height: 1.45 !important;
  }

  html body #footer .b129-footer-left,
  html body #footer .b129-footer-center,
  html body #footer .b129-footer-right {
    display: block !important;
    text-align: center !important;
    white-space: normal !important;
  }

  html body #footer strong {
    display: block !important;
    margin-bottom: 2px !important;
  }

  html body #footer .b129-footer-links {
    margin-top: 8px !important;
  }

  html body #footer a {
    font-size: 14px !important;
  }

  html body .b129-gate-card,
  html body .b129-access-card,
  html body .b129-login-box,
  html body .b129-register-box {
    overflow: visible !important;
  }

  html body .b129-gate-login input,
  html body .b129-login-box input {
    padding-right: 46px !important;
  }

  html body .b129-gate-card::before,
  html body .b129-gate-card::after,
  html body .b129-access-card::before,
  html body .b129-access-card::after {
    pointer-events: none !important;
  }
}

/* FIX MOBILE - card Accedi al portale come card registrazione */
@media screen and (max-width: 1200px) {

  html body .b129-gate-login,
  html body .b129-login-box {
    background: #ffffff !important;
    border: 1px solid #e1e8f0 !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 22px rgba(15,23,42,0.06) !important;
    padding: 28px 22px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html body .b129-gate-login::before,
  html body .b129-gate-login::after,
  html body .b129-login-box::before,
  html body .b129-login-box::after {
    display: none !important;
    content: none !important;
    background: none !important;
  }

  html body .b129-gate-login input[type="text"],
  html body .b129-gate-login input[type="password"],
  html body .b129-login-box input[type="text"],
  html body .b129-login-box input[type="password"] {
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 14px !important;
    box-sizing: border-box !important;
  }

  html body .b129-gate-login .b129-lock,
  html body .b129-login-box .b129-lock {
    display: none !important;
  }
}

/* FIX MOBILE DEFINITIVO - rimuove vecchio lucchetto/osTicket da login e consulta ticket */
@media screen and (max-width: 1200px) {

  html body #clientLogin,
  html body #clientLogin .login-box,
  html body #clientLogin .instructions,
  html body .login-box,
  html body .instructions {
    background-image: none !important;
    background: #ffffff !important;
    overflow: visible !important;
    box-shadow: none !important;
  }

  html body #clientLogin .login-box,
  html body .login-box {
    border: none !important;
    padding: 0 !important;
  }

  html body #clientLogin .instructions,
  html body .instructions {
    border: none !important;
    padding: 0 !important;
  }

  html body #clientLogin .login-box::before,
  html body #clientLogin .login-box::after,
  html body #clientLogin .instructions::before,
  html body #clientLogin .instructions::after,
  html body .login-box::before,
  html body .login-box::after,
  html body .instructions::before,
  html body .instructions::after {
    display: none !important;
    content: none !important;
    background: none !important;
    background-image: none !important;
  }

  html body #clientLogin img,
  html body .login-box img,
  html body .instructions img {
    display: none !important;
  }

  html body .b129-gate-card,
  html body .b129-access-card {
    overflow: hidden !important;
  }
}

/* FIX MIRATO MOBILE - SOLO NUOVA RICHIESTA / CONSULTA TICKET */
@media screen and (max-width: 1200px) {

  html body .b129-gate-grid {
    width: calc(100vw - 28px) !important;
    max-width: 760px !important;
    margin: 0 auto 28px auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 22px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  html body .b129-gate-card {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 30px 22px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    border: 1px solid #e1e8f0 !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: 0 8px 22px rgba(15,23,42,0.06) !important;
  }

  html body .b129-gate-card * {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html body .b129-gate-card h2 {
    font-size: 31px !important;
    line-height: 1.15 !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  html body .b129-gate-card p {
    font-size: 20px !important;
    line-height: 1.45 !important;
    overflow-wrap: break-word !important;
  }

  html body .b129-gate-icon {
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    min-height: 68px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  html body .b129-gate-card form,
  html body .b129-gate-card #clientLogin,
  html body .b129-gate-card #clientLogin > div,
  html body .b129-gate-card #clientLogin div[style],
  html body .b129-gate-card .login-box,
  html body .b129-gate-card .instructions {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    border: none !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  html body .b129-gate-card input[type="text"],
  html body .b129-gate-card input[type="password"] {
    width: 100% !important;
    max-width: 100% !important;
    height: 48px !important;
    margin-bottom: 16px !important;
  }

  html body .b129-gate-card input[type="submit"],
  html body .b129-gate-card .b129-gate-button,
  html body .b129-gate-card a.button {
    width: 100% !important;
    max-width: 100% !important;
    height: 52px !important;
    margin: 18px 0 0 0 !important;
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* FIX DEFINITIVO MOBILE - compatta card Nuova richiesta / Consulta ticket */
@media screen and (max-width: 1200px) {

  html body .b129-gate-grid {
    gap: 18px !important;
  }

  html body .b129-gate-card {
    min-height: 0 !important;
    height: auto !important;
    padding: 26px 22px !important;
    margin: 0 auto 18px auto !important;
    overflow: visible !important;
  }

  html body .b129-gate-card h2 {
    font-size: 28px !important;
    line-height: 1.15 !important;
    margin: 18px 0 12px 0 !important;
    white-space: normal !important;
  }

  html body .b129-gate-card p {
    font-size: 18px !important;
    line-height: 1.45 !important;
    margin: 18px 0 !important;
    white-space: normal !important;
  }

  html body .b129-gate-icon {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    margin-bottom: 20px !important;
  }

  html body .b129-gate-card input,
  html body .b129-gate-card .b129-gate-button,
  html body .b129-gate-card a.button {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 16px !important;
  }
}

/* FIX FINALE GATE MOBILE - testi non tagliati e card compatte */
@media screen and (max-width: 1200px) {

  html body .b129-gate-grid,
  html body .b129-gate-card {
    overflow: hidden !important;
  }

  html body .b129-gate-card {
    padding: 24px 20px !important;
    min-height: 0 !important;
    height: auto !important;
  }

  html body .b129-gate-card h2 {
    font-size: 24px !important;
    line-height: 1.18 !important;
    margin: 16px 0 12px 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  html body .b129-gate-card p {
    font-size: 16px !important;
    line-height: 1.45 !important;
    margin: 14px 0 18px 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  html body .b129-gate-icon {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
    margin-bottom: 16px !important;
  }

  html body .b129-gate-card input[type="text"],
  html body .b129-gate-card input[type="password"] {
    height: 44px !important;
    font-size: 15px !important;
  }

  html body .b129-gate-card input[type="submit"],
  html body .b129-gate-card .b129-gate-button,
  html body .b129-gate-card a.button {
    width: 100% !important;
    height: 48px !important;
    margin: 16px 0 0 0 !important;
    font-size: 15px !important;
  }
}

/* FIX REALE SOLO NUOVA RICHIESTA / CONSULTA TICKET */
@media screen and (max-width: 1200px) {

  html body .b129-gate-grid {
    width: auto !important;
    max-width: none !important;
    margin: 0 14px 26px 14px !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  html body .b129-gate-card {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 24px 20px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html body .b129-gate-card h2 {
    font-size: 26px !important;
    line-height: 1.15 !important;
    margin: 16px 0 12px 0 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }

  html body .b129-gate-card p {
    font-size: 17px !important;
    line-height: 1.45 !important;
    margin: 14px 0 18px 0 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }

  html body .b129-gate-card input,
  html body .b129-gate-card button,
  html body .b129-gate-card .button,
  html body .b129-gate-card a.button,
  html body .b129-gate-card .b129-gate-button {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* FIX SOLO CONSULTA TICKET - bottone dentro la card */
@media screen and (max-width: 1200px) {

  html body .b129-gate-card:has(#clientLogin) {
    padding-bottom: 28px !important;
    overflow: visible !important;
    height: auto !important;
    min-height: 0 !important;
  }

  html body .b129-gate-card:has(#clientLogin) #clientLogin,
  html body .b129-gate-card:has(#clientLogin) #clientLogin > div,
  html body .b129-gate-card:has(#clientLogin) .login-box {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
  }

  html body .b129-gate-card:has(#clientLogin) #clientLogin p {
    display: block !important;
    margin: 18px 0 0 0 !important;
    padding: 0 !important;
    height: auto !important;
  }

  html body .b129-gate-card:has(#clientLogin) input[type="submit"],
  html body .b129-gate-card:has(#clientLogin) input.btn {
    position: static !important;
    display: block !important;
    width: 100% !important;
    height: 52px !important;
    margin: 18px 0 0 0 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
  }

  html body .b129-gate-card:has(#clientLogin) + .b129-gate-card {
    margin-top: 24px !important;
  }
}

/* FIX DEFINITIVO CONSULTA TICKET MOBILE */
@media screen and (max-width: 1200px) {

  html body #clientLogin {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 0 76px 0 !important;
  }

  html body #clientLogin .login-box {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body #clientLogin p {
    display: block !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    margin: 18px 0 0 0 !important;
    padding: 0 !important;
  }

  html body #clientLogin input.btn,
  html body #clientLogin input[type="submit"] {
    position: static !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 52px !important;
    margin: 0 !important;
    z-index: 1 !important;
  }

  html body #clientLogin ~ .b129-gate-card,
  html body .b129-gate-card:has(#clientLogin) + .b129-gate-card {
    margin-top: 76px !important;
  }
}

/* RIFINITURA MOBILE - card con form più uniforme */
@media screen and (max-width: 1200px) {

  html body .b129-gate-card:has(#clientLogin) {
    padding: 34px 22px !important;
    min-height: 0 !important;
  }

  html body .b129-gate-card:has(#clientLogin) .b129-gate-icon {
    margin-bottom: 26px !important;
  }

  html body .b129-gate-card:has(#clientLogin) h2 {
    margin: 0 0 18px 0 !important;
  }

  html body .b129-gate-card:has(#clientLogin) #clientLogin {
    padding: 0 !important;
    margin-top: 22px !important;
  }

  html body .b129-gate-card:has(#clientLogin) label {
    display: block !important;
    margin: 0 0 8px 0 !important;
  }

  html body .b129-gate-card:has(#clientLogin) input[type="text"],
  html body .b129-gate-card:has(#clientLogin) input[type="password"] {
    margin: 0 0 20px 0 !important;
  }

  html body .b129-gate-card:has(#clientLogin) input[type="submit"],
  html body .b129-gate-card:has(#clientLogin) input.btn {
    margin-top: 8px !important;
  }
}

/* MOBILE - uniforma SOLO la prima card delle pagine Nuova richiesta / Consulta ticket */
@media screen and (max-width: 1200px) {

  html body .b129-gate-grid > .b129-gate-card:first-child {
    padding: 34px 22px 34px 22px !important;
    min-height: auto !important;
    height: auto !important;
    display: block !important;
  }

  html body .b129-gate-grid > .b129-gate-card:first-child .b129-gate-icon {
    margin: 0 0 28px 0 !important;
  }

  html body .b129-gate-grid > .b129-gate-card:first-child h2 {
    margin: 0 0 24px 0 !important;
  }

  html body .b129-gate-grid > .b129-gate-card:first-child form,
  html body .b129-gate-grid > .b129-gate-card:first-child #clientLogin,
  html body .b129-gate-grid > .b129-gate-card:first-child .login-box {
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .b129-gate-grid > .b129-gate-card:first-child label {
    margin: 0 0 8px 0 !important;
  }

  html body .b129-gate-grid > .b129-gate-card:first-child input[type="text"],
  html body .b129-gate-grid > .b129-gate-card:first-child input[type="password"] {
    margin: 0 0 22px 0 !important;
  }

  html body .b129-gate-grid > .b129-gate-card:first-child input[type="submit"],
  html body .b129-gate-grid > .b129-gate-card:first-child input.btn {
    margin-top: 10px !important;
  }
}

/* MOBILE - finestra caricamento / attendere */
@media screen and (max-width: 1200px) {

  html body #overlay,
  html body .dialog,
  html body .modal,
  html body .popup,
  html body .loading,
  html body .ui-dialog,
  html body .ui-widget.ui-widget-content {
    max-width: calc(100vw - 32px) !important;
    width: calc(100vw - 32px) !important;
    box-sizing: border-box !important;
  }

  html body .ui-dialog {
    left: 16px !important;
    right: 16px !important;
    margin-left: 0 !important;
    transform: none !important;
  }

  html body .ui-dialog .ui-dialog-content,
  html body .dialog .body,
  html body .modal .body,
  html body .popup .body {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 22px 18px !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    text-align: center !important;
  }

  html body .ui-dialog-titlebar,
  html body .dialog .header,
  html body .modal .header,
  html body .popup .header {
    font-size: 16px !important;
    line-height: 1.3 !important;
    padding: 14px 18px !important;
    box-sizing: border-box !important;
  }

  html body .ui-dialog-buttonpane,
  html body .dialog .buttons,
  html body .modal .buttons,
  html body .popup .buttons {
    padding: 14px 18px !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  html body .ui-dialog-buttonpane button,
  html body .dialog button,
  html body .modal button,
  html body .popup button {
    width: 100% !important;
    min-height: 44px !important;
    border-radius: 8px !important;
  }
}

/* FIX MOBILE REGISTRAZIONE - pulsanti Crea account / Annulla */
@media screen and (max-width: 1200px) {

  html body form[action="account.php"] p[style*="text-align"],
  html body form[action="account.php"] p {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 26px 0 0 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  html body form[action="account.php"] input[type="submit"],
  html body form[action="account.php"] input[type="button"] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-align: center !important;
    box-sizing: border-box !important;
    white-space: normal !important;
  }

  html body form[action="account.php"] input[type="submit"] {
    background: linear-gradient(135deg, #3f9f2b, #77ad1b) !important;
    color: #ffffff !important;
    border: none !important;
  }

  html body form[action="account.php"] input[type="button"] {
    background: #ffffff !important;
    color: #0b3768 !important;
    border: 1px solid #dbe4ee !important;
  }
}