.nd50-services-view{display:flex;flex-direction:column;gap:12px;min-height:0;height:100%;padding:14px;overflow:auto;background:#f8fbff}.nd50-services-view[hidden]{display:none!important}.nd50-services-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.nd50-services-head small{display:block;color:#8a9ab3;font-size:10px}.nd50-services-head h3{margin:2px 0 0;font-size:17px;color:#17243d}.nd50-add-service{border:0;border-radius:13px;background:#1677ff;color:#fff;padding:10px 13px;font-weight:800;display:inline-flex;align-items:center;gap:6px;box-shadow:0 8px 20px rgba(22,119,255,.18);cursor:pointer}.nd50-services-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.nd50-stat{background:#fff;border:1px solid #e4ebf5;border-radius:14px;padding:9px;text-align:center}.nd50-stat b{display:block;font-size:16px;color:#17243d}.nd50-stat span{font-size:9px;color:#8291a8}.nd50-services-list{display:flex;flex-direction:column;gap:9px;min-height:0}.nd50-service-card{flex:0 0 auto;background:#fff;border:1px solid #dfe8f4;border-radius:16px;padding:12px;box-shadow:0 4px 14px rgba(38,68,112,.04)}.nd50-service-row{display:flex;align-items:flex-start;gap:10px}.nd50-service-icon{flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:#edf5ff;color:#1677ff;display:grid;place-items:center;font-size:18px;font-weight:900}.nd50-service-icon.windows{background:#eef5ff}.nd50-service-icon.linux{background:#f3f4ff;color:#5651d8}.nd50-service-icon.server{background:#eff9f5;color:#16815c}.nd50-service-icon.reseller{background:#fff6e9;color:#b16d12}.nd50-service-main{flex:1;min-width:0}.nd50-service-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.nd50-service-title-row strong{color:#18243b;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nd50-service-main small{display:block;margin-top:2px;color:#91a0b5;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nd50-domain{display:block;margin-top:4px;color:#60728d;font-size:11px;direction:ltr;text-align:right}.nd50-status{flex:0 0 auto;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800;background:#eef2f7;color:#6d7b90}.nd50-status.active{background:#e9f9f0;color:#158347}.nd50-status.pending{background:#fff6df;color:#a96d00}.nd50-status.suspended,.nd50-status.terminated,.nd50-status.cancelled{background:#fff0eb;color:#c54b25}.nd50-service-quick{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;padding:8px 9px;background:#f8fafc;border-radius:10px;color:#8795aa;font-size:9px}.nd50-service-quick b{color:#34445f;font-size:10px;margin-right:3px}.nd50-kind-label{border-right:1px solid #e6edf6;padding-right:8px;color:#718199}.nd50-service-actions{display:flex;gap:8px;margin-top:9px}.nd50-service-actions button{flex:1;border:1px solid #dbe7f5;background:#fff;color:#2868bb;border-radius:10px;padding:8px;font-weight:800;font-size:11px;cursor:pointer}.nd50-service-actions button.primary{background:#1677ff;color:#fff;border-color:#1677ff}.nd50-services-empty{text-align:center;background:#fff;border:1px dashed #cddbed;border-radius:18px;padding:26px 18px;color:#75869e}.nd50-services-empty>span{font-size:30px}.nd50-services-empty strong{display:block;color:#27364e;margin:8px 0}.nd50-services-empty p{font-size:11px;line-height:1.8}.nd50-services-empty button{border:0;background:#1677ff;color:#fff;border-radius:12px;padding:10px 15px;font-weight:800}.nd50-wizard{flex:0 0 auto;background:#fff;border:1px solid #cfe0f5;border-radius:18px;padding:14px;box-shadow:0 12px 30px rgba(27,91,170,.12);overflow:hidden;transform-origin:top;animation:nd504WizardOpen .28s cubic-bezier(.22,1,.36,1)}.nd50-wizard[hidden]{display:none!important}@keyframes nd504WizardOpen{from{opacity:0;transform:translateY(-8px) scaleY(.96);max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;transform:translateY(0) scaleY(1);max-height:1200px}}.nd50-wizard-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.nd50-wizard-head small{display:block;color:#8b9bb0;font-size:9px}.nd50-wizard-head h4{margin:2px 0 0;color:#17243d;font-size:15px}.nd50-close{border:0;background:#f2f6fb;width:30px;height:30px;border-radius:10px;color:#62728a;font-size:18px;cursor:pointer}.nd50-steps{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:7px;margin:14px 0 12px}.nd50-steps span{display:flex;align-items:center;gap:5px;color:#9aa7b9;font-size:9px}.nd50-steps span i{width:22px;height:22px;border-radius:50%;background:#eef2f7;display:grid;place-items:center;font-style:normal;font-weight:800}.nd50-steps span.active{color:#1677ff}.nd50-steps span.active i{background:#1677ff;color:#fff}.nd50-steps em{height:1px;background:#e3eaf3}.nd50-wizard-body{min-width:0}.nd50-choice-grid{display:grid;gap:8px}.nd50-choice{width:100%;border:1px solid #e0e8f3;background:#fff;border-radius:14px;padding:11px;text-align:right;display:flex;gap:10px;align-items:center;cursor:pointer}.nd50-choice:hover,.nd50-choice.active{border-color:#7db4ff;background:#f5f9ff}.nd50-choice i{flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:#edf5ff;display:grid;place-items:center;font-style:normal}.nd50-choice span{flex:1}.nd50-choice b{display:block;color:#22314a;font-size:12px}.nd50-choice small{display:block;color:#8a99ae;font-size:9px;margin-top:2px}.nd50-choice u{text-decoration:none;color:#9cacbf;font-size:20px}.nd50-field{display:block}.nd50-field>span{display:block;color:#71829a;font-size:10px;margin-bottom:6px}.nd50-domain-select,.nd50-domain-input{width:100%;box-sizing:border-box;border:1px solid #dce6f2;border-radius:12px;padding:11px;background:#fff;color:#24334b}.nd50-next,.nd50-back{width:100%;margin-top:10px;border-radius:12px;padding:10px;font-weight:800;cursor:pointer}.nd50-next{border:0;background:#1677ff;color:#fff}.nd50-next:disabled{opacity:.55;cursor:not-allowed}.nd50-back{border:1px solid #dbe6f3;background:#fff;color:#64758d}.nd50-plan-list{display:grid;gap:8px;margin-top:10px}.nd50-plan{position:relative;border:1px solid #e0e8f3;border-radius:14px;padding:11px;background:#fff;text-align:right;cursor:pointer}.nd50-plan:hover{border-color:#75adfb;background:#f8fbff}.nd50-plan-os{display:inline-block;border-radius:999px;background:#edf5ff;color:#2769be;padding:3px 6px;font-size:8px}.nd50-plan strong{display:block;margin-top:6px;color:#24324a;font-size:12px}.nd50-plan small{display:block;color:#91a0b4;font-size:9px;margin-top:3px}.nd50-plan b{display:block;color:#158347;font-size:11px;margin-top:7px}.nd50-selected-domain{display:flex;justify-content:space-between;gap:8px;background:#f5f9ff;border:1px solid #dfebfa;border-radius:12px;padding:9px 10px}.nd50-selected-domain span{color:#8a9ab0;font-size:9px}.nd50-selected-domain b{color:#284d7f;font-size:11px}.nd50-review{display:grid;gap:8px}.nd50-review>div{display:flex;justify-content:space-between;gap:10px;padding:10px;background:#f8fafc;border-radius:11px}.nd50-review span{color:#8a99ae;font-size:9px}.nd50-review b{color:#27364e;font-size:11px}.nd50-review b.price{color:#158347}.nd50-callout{display:flex;gap:10px;align-items:flex-start;margin-top:10px;padding:11px;border-radius:13px;background:#f5f9ff;border:1px solid #dceafa}.nd50-callout.soft{background:#f4fbf7;border-color:#d8f0e1}.nd50-callout>span{font-size:20px}.nd50-callout b{display:block;color:#26364e;font-size:11px}.nd50-callout p{margin:3px 0 0;color:#8190a7;font-size:9px;line-height:1.7}.nd50-note{font-size:9px;color:#8190a7;line-height:1.8;margin-top:8px}@media(max-width:430px){.nd50-services-view{padding:12px}.nd50-add-service{padding:9px 11px}.nd50-service-actions button{font-size:10px}} .nd503-domain{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;background:#f7faff;border:1px solid #e0ebf8;border-radius:12px}.nd503-domain span{font-size:9px;color:#8798ae}.nd503-domain b{font-size:11px;color:#29496f}.nd503-os-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.nd503-os-row button{border:1px solid #dce7f4;background:#fff;color:#61758f;border-radius:12px;padding:10px;font-size:12px;font-weight:900;cursor:pointer}.nd503-os-row button i{font-style:normal;margin-left:5px}.nd503-os-row button.active{border-color:#1677ff;background:#edf5ff;color:#1266d6;box-shadow:0 5px 14px rgba(22,119,255,.11)}.nd503-plan-label{display:flex;align-items:end;justify-content:space-between;gap:8px;margin:13px 1px 7px}.nd503-plan-label span{font-size:11px;font-weight:900;color:#25364e}.nd503-plan-label small{font-size:8px;color:#9aa8ba}.nd503-plan-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.nd503-plan{position:relative;min-width:0;border:1px solid #dfe8f4;background:#fff;border-radius:14px;padding:11px 8px;text-align:center;cursor:pointer;transition:.18s ease}.nd503-plan:hover,.nd503-plan.selected{border-color:#1677ff;background:#f6faff;box-shadow:0 8px 18px rgba(22,119,255,.10);transform:translateY(-1px)}.nd503-plan strong{display:block;color:#182942;font-size:15px;direction:ltr}.nd503-plan>b{display:block;color:#13804a;font-size:11px;margin-top:5px}.nd503-plan>small{display:block;color:#93a1b4;font-size:8px;margin-top:3px}.nd503-info{position:absolute;top:7px;left:7px;width:19px;height:19px;border-radius:50%;background:#eef4fb;color:#65809e;display:grid;place-items:center;font-size:10px;font-weight:900}.nd503-tooltip{position:absolute;z-index:20;right:2px;left:2px;bottom:calc(100% + 7px);display:none;background:#142238;color:#fff;border-radius:12px;padding:10px;text-align:right;box-shadow:0 14px 32px rgba(10,24,47,.28)}.nd503-plan:hover .nd503-tooltip,.nd503-plan:focus-within .nd503-tooltip,.nd503-plan.show-info .nd503-tooltip{display:block}.nd503-tooltip:after{content:"";position:absolute;top:100%;left:22px;border:6px solid transparent;border-top-color:#142238}.nd503-tooltip div{display:flex;justify-content:space-between;gap:8px;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.08)}.nd503-tooltip div:last-of-type{border-bottom:0}.nd503-tooltip span{font-size:8px;color:#aebbd0}.nd503-tooltip b{font-size:9px;color:#fff}.nd503-tooltip p{margin:6px 0 0;font-size:8px;line-height:1.7;color:#c7d2e2}.nd503-order{display:grid;gap:6px;margin-top:12px;padding:10px;background:#f8fafc;border:1px solid #e4ebf4;border-radius:13px}.nd503-order>div{display:flex;justify-content:space-between;gap:8px}.nd503-order span{font-size:9px;color:#8a99ad}.nd503-order b{font-size:10px;color:#293a53}.nd503-order b.price{color:#14814a}.nd503-pay{margin-top:9px!important}.nd503-pay-note{text-align:center;margin:6px 0 0;color:#91a0b3;font-size:8px}.nd503-spinner{display:inline-block;width:13px;height:13px;margin-left:6px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;vertical-align:middle;animation:nd503spin .8s linear infinite}@keyframes nd503spin{to{transform:rotate(360deg)}}@media(max-width:360px){.nd503-plan-row{grid-template-columns:1fr}.nd503-plan-label small{display:none}} .nd50-wizard.nd50-closing{pointer-events:none;animation:nd504WizardClose .2s ease forwards}@keyframes nd504WizardClose{to{opacity:0;transform:translateY(-6px) scaleY(.97);max-height:0;padding-top:0;padding-bottom:0;margin:0;border-width:0}} .nd50-domain-input:focus{outline:0;border-color:#1677ff;box-shadow:0 0 0 3px rgba(22,119,255,.10)}.nd50-domain-input::placeholder{color:#a6b2c2}.nd50-callout.soft{margin-top:9px} /* RC50.6 — strict tab isolation and shared hosting picker */ #ndCustomerServicesView[hidden],#ndCustomerDomainsView[hidden],#ndCustomerInvoicesView[hidden]{display:none!important} #ndCustomerServicesView{contain:layout paint;isolation:isolate} #ndCustomerServicesView .nd50-wizard{position:relative!important;inset:auto!important;width:auto!important;max-width:none!important;z-index:2!important} #ndCustomerServicesView .nd-minimal-hosting-picker{width:100%!important} /* RC50.7 — inline soft accordion for hosting purchase domain choices */ #ndCustomerServicesView .nd50-choice-grid{gap:9px} #ndCustomerServicesView .nd50-choice-item{border:1px solid #e0e8f3;border-radius:15px;background:#fff;overflow:hidden;transition:border-color .22s ease,box-shadow .22s ease,background .22s ease} #ndCustomerServicesView .nd50-choice-item.active{border-color:#9bc5ff;background:#f9fbff;box-shadow:0 8px 22px rgba(22,119,255,.09)} #ndCustomerServicesView .nd50-choice-item .nd50-choice{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important} #ndCustomerServicesView .nd50-choice-item.active .nd50-choice{background:#f5f9ff!important} #ndCustomerServicesView .nd50-choice u{transition:transform .24s cubic-bezier(.22,1,.36,1)} #ndCustomerServicesView .nd50-choice[aria-expanded="true"] u{transform:rotate(90deg)} #ndCustomerServicesView .nd50-choice-panel{padding:0 11px 12px;border-top:1px solid #e6eef8;transform-origin:top;animation:nd507InlineOpen .3s cubic-bezier(.22,1,.36,1)} #ndCustomerServicesView .nd50-choice-panel[hidden]{display:none!important} #ndCustomerServicesView .nd50-choice-panel>.nd50-field, #ndCustomerServicesView .nd50-choice-panel>.nd50-callout, #ndCustomerServicesView .nd50-choice-panel>.nd-customer-loading, #ndCustomerServicesView .nd50-choice-panel>.nd-customer-empty, #ndCustomerServicesView .nd50-choice-panel>.nd50-inline-plan-head{margin-top:11px} #ndCustomerServicesView .nd50-choice-panel .nd50-next, #ndCustomerServicesView .nd50-choice-panel .nd50-back{margin-top:9px} #ndCustomerServicesView .nd50-inline-plan-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:#f4f8fe;border:1px solid #deebfa;border-radius:11px} #ndCustomerServicesView .nd50-inline-plan-head small{font-size:9px;color:#8192aa} #ndCustomerServicesView .nd50-inline-plan-head b{font-size:10px;color:#294d7d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #ndCustomerServicesView .nd-plan-order-result{transition:opacity .2s ease,transform .2s ease} #ndCustomerServicesView .nd-plan-order-result.visible{opacity:1;transform:translateY(0)} #ndCustomerServicesView .nd-customer-loading.compact{min-height:54px;padding:12px} @keyframes nd507InlineOpen{from{opacity:0;transform:translateY(-7px);max-height:0}to{opacity:1;transform:translateY(0);max-height:1800px}} /* RC50.8 — live external-domain verification and optional domain+hosting order */ #ndCustomerServicesView .nd50-domain-check{display:flex;align-items:flex-start;gap:10px;margin-top:11px;padding:11px;border:1px solid #dfe8f4;border-radius:13px;background:#f8fafc} #ndCustomerServicesView .nd50-domain-check>span{flex:0 0 28px;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-weight:900} #ndCustomerServicesView .nd50-domain-check b{display:block;color:#21324b;font-size:11px;direction:ltr;text-align:right} #ndCustomerServicesView .nd50-domain-check p{margin:3px 0 0;color:#7f8fa6;font-size:9px;line-height:1.7} #ndCustomerServicesView .nd50-domain-check strong{display:block;margin-top:6px;color:#14814a;font-size:11px} #ndCustomerServicesView .nd50-domain-check.available{background:#f2fbf6;border-color:#cfead9}#ndCustomerServicesView .nd50-domain-check.available>span{background:#dff5e8;color:#16834b} #ndCustomerServicesView .nd50-domain-check.registered{background:#f4f8ff;border-color:#d9e7fb}#ndCustomerServicesView .nd50-domain-check.registered>span{background:#e6f0ff;color:#1677ff} #ndCustomerServicesView .nd50-domain-check.unknown{background:#fff9ef;border-color:#f0dfbf}#ndCustomerServicesView .nd50-domain-check.unknown>span{background:#fff0cf;color:#a76b00} #ndCustomerServicesView .nd50-check-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}#ndCustomerServicesView .nd50-check-actions button{border:1px solid #dbe6f3;background:#fff;color:#5e718c;border-radius:11px;padding:10px;font-size:10px;font-weight:800;cursor:pointer}#ndCustomerServicesView .nd50-check-actions button.primary{background:#1677ff;border-color:#1677ff;color:#fff}#ndCustomerServicesView .nd50-check-actions button.disabled{opacity:.45;pointer-events:none} #ndCustomerServicesView .nd50-register-note{display:inline-block;margin-right:4px;padding:2px 5px;border-radius:999px;background:#e9f8ef;color:#158149;font-size:8px} /* RC50.10 — exact domain registration price and combined invoice preview */ #ndCustomerServicesView .nd510-register-domain{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important} #ndCustomerServicesView .nd510-register-domain span{font-weight:900} #ndCustomerServicesView .nd510-register-domain b{direction:rtl;font-size:10px;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.18);white-space:nowrap} #ndCustomerServicesView .nd510-order-confirm{display:grid!important;gap:9px!important} #ndCustomerServicesView .nd510-order-lines{display:grid!important;gap:0!important;width:100%!important;border:1px solid #dfebf8;border-radius:12px;overflow:hidden;background:#fff} #ndCustomerServicesView .nd510-order-lines>div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:9px 10px!important;border-bottom:1px solid #edf2f8} #ndCustomerServicesView .nd510-order-lines>div:last-child{border-bottom:0} #ndCustomerServicesView .nd510-order-lines span{font-size:9px!important;color:#74869e!important;line-height:1.7} #ndCustomerServicesView .nd510-order-lines strong{font-size:10px!important;color:#243650!important;white-space:nowrap} #ndCustomerServicesView .nd510-order-lines .total{background:#f2fbf6!important} #ndCustomerServicesView .nd510-order-lines .total span{font-weight:900!important;color:#4f7461!important} #ndCustomerServicesView .nd510-order-lines .total strong{color:#14814a!important;font-size:11px!important} #ndCustomerServicesView .nd510-order-confirm>small{display:block;text-align:center;color:#8b9aae;font-size:8px;line-height:1.7} /* RC50.11 — inline verified-domain checkout, exact tax preview and focused purchase mode */ #ndCustomerServicesView.nd511-focus-mode #ndCustomerServicesSummary, #ndCustomerServicesView.nd511-focus-mode #ndCustomerServicesList, #ndCustomerServicesView.nd511-focus-mode #ndCustomerServicesEmpty{ filter:blur(1.6px) saturate(.65); opacity:.34; pointer-events:none!important; user-select:none; transition:filter .24s ease,opacity .24s ease,transform .24s ease; } #ndCustomerServicesView.nd511-focus-mode #ndCustomerServicesSummary{transform:scale(.985)} #ndCustomerServicesView.nd511-focus-mode #ndCustomerServicesList{transform:translateY(3px) scale(.992)} #ndCustomerServicesView.nd511-focus-mode:after{ content:"خرید هاست را تکمیل یا لغو کنید؛ سپس سرویس‌های فعلی دوباره در دسترس خواهند بود."; display:block; position:relative; z-index:1; margin:10px 14px 18px; padding:10px 12px; border:1px solid #dce8f7; border-radius:12px; background:rgba(247,250,255,.94); color:#71839b; text-align:center; font-size:9px; line-height:1.8; } #ndCustomerServicesView:not(.nd511-focus-mode):after{display:none} #ndCustomerServicesView.nd511-focus-mode #ndServiceWizard{z-index:4!important;box-shadow:0 16px 38px rgba(26,74,137,.14)} #ndCustomerServicesView .nd510-order-lines>div:nth-last-child(2){background:#fffaf1} #ndCustomerServicesView .nd510-order-lines>div:nth-last-child(2) strong{color:#a56600!important} #ndCustomerServicesView .nd50-domain-check + .nd50-inline-plan-head{margin-top:10px} /* RC50.12 — service-first layout, expandable management cards and smarter checkout */ #ndCustomerServicesView .nd512-services-head{padding-bottom:4px} #ndCustomerServicesView .nd512-purchase-zone{display:grid;gap:10px;margin:14px 12px 22px;padding-top:13px;border-top:1px solid #e4ecf6;position:relative;z-index:3} #ndCustomerServicesView .nd512-buy-button{width:100%;justify-content:center;min-height:44px;border-radius:14px;box-shadow:0 8px 20px rgba(22,119,255,.16)} #ndCustomerServicesView .nd512-service-card{padding:0!important;overflow:hidden;flex:0 0 auto;transition:border-color .24s ease,box-shadow .24s ease,transform .24s ease;background:#fff} #ndCustomerServicesView .nd512-service-card.open{border-color:#7fb5ff!important;box-shadow:0 12px 30px rgba(22,119,255,.13);transform:translateY(-1px)} #ndCustomerServicesView .nd512-service-summary{width:100%;display:flex;align-items:flex-start;gap:10px;padding:13px;border:0;background:transparent;text-align:right;cursor:pointer;color:inherit} #ndCustomerServicesView .nd512-service-summary>.nd50-service-main{min-width:0;flex:1} #ndCustomerServicesView .nd512-service-summary>i{align-self:center;font-style:normal;color:#8192aa;font-size:15px;transition:transform .24s ease} #ndCustomerServicesView .nd512-service-summary[aria-expanded="true"]>i{transform:rotate(180deg);color:#1677ff} #ndCustomerServicesView .nd512-service-details{padding:0 13px 13px;border-top:1px solid #e8eff8;background:linear-gradient(180deg,#f8fbff 0,#fff 100%);animation:nd512DetailsOpen .28s cubic-bezier(.22,1,.36,1)} #ndCustomerServicesView .nd512-service-details[hidden]{display:none!important} #ndCustomerServicesView .nd512-active-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0 10px} #ndCustomerServicesView .nd512-active-head small{display:block;color:#8393a8;font-size:8px;margin-bottom:3px} #ndCustomerServicesView .nd512-active-head strong{font-size:12px;color:#172840} #ndCustomerServicesView .nd512-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px} #ndCustomerServicesView .nd512-metrics>div{padding:9px;background:#fff;border:1px solid #e5edf7;border-radius:11px;min-width:0} #ndCustomerServicesView .nd512-metrics span{display:block;color:#8a9aaf;font-size:8px;margin-bottom:4px} #ndCustomerServicesView .nd512-metrics b{display:block;color:#263a56;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #ndCustomerServicesView .nd512-service-actions{display:grid;grid-template-columns:1.25fr 1fr;gap:8px;margin-top:10px} #ndCustomerServicesView .nd512-service-actions button,#ndCustomerServicesView .nd512-secondary-actions button{min-height:38px;border:1px solid #d8e5f5;border-radius:11px;background:#fff;color:#1677ff;font-size:9px;font-weight:900;cursor:pointer} #ndCustomerServicesView .nd512-service-actions button.primary{background:#1677ff;border-color:#1677ff;color:#fff;box-shadow:0 7px 16px rgba(22,119,255,.17)} #ndCustomerServicesView .nd512-secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px} #ndCustomerServicesView .nd512-secondary-actions button{color:#60738e} #ndCustomerServicesView .nd512-domain-summary{display:grid;grid-template-columns:1.1fr 1fr;gap:8px;margin:11px 0;padding:11px;border-radius:14px;border:1px solid #dce8f6;background:#fff} #ndCustomerServicesView .nd512-domain-summary>div{min-width:0} #ndCustomerServicesView .nd512-domain-summary small{display:block;color:#8192aa;font-size:8px;margin-bottom:4px} #ndCustomerServicesView .nd512-domain-summary strong{display:block;color:#1d304b;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #ndCustomerServicesView .nd512-domain-summary.available{background:#f3fbf6;border-color:#cce9d7} #ndCustomerServicesView .nd512-domain-summary.available>div:last-of-type strong{color:#14814a;font-size:12px} #ndCustomerServicesView .nd512-domain-summary.registered{background:#f4f8ff;border-color:#d8e7fb} #ndCustomerServicesView .nd512-domain-summary p{grid-column:1/-1;margin:2px 0 0;padding-top:8px;border-top:1px dashed rgba(90,125,170,.2);font-size:8px;line-height:1.8;color:#71839b} #ndCustomerServicesView.nd512-focus-mode #ndCustomerServicesSummary, #ndCustomerServicesView.nd512-focus-mode #ndCustomerServicesList, #ndCustomerServicesView.nd512-focus-mode #ndCustomerServicesEmpty{filter:blur(1.8px) saturate(.62);opacity:.3;pointer-events:none!important;user-select:none;transition:filter .24s ease,opacity .24s ease,transform .24s ease} #ndCustomerServicesView.nd512-focus-mode #ndCustomerServicesList{transform:scale(.992)} #ndCustomerServicesView.nd512-focus-mode .nd512-purchase-zone{border-top-color:transparent} #ndCustomerServicesView.nd512-focus-mode .nd512-buy-button{display:none} #ndCustomerServicesView.nd512-focus-mode .nd512-purchase-zone:before{content:"پس از تکمیل یا لغو خرید، سرویس‌های فعلی دوباره فعال می‌شوند.";display:block;padding:8px 10px;border-radius:10px;background:#f4f8fe;border:1px solid #dce8f7;color:#71839b;text-align:center;font-size:8px;line-height:1.7} @keyframes nd512DetailsOpen{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}} /* RC50.13 — compact non-floating hosting purchase action */ #ndCustomerServicesView .nd513-purchase-zone{ margin:12px 12px 20px!important; padding-top:10px!important; gap:9px!important; border-top:1px solid #e5edf7!important; } #ndCustomerServicesView .nd513-buy-card{ width:100%; min-height:58px; box-sizing:border-box; display:grid; grid-template-columns:40px minmax(0,1fr) 22px; align-items:center; gap:10px; padding:9px 11px; border:1px solid #d8e7fa; border-radius:15px; background:linear-gradient(180deg,#fff 0%,#f8fbff 100%); color:#1b3354; text-align:right; cursor:pointer; box-shadow:0 5px 15px rgba(35,91,164,.06); transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease; } #ndCustomerServicesView .nd513-buy-card:hover, #ndCustomerServicesView .nd513-buy-card:focus-visible{ border-color:#8bbcff; box-shadow:0 8px 20px rgba(22,119,255,.11); outline:none; } #ndCustomerServicesView .nd513-buy-card:active{transform:scale(.992)} #ndCustomerServicesView .nd513-buy-icon{ width:38px;height:38px;border-radius:12px; display:grid;place-items:center; background:#eaf3ff;color:#1677ff; font-size:21px;font-weight:500;line-height:1; } #ndCustomerServicesView .nd513-buy-copy{min-width:0;display:block} #ndCustomerServicesView .nd513-buy-copy strong{display:block;font-size:12px;color:#18304f;font-weight:900} #ndCustomerServicesView .nd513-buy-copy small{display:block;margin-top:3px;font-size:8px;color:#8495ab;font-weight:500} #ndCustomerServicesView .nd513-buy-arrow{color:#9badc2;font-size:20px;line-height:1;transition:transform .22s ease,color .22s ease} #ndCustomerServicesView .nd513-buy-card[aria-expanded="true"]{ border-color:#86b9ff;background:#f5f9ff;box-shadow:none; } #ndCustomerServicesView .nd513-buy-card[aria-expanded="true"] .nd513-buy-arrow{transform:rotate(-90deg);color:#1677ff} #ndCustomerServicesView.nd512-focus-mode .nd513-buy-card{display:none!important} #ndCustomerServicesView.nd512-focus-mode .nd513-purchase-zone:before{margin-bottom:1px} @media(max-width:430px){ #ndCustomerServicesView .nd513-purchase-zone{margin-left:8px!important;margin-right:8px!important} #ndCustomerServicesView .nd513-buy-card{min-height:54px;padding:8px 10px;grid-template-columns:36px minmax(0,1fr) 18px} #ndCustomerServicesView .nd513-buy-icon{width:34px;height:34px;border-radius:11px;font-size:19px} } /* RC50.14 — fixed purchase action and visual hosting management cards */ #ndCustomerServicesView .nd514-purchase-zone{order:0;margin:10px 12px 14px!important;padding:0!important;border:0!important} #ndCustomerServicesView .nd50-services-summary{order:0} #ndCustomerServicesView #ndCustomerServicesList{order:1} #ndCustomerServicesView .nd514-buy-card{min-height:54px;background:#fff;border-color:#dce8f7;box-shadow:none} #ndCustomerServicesView .nd514-service-card{border-radius:18px!important} #ndCustomerServicesView .nd514-service-summary{align-items:center;padding:13px 12px} #ndCustomerServicesView .nd514-server-art{width:43px;height:43px;flex:0 0 43px;border-radius:14px;background:#edf4fd;display:grid;align-content:center;gap:3px;padding:8px;box-sizing:border-box;position:relative} #ndCustomerServicesView .nd514-server-art i{display:block;height:6px;border-radius:3px;background:#6583aa;box-shadow:inset -5px 0 rgba(255,255,255,.25)} #ndCustomerServicesView .nd514-server-art:after{content:"✓";position:absolute;right:-3px;bottom:-3px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#54c875;color:#fff;border:2px solid #fff;font-size:9px;font-weight:900} #ndCustomerServicesView .nd514-server-art.windows i{background:#3978c6}.nd514-server-art.linux i{background:#3d708c} #ndCustomerServicesView .nd514-chevron{margin-right:auto} #ndCustomerServicesView .nd514-service-details{padding:12px!important} #ndCustomerServicesView .nd514-service-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:11px;border-bottom:1px solid #e7eef7} #ndCustomerServicesView .nd514-service-top small{display:block;font-size:8px;color:#8b9bb0} #ndCustomerServicesView .nd514-service-top strong{display:block;margin-top:3px;font-size:13px;color:#172b47} #ndCustomerServicesView .nd514-service-top div>span{display:block;margin-top:3px;font-size:9px;color:#6e819b} #ndCustomerServicesView .nd514-icon-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:13px 0 11px;border-bottom:1px solid #e7eef7} #ndCustomerServicesView .nd514-icon-metrics>div{text-align:center;min-width:0} #ndCustomerServicesView .nd514-icon-metrics .ico{width:28px;height:28px;margin:0 auto 5px;border-radius:9px;background:#eef5ff;color:#1677ff;display:grid;place-items:center;font-size:15px;font-weight:900} #ndCustomerServicesView .nd514-icon-metrics small{display:block;font-size:7px;color:#8b9bb0;white-space:nowrap} #ndCustomerServicesView .nd514-icon-metrics b{display:block;margin-top:4px;font-size:8px;color:#1d3352;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #ndCustomerServicesView .nd514-primary-actions{display:grid;grid-template-columns:1.15fr 1fr;gap:8px;margin-top:11px} #ndCustomerServicesView .nd514-primary-actions button{min-height:40px;border-radius:11px;border:1px solid #d7e5f7;background:#fff;color:#1677ff;font-size:9px;font-weight:900;cursor:pointer} #ndCustomerServicesView .nd514-primary-actions button.primary{background:#1677ff;color:#fff;border-color:#1677ff;box-shadow:0 7px 16px rgba(22,119,255,.16)} #ndCustomerServicesView .nd514-service-lower{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px;padding:9px;border-radius:13px;background:#f7faff;border:1px solid #e4edf8} #ndCustomerServicesView .nd514-service-lower>div{padding:6px 8px;border-radius:9px;background:#fff} #ndCustomerServicesView .nd514-service-lower span{display:block;font-size:7px;color:#91a0b3} #ndCustomerServicesView .nd514-service-lower b{display:block;margin-top:3px;font-size:9px;color:#263c59} #ndCustomerServicesView .nd514-service-lower button{min-height:34px;border:1px solid #d7e5f7;border-radius:9px;background:#fff;color:#1677ff;font-size:8px;font-weight:900;cursor:pointer} #ndCustomerServicesView .nd514-ticket{width:100%;margin-top:8px;min-height:36px;border:1px dashed #cfdff2;border-radius:10px;background:#fff;color:#647b98;font-size:8px;font-weight:900;cursor:pointer} @media(max-width:360px){#ndCustomerServicesView .nd514-icon-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.nd514-primary-actions{grid-template-columns:1fr!important}} /* RC50.16 — modern, readable and non-repetitive service cards */ #ndCustomerServicesView .nd516-service-card{ overflow:hidden; border:1px solid #dce7f4!important; border-radius:20px!important; background:#fff; box-shadow:0 4px 16px rgba(33,67,112,.045); transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease; } #ndCustomerServicesView .nd516-service-card.open{ border-color:#86b8ff!important; box-shadow:0 12px 30px rgba(22,119,255,.12); } #ndCustomerServicesView .nd516-service-summary{ width:100%;min-height:94px;padding:16px 15px!important; display:flex;align-items:center;gap:13px;text-align:right; } #ndCustomerServicesView .nd516-service-summary .nd514-server-art{ width:50px;height:50px;flex-basis:50px;border-radius:16px; } #ndCustomerServicesView .nd516-summary-copy{display:block;min-width:0;flex:1} #ndCustomerServicesView .nd516-title-line{display:flex;align-items:center;gap:8px;min-width:0} #ndCustomerServicesView .nd516-title-line strong{ min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:17px!important;line-height:1.35;color:#132943;font-weight:900; } #ndCustomerServicesView .nd516-title-line .nd50-status{font-size:12px!important;padding:5px 9px!important} #ndCustomerServicesView .nd516-domain{ display:block;margin-top:6px;font-size:14px!important;color:#526b88; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } #ndCustomerServicesView .nd516-summary-copy small{ display:block;margin-top:6px;font-size:13px!important;color:#8293a9;line-height:1.45; } #ndCustomerServicesView .nd516-service-summary .nd514-chevron{ font-size:19px;color:#7188a5;transition:transform .22s ease,color .22s ease; } #ndCustomerServicesView .nd516-service-summary[aria-expanded="true"] .nd514-chevron{transform:rotate(180deg);color:#1677ff} #ndCustomerServicesView .nd516-service-details{ padding:0 15px 16px!important;background:linear-gradient(180deg,#fbfdff 0%,#fff 100%); border-top:1px solid #edf2f8;animation:nd516Details .25s ease; } #ndCustomerServicesView .nd516-metrics{ display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:16px 0; } #ndCustomerServicesView .nd516-metrics>div{ min-width:0;padding:11px 7px;border-radius:14px;background:#fff;border:1px solid #e7eef7;text-align:center; } #ndCustomerServicesView .nd516-metric-icon, #ndCustomerServicesView .nd516-action-icon{ display:inline-grid;place-items:center;width:32px;height:32px;border-radius:11px;background:#eef5ff;color:#1677ff; } #ndCustomerServicesView .nd516-metric-icon:before,#ndCustomerServicesView .nd516-action-icon:before{font-size:17px;line-height:1} #ndCustomerServicesView .nd516-metric-icon.domain:before{content:"◎"} #ndCustomerServicesView .nd516-metric-icon.storage:before{content:"◫"} #ndCustomerServicesView .nd516-metric-icon.due:before{content:"◷"} #ndCustomerServicesView .nd516-metric-icon.created:before{content:"▣"} #ndCustomerServicesView .nd516-metrics small{display:block;margin-top:7px;font-size:12px!important;color:#8495aa;white-space:nowrap} #ndCustomerServicesView .nd516-metrics b{display:block;margin-top:5px;font-size:13px!important;color:#1d3350;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #ndCustomerServicesView .nd516-main-actions{display:grid;grid-template-columns:1.35fr 1fr;gap:9px} #ndCustomerServicesView .nd516-main-actions button{ min-height:58px;border-radius:14px;border:1px solid #dbe7f6;background:#fff;display:flex;align-items:center;gap:10px;padding:9px 12px;text-align:right;cursor:pointer; } #ndCustomerServicesView .nd516-main-actions button>span:last-child{min-width:0} #ndCustomerServicesView .nd516-main-actions b{display:block;font-size:14px!important;color:#1a3454} #ndCustomerServicesView .nd516-main-actions small{display:block;margin-top:3px;font-size:12px!important;color:#8495aa} #ndCustomerServicesView .nd516-manage{background:#1677ff!important;border-color:#1677ff!important;box-shadow:0 8px 18px rgba(22,119,255,.18)} #ndCustomerServicesView .nd516-manage .nd516-action-icon{background:rgba(255,255,255,.18);color:#fff} #ndCustomerServicesView .nd516-manage b,#ndCustomerServicesView .nd516-manage small{color:#fff!important} #ndCustomerServicesView .nd516-action-icon.plesk:before{content:"↗"} #ndCustomerServicesView .nd516-action-icon.info:before{content:"i";font-weight:900} #ndCustomerServicesView .nd516-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px} #ndCustomerServicesView .nd516-quick-actions button{ min-height:76px;padding:9px 6px;border:1px solid #e1eaf5;border-radius:14px;background:#fff;cursor:pointer;text-align:center; } #ndCustomerServicesView .nd516-quick-actions .nd516-action-icon{width:30px;height:30px} #ndCustomerServicesView .nd516-action-icon.renew:before{content:"↻"} #ndCustomerServicesView .nd516-action-icon.upgrade:before{content:"↑"} #ndCustomerServicesView .nd516-action-icon.ticket:before{content:"?";font-weight:900} #ndCustomerServicesView .nd516-quick-actions b{display:block;margin-top:6px;font-size:13px!important;color:#1d3554} #ndCustomerServicesView .nd516-quick-actions small{display:block;margin-top:3px;font-size:11px!important;color:#8a9aaf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #ndCustomerServicesView .nd516-main-actions button:hover,#ndCustomerServicesView .nd516-quick-actions button:hover{border-color:#96bfff;transform:translateY(-1px)} @keyframes nd516Details{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}} @media(max-width:390px){ #ndCustomerServicesView .nd516-service-summary{padding:14px 12px!important;gap:10px} #ndCustomerServicesView .nd516-service-summary .nd514-server-art{width:44px;height:44px;flex-basis:44px} #ndCustomerServicesView .nd516-title-line strong{font-size:16px!important} #ndCustomerServicesView .nd516-metrics{grid-template-columns:repeat(2,minmax(0,1fr))} #ndCustomerServicesView .nd516-main-actions{grid-template-columns:1fr} } /* RC50.17 — cleaner service cards with emoji-led actions */ #ndCustomerServicesView .nd517-service-card{border-radius:22px!important;box-shadow:0 8px 24px rgba(26,58,96,.055)} #ndCustomerServicesView .nd517-service-card.open{box-shadow:0 16px 38px rgba(22,119,255,.13)} #ndCustomerServicesView .nd517-service-summary{min-height:100px;padding:17px 15px!important} #ndCustomerServicesView .nd517-domain{display:block;margin-top:7px;font-size:15px!important;font-weight:750;color:#49647f;direction:ltr;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #ndCustomerServicesView .nd517-service-details{padding:15px!important} #ndCustomerServicesView .nd517-service-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px} #ndCustomerServicesView .nd517-service-meta span{display:inline-flex;align-items:center;min-height:34px;padding:6px 10px;border-radius:11px;background:#f3f7fc;border:1px solid #e5edf7;color:#536c88;font-size:13px;font-weight:750} #ndCustomerServicesView .nd517-manage{width:100%;min-height:66px;border:0;border-radius:16px;background:linear-gradient(135deg,#1578ff,#1768e6);color:#fff;padding:11px 14px;display:flex;align-items:center;gap:11px;text-align:right;cursor:pointer;box-shadow:0 10px 22px rgba(22,119,255,.2)} #ndCustomerServicesView .nd517-manage>span:first-child{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.17);display:grid;place-items:center;font-size:21px} #ndCustomerServicesView .nd517-manage>span:nth-child(2){flex:1;min-width:0} #ndCustomerServicesView .nd517-manage b{display:block;font-size:16px!important;color:#fff} #ndCustomerServicesView .nd517-manage small{display:block;margin-top:3px;font-size:12px!important;color:rgba(255,255,255,.84)} #ndCustomerServicesView .nd517-manage i{font-style:normal;font-size:21px;color:#fff} #ndCustomerServicesView .nd517-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:11px} #ndCustomerServicesView .nd517-actions button{min-height:70px;border:1px solid #e0eaf6;border-radius:15px;background:#fff;padding:10px 11px;display:flex;align-items:center;gap:10px;text-align:right;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease} #ndCustomerServicesView .nd517-actions button:hover{transform:translateY(-1px);border-color:#9fc5ff;box-shadow:0 7px 18px rgba(36,80,132,.08)} #ndCustomerServicesView .nd517-emoji{width:36px;height:36px;flex:0 0 36px;border-radius:12px;background:#f0f6ff;display:grid;place-items:center;font-size:18px} #ndCustomerServicesView .nd517-actions button:nth-child(1) .nd517-emoji{background:#eefaf2} #ndCustomerServicesView .nd517-actions button:nth-child(2) .nd517-emoji{background:#fff5ea} #ndCustomerServicesView .nd517-actions button:nth-child(3) .nd517-emoji{background:#f1f5ff} #ndCustomerServicesView .nd517-actions button:nth-child(4) .nd517-emoji{background:#f5f0ff} #ndCustomerServicesView .nd517-actions b{display:block;font-size:14px!important;color:#173451} #ndCustomerServicesView .nd517-actions small{display:block;margin-top:4px;font-size:12px!important;color:#7d90a7;line-height:1.45;white-space:normal} #ndCustomerServicesView .nd517-service-details .nd516-metrics,#ndCustomerServicesView .nd517-service-details .nd516-main-actions,#ndCustomerServicesView .nd517-service-details .nd516-quick-actions{display:none!important} @media(max-width:390px){#ndCustomerServicesView .nd517-actions{grid-template-columns:1fr 1fr}#ndCustomerServicesView .nd517-actions button{padding:9px 8px;gap:7px}#ndCustomerServicesView .nd517-emoji{width:32px;height:32px;flex-basis:32px;font-size:16px}#ndCustomerServicesView .nd517-actions b{font-size:13px!important}#ndCustomerServicesView .nd517-actions small{font-size:11px!important}} /* RC50.18 — functional service actions, real quota and status-aware server art */ #ndCustomerServicesView .nd514-server-art:after{content:none!important} #ndCustomerServicesView .nd514-server-art.status-active:after, #ndCustomerServicesView .nd514-server-art.status-pending:after, #ndCustomerServicesView .nd514-server-art.status-suspended:after, #ndCustomerServicesView .nd514-server-art.status-terminated:after, #ndCustomerServicesView .nd514-server-art.status-cancelled:after{ position:absolute;right:-4px;bottom:-4px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center; color:#fff;border:2px solid #fff;font-size:10px;font-weight:900;line-height:1 } #ndCustomerServicesView .nd514-server-art.status-active:after{content:"✓"!important;background:#49c875} #ndCustomerServicesView .nd514-server-art.status-pending:after{content:"◷"!important;background:#f4aa22} #ndCustomerServicesView .nd514-server-art.status-suspended:after{content:"!"!important;background:#ef5c67} #ndCustomerServicesView .nd514-server-art.status-terminated:after, #ndCustomerServicesView .nd514-server-art.status-cancelled:after{content:"–"!important;background:#95a3b5} #ndCustomerServicesView .nd518-usage{margin:0 0 12px;padding:12px;border:1px solid #dfeaf7;border-radius:15px;background:#f8fbff;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center} #ndCustomerServicesView .nd518-usage>div{min-width:0} #ndCustomerServicesView .nd518-usage span{display:block;font-size:13px;font-weight:800;color:#526b88} #ndCustomerServicesView .nd518-usage b{display:block;margin-top:5px;font-size:15px;color:#142c49;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #ndCustomerServicesView .nd518-usage small{display:block;margin-top:4px;font-size:11px;color:#8999ad} #ndCustomerServicesView .nd518-usage>strong{font-size:16px;color:#1677ff} #ndCustomerServicesView .nd518-usage>i{grid-column:1/-1;height:7px;border-radius:999px;background:#e4edf8;overflow:hidden} #ndCustomerServicesView .nd518-usage>i>u{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1677ff,#55a8ff);text-decoration:none;transition:width .3s ease} #ndCustomerServicesView .nd518-action-result{margin-top:10px} #ndCustomerServicesView .nd518-success{padding:10px 12px;border:1px solid #ccebd8;border-radius:12px;background:#f2fbf5;color:#16804a;font-size:13px;font-weight:800} #ndCustomerServicesView .nd517-actions button.busy,#ndCustomerServicesView .nd517-manage.busy{opacity:.65;pointer-events:none} #ndCustomerServicesView .nd518-upgrade{padding:12px;border:1px solid #dce8f7;border-radius:14px;background:#f8fbff} #ndCustomerServicesView .nd518-upgrade>strong{display:block;margin-bottom:9px;font-size:14px;color:#18304f} #ndCustomerServicesView .nd518-upgrade>button{width:100%;min-height:52px;margin-top:7px;padding:9px 11px;border:1px solid #d7e5f7;border-radius:12px;background:#fff;text-align:right;cursor:pointer} #ndCustomerServicesView .nd518-upgrade>button b{display:block;font-size:14px;color:#18304f} #ndCustomerServicesView .nd518-upgrade>button small{display:block;margin-top:4px;font-size:11px;color:#8293a9} #ndCustomerServicesView .nd518-upgrade-confirm{padding:12px;border:1px solid #bcd7ff;border-radius:14px;background:#f5f9ff} #ndCustomerServicesView .nd518-upgrade-confirm>div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px dashed #d7e5f7} #ndCustomerServicesView .nd518-upgrade-confirm span{font-size:12px;color:#71839b} #ndCustomerServicesView .nd518-upgrade-confirm b{font-size:13px;color:#17304f} #ndCustomerServicesView .nd518-upgrade-confirm>button{width:100%;min-height:43px;margin-top:11px;border:0;border-radius:11px;background:#1677ff;color:#fff;font-size:13px;font-weight:900;cursor:pointer} /* RC50.19 — real disk/bandwidth quotas and in-panel service operations */ #ndCustomerServicesView .nd519-capacity-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px} #ndCustomerServicesView .nd519-capacity-grid>div{padding:10px;border:1px solid #e1eaf5;border-radius:13px;background:#f9fbfe} #ndCustomerServicesView .nd519-capacity-grid span{display:block;font-size:8px;color:#71839b} #ndCustomerServicesView .nd519-capacity-grid b{display:block;margin-top:4px;font-size:12px;color:#193451} #ndCustomerServicesView .nd519-consumption{display:grid;gap:8px;margin-top:10px} #ndCustomerServicesView .nd519-usage{padding:10px;border:1px solid #dce8f4;border-radius:13px;background:#fff} #ndCustomerServicesView .nd519-usage-head{display:flex;align-items:center;justify-content:space-between;gap:8px} #ndCustomerServicesView .nd519-usage-head span{font-size:9px;font-weight:800;color:#344b67} #ndCustomerServicesView .nd519-usage-head strong{font-size:10px} #ndCustomerServicesView .nd519-usage>b{display:block;margin-top:5px;font-size:10px;color:#253b57} #ndCustomerServicesView .nd519-usage>i{display:block;height:6px;margin-top:7px;border-radius:999px;background:#edf2f7;overflow:hidden} #ndCustomerServicesView .nd519-usage>i u{display:block;height:100%;border-radius:inherit;background:#39ad69;transition:width .3s ease} #ndCustomerServicesView .nd519-usage.warning>i u{background:#ef9f27} #ndCustomerServicesView .nd519-usage.danger>i u{background:#e45555} #ndCustomerServicesView .nd519-usage.safe .nd519-usage-head strong{color:#29945a} #ndCustomerServicesView .nd519-usage.warning .nd519-usage-head strong{color:#c4770a} #ndCustomerServicesView .nd519-usage.danger .nd519-usage-head strong{color:#c93434} #ndCustomerServicesView .nd519-usage small{display:block;margin-top:5px;font-size:7px;color:#91a0b2} #ndCustomerServicesView .nd519-inline-panel,#ndCustomerServicesView .nd519-ticket{margin-top:10px;padding:11px;border:1px solid #d8e5f4;border-radius:14px;background:#f9fbfe} #ndCustomerServicesView .nd519-inline-panel header,#ndCustomerServicesView .nd519-ticket header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px} #ndCustomerServicesView .nd519-inline-panel header b,#ndCustomerServicesView .nd519-ticket header b{font-size:11px;color:#17324f} #ndCustomerServicesView [data-action-close]{border:0;background:transparent;color:#8292a5;font-size:18px;cursor:pointer} #ndCustomerServicesView .nd519-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px} #ndCustomerServicesView .nd519-detail-grid>div{padding:8px;border-radius:10px;background:#fff;border:1px solid #e5edf6;min-width:0} #ndCustomerServicesView .nd519-detail-grid span{display:block;font-size:7px;color:#8797aa} #ndCustomerServicesView .nd519-detail-grid b{display:block;margin-top:3px;font-size:9px;color:#263d58;overflow:hidden;text-overflow:ellipsis} #ndCustomerServicesView .nd519-inline-panel p{margin:6px 0;font-size:9px;color:#5f7289} #ndCustomerServicesView .nd519-primary{width:100%;margin-top:9px;padding:9px;border:0;border-radius:10px;background:#1677ff;color:#fff;font:inherit;font-size:9px;font-weight:900;cursor:pointer} #ndCustomerServicesView .nd519-ticket label{display:block;margin-top:8px;font-size:8px;color:#667990} #ndCustomerServicesView .nd519-ticket input,#ndCustomerServicesView .nd519-ticket select,#ndCustomerServicesView .nd519-ticket textarea{width:100%;box-sizing:border-box;margin-top:4px;padding:8px;border:1px solid #d6e2ef;border-radius:9px;background:#fff;font:inherit;font-size:9px;color:#223a55;outline:none} #ndCustomerServicesView .nd519-ticket textarea{resize:vertical;line-height:1.8} #ndCustomerServicesView .nd514-server-art.status-pending:after{content:"◷";background:#f2ad35} #ndCustomerServicesView .nd514-server-art.status-suspended:after{content:"!";background:#e34e4e} #ndCustomerServicesView .nd514-server-art.status-terminated:after,#ndCustomerServicesView .nd514-server-art.status-cancelled:after,#ndCustomerServicesView .nd514-server-art.status-:after{content:"×";background:#98a5b5} @media(max-width:430px){#ndCustomerServicesView .nd519-detail-grid{grid-template-columns:1fr}#ndCustomerServicesView .nd519-capacity-grid{gap:6px}} /* RC50.20 — compact resource rows and WHMCS-defined upgrade choices */ #ndCustomerServicesView .nd519-consumption{ margin-top:12px;padding:11px 12px;border:1px solid #e2ebf6;border-radius:15px;background:#fff;display:grid;gap:11px } #ndCustomerServicesView .nd519-usage-row{ position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:42px;padding-bottom:6px } #ndCustomerServicesView .nd519-usage-row+.nd519-usage-row{border-top:1px solid #eef3f8;padding-top:10px} #ndCustomerServicesView .nd519-resource-icon{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;background:#eef6ff;color:#1677ff} #ndCustomerServicesView .nd519-resource-icon:before{font-size:18px;line-height:1} #ndCustomerServicesView .nd519-disk-icon:before{content:"▣"} #ndCustomerServicesView .nd519-bandwidth-icon:before{content:"⌁";font-size:22px;font-weight:900} #ndCustomerServicesView .nd519-resource-copy{min-width:0;display:block} #ndCustomerServicesView .nd519-resource-copy small{display:block;color:#7f91a7;font-size:11px!important;line-height:1.4} #ndCustomerServicesView .nd519-resource-copy span{display:block;margin-top:2px;color:#304b68;font-size:12px!important;font-weight:500;direction:rtl} #ndCustomerServicesView .nd519-resource-percent{font-size:12px;font-weight:800;color:#39a965} #ndCustomerServicesView .nd519-usage-row.warning .nd519-resource-percent{color:#e49520} #ndCustomerServicesView .nd519-usage-row.danger .nd519-resource-percent{color:#e55361} #ndCustomerServicesView .nd519-usage-row>i{position:absolute;right:43px;left:0;bottom:0;height:3px;border-radius:99px;background:#edf2f7;overflow:hidden} #ndCustomerServicesView .nd519-usage-row>i>u{display:block;height:100%;border-radius:inherit;background:#43bd72} #ndCustomerServicesView .nd519-usage-row.warning>i>u{background:#f0a12d} #ndCustomerServicesView .nd519-usage-row.danger>i>u{background:#ed5b67} #ndCustomerServicesView .nd519-upgrade-picker>strong{display:block;margin-bottom:10px;color:#183754;font-size:14px} #ndCustomerServicesView .nd519-upgrade-sizes{display:flex;flex-wrap:wrap;gap:8px} #ndCustomerServicesView .nd519-upgrade-sizes button{min-width:76px;min-height:44px;padding:8px 14px;border:1px solid #d9e6f6;border-radius:13px;background:#fff;color:#24517d;cursor:pointer;font-weight:800} #ndCustomerServicesView .nd519-upgrade-sizes button:hover{border-color:#1677ff;color:#1677ff;background:#f4f9ff} #ndCustomerServicesView .nd519-upgrade-note{display:block;margin-top:10px;color:#8495aa;font-size:11px!important;line-height:1.7} /* RC50.28 - minimal upgrade confirmation actions */ #ndCustomerServicesView .nd518-upgrade-confirm>.nd528-upgrade-actions{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.45fr);gap:8px;padding:0;border:0;margin-top:11px} #ndCustomerServicesView .nd528-upgrade-actions>button{min-height:42px;border-radius:11px;font-size:12px;font-weight:900;cursor:pointer;transition:opacity .16s ease,transform .16s ease} #ndCustomerServicesView .nd528-upgrade-submit{border:0;background:#1677ff;color:#fff} #ndCustomerServicesView .nd528-upgrade-cancel{border:1px solid #d8e2ef;background:#fff;color:#60748d} #ndCustomerServicesView .nd528-upgrade-actions>button:disabled{cursor:not-allowed;opacity:.62;transform:none} #ndCustomerServicesView .nd528-upgrade-submit .nd503-spinner{display:inline-block;vertical-align:-3px;margin-left:5px} /* RC50.29 — minimal service header and inline quota beneath Upgrade */ #ndCustomerServicesView .nd529-service-summary{ min-height:0!important;padding:16px 16px 15px!important;gap:12px!important; } #ndCustomerServicesView .nd529-service-summary .nd516-summary-copy{width:100%;min-width:0} #ndCustomerServicesView .nd529-service-summary .nd516-title-line{justify-content:space-between} #ndCustomerServicesView .nd529-service-summary .nd516-title-line strong{font-size:16px!important;letter-spacing:.01em} #ndCustomerServicesView .nd529-service-summary .nd517-domain{margin-top:8px;font-size:15px!important;color:#36536f;font-weight:800} #ndCustomerServicesView .nd529-service-meta{display:flex!important;align-items:center;flex-wrap:wrap;gap:6px;margin-top:7px!important;color:#8291a3!important;font-size:12px!important} #ndCustomerServicesView .nd529-service-meta i{font-style:normal;color:#c0cad5} #ndCustomerServicesView .nd529-service-summary .nd514-chevron{flex:0 0 auto} #ndCustomerServicesView .nd529-upgrade-slot{min-width:0;display:flex;flex-direction:column;gap:6px} #ndCustomerServicesView .nd529-upgrade-slot>button{width:100%;box-sizing:border-box} #ndCustomerServicesView .nd529-usage-mini{min-height:22px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 4px;color:#8a98a9;font-size:11px;line-height:1;white-space:nowrap} #ndCustomerServicesView .nd529-usage-item{display:inline-flex;align-items:center;gap:4px;color:#8492a3} #ndCustomerServicesView .nd529-usage-item i{font-style:normal;font-size:12px;filter:grayscale(.25)} #ndCustomerServicesView .nd529-usage-item b{font-size:11px!important;font-weight:750;color:inherit} #ndCustomerServicesView .nd529-usage-item.danger,#ndCustomerServicesView .nd529-usage-item.danger b{color:#df3545!important} #ndCustomerServicesView .nd529-usage-sep{font-style:normal;color:#c9d1da} @media(max-width:390px){ #ndCustomerServicesView .nd529-service-summary{padding:14px 12px!important} #ndCustomerServicesView .nd529-service-meta{gap:4px;font-size:11px!important} #ndCustomerServicesView .nd529-usage-mini{gap:5px;font-size:10px} #ndCustomerServicesView .nd529-usage-item b{font-size:10px!important} } /* RC50.30 — minimal support ticket */ #ndCustomerServicesView .nd530-ticket header>div{min-width:0} #ndCustomerServicesView .nd530-ticket header small{display:block;margin-top:3px;color:#7d8da3;font-size:9px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #ndCustomerServicesView .nd530-ticket label{margin-top:12px} #ndCustomerServicesView .nd530-ticket textarea{min-height:96px;resize:vertical} #ndCustomerServicesView .nd530-ticket button[type="submit"]:disabled{cursor:wait;opacity:.72} /* RC50.31 — focused open card, inline usage and restored status marker */ #ndCustomerServicesView .nd50-services-list.nd531-has-open-card .nd531-service-card:not(.open){ opacity:.28; filter:grayscale(.55) blur(.35px); transform:scale(.985); pointer-events:none; user-select:none; } #ndCustomerServicesView .nd531-service-card{ transition:opacity .22s ease,filter .22s ease,transform .22s ease,box-shadow .22s ease,border-color .22s ease; } #ndCustomerServicesView .nd531-service-card.open{ opacity:1; filter:none; position:relative; z-index:2; } #ndCustomerServicesView .nd516-title-line .nd50-status{ display:inline-flex!important; align-items:center; gap:4px; } #ndCustomerServicesView .nd516-title-line .nd50-status i{ width:15px; height:15px; border-radius:50%; display:inline-grid; place-items:center; font-style:normal; font-size:10px; line-height:1; background:currentColor; color:#fff; } #ndCustomerServicesView .nd516-title-line .nd50-status.active i{background:#20a35a} #ndCustomerServicesView .nd516-title-line .nd50-status.pending i{background:#d99a16} #ndCustomerServicesView .nd516-title-line .nd50-status.suspended i, #ndCustomerServicesView .nd516-title-line .nd50-status.terminated i, #ndCustomerServicesView .nd516-title-line .nd50-status.cancelled i{background:#d9534f} #ndCustomerServicesView .nd531-usage-inline{ display:flex!important; align-items:center; justify-content:center; gap:5px; margin-top:4px!important; color:#8a98a9!important; font-size:10px!important; line-height:1.25; white-space:nowrap; } #ndCustomerServicesView .nd531-usage-inline .nd529-usage-item{display:inline-flex;align-items:center;gap:3px;color:inherit} #ndCustomerServicesView .nd531-usage-inline .nd529-usage-item i{font-style:normal;font-size:11px} #ndCustomerServicesView .nd531-usage-inline .nd529-usage-item b{font-size:10px!important;color:inherit!important} #ndCustomerServicesView .nd531-usage-inline .nd529-usage-item.danger, #ndCustomerServicesView .nd531-usage-inline .nd529-usage-item.danger b{color:#df3545!important} #ndCustomerServicesView .nd531-usage-inline .nd529-usage-sep{font-style:normal;color:#c9d1da} /* RC50.35 — service lifecycle and linked unpaid invoice states */ .nd535-service-notice{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px;padding:11px 12px;border-radius:12px;background:#f7f7f8;border:1px solid #e5e7eb} .nd535-service-notice>span{display:grid;place-items:center;min-width:25px;height:25px;border-radius:50%;font-weight:800} .nd535-service-notice div{display:flex;flex-direction:column;gap:3px}.nd535-service-notice b{font-size:13px}.nd535-service-notice small{font-size:11px;line-height:1.8;color:#667085} .nd535-service-notice.pending>span{background:#fff4cc;color:#946200}.nd535-service-notice.unpaid>span{background:#fee4e2;color:#b42318} .nd535-pay-primary{text-decoration:none}.nd535-actions a{box-sizing:border-box;text-decoration:none;color:inherit} .nd535-action-pay{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #f4b4ae;border-radius:12px;background:#fff7f6} .nd535-action-pay span:last-child{display:flex;flex-direction:column;gap:2px}.nd535-action-pay b{font-size:13px}.nd535-action-pay small{font-size:11px;color:#8f332b} /* RC50.36 — invoice summary and explicit close controls */ #ndCustomerServicesView .nd536-invoice-summary{margin:0 0 14px;padding:14px;border:1px solid #e4eaf2;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(24,45,78,.045)} #ndCustomerServicesView .nd536-invoice-summary>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px} #ndCustomerServicesView .nd536-invoice-summary>header b{font-size:13px;color:#21314a} #ndCustomerServicesView .nd536-invoice-summary>header small{font-size:10px;color:#8a97aa} #ndCustomerServicesView .nd536-invoice-items{display:flex;flex-direction:column;gap:8px;padding-bottom:11px;border-bottom:1px dashed #dce3ec} #ndCustomerServicesView .nd536-invoice-item,#ndCustomerServicesView .nd536-invoice-totals>div{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;font-size:11px;line-height:1.7} #ndCustomerServicesView .nd536-invoice-item span{min-width:0;color:#536179;text-align:right;overflow-wrap:anywhere} #ndCustomerServicesView .nd536-invoice-item b,#ndCustomerServicesView .nd536-invoice-totals b{flex:0 0 auto;white-space:nowrap;color:#26364f;font-size:11px} #ndCustomerServicesView .nd536-invoice-totals{display:flex;flex-direction:column;gap:7px;padding-top:10px} #ndCustomerServicesView .nd536-invoice-totals span{color:#7a879a} #ndCustomerServicesView .nd536-invoice-totals .total{margin-top:2px;padding-top:9px;border-top:1px solid #edf1f6;align-items:center} #ndCustomerServicesView .nd536-invoice-totals .total span{font-weight:800;color:#1d2c43} #ndCustomerServicesView .nd536-invoice-totals .total b{font-size:14px;color:#1677ff} #ndCustomerServicesView .nd514-service-summary[aria-expanded="true"] .nd514-chevron{transform:none!important;font-size:22px;line-height:1;color:#52627a} #ndCustomerServicesView .nd536-action-open{border-color:#ffd8d8!important;background:#fff7f7!important;color:#b42318!important} #ndCustomerServicesView .nd536-action-open .nd536-action-close-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:12px;background:#ffe7e7;font-size:25px;font-style:normal;line-height:1} #ndCustomerServicesView .nd536-action-open>span:last-child b{color:#b42318!important} #ndCustomerServicesView .nd536-action-open>span:last-child small{color:#9b5b58!important} /* RC51.17 — selected service opens as a true foreground drawer. The original services page remains in place, dimmed and fully frozen. */ #ndCustomerServicesView{position:relative!important;} #ndCustomerServicesView.nd515-service-card-open{ overflow:hidden!important; isolation:isolate!important; } #ndCustomerServicesView.nd515-service-card-open::before{ content:""; position:absolute!important; inset:0!important; z-index:80!important; background:rgba(238,244,252,.72)!important; backdrop-filter:blur(2px)!important; -webkit-backdrop-filter:blur(2px)!important; pointer-events:auto!important; } #ndCustomerServicesView.nd515-service-card-open #ndCustomerServicesList{ overflow:visible!important; } #ndCustomerServicesView .nd50-services-list.nd531-has-open-card .nd531-service-card:not(.open){ display:block!important; } #ndCustomerServicesView .nd50-services-list.nd531-has-open-card .nd531-service-card.open{ position:absolute!important; z-index:81!important; top:14px!important; right:14px!important; bottom:14px!important; left:14px!important; width:auto!important; height:auto!important; min-height:0!important; margin:0!important; display:flex!important; flex-direction:column!important; overflow:hidden!important; transform:none!important; box-shadow:0 18px 45px rgba(25,54,95,.22)!important; } #ndCustomerServicesView .nd531-service-card.open>.nd51-card-close-row, #ndCustomerServicesView .nd531-service-card.open>.nd51-card-actions, #ndCustomerServicesView .nd531-service-card.open>.nd512-service-summary{ flex:0 0 auto!important; } #ndCustomerServicesView .nd531-service-card.open>.nd512-service-details{ flex:1 1 auto!important; min-height:0!important; display:flex!important; flex-direction:column!important; overflow:hidden!important; padding-bottom:0!important; } #ndCustomerServicesView .nd515-service-fixed{ flex:0 0 auto!important; padding-top:0!important; } #ndCustomerServicesView .nd515-service-scroll{ flex:1 1 auto!important; min-height:0!important; overflow-y:auto!important; overscroll-behavior:contain!important; -webkit-overflow-scrolling:touch!important; padding-bottom:13px!important; scrollbar-gutter:stable!important; } #ndCustomerServicesView .nd515-service-scroll>.nd517-actions{margin-top:10px!important;} /* RC52.00 — rebuilt NedaDrawer architecture for services */ #ndCustomerServicesView{position:relative!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;gap:12px!important;} #ndCustomerServicesView[hidden]{display:none!important} #ndCustomerServicesView>.nd50-services-head, #ndCustomerServicesView>#ndCustomerServicesSummary, #ndCustomerServicesView>.nd512-purchase-zone{flex:0 0 auto!important} #ndCustomerServicesView .nd52-services-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:14px;scrollbar-gutter:stable} #ndCustomerServicesView .nd52-services-scroll .nd50-services-list{overflow:visible!important} #ndCustomerServicesView.nd52-drawer-open>.nd50-services-head, #ndCustomerServicesView.nd52-drawer-open>#ndCustomerServicesSummary, #ndCustomerServicesView.nd52-drawer-open>.nd512-purchase-zone, #ndCustomerServicesView.nd52-drawer-open>.nd52-services-scroll{filter:blur(2px) saturate(.65);opacity:.32;pointer-events:none!important;user-select:none} #ndCustomerServicesView .nd52-drawer-host{position:absolute;inset:0;z-index:300;padding:14px;background:rgba(236,243,252,.70);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);overflow:hidden} #ndCustomerServicesView .nd52-drawer-host[hidden]{display:none!important} #ndCustomerServicesView .nd52-drawer-host>.nd531-service-card{height:100%;width:100%;margin:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border-color:#78adff!important;box-shadow:0 18px 46px rgba(25,54,95,.22)!important;transform:none!important;opacity:1!important;filter:none!important} #ndCustomerServicesView .nd52-drawer-host>.nd531-service-card>.nd51-card-close-row, #ndCustomerServicesView .nd52-drawer-host>.nd531-service-card>.nd51-card-actions, #ndCustomerServicesView .nd52-drawer-host>.nd531-service-card>.nd512-service-summary{flex:0 0 auto!important;display:flex!important} #ndCustomerServicesView .nd52-drawer-host>.nd531-service-card>.nd512-service-details{flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important} #ndCustomerServicesView .nd52-drawer-host .nd515-service-fixed{flex:0 0 auto!important} #ndCustomerServicesView .nd52-drawer-host .nd515-service-scroll{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;padding-bottom:14px!important} #ndCustomerServicesView .nd52-drawer-host .nd514-chevron{display:none!important} #ndCustomerServicesView .nd50-services-list.nd531-has-open-card .nd531-service-card:not(.open){display:block!important;opacity:1!important;filter:none!important;transform:none!important;pointer-events:auto!important} /* RC53.31 — suspended service statistics and reason */ .nd50-services-summary.nd531-four-stats{grid-template-columns:repeat(4,minmax(0,1fr))} .nd531-suspended-stat{font:inherit;cursor:pointer;color:inherit} .nd531-suspended-stat b{color:#c83c3c!important} .nd531-suspended-stat:hover{border-color:#f0a6a6;background:#fff8f8} .nd535-service-notice.suspended{background:#fff1f1;border-color:#ffd5d5;color:#9f2f2f} .nd535-service-notice.suspended>span{background:#ffe0e0;color:#cf3d3d} .nd535-service-notice.suspended small{color:#8e4b4b!important} @media(max-width:430px){.nd50-services-summary.nd531-four-stats{gap:6px}.nd50-services-summary.nd531-four-stats .nd50-stat{padding:8px 4px}.nd50-services-summary.nd531-four-stats .nd50-stat span{font-size:10px!important}} /* RC53.32 — keep every service summary statistic on the same baseline */ #ndCustomerServicesSummary.nd50-services-summary.nd531-four-stats{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; align-items:stretch!important; } #ndCustomerServicesSummary.nd531-four-stats .nd50-stat{ box-sizing:border-box!important; min-width:0!important; min-height:70px!important; margin:0!important; padding:9px 4px!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:4px!important; appearance:none!important; -webkit-appearance:none!important; font-family:inherit!important; line-height:1.25!important; vertical-align:top!important; } #ndCustomerServicesSummary.nd531-four-stats button.nd50-stat{ width:100%!important; border:1px solid #e4ebf5!important; background:#fff!important; } #ndCustomerServicesSummary.nd531-four-stats .nd50-stat b, #ndCustomerServicesSummary.nd531-four-stats .nd50-stat span{ margin:0!important; padding:0!important; line-height:1.25!important; } #ndCustomerServicesSummary.nd531-four-stats .nd50-stat b{ min-height:20px!important; display:flex!important; align-items:center!important; justify-content:center!important; } #ndCustomerServicesSummary.nd531-four-stats .nd50-stat span{ min-height:24px!important; display:flex!important; align-items:flex-start!important; justify-content:center!important; text-align:center!important; } #ndCustomerServicesSummary.nd531-four-stats .nd531-suspended-stat:hover{ border-color:#f0a6a6!important; background:#fff8f8!important; } @media(max-width:430px){ #ndCustomerServicesSummary.nd531-four-stats .nd50-stat{ min-height:72px!important; padding:8px 2px!important; } #ndCustomerServicesSummary.nd531-four-stats .nd50-stat span{ font-size:9px!important; } } /* RC53.53 — existing unpaid upgrade invoice guidance */ .nd-upgrade-existing-alert{ display:flex;flex-direction:column;gap:5px;padding:12px 14px;margin-bottom:10px; border:1px solid #f5c96a;border-radius:14px;background:#fff8e8;color:#8a5a00;text-align:right } .nd-upgrade-existing-alert strong{font-size:13px;line-height:1.8} .nd-upgrade-existing-alert small{font-size:11px;line-height:1.8;color:#8b6a2c} /* RC53.59: unified service action center and clean financial cards */ #ndCustomerServicesView .nd535-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch} #ndCustomerServicesView .nd-service-action-center-title{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin:0 0 2px;padding:0 2px;color:#60728d;font-size:11px;font-weight:900} #ndCustomerServicesView .nd535-actions>a,#ndCustomerServicesView .nd535-actions>button{min-width:0!important;min-height:72px!important;border:1px solid #dce6f5!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;color:#18304e!important;padding:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;text-align:center!important} #ndCustomerServicesView .nd535-actions>a span:last-child,#ndCustomerServicesView .nd535-actions>button span:last-child{min-width:0} #ndCustomerServicesView .nd535-actions b{font-size:12px!important;color:#18304e!important} #ndCustomerServicesView .nd535-actions small{font-size:9px!important;color:#7d8ca2!important} #ndCustomerServicesView .nd535-actions .nd517-emoji{font-size:18px!important} #ndCustomerServicesView .nd536-invoice-summary>header>div{display:flex;flex-direction:column;gap:3px} #ndCustomerServicesView .nd536-invoice-summary>header>span{padding:5px 9px;border-radius:999px;background:#fff3df;color:#b56d00;font-size:10px;font-weight:900;white-space:nowrap} #ndCustomerServicesView .nd5358-upgrade-card{margin:0 0 14px!important;padding:0!important;border:1px solid #dbe7f8!important;border-radius:16px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 8px 24px rgba(38,83,145,.05)!important} #ndCustomerServicesView .nd5358-upgrade-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border-bottom:1px solid #edf2f8;background:#fbfdff;margin:0} #ndCustomerServicesView .nd5358-upgrade-card>header>div{display:flex;flex-direction:column;gap:3px} #ndCustomerServicesView .nd5358-upgrade-card>header b{font-size:13px;color:#17233c} #ndCustomerServicesView .nd5358-upgrade-card>header small{font-size:10px;color:#8190a5} #ndCustomerServicesView .nd5358-upgrade-card>header>span{padding:5px 9px;border-radius:999px;background:#fff0ed;color:#d84d3f;font-size:10px;font-weight:900;white-space:nowrap} #ndCustomerServicesView .nd5358-upgrade-route{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);align-items:center;gap:8px;padding:15px} #ndCustomerServicesView .nd5358-upgrade-route>div{display:flex;min-height:76px;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px;border:1px solid #e6edf7;border-radius:13px;background:#f8fbff;text-align:center} #ndCustomerServicesView .nd5358-upgrade-route>div.target{border-color:#bad6ff;background:#eef6ff} #ndCustomerServicesView .nd5358-upgrade-route small{font-size:10px;color:#7b8aa1} #ndCustomerServicesView .nd5358-upgrade-route strong{font-size:18px;color:#172554} #ndCustomerServicesView .nd5358-upgrade-route .target strong{color:#1168e8} #ndCustomerServicesView .nd5358-upgrade-route span{max-width:100%;font-size:10px;color:#697b93;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #ndCustomerServicesView .nd5358-upgrade-route>i{display:flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%;background:#eaf3ff;color:#176ee5;font-style:normal;font-weight:900} #ndCustomerServicesView .nd5358-upgrade-details{margin:0 15px 15px;border:1px solid #e8edf5;border-radius:13px;background:#fcfdff;overflow:hidden} #ndCustomerServicesView .nd5358-upgrade-details>summary{cursor:pointer;list-style:none;padding:11px 13px;color:#52647d;font-size:11px;font-weight:800} #ndCustomerServicesView .nd5358-upgrade-details>summary::-webkit-details-marker{display:none} #ndCustomerServicesView .nd5358-upgrade-details>summary:after{content:'⌄';float:left;color:#7c8da5} #ndCustomerServicesView .nd5358-upgrade-details[open]>summary:after{transform:rotate(180deg)} #ndCustomerServicesView .nd5358-upgrade-details .nd536-invoice-items,#ndCustomerServicesView .nd5358-upgrade-details .nd536-invoice-totals{margin:0 12px 12px} #ndCustomerServicesView .nd-service-renewal-summary{border-color:#f2d9a9;background:#fffdf8} #ndCustomerServicesView .nd-service-renewal-summary>header>span{background:#fff1cf;color:#9b6500} @media(max-width:700px){#ndCustomerServicesView .nd535-actions{grid-template-columns:repeat(2,minmax(0,1fr))}#ndCustomerServicesView .nd5358-upgrade-route{grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);padding:12px}#ndCustomerServicesView .nd5358-upgrade-route>div{min-height:68px;padding:8px}#ndCustomerServicesView .nd5358-upgrade-route strong{font-size:16px}#ndCustomerServicesView .nd5358-upgrade-card>header{padding:12px}#ndCustomerServicesView .nd5358-upgrade-details{margin:0 12px 12px}}