/* Shared resource surfaces with blue/violet accents and semantic service states. */
.nify-resource-heading{display:flex;align-items:center;gap:20px;padding:28px;margin-bottom:24px;background:#f0f4fc;border:1px solid #dce5f4;border-radius:17px}
.nify-resource-symbol{width:54px;height:54px;display:flex;align-items:center;justify-content:center;background:#e2eafa;color:#526faf;border-radius:14px;font-size:24px;flex:none}
.nify-resource-heading h1{font-size:30px!important;line-height:1.3;margin:0 0 10px!important;color:#283e60!important}
.nify-resource-heading p{font-size:15px;line-height:1.7;margin:0;color:#7687a3}
.nify-resource-content .kb-search{display:flex;gap:12px;margin:0 0 26px;flex-wrap:nowrap}
.nify-resource-content .kb-search .form-control{height:52px!important;border-radius:11px!important;font-size:14px;min-width:0;padding:14px 16px!important;border:1px solid #d7e1ef}
.nify-resource-content .kb-search .input-group-append{margin:0}
.nify-resource-content .kb-search .btn{border-radius:11px!important;background:#526faf;border-color:#526faf;font-size:14px;padding:12px 22px;min-height:52px}
.nify-resource-content .card{border:1px solid #dce5ef;border-radius:16px;box-shadow:0 6px 20px #24446a05;margin-bottom:20px;overflow:hidden}
.nify-resource-content .card-body{padding:24px}
.nify-resource-content .kb-category .h5{display:block;font-size:18px;line-height:1.6;color:#3d5685;font-weight:700}
.nify-resource-content .kb-category p{margin-top:12px!important;font-size:14px;line-height:1.7}
.nify-resource-content .badge-info{background:#e8edff;color:#6155a2;font-size:12px;border-radius:8px;padding:6px 9px}
.nify-resource-content .kb-article-item{padding:20px 24px;font-size:16px;font-weight:600;border-color:#e8edf4;color:#375780;overflow-wrap:anywhere;line-height:1.6}
.nify-resource-content .kb-article-item small{display:block;font-size:14px;line-height:1.8;font-weight:400;color:#8190a5;margin-top:10px}
.nify-resource-content .card-title{font-size:20px;color:#3d5685;line-height:1.5}
.nify-resource-content article{font-size:16px;line-height:1.9;color:#50637b;overflow-wrap:anywhere}
.nify-resource-content article img{max-width:100%;height:auto}
.nify-resource-content article pre{overflow:auto;max-width:100%}
.nify-resource-empty{padding:36px 24px;border:1px solid #e0e6f0;border-radius:16px;background:#fff;text-align:center;color:#7d8ca1;margin-bottom:24px}
.nify-resource-empty>i{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:#eef2fb;border-radius:15px;font-size:24px;color:#6a7caf;margin-bottom:20px}
.nify-resource-empty h2{font-size:21px;line-height:1.5;margin-bottom:12px;color:#3e5270}
.nify-resource-empty p{font-size:14px;line-height:1.8;margin-bottom:20px}
.nify-resource-empty .btn{border:1px solid #dce5f4;border-radius:10px;background:#f4f7fc;color:#526faf;padding:11px 18px;font-size:14px}
.nify-resource-content .alert{padding:20px 24px;font-size:14px;line-height:1.8;border-radius:14px;border-width:1px}
.nify-resource-content .alert-success{background:#edf8f2;color:#34765b;border-color:#d1eadc}
.nify-resource-content .alert-info{background:#edf3fc;color:#4f6f9e;border-color:#dce6f4}
.nify-resource-content .pagination{gap:8px;margin-top:24px}
.nify-resource-content .page-link{border:1px solid #dde5ee;border-radius:10px!important;padding:12px 16px;font-size:13px}
.nify-resource-content .table td,.nify-resource-content .table th{padding:16px;font-size:14px;border-color:#e6ecf3}
.nify-contact-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
body.ncf-body .nify-contact-card{border:1px solid #dce5ef;border-radius:17px;box-shadow:0 6px 20px #24446a05}
body.ncf-body .nify-contact-card .card-body{padding:30px!important}
.nify-contact-card .form-group{margin-bottom:22px}
.nify-contact-card .col-form-label{text-align:left;font-size:14px;padding-top:0;font-weight:650;margin-bottom:9px}
.nify-contact-card input.form-control{height:50px;font-size:15px;padding:12px 14px;border-radius:10px;border-color:#d7e1ef}
.nify-contact-card textarea.form-control{font-size:15px;padding:14px;border-radius:10px;border-color:#d7e1ef;min-height:190px;line-height:1.8}
.nify-contact-card form>.text-center:last-child{text-align:right!important}
.nify-contact-card .btn-primary{background:#526faf;border-color:#526faf;min-height:48px;padding:12px 24px;border-radius:10px;font-size:14px}
.nify-contact-help{padding:28px;border:1px solid #e2def1;border-radius:17px;background:#f6f4fd}
.nify-contact-help>i{font-size:28px;color:#8b76b9;margin-bottom:24px}
.nify-contact-help h2{font-size:22px;line-height:1.4;color:#5e5085;margin-bottom:18px}
.nify-contact-help p{font-size:14px;line-height:1.8;color:#8a81a0;margin-bottom:24px}
.nify-contact-help .btn{display:block;padding:12px;font-size:14px;background:#fff;border:1px solid #ded7ef;border-radius:10px;color:#74619f}
/* Dashboard: account blue, services teal, billing amber and support violet. */
body.ncf-body .ncf-account-overview{background:transparent;box-shadow:none;border:0;gap:24px;overflow:visible}
body.ncf-body .ncf-account-hero{border-radius:18px;background:linear-gradient(140deg,#253e61,#365b83);box-shadow:none}
body.ncf-body .ncf-account-links{padding:0;gap:14px;align-content:stretch;background:transparent}
body.ncf-body .ncf-account-action{background:#fff;border:1px solid #dfe6ee;border-radius:13px;padding:20px;min-height:100px;box-shadow:none}
body.ncf-body .ncf-account-action:nth-child(1) .ncf-account-action-icon{background:#eaf0ff;color:#5879b4}
body.ncf-body .ncf-account-action:nth-child(3) .ncf-account-action-icon{background:#fff3df;color:#ae8035}
body.ncf-body .ncf-account-action:nth-child(4) .ncf-account-action-icon{background:#f1eafd;color:#9372b8}
body.ncf-body .ncf-account-action:nth-child(5) .ncf-account-action-icon{background:#eaf0ff;color:#5879b4}
body.ncf-body .ncf-dashboard-heading .ncf-text-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid #d7e1ef;border-radius:10px;background:#fff;color:#526faf;font-size:14px;padding:12px 18px;min-height:44px}
body.ncf-body .ncf-metric:nth-last-child(2) .ncf-metric-icon{background:#f1eafd;color:#9372b8}
body.ncf-body .ncf-metric:last-child .ncf-metric-icon{background:#fff3df;color:#ae8035}
body.ncf-body .ncf-extra-panels{border:1px solid #dfe6ee;border-radius:16px;overflow:hidden;background:transparent;box-shadow:none;margin-top:24px}
body.ncf-body .ncf-extra-panels summary{display:flex;align-items:center;gap:16px;padding:22px 24px;background:#fff;border:0;list-style:none;outline:none}
body.ncf-body .ncf-extra-panels summary small{font-size:13px;color:#8492a5;margin-top:6px}
body.ncf-body .ncf-extra-panels summary>i:first-child{background:#eef1fb;color:#7181af;padding:12px;border-radius:10px}
body.ncf-body .ncf-extra-panels[open]>summary{border-bottom:1px solid #dfe6ee}
body.ncf-body .client-home-cards{padding:22px;background:#f8fafc}
body.ncf-body .client-home-cards .card{border:1px solid #dfe6ee;border-radius:14px;box-shadow:none;margin-bottom:18px}
body.ncf-body .client-home-cards .card-header{padding:20px;background:#fff;border-color:#e8edf4}
body.ncf-body .client-home-cards .card-title{font-size:16px;line-height:1.6}
body.ncf-body .client-home-cards .card-body{padding:22px;font-size:14px;line-height:1.8}
body.ncf-body .client-home-cards .list-group{max-height:none!important;height:auto!important;overflow:visible!important}
body.ncf-body .client-home-cards .list-group-item{padding:18px 20px;font-size:14px;line-height:1.8;border-color:#e8edf4;overflow-wrap:anywhere}
body.ncf-body .client-home-cards .card-footer{padding:12px 20px;background:#fff;border:0}
/* Native notification popover. */
body.ncf-body .popover-user-notifications{width:340px;max-width:calc(100vw - 32px);border:1px solid #dfe6ee;border-radius:15px;box-shadow:0 14px 40px #273e601a;overflow:hidden;font-family:inherit}
body.ncf-body .popover-user-notifications .popover-header{background:#f5f7fd;color:#3d5685;font-size:16px;font-weight:700;padding:18px 20px;border-color:#e4eaf4}
body.ncf-body .popover-user-notifications .popover-body{padding:8px 18px}
body.ncf-body .popover-user-notifications .client-alerts{list-style:none;margin:0;padding:0;max-height:340px;overflow:auto}
body.ncf-body .popover-user-notifications .client-alerts li{margin:0;padding:16px 0;border-bottom:1px solid #e8edf4;font-size:14px;line-height:1.8}
body.ncf-body .popover-user-notifications .client-alerts li:last-child{border:0}
body.ncf-body .popover-user-notifications .client-alerts a{display:flex;gap:12px;align-items:flex-start;color:#637a98;text-decoration:none;overflow-wrap:anywhere}
body.ncf-body .popover-user-notifications .client-alerts i{flex:none;color:#ae8035;margin-top:5px;font-size:19px}
/* Service status names are supplied by WHMCS and do not depend on language. */
body.ncf-page-clientareaproducts a[menuItemName=Active]{--state-ink:#08704e;--state-bg:#e2f5eb;--state-line:#bde3ce}
body.ncf-page-clientareaproducts a[menuItemName=Pending]{--state-ink:#986819;--state-bg:#fff2dc;--state-line:#efd7a7}
body.ncf-page-clientareaproducts a[menuItemName=Suspended]{--state-ink:#b05a35;--state-bg:#fceee6;--state-line:#edcdbc}
body.ncf-page-clientareaproducts a[menuItemName=Terminated]{--state-ink:#78649c;--state-bg:#f2edfa;--state-line:#ded3ec}
body.ncf-page-clientareaproducts a[menuItemName=Cancelled]{--state-ink:#657483;--state-bg:#edf1f5;--state-line:#d6dfe8}
body.ncf-page-clientareaproducts .status-pending{background:#fff2dc;color:#986819}
body.ncf-page-clientareaproducts .status-suspended{background:#fceee6;color:#b05a35}
body.ncf-page-clientareaproducts .status-terminated{background:#f2edfa;color:#78649c}
body.ncf-page-clientareaproducts .status-cancelled{background:#edf1f5;color:#657483}
html body.ncf-body.ncf-page-clientareaproducts .ncf-stage .ncf-context-column .nify-sidebar-panel a:is([menuItemName=Active],[menuItemName=Pending],[menuItemName=Suspended],[menuItemName=Terminated],[menuItemName=Cancelled]) .sidebar-menu-item-icon-wrapper{color:var(--state-ink);background:var(--state-bg);width:30px;height:30px;border-radius:9px}
html body.ncf-body.ncf-page-clientareaproducts .ncf-stage .ncf-context-column .nify-sidebar-panel a:is([menuItemName=Active],[menuItemName=Pending],[menuItemName=Suspended],[menuItemName=Terminated],[menuItemName=Cancelled]) .badge{color:var(--state-ink);background:var(--state-bg);min-width:30px;text-align:center}
html body.ncf-body.ncf-page-clientareaproducts .ncf-stage .ncf-context-column .nify-sidebar-panel a:is([menuItemName=Active],[menuItemName=Pending],[menuItemName=Suspended],[menuItemName=Terminated],[menuItemName=Cancelled]) .sidebar-menu-item-label{color:var(--state-ink)}
html body.ncf-body.ncf-page-clientareaproducts .ncf-stage .ncf-context-column .nify-sidebar-panel a.active{background:var(--state-bg,#e9f8f0)!important;border-color:var(--state-line,#cfeadd)!important}
/* Addons: one card per native form, no duplicate cart navigation. */
body.ncf-cart-page #order-standard_cart.nify-addons-page .cart-body{width:100%;margin:0;float:none}
body.ncf-cart-page #order-standard_cart.nify-addons-page .nify-addons-intro{font-size:15px;color:#8190a5;margin-bottom:26px}
body.ncf-cart-page #order-standard_cart.nify-addons-page .product{border:1px solid #dfe6ee;border-radius:16px;padding:0;overflow:hidden;background:#fff;margin-bottom:22px;box-shadow:0 6px 20px #24446a05}
body.ncf-cart-page #order-standard_cart.nify-addons-page .product form{display:flex;flex-direction:column;align-items:stretch;width:100%;height:100%}
body.ncf-cart-page #order-standard_cart.nify-addons-page .product{height:auto!important;min-height:0!important}
body.ncf-cart-page #order-standard_cart.nify-addons-page .product form{height:auto}
body.ncf-cart-page #order-standard_cart.nify-addons-page .product header,body.ncf-cart-page #order-standard_cart.nify-addons-page .product footer{flex:0 0 auto}
body.ncf-cart-page #order-standard_cart.nify-addons-page .product footer{width:100%!important;max-width:none!important;align-self:stretch}
body.ncf-cart-page #order-standard_cart.nify-addons-page .product header{padding:22px 24px;background:#f4f6fc;border-bottom:1px solid #e3e9f3;min-height:0}
body.ncf-cart-page #order-standard_cart.nify-addons-page .product header span{font-size:20px;color:#3d5685;font-weight:700}
body.ncf-cart-page #order-standard_cart.nify-addons-page .product-desc{padding:24px!important;width:100%;min-height:0;color:#7b8ba1;font-size:14px;line-height:1.8;overflow-wrap:anywhere}
body.ncf-cart-page #order-standard_cart.nify-addons-page .product-desc .form-group{display:block;width:100%;margin:18px 0 0}
body.ncf-cart-page #order-standard_cart.nify-addons-page .product-desc label{display:block;font-size:14px;font-weight:650;margin-bottom:9px}
body.ncf-cart-page #order-standard_cart.nify-addons-page .product select{width:100%;height:48px;font-size:14px;border-radius:10px}
body.ncf-cart-page #order-standard_cart.nify-addons-page .product footer{display:flex;flex-direction:column;gap:18px;align-items:stretch;text-align:left;padding:22px 24px!important;margin-top:auto;background:#fafbfd;border-top:1px solid #e8edf4}
body.ncf-cart-page #order-standard_cart.nify-addons-page .product .product-pricing{float:none;text-align:left;min-height:0}
body.ncf-cart-page #order-standard_cart.nify-addons-page .product footer .price{font-size:22px;color:#3d5685}
body.ncf-cart-page #order-standard_cart.nify-addons-page .product footer .btn{float:none;min-height:46px;background:#526faf;border-color:#526faf;border-radius:10px;font-size:14px}
@media(max-width:900px){.nify-contact-layout{grid-template-columns:1fr}.nify-contact-help{padding:24px}.nify-resource-heading{padding:24px}.nify-resource-heading h1{font-size:26px!important}body.ncf-body .ncf-account-overview{grid-template-columns:1fr}}
@media(max-width:600px){.nify-resource-heading{padding:22px;align-items:flex-start;gap:14px}.nify-resource-symbol{width:42px;height:42px;font-size:20px}.nify-resource-heading h1{font-size:24px!important}.nify-resource-heading p{font-size:14px}.nify-resource-content .kb-search{gap:8px}.nify-resource-content .kb-search .btn{padding:12px 16px}.nify-resource-content .card-body{padding:20px}.nify-resource-empty{padding:28px 20px}body.ncf-body .nify-contact-card .card-body{padding:24px!important}body.ncf-body .client-home-cards{padding:14px}body.ncf-body .ncf-extra-panels summary{padding:20px}body.ncf-body .ncf-dashboard-heading .ncf-text-link{width:100%}}