/* Account interiors: shared hierarchy, restrained accents and native controls. */
.nify-account-intro{display:flex;align-items:center;gap:18px;margin:0 0 26px;padding:0}
.nify-account-intro-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;flex:none;border-radius:14px;background:#eef2fb;color:#748db9;font-size:23px}
.nify-account-kicker{font-size:11px;letter-spacing:.07em;color:#8d9db3;display:block;margin-bottom:7px}
.nify-account-intro h1{font-size:29px!important;font-weight:750;line-height:1.35;color:#354e71;margin:0!important}
body.ncf-body.nify-account-page .ncf-primary>.card,body.ncf-body.nify-account-page .ncf-primary form>.card,body.ncf-body.nify-account-page .nify-account-details .card{border:1px solid #dfe6ef;border-radius:17px;box-shadow:0 6px 22px #273e6004;margin-bottom:22px;overflow:hidden}
body.ncf-body.nify-account-page .ncf-primary .card-body{padding:28px!important}
body.ncf-body.nify-account-page .card-title{display:flex;align-items:center;gap:12px;color:#3c567b;font-size:20px;font-weight:700;line-height:1.5;margin-bottom:24px}
.nify-account-card-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex:none;border-radius:10px;background:#f1f4fa;color:#8296b6;font-size:17px}
.nify-account-card-label{min-width:0;overflow-wrap:anywhere}
body.ncf-body.nify-account-page .nify-account-primary-title{display:none}
body.ncf-page-account-user-management .nify-account-intro-icon,body.ncf-page-account-user-permissions .nify-account-intro-icon{background:#f3edf9;color:#9578b4}
body.ncf-page-account-paymentmethods .nify-account-intro-icon,body.ncf-page-account-paymentmethods-manage .nify-account-intro-icon{background:#fff4e3;color:#b08b48}
body.ncf-page-account-contacts-manage .nify-account-intro-icon,body.ncf-page-account-contacts-new .nify-account-intro-icon{background:#eaf6f6;color:#539698}
body.ncf-page-user-security .nify-account-intro-icon{background:#eef6f0;color:#6d9b7e}
body.ncf-body.nify-account-page .ncf-primary p{font-size:14px;line-height:1.85;color:#7f8fa7;margin-bottom:20px}
body.ncf-body.nify-account-page .ncf-primary .form-group{margin-bottom:22px}
body.ncf-body.nify-account-page .ncf-primary .col-form-label,body.ncf-body.nify-account-page .ncf-primary .control-label{font-size:14px;font-weight:600;line-height:1.7;color:#657a96;margin-bottom:8px}
body.ncf-body.nify-account-page .ncf-primary .form-control{min-height:48px;font-size:14px;padding:12px 14px;border:1px solid #dce4f0;border-radius:10px;background-color:#fcfdfe;color:#48617e}
body.ncf-body.nify-account-page .ncf-primary .form-control:focus{border-color:#8ea5cc;box-shadow:0 0 0 3px #526faf15}
body.ncf-body.nify-account-page .ncf-primary .btn{border-radius:10px;min-height:42px;font-size:13px;font-weight:600;padding:11px 16px;white-space:normal;line-height:1.5}
body.ncf-body.nify-account-page .ncf-primary .btn-default{background:#fff;color:#6d83a6;border:1px solid #dce5f1;box-shadow:none}
body.ncf-body.nify-account-page .ncf-primary .btn-danger{background:#fff6f5;color:#b47771;border:1px solid #edd6d3;box-shadow:none}
body.ncf-body.nify-account-page .ncf-primary .btn.disabled{opacity:.5}
body.ncf-body.nify-account-page .ncf-primary .btn-info{background:#edf3fb;border-color:#d7e3f4;color:#617fac}
body.ncf-body.nify-account-page .ncf-primary .label-info{background:#edf2fa;color:#758db2;border-radius:7px;font-size:11px;padding:5px 8px}
body.ncf-body.nify-account-page .ncf-primary .table:not(.nify-account-mobile-table){border-color:#e4eaf3}
body.ncf-body.nify-account-page .ncf-primary .table thead th{background:#f8fafc;border-color:#e4eaf3;color:#8c9bb0;font-size:12px;padding:16px}
body.ncf-body.ncf-page-account-user-management .nify-account-mobile-table,body.ncf-body.ncf-page-account-paymentmethods .nify-account-mobile-table{display:block;width:100%;border:0;margin:18px 0 22px}
body.ncf-body:is(.ncf-page-account-user-management,.ncf-page-account-paymentmethods) .nify-account-mobile-table tbody{display:block;width:100%}
body.ncf-body:is(.ncf-page-account-user-management,.ncf-page-account-paymentmethods) .nify-account-mobile-table tr:has(th){display:none}
body.ncf-body.ncf-page-account-user-management .nify-account-mobile-table tr:not(:has(th)){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:20px;border:1px solid #e2e8f1;border-radius:12px;margin-bottom:14px;background:#fcfdfe}
body.ncf-body:is(.ncf-page-account-user-management,.ncf-page-account-paymentmethods) .nify-account-mobile-table td{border:0!important;padding:0!important;background:transparent!important;font-size:14px;line-height:1.8;color:#536c8b;overflow-wrap:anywhere}
body.ncf-body.ncf-page-account-user-management .nify-account-mobile-table td:last-child{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:auto}
body.ncf-body.ncf-page-account-user-management .nify-account-mobile-table td[colspan]{grid-column:1 / -1}
body.ncf-body.ncf-page-account-user-management .nify-account-mobile-table td[colspan]{justify-content:flex-start}
body.ncf-body.ncf-page-account-paymentmethods .nify-account-mobile-table td{white-space:normal!important;text-overflow:clip!important;overflow:visible}
body.ncf-body.ncf-page-account-user-management .nify-account-mobile-table small{color:#9aa7ba;font-size:12px;line-height:1.8}
body.ncf-body.ncf-page-account-user-management form .form-group:has(>label.form-check-inline){display:flex;gap:14px;flex-wrap:wrap}
body.ncf-body.ncf-page-account-user-management form .form-group>label.form-check-inline{display:flex;align-items:center;gap:10px;padding:14px 16px;margin:0;border:1px solid #e2e8f1;border-radius:11px;background:#fcfdfe;min-width:180px;font-size:14px;color:#7a8da8;cursor:pointer}
body.ncf-body.ncf-page-account-user-management form .form-group>label.form-check-inline:has(input:checked){border-color:#cfdcf0;background:#f4f7fc;color:#617da9}
body.ncf-body.nify-account-page #invitePermissions{padding:12px 18px;background:#fbfcfe;border:1px solid #e4eaf3;border-radius:12px}
body.ncf-body:is(.ncf-page-account-user-permissions,.ncf-page-account-user-management) #ncf-content form label.form-check{line-height:1.9;font-size:14px;color:#617795}
body.ncf-page-account-user-permissions #ncf-content form label.form-check{display:block;padding:15px 0;border-bottom:1px solid #e8edf4;margin:0}
body.ncf-page-account-user-permissions #ncf-content form>br{display:none}
body.ncf-page-account-contacts-manage .ncf-primary>.alert-block{background:#fff;border:1px solid #dfe6ef;border-radius:16px;padding:24px;color:#7890b0}
body.ncf-page-account-paymentmethods .nify-account-mobile-table tr:not(:has(th)){display:grid;grid-template-columns:36px minmax(0,1fr) minmax(0,1fr) auto;gap:16px;align-items:center;padding:20px;border:1px solid #e2e8f1;border-radius:12px;margin-bottom:14px;background:#fcfdfe}
body.ncf-page-account-paymentmethods .nify-account-mobile-table td:first-child{font-size:27px;color:#778fb4}
body.ncf-page-account-paymentmethods .nify-account-mobile-table td:last-child{grid-column:2 / -1;display:flex;gap:10px;flex-wrap:wrap}
body.ncf-page-account-paymentmethods .nify-account-mobile-table td[colspan]{grid-column:1 / -1}
body.ncf-page-user-password #ncf-content .form-group.row{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:0 16px;max-width:720px;margin:0 0 22px}
body.ncf-page-user-password #ncf-content .form-group.row>label{grid-column:1 / -1;width:100%;max-width:none;padding:0}
body.ncf-page-user-password #ncf-content .form-group.row>div{width:100%;max-width:none;flex:none;padding:0}
body.ncf-page-user-password #ncf-content .form-group.row>div:last-child{align-self:start}
body.ncf-page-user-password #ncf-content form>input[type=submit],body.ncf-page-user-password #ncf-content form>input[type=reset]{margin-top:8px;margin-right:8px}
body.ncf-page-user-security .twofa-config-link{padding:15px;border:1px solid #e4eaf3;border-radius:10px;background:#fbfcfe}
html body.ncf-body.nify-account-page .ncf-context-column .nify-panel-heading{color:#3d567a}
@media(max-width:1000px){body.ncf-body.ncf-page-account-user-management .nify-account-mobile-table tr:not(:has(th)){grid-template-columns:1fr}body.ncf-body.ncf-page-account-user-management .nify-account-mobile-table td:last-child{justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:767px){.nify-account-intro{gap:14px;margin-bottom:22px}.nify-account-intro-icon{width:44px;height:44px;font-size:20px}.nify-account-intro h1{font-size:24px!important}body.ncf-body.nify-account-page .ncf-primary .card-body{padding:22px 18px!important}body.ncf-body.nify-account-page .ncf-primary .form-control{font-size:16px}body.ncf-page-account-paymentmethods .nify-account-mobile-table tr:not(:has(th)){display:flex;padding:16px}body.ncf-page-account-paymentmethods .nify-account-mobile-table td:last-child{display:flex!important}body.ncf-body.ncf-page-account-user-management form .form-group>label.form-check-inline{width:100%}body.ncf-page-user-password #ncf-content .form-group.row{grid-template-columns:1fr;gap:10px}body.ncf-page-user-password #ncf-content .form-group.row>div{grid-column:1}body.ncf-page-user-password #ncf-content .generate-password{width:100%}}

/* Payment method editor: one aligned form, including dynamically injected Stripe fields. */
body.ncf-body.ncf-page-account-paymentmethods-manage .ncf-primary .card-title{max-width:720px;margin:0 auto 26px}
body.ncf-body.ncf-page-account-paymentmethods-manage #frmManagePaymentMethod{max-width:720px;margin:0 auto}
body.ncf-body #frmManagePaymentMethod .form-group.row{display:flex;flex-direction:column;margin:0 0 22px;gap:0}
body.ncf-body #frmManagePaymentMethod .form-group.row>label.control-label,body.ncf-body #frmManagePaymentMethod .form-group.row>div{width:100%;max-width:100%;flex:none;padding:0;margin-left:0}
body.ncf-body #frmManagePaymentMethod .form-group.row>label.control-label{padding:0;margin:0 0 8px}
body.ncf-body #frmManagePaymentMethod .form-group.row>div>.row{margin:0}
body.ncf-body #frmManagePaymentMethod .form-group.row>div>.row>div{padding:0;max-width:100%;width:100%;flex:none}
body.ncf-body #frmManagePaymentMethod .input-group{display:flex;flex-wrap:wrap;gap:8px}
body.ncf-body #frmManagePaymentMethod #inputDescription{width:100%;flex:none;border-radius:10px}
body.ncf-body #frmManagePaymentMethod .input-group-append{margin:0}
body.ncf-body #frmManagePaymentMethod .input-group-text{background:transparent;border:0;padding:0;font-size:12px;color:#8b9bb1!important}
body.ncf-body #frmManagePaymentMethod .cc-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
body.ncf-body #frmManagePaymentMethod .cc-details>.form-group:first-child{grid-column:1 / -1}
body.ncf-body #frmManagePaymentMethod #inputCardCvc{width:100%;max-width:none;display:block}
body.ncf-body #frmManagePaymentMethod #cvvWhereLink{padding:6px 0;min-height:0;font-size:12px;text-align:start}
body.ncf-body #frmManagePaymentMethod #stripeElements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;width:100%;margin:0}
body.ncf-body #frmManagePaymentMethod #stripeElements>.form-group:first-child{grid-column:1 / -1}
body.ncf-body #frmManagePaymentMethod #stripeElements>.clearfix{display:none}
body.ncf-body #frmManagePaymentMethod #stripeElements .form-control{height:48px;position:relative}
body.ncf-body #frmManagePaymentMethod .form-check-inline{font-size:14px;line-height:1.8;color:#5f7391}
body.ncf-body #frmManagePaymentMethod #innerBillingContactsContainer>.form-check{display:block;position:relative;padding:16px 18px 16px 52px;margin:0 0 10px;background:#f8fafd;border:1px solid #dfe7f2;border-radius:12px;font-weight:400;overflow-wrap:anywhere}
body.ncf-body #frmManagePaymentMethod #innerBillingContactsContainer .iradio_square-blue{position:absolute;left:18px;top:19px;margin:0}
body.ncf-body #frmManagePaymentMethod #innerBillingContactsContainer input[type=radio]{margin-right:8px}
body.ncf-body #frmManagePaymentMethod #innerBillingContactsContainer .name{display:block;color:#49617f;font-weight:600;margin-bottom:3px}
body.ncf-body #frmManagePaymentMethod #innerBillingContactsContainer>br,body.ncf-body #frmManagePaymentMethod #billingContactsContainer+br{display:none}
body.ncf-body #frmManagePaymentMethod .submit-container{padding-top:22px;border-top:1px solid #e6ecf4;margin-bottom:0}
body.ncf-body #frmManagePaymentMethod .submit-container>div{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:575px){body.ncf-body #frmManagePaymentMethod .cc-details,body.ncf-body #frmManagePaymentMethod #stripeElements{gap:0 12px}body.ncf-body #frmManagePaymentMethod .submit-container .btn{flex:1}body.ncf-body.ncf-page-account-paymentmethods-manage .ncf-primary .card-title{font-size:18px}}