/* Small compatibility layer on top of the captured Lagom styles. */
.app-flash{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:99999;padding:12px 20px;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.15);font-weight:500}.app-flash-success{background:#e8f8ef;color:#178a49}.app-flash-error{background:#fff0f0;color:#c63636}
.app-custom-page .logo img{max-height:54px;max-width:320px;object-fit:contain}.app-custom-page .main-footer{padding:28px 0;border-top:1px solid #e9edf3;background:#fff}.app-custom-page .footer-copyright{text-align:center;color:#8b94a5}
.panel-clean{background:#fff;border:1px solid #e6eaf0;border-radius:8px;padding:24px;box-shadow:0 2px 8px rgba(35,55,80,.04);margin-bottom:24px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}@media(max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}
.stat-card{display:block;background:#fff;border:1px solid #e5e9f0;border-radius:8px;padding:24px;color:inherit}.stat-card strong{display:block;font-size:30px;color:#1d6cf2}.table-wrap{overflow:auto}.app-table{width:100%;border-collapse:collapse;background:#fff}.app-table th,.app-table td{padding:14px;border-bottom:1px solid #edf0f4;text-align:left}.status{display:inline-block;padding:5px 10px;border-radius:20px;font-size:12px}.status-unpaid,.status-pending_payment{background:#fff1e5;color:#c56a00}.status-paid,.status-active{background:#e8f8ef;color:#178a49}.status-pending,.status-waiting_config,.status-pending_deploy,.status-verification_pending{background:#e9f2ff;color:#1d6cf2}.status-partial{background:#fff7d8;color:#8b6b00}.status-closed{background:#eef0f3;color:#687386}
.payment-method{border:1px solid #e1e6ee;border-radius:8px;padding:14px;cursor:pointer;display:flex;align-items:center;gap:10px}.payment-method.active{border-color:#1d6cf2;box-shadow:0 0 0 2px rgba(29,108,242,.08)}.qr-box{width:220px;height:220px;border:1px solid #e5e9f0;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden}.qr-box img{max-width:100%;max-height:100%}.copy-row{display:flex;gap:8px}.copy-row input{flex:1}.deployment-lock{opacity:.55;pointer-events:none}.first-security-banner{border:1px solid #cfe0ff;background:#f5f9ff;border-radius:10px;padding:22px;margin-bottom:20px}
.app-nav-menu .dropdown-menu{max-height:70vh;overflow:auto}.dropdown.open>.dropdown-menu{display:block}.modal-lite{position:fixed;inset:0;background:rgba(13,20,32,.45);z-index:9999;display:none;align-items:center;justify-content:center;padding:20px}.modal-lite.show{display:flex}.modal-card{width:min(620px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:12px;padding:26px;box-shadow:0 18px 55px rgba(0,0,0,.25)}
.modal-lite{display:none;position:fixed;z-index:99999;inset:0;background:rgba(20,27,45,.45);padding:24px;overflow:auto}.modal-lite.show{display:flex;align-items:center;justify-content:center}.modal-lite-dialog{width:100%;max-width:560px}.modal-lite-content{background:#fff;border-radius:8px;box-shadow:0 18px 50px rgba(0,0,0,.18);overflow:hidden}.modal-lite-header{padding:22px 26px;border-bottom:1px solid #e5e7eb}.modal-lite-header h3{margin:0}.modal-lite-body{padding:26px}.first-login-security .text-right{margin-top:22px}

/* V5 fix2 */
.panel-check.active,.panel-check.checked{border-color:var(--brand-primary)!important;box-shadow:0 0 0 1px var(--brand-primary)!important}.panel-check:not(.active):not(.checked){box-shadow:none!important}.vote-inline-message{display:inline-block;margin-top:10px;padding:8px 12px;border-radius:6px;transition:opacity .2s}.vote-inline-message.success{background:#e8f8ef;color:#178a49}.vote-inline-message.error{background:#fff0f0;color:#c63636}.service-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.installing-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:18px;background:#e9f2ff;color:#1d6cf2;font-weight:500}.install-spinner{display:inline-block;width:17px;height:17px;border:2px solid rgba(29,108,242,.25);border-top-color:#1d6cf2;border-radius:50%;animation:installSpin .8s linear infinite}@keyframes installSpin{to{transform:rotate(360deg)}}

/* V5 fix4: transient flash messages and billing-cycle inactive radio state. */
.app-auto-dismiss,.app-flash{transition:opacity .25s ease,transform .25s ease}
.app-auto-dismiss.is-hiding,.app-flash.is-hiding{opacity:0;transform:translateY(-4px)}
#sectionCycles .panel-check:not(.checked) .radio-styled:not(.checked){border:var(--icheck-border)!important;box-shadow:none!important;background:var(--icheck-bg)!important}
#sectionCycles .panel-check:not(.checked) .radio-styled.hover:not(.checked),#sectionCycles .panel-check:not(.checked) .radio-styled.focus:not(.checked){border:var(--icheck-border)!important;box-shadow:none!important;background:var(--icheck-bg)!important}

.payment-countdown{font-weight:600;text-align:center}.payment-countdown strong{color:#d93025}.ticket-unread-badge{margin-left:6px;vertical-align:middle}.app-nav .badge-danger{background:#dc3545;color:#fff}

/* V7 icon-font startup fix: use bundled fonts and avoid fallback glyph/X while the icon font is loading. */
@font-face{font-family:lagom-small-icons;src:url("/templates/lagom2/assets/fonts/lagom-small-icons.woff") format("woff");font-weight:400;font-style:normal;font-display:block}
@font-face{font-family:lagom-medium-icons;src:url("/templates/lagom2/assets/fonts/lagom-medium-icons.woff") format("woff");font-weight:400;font-style:normal;font-display:block}

@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:900;font-display:block;src:url("/assets/webfonts/fa-solid-900.woff2") format("woff2")}
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url("/templates/lagom2/assets/fonts/fa-solid-900.woff2") format("woff2")}

@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url("/assets/webfonts/fa-brands-400.woff2") format("woff2")}


/* V8: deployment status follows the compact status-pill language used by auto-renew. */
.status-installing,.installing-status-detail{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid #dc3545;border-radius:20px;background:#fff5f5;color:#c92a2a;font-size:12px;font-weight:500;white-space:nowrap}
.status-installing:before,.installing-status-detail:before{content:"";width:7px;height:7px;border-radius:50%;background:#dc3545;flex:0 0 7px}
.status-installing .install-spinner{width:13px;height:13px;border:2px solid rgba(220,53,69,.22);border-top-color:#dc3545;margin-left:1px}
.service-status-card strong{font-size:18px!important}
/* Keep password recovery card dimensions stable across initial paint and each step. */
.page-login .login-wrapper{width:100%;max-width:520px;margin-left:auto;margin-right:auto}
.page-login .login-body{width:100%;min-height:510px;box-sizing:border-box}
@media(max-width:575px){.page-login .login-body{min-height:500px}}

.status-expired{background:#fff0f0;color:#c63636;border:1px solid #f0b4b4}

/* V9 invoice + payment flow */
.invoice-view-card{background:#fff;border:1px solid #e7ebf1;border-radius:10px;box-shadow:0 8px 28px rgba(30,50,80,.06);padding:30px;margin-bottom:30px}.invoice-view-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:24px;border-bottom:1px solid #eef1f5}.invoice-view-logo{max-width:230px;max-height:56px;object-fit:contain}.invoice-view-merchant{font-size:13px;color:#8a93a3;margin-top:8px}.invoice-view-status{padding-top:8px}.invoice-view-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:24px 0}.invoice-view-meta>div{background:#f8fafc;border:1px solid #edf0f4;border-radius:8px;padding:14px 16px}.invoice-view-meta small{display:block;color:#8c95a5;margin-bottom:5px}.invoice-view-meta strong{display:block;word-break:break-all}.invoice-line-table th,.invoice-line-table td{padding:18px}.invoice-totals{width:min(430px,100%);margin:24px 0 0 auto}.invoice-totals>div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;color:#626c7a}.invoice-totals .invoice-total-due{margin-top:6px;padding-top:16px;border-top:1px solid #e4e8ee;color:#161d2a;font-size:17px}.invoice-total-due strong{font-size:22px;color:#1666f5}.invoice-actions{text-align:right;margin-top:28px}.invoice-terminal-note{margin-top:22px}

.payment-checkout-body{background:#f4f6f9;min-height:100vh;color:#1d2433}.payment-checkout-body .checkout-page{min-height:100vh;padding:28px 24px 34px}.checkout-top{max-width:1120px;margin:0 auto 22px;display:flex;align-items:center;justify-content:space-between}.checkout-logo img{max-width:220px;max-height:52px;object-fit:contain}.checkout-back{font-size:14px;color:#6c7687}.checkout-shell{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:340px minmax(0,1fr);background:#fff;border:1px solid #e4e8ee;border-radius:14px;overflow:hidden;box-shadow:0 16px 42px rgba(30,43,65,.08)}.checkout-summary{padding:38px 34px;background:linear-gradient(165deg,#1769ff 0%,#0f7ff5 100%);color:#fff}.checkout-merchant{font-size:16px;font-weight:600;opacity:.92;margin-bottom:36px}.checkout-due-label{font-size:13px;opacity:.78}.checkout-due{font-size:36px;font-weight:700;letter-spacing:-1px;margin-top:6px}.checkout-due span{font-size:15px;font-weight:500;letter-spacing:0;opacity:.9}.checkout-summary-list{margin-top:34px;border-top:1px solid rgba(255,255,255,.18);padding-top:18px}.checkout-summary-list>div{display:flex;flex-direction:column;gap:5px;padding:10px 0}.checkout-summary-list span{font-size:12px;opacity:.72}.checkout-summary-list strong{font-size:14px;font-weight:500;word-break:break-all}.checkout-stage{padding:36px 42px 42px;min-height:570px}.checkout-stage h1{font-size:25px;margin:24px 0 7px;font-weight:600}.checkout-subtitle{color:#8891a0;margin-bottom:28px}.checkout-steps{display:flex;align-items:center;justify-content:center;margin-bottom:22px}.checkout-steps>div{display:flex;align-items:center;gap:7px;color:#9aa3b2;font-size:13px;white-space:nowrap}.checkout-steps>div i{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#eef1f5;color:#8a93a2;font-style:normal;font-weight:600}.checkout-steps>div.active{color:#1769ff}.checkout-steps>div.active i,.checkout-steps>div.done i{background:#1769ff;color:#fff}.checkout-steps>div.done{color:#667285}.checkout-steps>b{height:1px;flex:1;max-width:90px;background:#e3e7ee;margin:0 12px}.checkout-label{font-size:14px;font-weight:600;margin:24px 0 12px}.checkout-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.checkout-choice{appearance:none;-webkit-appearance:none;border:1px solid #dfe4eb;background:#fff;border-radius:9px;padding:16px 18px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;color:#273143;transition:.15s}.checkout-choice:hover{border-color:#9fbcff}.checkout-choice.selected{border-color:#1769ff;box-shadow:0 0 0 2px rgba(23,105,255,.09);background:#f8fbff}.checkout-choice.disabled{opacity:.38;cursor:not-allowed}.coin-mark,.network-mark,.wallet-icon{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#eef4ff;color:#1769ff;font-size:12px;font-weight:700;flex:0 0 34px}.network-mark{font-size:10px}.checkout-primary,.checkout-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:7px;padding:0 22px;text-decoration:none;border:0;font-weight:600;cursor:pointer}.checkout-primary{background:#1769ff;color:#fff}.checkout-primary:hover,.checkout-primary:focus{background:#0f5ce0;color:#fff;text-decoration:none}.checkout-secondary{background:#f2f4f7;color:#465163}.checkout-secondary:hover{background:#e8ebf0;color:#2f3948;text-decoration:none}.checkout-wide{width:100%;margin-top:28px}.checkout-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:26px}.checkout-balance{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#f7faff;border:1px solid #dfeaff;border-radius:8px;padding:12px 14px;margin-bottom:24px}.checkout-balance button{border:0;background:transparent;color:#1769ff;font-weight:600}.wallet-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wallet-choice{position:relative;border:1px solid #dfe4eb;border-radius:9px;padding:17px;display:flex;align-items:center;gap:12px;cursor:pointer}.wallet-choice input{position:absolute;opacity:0}.wallet-choice.selected{border-color:#1769ff;box-shadow:0 0 0 2px rgba(23,105,255,.09);background:#f8fbff}.checkout-pay-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px;align-items:start;margin-top:22px}.checkout-qr{width:230px;height:230px;border:1px solid #dde3ea;border-radius:10px;background:#fff;padding:10px;display:flex;align-items:center;justify-content:center}.checkout-qr img{width:100%;height:100%;object-fit:contain}.checkout-qr-empty{padding:22px;text-align:center;color:#929baa;font-size:13px}.checkout-countdown{text-align:center;border-radius:7px;background:#fff2f2;color:#d13a3a;padding:11px 14px;font-weight:500}.checkout-countdown strong{font-size:18px}.checkout-amount-label,.checkout-address-label{font-size:13px;color:#8a93a2}.checkout-pay-amount{font-size:30px;font-weight:700;margin:4px 0 22px;color:#121926}.checkout-pay-amount span{font-size:14px;font-weight:600;color:#596577}.checkout-copy{display:flex;margin-top:7px}.checkout-copy input{min-width:0;flex:1;border:1px solid #dfe4eb;border-radius:7px 0 0 7px;padding:10px 12px;background:#f9fafc}.checkout-copy button{border:1px solid #1769ff;background:#1769ff;color:#fff;border-radius:0 7px 7px 0;padding:0 15px}.checkout-wallet-open{margin-top:14px}.checkout-status-box{margin-top:24px;background:#f8fafc;border:1px solid #edf0f4;border-radius:8px;padding:14px}.checkout-status-box>span{display:block;font-size:12px;color:#8b94a2;margin-bottom:7px}.checkout-status-box p{font-size:12px;color:#7c8798;margin:10px 0 0}.checkout-done-form{margin-top:24px}.checkout-alert{margin:18px 0 0;border-radius:7px;background:#fff7e5;color:#9a6b00;padding:12px 14px}.checkout-alert-error{background:#fff0f0;color:#bf3030;margin-bottom:18px}.checkout-result{text-align:center;padding:70px 20px}.checkout-result-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:30px;font-weight:700}.checkout-result.success .checkout-result-icon{background:#e8f8ef;color:#19864d}.checkout-result.error .checkout-result-icon{background:#fff0f0;color:#c63636}.checkout-result h2{margin:0 0 10px}.checkout-result p{color:#818b9b;margin-bottom:25px}.checkout-foot{text-align:center;color:#9aa3b2;font-size:12px;padding-top:20px}
.admin-service-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:16px;padding-top:14px;border-top:1px solid #edf0f4}
@media(max-width:900px){.checkout-shell{grid-template-columns:1fr}.checkout-summary{padding:26px}.checkout-stage{padding:28px 24px}.checkout-pay-grid{grid-template-columns:1fr}.checkout-qr{margin:0 auto}.invoice-view-meta{grid-template-columns:1fr}.checkout-choice-grid,.wallet-choice-grid{grid-template-columns:1fr}}
@media(max-width:520px){.payment-checkout-body .checkout-page{padding:16px 10px 24px}.checkout-top{padding:0 6px}.checkout-logo img{max-width:170px}.checkout-stage{padding:24px 17px}.checkout-summary{padding:24px 20px}.checkout-steps span{display:none}.checkout-steps>b{margin:0 7px}.invoice-view-card{padding:20px}.invoice-view-head{flex-direction:column}.invoice-actions{text-align:left}.invoice-actions .btn{margin-bottom:8px}}


/* V10.6: clear stale iCheck hover/focus blue outlines on every unselected option, not only billing cycles. */
.panel-check:not(.checked):not(.active) .radio-styled,.panel-check:not(.checked):not(.active) .radio-styled.hover,.panel-check:not(.checked):not(.active) .radio-styled.focus{border-color:#d8dee8!important;box-shadow:none!important;background:#fff!important}
.panel-check:not(.checked):not(.active) .radio-styled:before{background:transparent!important;box-shadow:none!important}
.admin-balance-head,.admin-balance-cell{text-align:center!important}.admin-balance-cell>strong{display:block;text-align:center}.admin-balance-actions{display:flex;gap:6px;margin-top:6px;align-items:center;justify-content:center;flex-wrap:wrap}

html.app-navigating,html.app-navigating *{cursor:progress!important}