/* H2O Pro Suite Manager Version 2 - current portal styles only */
:root{--h2opm-navy:#061c3f;--h2opm-blue:#1473ff;--h2opm-bg:#f7f9fc;--h2opm-text:#1b2430;--h2opm-border:#dbe4ef}
.com-h2oprosuitemanager,.h2opm-plans-page,.h2opm-confirmation-page,.h2opm-subscriptions,.h2opm-licenses,.h2opm-purchase{color:var(--h2opm-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.h2opm-plans-hero{text-align:center;padding:2rem 1rem}.h2opm-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;max-width:1100px;margin:0 auto}.h2opm-plan-card,.h2opm-confirmation-page .card,.h2opm-subscriptions .card,.h2opm-licenses .card{background:#fff;border:1px solid var(--h2opm-border);border-radius:16px;padding:1.25rem;box-shadow:0 8px 24px rgba(6,28,63,.06)}
.h2opm-plan-card h2,.h2opm-confirmation-page h1,.h2opm-subscriptions h1,.h2opm-licenses h1,.h2opm-purchase h1{color:var(--h2opm-navy)}
.h2opm-purchase{max-width:720px;margin:0 auto;padding:1.5rem}.h2opm-purchase label{display:block;font-weight:700;margin-top:.75rem}.h2opm-purchase .form-control,.h2opm-purchase .form-select{width:100%;padding:.7rem;border:1px solid var(--h2opm-border);border-radius:9px}
.btn.btn-primary{display:inline-flex;align-items:center;justify-content:center;background:var(--h2opm-blue);border:1px solid var(--h2opm-blue);color:#fff;border-radius:9px;padding:.65rem 1rem;text-decoration:none}.btn.btn-primary:hover{filter:brightness(.95)}
.table-responsive{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.75rem;border-bottom:1px solid var(--h2opm-border);text-align:left}
@media(max-width:640px){.h2opm-plan-grid{grid-template-columns:1fr}.h2opm-purchase{padding:1rem}}

/* Hosted installation choice and customer domain request */
.h2opm-hosted-checkout{color:#152d48;}
.h2opm-hosted-checkout .h2opm-checkout-section{border:1px solid #dbe4ef;border-radius:17px;padding:18px;margin:20px 0;background:#fff;box-shadow:0 8px 24px rgba(6,28,63,.05);min-width:0;}
.h2opm-hosted-checkout .h2opm-checkout-section legend{color:#061c3f;font-weight:850;font-size:1.12rem;padding:0 6px;}
.h2opm-hosted-checkout .h2opm-checkout-section label{margin:17px 0 6px;}
.h2opm-hosted-checkout :is(input:not([type="radio"]):not([type="checkbox"]),select){box-sizing:border-box;max-width:100%;width:100%;min-height:47px;border-radius:11px;border:1px solid #bfcedf;background:#fff;color:#152d48;font:inherit;padding:10px 13px;}
.h2opm-hosted-checkout :is(input:not([type="radio"]):not([type="checkbox"]),select):focus{outline:2px solid #1473ff;outline-offset:1px;}
.h2opm-hosted-checkout .h2opm-workspace-input{display:flex;align-items:stretch;gap:0;max-width:100%;min-width:0;}
.h2opm-hosted-checkout .h2opm-workspace-input input{width:58%;min-width:0;flex:1 1 auto;border-radius:11px 0 0 11px;}
.h2opm-hosted-checkout .h2opm-workspace-input span{display:flex;align-items:center;background:#f0f6ff;border:1px solid #bfcedf;border-left:0;border-radius:0 11px 11px 0;padding:9px 12px;color:#17476e;font-size:.9rem;overflow-wrap:anywhere;min-width:0;}
.h2opm-hosted-checkout .h2opm-field-help{display:block;margin:7px 0 0;color:#53667c;font-size:.88rem;line-height:1.5;}
.h2opm-hosted-checkout .h2opm-hosting-explainer{background:#eaf4ff;border:1px solid #b7d8ff;border-radius:13px;color:#0b3765;padding:12px 15px;line-height:1.5;font-weight:650;}
.h2opm-hosted-checkout .h2opm-hosting-explainer p{margin:0;}
.h2opm-hosted-checkout .h2opm-hosting-explainer .h2opm-hosting-domain-info{margin-top:11px;font-weight:450;line-height:1.52;color:#244e76;}
.h2opm-hosted-checkout .h2opm-customer-domain{margin-top:18px;padding-top:14px;border-top:1px solid #e3eaf2;}
.h2opm-hosted-checkout button[type="submit"]{min-height:46px;padding:11px 18px;font-weight:750;}
@media(max-width:640px){.h2opm-hosted-checkout .h2opm-checkout-section{padding:14px 12px;}.h2opm-hosted-checkout .h2opm-workspace-input span{padding:8px;font-size:.77rem;}.h2opm-hosted-checkout .h2opm-workspace-input input{width:40%;}}

/* Price transparency: initial checkout breakdown. */
.h2opm-checkout-summary{background:#f7faff;border:1px solid #d1e0ef;border-radius:14px;padding:18px;margin:18px 0;color:#061c3f;max-width:640px}
.h2opm-checkout-summary>div{display:flex;justify-content:space-between;gap:14px;align-items:baseline;padding:10px 0;font-size:1rem}
.h2opm-checkout-summary>div strong{white-space:nowrap}
.h2opm-checkout-summary>.h2opm-checkout-total{border-top:1px solid #cfdef1;margin-top:5px;font-weight:750;font-size:1.15rem}
.h2opm-checkout-summary small{color:#465e78;line-height:1.5;display:block;margin-top:8px}
@media(max-width:430px){.h2opm-checkout-summary{padding:12px}.h2opm-checkout-summary>div{font-size:.95rem}}

/* R10: one cohesive, correctly ordered plan/Website Studio pricing decision. */
.h2opm-hosted-checkout .h2opm-plan-selection{border:1px solid #cbd9eb;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(6,28,63,.055);padding:20px;margin:22px 0 26px;min-width:0}
.h2opm-hosted-checkout .h2opm-plan-selection h2{font-size:1.3rem;line-height:1.3;color:#061c3f;margin:0 0 12px;font-weight:800}
.h2opm-hosted-checkout .h2opm-plan-selection .h2opm-checkout-summary{max-width:none;margin:0;border:0;background:transparent;padding:0;border-radius:0}
.h2opm-hosted-checkout .h2opm-plan-selection .h2opm-checkout-recurring{background:#f3f7ff;border-radius:12px;padding:4px 15px;margin-bottom:19px}
.h2opm-hosted-checkout .h2opm-website-transfer-fieldset{border:0;padding:0;margin:0;min-width:0}
.h2opm-hosted-checkout .h2opm-website-transfer-fieldset legend{font-size:1.1rem;font-weight:800;line-height:1.35;padding:0;color:#061c3f;margin-bottom:4px;max-width:100%}
.h2opm-hosted-checkout .h2opm-website-transfer-fieldset>p{margin:7px 0 16px;line-height:1.55;color:#475d73}
.h2opm-hosted-checkout .h2opm-website-transfer-fieldset .h2opm-choice-row{display:flex;align-items:flex-start;gap:13px;margin:10px 0;padding:16px 14px;border:1px solid #cbd8e9;border-radius:13px;background:#fff;cursor:pointer;color:#061c3f;line-height:1.48;font-size:1rem;font-weight:700;box-sizing:border-box;width:100%;transition:background-color .15s ease,border-color .15s ease}
.h2opm-hosted-checkout .h2opm-website-transfer-fieldset .h2opm-choice-row input[type="radio"]{appearance:auto;-webkit-appearance:radio;display:block;position:static;box-sizing:border-box;width:22px;max-width:22px;min-width:22px;height:22px;min-height:22px;max-height:22px;margin:1px 0 0;padding:0;border:0;border-radius:50%;outline:none;background:transparent;box-shadow:none;flex:0 0 22px;accent-color:#1473ff;cursor:pointer}
.h2opm-hosted-checkout .h2opm-website-transfer-fieldset .h2opm-choice-row.is-selected{border-color:#1473ff;background:#edf4ff}
.h2opm-hosted-checkout .h2opm-website-transfer-fieldset .h2opm-choice-row:has(input:focus-visible){box-shadow:0 0 0 2px rgba(20,115,255,.24)}
.h2opm-hosted-checkout .h2opm-website-transfer-fieldset [data-website-transfer-source]{margin-top:15px;padding:0 2px}
.h2opm-hosted-checkout .h2opm-website-transfer-fieldset [data-website-transfer-source] label{display:block;margin:0 0 6px}
.h2opm-hosted-checkout .h2opm-checkout-due{border-top:1px solid #dbe4ef!important;margin-top:22px!important;padding-top:6px!important}
.h2opm-hosted-checkout .h2opm-checkout-due .h2opm-checkout-total{border-top:0;margin-top:0}
.h2opm-website-transfer-fieldset [data-website-transfer-source][hidden],.h2opm-checkout-summary [data-website-transfer-line][hidden]{display:none!important}
.h2opm-purchase-transfer{font-size:.82rem;line-height:1.5;overflow-wrap:anywhere;color:#223b56}
@media(max-width:640px){.h2opm-hosted-checkout .h2opm-plan-selection{padding:17px 13px;margin-top:18px}.h2opm-hosted-checkout .h2opm-website-transfer-fieldset .h2opm-choice-row{padding:14px 12px;gap:11px}.h2opm-hosted-checkout .h2opm-plan-selection .h2opm-checkout-recurring{padding:2px 10px}}

/* R12: customer domain selection and registrar search dialog */
.h2opm-domain-options{margin:1.35rem 0;padding:1.1rem;border:1px solid #d4dfec;border-radius:1rem;background:#fff}
.h2opm-domain-options h3{margin:0 0 .45rem;color:#0c3155;font-size:1.2rem}
.h2opm-domain-help,.h2opm-domain-status{color:#50657c;line-height:1.55;margin:.4rem 0 .9rem}
.h2opm-domain-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:.7rem;margin:1rem 0}
.h2opm-domain-choice{display:flex;align-items:flex-start;gap:.75rem;border:1px solid #d4dfec;border-radius:.8rem;padding:1rem;cursor:pointer;min-width:0;background:#fff}
.h2opm-domain-choice:has(input:checked){border:2px solid #1473ff;background:#edf4ff}
.h2opm-domain-choice input[type=radio]{appearance:auto!important;-webkit-appearance:radio!important;width:1.1rem!important;height:1.1rem!important;min-width:1.1rem!important;padding:0!important;margin:.12rem 0 0!important;border:0!important;outline-offset:3px;border-radius:50%!important;flex:0 0 1.1rem}
.h2opm-domain-choice strong,.h2opm-domain-choice small{display:block;line-height:1.4}
.h2opm-domain-choice small{font-size:.91rem;color:#52647a;margin-top:.3rem}
.h2opm-domain-search-open{background:#1473ff;color:#fff;border:0;border-radius:.75rem;font-weight:700;padding:.8rem 1rem;cursor:pointer}
.h2opm-domain-dialog{width:min(95vw,640px);max-height:85vh;overflow:auto;border:1px solid #dae3ef;border-radius:1rem;box-shadow:0 1rem 3rem #102e4b55;padding:1.1rem;background:#fff;color:#17324f}
.h2opm-domain-dialog::backdrop{background:#081a31b3}
.h2opm-domain-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.h2opm-domain-dialog-head button{background:transparent;border:0;color:#193957;font-size:2rem;cursor:pointer;line-height:1}
.h2opm-domain-query-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.h2opm-domain-query-row input{flex:1;min-width:12rem}
.h2opm-domain-results{min-height:2.4rem;line-height:1.5;margin-top:1rem}
.h2opm-domain-result{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem;border:1px solid #d4dfec;border-radius:.75rem;flex-wrap:wrap}
@media(max-width:540px){.h2opm-domain-options{padding:.7rem}.h2opm-domain-choice-grid{grid-template-columns:1fr}.h2opm-domain-dialog{padding:.75rem}.h2opm-domain-query-row>*{width:100%;flex:auto}}

/* R42: Central subscriber sign-in. Scoped; uses the existing H2O brand palette. */
.h2opm-subscriber-login{font:inherit;color:var(--h2opm-text,#1b2430);display:flex;justify-content:center;padding:clamp(1rem,4vw,3.5rem) 1rem;box-sizing:border-box;min-width:0}
.h2opm-subscriber-login *{box-sizing:border-box}
.h2opm-subscriber-login__card{width:min(100%,480px);background:#fff;border:1px solid var(--h2opm-border,#dbe4ef);border-radius:20px;padding:clamp(1.25rem,4vw,2.5rem);box-shadow:0 18px 45px rgba(6,28,63,.09)}
.h2opm-subscriber-login__logo{display:block;width:min(100%,275px);height:auto;max-height:110px;object-fit:contain;margin:0 auto 1.7rem}
.h2opm-subscriber-login h1{font-size:clamp(1.5rem,4vw,2rem);line-height:1.22;text-align:center;color:var(--h2opm-navy,#061c3f);margin:0 0 .65rem;font-weight:800}
.h2opm-subscriber-login__intro{text-align:center;font-size:1rem;line-height:1.58;color:#44556c;margin:0 0 1.5rem}
.h2opm-subscriber-login__form{display:grid;gap:.65rem}
.h2opm-subscriber-login__form label{font-size:.94rem;color:#18344f;font-weight:700;margin:.3rem 0 0}
.h2opm-subscriber-login__form input{display:block;width:100%;min-height:48px;padding:12px 14px;border:1px solid #b7c9dc;border-radius:10px;background:#fff;color:#14293e;font:inherit}
.h2opm-subscriber-login__form input:focus-visible{outline:3px solid rgba(20,115,255,.28);border-color:var(--h2opm-blue,#1473ff);outline-offset:2px}
.h2opm-subscriber-login__submit{display:block;width:100%;margin-top:.7rem;min-height:49px;border:1px solid var(--h2opm-blue,#1473ff);border-radius:10px;background:var(--h2opm-blue,#1473ff);color:#fff!important;font:inherit;font-weight:800;cursor:pointer}
.h2opm-subscriber-login__submit:hover{filter:brightness(.94)}
.h2opm-subscriber-login__submit:focus-visible{outline:3px solid #063d80;outline-offset:3px}
.h2opm-subscriber-login__links{display:flex;justify-content:center;flex-wrap:wrap;gap:.65rem 1.2rem;margin:1.4rem 0 .8rem}
.h2opm-subscriber-login__links a{font-weight:650;color:#0759a4;text-decoration:underline;text-underline-offset:3px}
.h2opm-subscriber-login__note{border-top:1px solid var(--h2opm-border,#dbe4ef);padding-top:1rem;margin:1.25rem 0 0;text-align:center;line-height:1.55;color:#52657b;font-size:.88rem}

.h2opm-subscriber-account-nav{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.25rem 0}
.h2opm-subscriber-account-nav a{display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:.7rem 1rem;border-radius:10px;border:1px solid #c5d6e9;background:#f5f9ff;color:#083e70;text-decoration:none;font-weight:700}
.h2opm-subscriber-account-nav a:hover{background:#e5f1ff}

.h2opm-subscriber-signout{margin:1rem 0 1.6rem}
.h2opm-subscriber-signout button{min-height:43px;padding:.6rem 1rem;border-radius:10px;border:1px solid #9fb9d3;background:#fff;color:#0d3155;font:inherit;font-weight:700;cursor:pointer}
.h2opm-subscriber-signout button:hover{background:#f4f8fc}

/* R42R2: standalone login, independent of Website Studio's global button tokens. */
body.ninja-component-only{background:#f5f8fd;color:#142b45;min-height:100vh}
body.ninja-component-only .ninja-component-wrap{width:100%;max-width:none;margin:0;padding:0}
.h2opm-subscriber-login{min-height:100vh;align-items:center;padding:clamp(1.2rem,4vw,3.5rem) 1rem}
.h2opm-subscriber-login__password-wrap{position:relative;min-width:0}
.h2opm-subscriber-login__password-wrap input{padding-right:3.8rem}
body .h2opm-subscriber-login button.h2opm-subscriber-login__eye{
    position:absolute;top:50%;right:.35rem;transform:translateY(-50%);
    display:flex;align-items:center;justify-content:center;width:42px;min-height:42px;
    border:0;border-radius:8px;background:transparent!important;color:#244867!important;
    box-shadow:none!important;padding:.5rem!important;cursor:pointer
}
.h2opm-subscriber-login__eye svg[hidden]{display:none}
.h2opm-subscriber-login__eye:focus-visible{outline:3px solid #1473ff;outline-offset:2px}
.h2opm-subscriber-login__remember{display:flex!important;align-items:center;gap:.65rem;cursor:pointer;margin:.3rem 0 0!important;font-size:.94rem!important;color:#18344f!important;font-weight:600!important}
.h2opm-subscriber-login__form .h2opm-subscriber-login__remember input[type=checkbox]{width:19px;height:19px;min-height:19px;accent-color:#075dc3;padding:0;margin:0;flex-shrink:0}
body .h2opm-subscriber-login button.h2opm-subscriber-login__submit{
    background:#095db8!important;border:2px solid #095db8!important;color:#fff!important;
    box-shadow:none!important;opacity:1!important;min-height:50px;font-weight:800!important;
    text-shadow:none!important;filter:none!important
}
body .h2opm-subscriber-login button.h2opm-subscriber-login__submit:hover{background:#064b98!important;border-color:#064b98!important}
body .h2opm-subscriber-login button.h2opm-subscriber-login__submit:focus-visible{outline:3px solid #1473ff;outline-offset:3px}
@media(max-width:520px){.h2opm-subscriber-login__card{padding:1.5rem 1.15rem;border-radius:16px}.h2opm-subscriber-login__logo{max-width:265px}}

/* R42R6: self-contained, full-size mobile login independent of theme defaults. */
html:has(.h2opm-subscriber-login),body:has(.h2opm-subscriber-login){min-height:100%;margin:0;background:#f3f7fd}
body .h2opm-subscriber-login{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.5;width:100%;max-width:none;min-height:100dvh;margin:0;box-sizing:border-box}
body .h2opm-subscriber-login__card{width:min(100%,540px);font-family:inherit;font-size:16px}
body .h2opm-subscriber-login__form input{font-family:inherit;font-size:16px}
body .h2opm-subscriber-login h1{font-family:inherit;font-size:clamp(28px,5vw,34px)}
body .h2opm-subscriber-login__intro{font-family:inherit;font-size:16px}
body .h2opm-subscriber-login__form label{font-size:16px}
body .h2opm-subscriber-login button.h2opm-subscriber-login__submit{font-family:inherit;font-size:17px}
@media(max-width:600px){
  body .h2opm-subscriber-login{min-height:100dvh;align-items:flex-start;padding:clamp(26px,6vh,64px) 14px 32px}
  body .h2opm-subscriber-login__card{width:100%;max-width:100%;padding:clamp(22px,5vw,30px) clamp(18px,5vw,28px);border-radius:18px}
  body .h2opm-subscriber-login__logo{width:min(90%,310px);max-height:125px;margin-bottom:22px}
  body .h2opm-subscriber-login__form input{min-height:52px}
  body .h2opm-subscriber-login__note{font-size:14px}
}

/* R46: domain checkout choices: control and title must share one line at every viewport. */
.h2opm-purchase.h2opm-hosted-checkout .h2opm-domain-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.h2opm-purchase.h2opm-hosted-checkout label.h2opm-domain-choice{display:flex!important;flex-direction:row!important;align-items:flex-start!important;justify-content:flex-start!important;gap:13px!important;width:100%;min-width:0;margin:0!important;padding:15px;border:1px solid #cbd8e9;border-radius:13px;background:#fff;color:#12314f;cursor:pointer;box-sizing:border-box;font:inherit}
.h2opm-purchase.h2opm-hosted-checkout label.h2opm-domain-choice:has(input:checked){background:#edf4ff;border:2px solid #1473ff;padding:14px}
.h2opm-purchase.h2opm-hosted-checkout label.h2opm-domain-choice input[type=radio]{display:block!important;position:static!important;appearance:auto!important;-webkit-appearance:radio!important;flex:0 0 22px!important;width:22px!important;min-width:22px!important;max-width:22px!important;height:22px!important;min-height:22px!important;margin:1px 0 0!important;padding:0!important;border:0!important;background:transparent!important;accent-color:#1473ff;float:none!important}
.h2opm-purchase.h2opm-hosted-checkout label.h2opm-domain-choice > span{display:block;flex:1 1 auto;min-width:0;line-height:1.45}
.h2opm-purchase.h2opm-hosted-checkout label.h2opm-domain-choice strong{display:block;line-height:1.35;margin:0;color:#12314f;font-size:1rem}
.h2opm-purchase.h2opm-hosted-checkout label.h2opm-domain-choice small{display:block;color:#536982;font-size:.9rem;font-weight:450;margin:5px 0 0;line-height:1.5}
@media(max-width:680px){.h2opm-purchase.h2opm-hosted-checkout .h2opm-domain-choice-grid{grid-template-columns:1fr}}