/* JIJ Monolith adaptation for Lagom 2.4.5 Modern + premium_comparison.
   Explicit opt-in only: add jij-monolith to body. Never import main site.css. */
.jij-portal body {
 --brand-primary:#2457d6; --brand-primary-darker:#1946b3; --brand-primary-lighter:#4777e6;
 --brand-primary-lighter-2:#dbe6ff; --brand-primary-lighter-3:#edf2fc; --brand-primary-lighter-4:#f4f7fc;
 --brand-primary-gradient-start:#1946b3; --brand-primary-gradient-end:#2457d6;
 --brand-secondary:#0a1a2f; --brand-secondary-darker:#061321;
 --font-family-base:Inter,Arial,sans-serif; --font-family-heading:Manrope,Inter,Arial,sans-serif;
 font-family:Inter,Arial,sans-serif; color:#0a1a2f; background:#f4f7fc;
}
.jij-portal h1,.jij-portal h2,.jij-portal h3,.jij-portal h4,.jij-portal .login-title {font-family:Manrope,Inter,Arial,sans-serif;font-weight:700;letter-spacing:-.035em}
.jij-portal a{color:#2457d6}
.jij-portal .app-nav{background:#fff;border-right:1px solid #dce4ee;box-shadow:none}
.jij-portal .app-nav-header{border-bottom:1px solid #e6ecf4}
.jij-portal .logo{background:url('./mark.svg') left center/contain no-repeat;min-width:220px;width:240px;height:52px;max-width:100%}
.jij-portal .logo .logo-img{opacity:0;width:100%;height:52px;object-fit:contain}
.jij-portal.lagom-layout-left .app-nav .logo{min-width:0;width:72px;height:64px;background-image:url('./mark.svg');background-position:center}
.jij-portal.lagom-layout-left .app-nav .logo .logo-img{height:64px}
.jij-portal .main-header{background:#fff;border-bottom:1px solid #dce4ee;padding-top:44px;padding-bottom:36px}
.jij-portal .main-header h1{font-size:38px;line-height:1.15}
.jij-portal .main-header p{color:#5c6d83}
.jij-portal .login{padding:64px 24px 76px;background:radial-gradient(ellipse at 80% 15%,#e8efff 0,transparent 55%),#f4f7fc}
.jij-portal .login-wrapper{max-width:520px;width:100%;margin:0 auto}
.jij-portal .login-body{background:#fff;border:1px solid #dce4ee;box-shadow:0 16px 45px rgba(10,26,47,.055);border-radius:12px;padding:44px}
.jij-portal .login-title{font-size:33px;line-height:1.2;margin-bottom:28px!important}
.jij-portal .login .text-lighter-color{font-size:11px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:#5c6d83}
.jij-portal label{font-weight:500;color:#21364e}
.jij-portal .form-control{border-color:#cad6e5;border-radius:6px;background:#fff;color:#0a1a2f;box-shadow:none;min-height:46px;font-family:Inter,Arial,sans-serif}
.jij-portal .form-control:focus{border-color:#2457d6;box-shadow:0 0 0 3px #2457d624}
.jij-portal .btn-primary{background:#2457d6;border-color:#2457d6;color:#fff;border-radius:6px;box-shadow:none;font-weight:600}
.jij-portal .btn-primary:hover{background:#1946b3;border-color:#1946b3}
.jij-portal .btn-default{border-color:#dce4ee;border-radius:6px;background:#fff;color:#21364e}
.jij-portal .panel,.jij-portal .card{border:1px solid #dce4ee;box-shadow:none;border-radius:8px}
.jij-portal .panel-heading,.jij-portal .card-header{background:#f4f7fc;border-bottom:1px solid #dce4ee}
.jij-portal a:focus-visible,.jij-portal button:focus-visible{outline:3px solid #7397ed;outline-offset:3px}
.jij-portal .main-footer{border-top:1px solid #dce4ee;background:#fff!important}
.jij-portal .footer-company-desc{color:#5c6d83;font-size:13px;line-height:1.8}
.jij-portal .footer-bottom{background:#fff;color:#5c6d83;border-top:1px solid #edf0f5}
/* This product group actually renders WHMCS premium_comparison, even though
   the global order form setting is Lagom. Keep its selectors explicit. */
.jij-portal #order-premium_comparison .main-container{width:100%;max-width:1100px;padding:24px 0 40px}
.jij-portal #order-premium_comparison #products>ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:0;margin:26px 0;align-items:stretch}
.jij-portal #order-premium_comparison #products>ul>li{float:none;width:auto;max-width:none;margin:0;list-style:none;min-width:0;display:flex}
.jij-portal #order-premium_comparison .price-table{width:100%;border:1px solid #dce4ee;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 10px 30px #0a1a2f06;padding-bottom:20px}
.jij-portal #order-premium_comparison .top-head,.jij-portal #order-premium_comparison .top-area,.jij-portal #order-premium_comparison .price-area{background:#fff!important;color:#0a1a2f!important;border-color:#e6ecf4;box-shadow:none;text-shadow:none;background-image:none!important}
.jij-portal #order-premium_comparison .top-area{padding:30px 28px 10px}
.jij-portal #order-premium_comparison .top-area h4{color:#0a1a2f;font-size:28px;text-shadow:none}
.jij-portal #order-premium_comparison .price-area{padding:10px 28px 26px}
.jij-portal #order-premium_comparison .price{font:700 34px/1.4 Manrope,Inter,Arial,sans-serif;color:#0a1a2f;text-shadow:none;padding:10px 0 22px}
.jij-portal #order-premium_comparison .order-button{display:block;background:#2457d6;border:1px solid #2457d6;border-radius:6px;box-shadow:none;text-shadow:none;color:#fff;padding:14px 22px;font:600 13px/1.4 Inter,Arial,sans-serif}
.jij-portal #order-premium_comparison .price-table>ul{padding:10px 28px;margin:0;list-style:none}
.jij-portal #order-premium_comparison .price-table>ul>li{background:#fff;color:#5c6d83;line-height:1.8;padding:16px 0;border:0;font-size:13px}
.jij-portal #order-premium_comparison .price-table>ul>li strong{color:#0a1a2f}
.jij-portal #order-premium_comparison .main-container.price-01 #products .price-table{width:100%;max-width:none;border-radius:10px}
.jij-portal #order-premium_comparison .main-container.price-01 #products .price-table .top-head .top-area{padding:28px 28px 12px;border-bottom:0;background:#fff!important;min-height:88px}
.jij-portal #order-premium_comparison .main-container.price-01 #products .price-table .top-head .price-area{padding:8px 28px 26px;border:0;background:#fff!important}
.jij-portal #order-premium_comparison .main-container.price-01 #products .price-table .top-head{border:0}
.jij-portal #order-premium_comparison .main-container.price-01 #products .price-table .top-head .top-area h4{color:#0a1a2f!important;font:700 28px/1.4 Manrope,Inter,Arial,sans-serif!important;text-shadow:none}
.jij-portal #order-premium_comparison .main-container.price-01 #products .price-table .price-area .order-button{background:#2457d6!important;background-image:none!important;border:1px solid #2457d6!important;color:#fff!important;box-shadow:none!important;text-shadow:none!important;width:100%;margin:0}
.jij-portal #order-premium_comparison .main-container.price-01 #products .price-table .top-head .popular-plan{background:#edf2fc!important;color:#2457d6!important;font:600 10px/1.6 Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:1px;position:static}
@media(max-width:991px){.jij-portal .logo{width:220px;min-width:190px;height:44px}.jij-portal .logo .logo-img{height:44px}}
@media(max-width:600px){.jij-portal .login{padding:32px 18px 45px}.jij-portal .login-body{padding:30px 24px}.jij-portal .login-title{font-size:28px}.jij-portal .main-header{padding-top:30px;padding-bottom:24px}.jij-portal .main-header h1{font-size:30px}.jij-portal .form-control{font-size:16px}.jij-portal #order-premium_comparison #products>ul{grid-template-columns:1fr}.jij-portal #order-premium_comparison .main-container{padding:10px 0 24px}}

/* Monolith client portal, globally enabled October 18, 2026. */
.jij-portal body{--text-heading-color:#0a1a2f;--text-body-color:#21364e;--body-bg:#f4f7fc;--app-main-bg:#f4f7fc;color:#21364e;background:#f4f7fc}
.jij-portal .app-main,.jij-portal .main-body{background:#f4f7fc}.jij-portal .logo{display:flex;align-items:center;gap:10px;background:none!important;min-width:0!important;max-width:100%;width:230px;height:64px;color:#0a1a2f;text-decoration:none}.jij-portal .logo .jij-brand-mark{width:45px;height:50px;object-fit:contain;flex-shrink:0;opacity:1}.jij-portal .jij-brand-name{display:block;line-height:1.2;white-space:nowrap}.jij-portal .jij-brand-name b{font:800 16px/1.2 Manrope,Inter,Arial,sans-serif;letter-spacing:-.5px}.jij-portal .jij-brand-name small{display:block;font:600 8px/1.5 Inter,Arial,sans-serif;letter-spacing:1.6px;margin-top:7px;color:#5c6d83}.jij-portal .dark-mode-switcher{display:none}
.jij-portal .jij-line-icon,.jij-portal .jij-home svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.jij-portal .menu-primary>li>a>svg{width:25px;height:25px;color:#547095}.jij-portal .menu-primary>li.active>a>svg,.jij-portal .menu-primary>li>a:hover>svg{color:#2457d6}.jij-portal .menu-primary>li>a>.item-text{font-weight:500}
.jij-portal .jij-portal-utility{padding:12px 40px;background:#0a1a2f;color:#b9c9de;display:flex;justify-content:space-between;align-items:center;gap:15px;font:500 10px/1.6 Inter,Arial,sans-serif;letter-spacing:.7px}.jij-portal .jij-portal-utility b{font-weight:400;color:#8299b8}.jij-portal .jij-portal-utility>div{display:flex;gap:24px}.jij-portal .jij-portal-utility a{display:flex;align-items:center;gap:7px;color:#dbe7f8;letter-spacing:0;font-size:11px}.jij-portal .jij-portal-utility svg{width:16px;height:16px}
.jij-portal .main-header{padding-top:32px;padding-bottom:28px}.jij-portal .main-header h1{font-size:34px;font-weight:600}.jij-portal .main-footer{border-top:0}.jij-portal body .main-footer{background:#0a1a2f!important;color:#b9c9de}.jij-portal .jij-footer-top{padding:58px 0 48px}.jij-portal .jij-footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px}.jij-portal .jij-footer-about{max-width:310px}.jij-portal .jij-footer-top .logo{margin-bottom:18px;width:260px}.jij-portal .jij-footer-top .jij-brand-name b{font-size:18px;color:#fff}.jij-portal .jij-footer-top .jij-brand-name small{color:#9eb6d6;font-size:7px}.jij-portal .jij-footer-top p{font-size:12px;line-height:1.9;color:#9eb0c9}.jij-portal .jij-footer-top h3{font:600 13px/1.5 Manrope,Arial,sans-serif;color:#fff;margin:10px 0 20px;letter-spacing:0}.jij-portal .jij-footer-grid>div>a:not(.logo){display:flex;align-items:center;gap:9px;color:#b9c9de;font-size:11px;line-height:1.6;margin-bottom:14px}.jij-portal .jij-footer-grid a:hover{color:#fff}.jij-portal .jij-footer-contact{color:#fff!important}.jij-portal .jij-footer-contact svg{width:15px;height:15px}.jij-portal .footer-bottom{background:#0a1a2f;border-top:1px solid #2a3b53;color:#98abc4}.jij-portal .footer-bottom a{color:#bdcce1}
.jij-portal .jij-login-intro{font-size:13px;line-height:1.8;color:#5c6d83;margin:-10px 0 25px;max-width:360px}.jij-portal .login-body{border-top:3px solid #2457d6}.jij-portal .jij-account-help p{font-size:13px;line-height:1.8;color:#5c6d83}.jij-portal .jij-account-help a{display:block;font-size:13px;margin:13px 0}
.jij-portal .jij-home{padding-top:54px;padding-bottom:22px}.jij-portal .jij-home-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:6%;align-items:center;padding:0 0 58px;border-bottom:1px solid #dce4ee}.jij-portal .jij-eyebrow{display:block;font:600 9px/1.8 Inter,Arial,sans-serif;letter-spacing:1.4px;color:#2457d6}.jij-portal .jij-home h1{font:600 clamp(40px,4vw,58px)/1.1 Manrope,Inter,Arial,sans-serif;letter-spacing:-2.6px;color:#0a1a2f;margin:22px 0}.jij-portal .jij-home h1 em{color:#2457d6;font-style:normal}.jij-portal .jij-home-copy>p{font-size:14px;line-height:1.9;color:#5c6d83;max-width:470px}.jij-portal .jij-home-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:26px}.jij-portal .jij-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #c8d5e6;border-radius:5px;background:#fff;color:#0a1a2f;font:600 12px/1.5 Inter,Arial,sans-serif;padding:14px 18px;text-decoration:none}.jij-portal .jij-button svg,.jij-portal .jij-text-link svg{width:17px;height:17px}.jij-portal .jij-button-primary{background:#2457d6;border-color:#2457d6;color:#fff}.jij-portal .jij-button-primary:hover{background:#1946b3;color:#fff}.jij-portal .jij-text-link{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:500;color:#2457d6}
.jij-portal .jij-home-visual{position:relative;padding-bottom:35px;min-width:0}.jij-portal .jij-home-visual>img{display:block;width:100%;height:360px;object-fit:cover;border-radius:65px 7px 7px 7px;filter:saturate(.65)}.jij-portal .jij-home-visual-caption{display:flex;align-items:center;gap:17px;position:absolute;bottom:0;left:-25px;right:20px;background:#0a1a2f;border:1px solid #2d4260;border-radius:8px;color:#b8cbe5;padding:23px;font-size:10px;box-shadow:0 15px 35px #0a1a2f14}.jij-portal .jij-home-visual-caption>svg{width:31px;height:31px;color:#8babf0}.jij-portal .jij-home-visual-caption strong{display:block;color:#fff;font:600 15px/1.5 Manrope,Arial,sans-serif;margin-bottom:5px}
.jij-portal .jij-quick-section{padding:48px 0}.jij-portal .jij-section-heading h2{font:600 30px/1.3 Manrope,Arial,sans-serif;letter-spacing:-1.2px;color:#0a1a2f;margin:12px 0 27px}.jij-portal .jij-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.jij-portal .jij-quick-card{display:flex;flex-direction:column;padding:27px 23px;background:#fff;border:1px solid #dce4ee;border-radius:8px;transition:border-color .15s,transform .15s;color:#0a1a2f}.jij-portal .jij-quick-card:hover{border-color:#86a5e9;transform:translateY(-2px);text-decoration:none}.jij-portal .jij-quick-card>svg{width:31px;height:31px;color:#2457d6;margin-bottom:23px}.jij-portal .jij-quick-card h3{font:600 17px/1.4 Manrope,Arial,sans-serif;letter-spacing:-.4px;color:#0a1a2f;margin:0 0 11px}.jij-portal .jij-quick-card p{font-size:11px;line-height:1.9;color:#5c6d83;margin-bottom:24px}.jij-portal .jij-quick-card>span{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:600;color:#2457d6;margin-top:auto}.jij-portal .jij-quick-card>span svg{width:14px;height:14px}
.jij-portal .jij-home-lower{display:grid;grid-template-columns:1.4fr 1fr;gap:7%;border-top:1px solid #dce4ee;padding:45px 0}.jij-portal .jij-home-lower h2{font:600 30px/1.3 Manrope,Arial,sans-serif;letter-spacing:-1.2px;color:#0a1a2f;margin:15px 0 20px}.jij-portal .jij-home-lower p{font-size:12px;line-height:1.9;color:#5c6d83}.jij-portal .jij-home-lower aside{border:1px solid #dce4ee;border-radius:8px;padding:28px;background:#fff}.jij-portal .jij-home-lower aside>svg{width:29px;height:29px;color:#2457d6;margin-bottom:16px}.jij-portal .jij-home-lower aside h3{font:600 19px/1.4 Manrope,Arial,sans-serif;color:#0a1a2f;letter-spacing:-.5px;margin:0 0 13px}.jij-portal .jij-home-lower aside a{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;color:#2457d6}.jij-portal .jij-home-lower aside a svg{width:15px;height:15px}.jij-portal .jij-photo-credit{font-size:9px;color:#7b8da5}.jij-portal .jij-photo-credit a{color:#5c6d83;text-decoration:underline}
@media(min-width:1200px){.jij-portal .lagom-layout-left .app-nav{width:242px}.jij-portal .lagom-layout-left .app-main{margin-left:242px}.jij-portal .lagom-layout-left .app-nav .logo{width:206px;height:72px}.jij-portal .lagom-layout-left .app-nav .app-nav-header .container{padding-left:16px;padding-right:16px}.jij-portal .lagom-layout-left .menu-primary{padding:24px 14px}.jij-portal .lagom-layout-left .menu-primary>li>a{display:flex;align-items:center;gap:15px;text-align:left;padding:17px 16px;border-radius:7px;min-height:58px}.jij-portal .lagom-layout-left .menu-primary>li>a>svg{margin:0;width:23px;height:23px;flex-shrink:0}.jij-portal .lagom-layout-left .menu-primary>li>a>.item-text{margin:0;line-height:1.5;font-size:12px}.jij-portal .lagom-layout-left .menu-primary>li>a>b{margin-left:auto}.jij-portal .lagom-layout-left .menu-primary>li.active>a{background:#edf2fc;color:#2457d6}}
@media(max-width:1400px){.jij-portal .jij-footer-grid{grid-template-columns:1.6fr 1fr;gap:24px}.jij-portal .jij-home-hero{gap:5%}.jij-portal .jij-home h1{font-size:46px}.jij-portal .jij-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991px){.jij-portal .app-nav .logo{width:220px;height:48px}.jij-portal .logo .jij-brand-mark{width:34px;height:39px}.jij-portal .jij-brand-name b{font-size:15px}.jij-portal .jij-brand-name small{font-size:7px}.jij-portal .jij-portal-utility{padding:12px 24px}.jij-portal .jij-home{padding-top:34px}.jij-portal .jij-home-hero{grid-template-columns:1fr;gap:35px}.jij-portal .jij-home-copy>p{max-width:600px}.jij-portal .jij-home h1{font-size:48px}.jij-portal .jij-home-visual>img{height:300px}.jij-portal .jij-home-visual-caption{left:20px;right:20px}.jij-portal .jij-home-lower{grid-template-columns:1fr;gap:30px}.jij-portal .jij-footer-top{padding:40px 0}}
@media(max-width:600px){.jij-portal .jij-portal-utility{padding:10px 20px}.jij-portal .jij-portal-utility>span{font-size:8px}.jij-portal .jij-portal-utility>span b{display:none}.jij-portal .jij-portal-utility>div{gap:15px}.jij-portal .jij-portal-utility>div>a:first-child{display:none}.jij-portal .jij-portal-utility a{font-size:10px}.jij-portal .main-header h1{font-size:28px}.jij-portal .jij-home h1{font-size:42px;letter-spacing:-2px}.jij-portal .jij-home-copy>p{font-size:13px}.jij-portal .jij-home-hero{padding-bottom:35px}.jij-portal .jij-home-actions{gap:20px}.jij-portal .jij-home-visual>img{height:260px;border-top-left-radius:50px}.jij-portal .jij-home-visual-caption{padding:18px;left:12px;right:12px}.jij-portal .jij-home-visual-caption strong{font-size:13px}.jij-portal .jij-quick-section{padding:35px 0}.jij-portal .jij-section-heading h2,.jij-portal .jij-home-lower h2{font-size:27px}.jij-portal .jij-quick-grid{grid-template-columns:1fr}.jij-portal .jij-quick-card{padding:25px}.jij-portal .jij-quick-card p{font-size:12px}.jij-portal .jij-footer-grid{grid-template-columns:1fr 1fr;gap:25px 20px}.jij-portal .jij-footer-about{grid-column:1/-1;max-width:100%}.jij-portal .jij-footer-grid>div:last-child{grid-column:1/-1}.jij-portal .jij-footer-top .jij-brand-name b{font-size:17px}}
@media(prefers-reduced-motion:reduce){.jij-portal .jij-quick-card{transition:none}.jij-portal .jij-quick-card:hover{transform:none}}

@media(min-width:1200px){.jij-portal body.lagom-layout-left .app-nav .menu.menu-primary>li>a{flex-direction:row;justify-content:flex-start;gap:14px;min-height:58px}.jij-portal body.lagom-layout-left .app-nav .menu.menu-primary>li>a>svg{width:23px!important;height:23px!important;min-width:23px!important;max-width:23px;margin:0!important}.jij-portal body.lagom-layout-left .app-nav .menu.menu-primary>li>a>.item-text{text-align:left;font-size:12px!important;margin:0!important;line-height:1.5}.jij-portal body.lagom-layout-left .app-nav .menu.menu-primary>li>a>b{margin-left:auto}}

@media(max-width:991px){.jij-portal .app-nav .logo.visible-xs,.jij-portal .app-nav .logo.visible-sm,.jij-portal .app-nav .logo.visible-md{display:flex!important;width:145px!important;max-width:145px!important;min-width:145px!important;flex-shrink:0;gap:7px;height:48px!important}.jij-portal .app-nav .logo .jij-brand-mark{width:30px;height:35px}.jij-portal .app-nav .logo .jij-brand-name b{font-size:12px;letter-spacing:-.4px}.jij-portal .app-nav .logo .jij-brand-name small{font-size:6px;letter-spacing:.9px;margin-top:5px}}

.jij-portal .jij-footer-top .jij-brand-mark{background:#fff;border-radius:7px;padding:5px;width:51px;height:56px}

/* Native WHMCS attribution: visible, linked and aligned with the JIJ identity. */
.jij-portal .app-main>p:has(>a[href='https://www.whmcs.com/']){margin:0!important;padding:20px 24px!important;border-top:1px solid #dce4ee;background:#f4f7fc;color:#5c6d83;font:400 14px/1.7 Inter,Arial,sans-serif;text-align:center!important}
.jij-portal .app-main>p>a[href='https://www.whmcs.com/']{color:#2457d6;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.jij-portal .app-main>p>a[href='https://www.whmcs.com/']:hover{color:#173f9f}
.jij-portal .app-main>p>a[href='https://www.whmcs.com/']:focus-visible{outline:2px solid #2457d6;outline-offset:4px;border-radius:2px}