:root{--navy:#061b4e;--navy-2:#082667;--blue:#3c7ff0;--pale:#eef5ff;--ink:#1a3150;--muted:#8091a6;--line:#e5ebf3;--green:#26b883;--red:#e87979}body.domain-app{background:#f7f9fc;color:var(--ink);min-height:100vh}.domain-sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:var(--navy);color:#b8c9e2;padding:25px 18px;display:flex;flex-direction:column;z-index:3}.domain-brand{display:flex;align-items:center;gap:9px;color:#fff;font:800 20px 'Manrope';letter-spacing:-.7px;padding:0 10px 29px}.domain-brand>span:last-child>span{color:#5bc291}.domain-logo{display:grid;place-items:center;width:30px;height:30px;border-radius:5px;background:#fff;color:var(--navy);font:800 17px 'Manrope'}.domain-account{border-top:1px solid #ffffff1c;border-bottom:1px solid #ffffff1c;padding:20px 10px}.domain-account small,.domain-sidebar nav>small{display:block;color:#7890b3;font-size:9px;letter-spacing:1px;font-weight:800}.domain-account strong,.domain-account span{display:block}.domain-account strong{color:#fff;font-size:13px;margin-top:10px}.domain-account span{font-size:10px;color:#7890b3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.domain-sidebar nav{padding-top:22px}.domain-sidebar nav>a{display:flex;align-items:center;gap:11px;padding:12px 10px;border-radius:5px;color:#a9bdd9;font-size:12px;margin:3px 0}.domain-sidebar nav>a:hover,.domain-sidebar nav>a.active{background:#1b3d89;color:#fff}.domain-sidebar nav a b{font-size:17px;font-weight:400;width:17px;text-align:center}.domain-sidebar nav a i{margin-left:auto;color:#7790b4;font-size:8px;font-style:normal}.nav-gap{margin:28px 10px 9px}.domain-side-bottom{margin-top:auto;border-top:1px solid #ffffff1c;padding:19px 10px 0}.domain-side-bottom span,.domain-side-bottom strong,.domain-side-bottom a{display:block}.domain-side-bottom span{font-size:10px;color:#8198b8}.domain-side-bottom strong{font-size:11px;color:#fff;margin-top:5px}.domain-side-bottom a{color:#6fa5ff;font-size:10px;margin-top:7px}.domain-side-bottom form{margin-top:28px}.domain-side-bottom button{background:none;border:0;color:#9fb3d0;padding:0;font:12px 'DM Sans';cursor:pointer}.domain-main{margin-left:244px;min-height:100vh;position:relative;padding-bottom:50px}.domain-topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 39px}.crumb{color:#a0afbf;font-size:11px;margin-right:9px}.domain-topbar strong{font-size:12px}.domain-top-actions{display:flex;align-items:center;gap:23px;color:#7b8ea4;font-size:11px}.domain-help b{color:var(--ink);margin-left:5px}.cart-badge{color:var(--blue);font-size:13px}.top-avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#ffd2a9;color:#fff;font-size:10px;font-weight:800}.topbar-mobile{display:none}.sidebar-toggle{border:0;background:transparent;color:#7b8ea4;font-size:17px;cursor:pointer;padding:6px 10px 6px 0}.domain-sidebar.collapsed{width:64px;padding-left:10px;padding-right:10px;overflow:hidden}.domain-sidebar.collapsed .domain-brand>span:last-child,.domain-sidebar.collapsed .domain-account,.domain-sidebar.collapsed nav>a,.domain-sidebar.collapsed nav>small,.domain-sidebar.collapsed .domain-side-bottom{visibility:hidden}
.domain-sidebar.collapsed nav .subnav{display:none}.domain-sidebar.collapsed nav>a b{font-size:19px;color:#fff;position:absolute;left:0}.domain-sidebar.collapsed nav>a{position:relative;color:transparent;margin:4px 0}.domain-sidebar.collapsed+.domain-main,.domain-sidebar.collapsed~.domain-main{margin-left:78px}.domain-content{max-width:100%;padding:44px 42px}.domain-hero{background:linear-gradient(115deg,#f1f7ff,#fff);border:1px solid #dce9f8;border-radius:10px;min-height:210px;padding:31px 39px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.domain-kicker{color:var(--blue);font-size:9px;letter-spacing:1.4px;font-weight:800}.domain-hero h1{font:800 34px/1.12 'Manrope';letter-spacing:-1.5px;margin:10px 0}.domain-hero h1 em{font-style:normal;color:var(--blue)}.domain-hero p{color:var(--muted);font-size:12px;max-width:450px;margin:0}.domain-orbit{width:235px;height:160px;position:relative;margin-right:35px}.domain-orbit:before{content:'';position:absolute;inset:15px 0;border:1px dashed #b5cef0;border-radius:50%;transform:rotate(-18deg)}.domain-orbit span{position:absolute;background:#fff;border:1px solid #d4e4f8;box-shadow:0 8px 20px #3776c51c;padding:7px 11px;border-radius:5px;color:#5d7ca2;font:700 11px 'Manrope'}.domain-orbit span:nth-child(1){top:0;left:80px}.domain-orbit span:nth-child(2){bottom:5px;left:22px}.domain-orbit span:nth-child(3){right:2px;bottom:42px}.domain-orbit strong{position:absolute;top:55px;left:93px;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--blue);box-shadow:0 14px 28px #3c7ff04d;color:#fff;font-size:27px}.domain-search{background:#fff;padding:25px 28px;border:1px solid var(--line);border-radius:8px;margin-top:23px;box-shadow:0 8px 25px #102c4f08}.domain-search label{display:block;font:800 14px 'Manrope';margin-bottom:10px}.domain-search-row{display:flex;align-items:center;max-width:690px;border:1px solid #d4e2f1;border-radius:6px;overflow:hidden}.domain-search-row span{padding-left:14px;color:#97a7b7;font-size:12px}.domain-search-row input{flex:1;border:0;outline:0;padding:14px 8px;font:13px 'DM Sans';min-width:0}.domain-search-row button,.add-domain{border:0;background:var(--blue);color:#fff;font:700 11px 'DM Sans';padding:14px 19px;cursor:pointer}.domain-search-row button b{font-size:17px;margin-left:8px}.domain-search small{display:block;color:#94a3b3;font-size:10px;margin-top:9px}.domain-alert{padding:12px 15px;margin-top:18px;border-radius:6px;font-size:11px}.domain-alert.error{background:#fff0f0;color:#c56161}.domain-alert.success{background:#eafaf4;color:#239a6f}.domain-results,.catalog-section{margin-top:31px}.results-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:13px}.results-heading h2{font:800 18px 'Manrope';margin:6px 0 0}.result-source{color:#91a1b3;font-size:10px}.domain-result{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);padding:15px 17px;margin:8px 0;border-radius:7px}.result-status{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;font-weight:800}.result-status.is-available{background:#e5f8f0;color:var(--green)}.result-status.is-taken{background:#fff0f0;color:var(--red)}.result-name{flex:1}.result-name strong,.result-name small,.result-price strong,.result-price small{display:block}.result-name strong{font:800 13px 'Manrope'}.result-name small,.result-price small{color:#91a0b0;font-size:10px}.result-price{text-align:right}.result-price strong{font:800 14px 'Manrope'}.add-domain{border-radius:5px;white-space:nowrap}.add-domain b{font-size:16px;margin-left:8px}.taken-label{color:#a1afbc;font-size:11px}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.catalog-card{position:relative;background:#fff;border:1px solid var(--line);padding:15px;border-radius:7px}.catalog-card>span,.catalog-card>strong,.catalog-card>small{display:block}.catalog-card>span{font:800 15px 'Manrope';color:var(--blue)}.catalog-card>strong{font:800 17px 'Manrope';margin-top:8px}.catalog-card>small{font-size:9px;color:#9aa8b5}.catalog-card>b{position:absolute;top:9px;right:9px;color:var(--green);font-size:8px}.domain-cart{position:absolute;top:330px;right:42px;width:265px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px;box-shadow:0 14px 35px #1d477010}.cart-heading{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:14px}.cart-heading h2{font:800 20px 'Manrope';margin:5px 0 0}.cart-heading h2 sup{font:10px;color:var(--blue);background:#e9f2ff;padding:3px 6px;border-radius:8px}.cart-icon{font-size:20px}.cart-item{display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);padding:14px 0}.cart-domain{display:grid;place-items:center;width:28px;height:28px;background:#e8f2ff;border-radius:7px;color:var(--blue)}.cart-item div{flex:1}.cart-item strong,.cart-item small{display:block}.cart-item strong{font-size:11px}.cart-item small{font-size:9px;color:#94a2b2}.cart-item>b{font-size:11px}.empty-cart{text-align:center;padding:28px 4px;color:#96a6b5}.empty-cart span{display:block;font-size:33px;color:#b6cee9}.empty-cart strong{display:block;color:var(--ink);font-size:12px;margin-top:7px}.empty-cart p{font-size:10px;line-height:1.5}.cart-total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:15px 0;font-size:11px}.cart-total strong{font:800 17px 'Manrope'}.checkout-button,.checkout-submit{display:flex;justify-content:space-between;align-items:center;background:var(--blue);color:#fff;border-radius:5px;padding:13px 14px;font-size:11px;font-weight:800}.checkout-button b,.checkout-submit b{font-size:17px}.cart-trust{display:flex;gap:9px;align-items:start;border-top:1px solid var(--line);margin-top:17px;padding-top:14px}.cart-trust span{color:var(--green)}.cart-trust p{font-size:10px;margin:0;color:#607892}.cart-trust small{color:#9aa8b4}.checkout-page,.confirmation-page{max-width:1050px;margin:auto;padding:42px 28px}.checkout-brand{padding:0 0 53px}.checkout-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:29px}.checkout-head h1{font:800 32px 'Manrope';margin:9px 0 3px}.checkout-head p{font-size:12px;color:var(--muted);margin:0}.checkout-head>a{color:var(--blue);font-size:11px;font-weight:700}.checkout-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:22px}.checkout-form,.checkout-summary{background:#fff;border:1px solid var(--line);border-radius:8px;padding:28px}.checkout-form h2,.checkout-summary h2{font:800 16px 'Manrope';margin:0 0 19px}.checkout-form h2:nth-of-type(2){margin-top:30px}.checkout-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.checkout-form label{display:block;font-size:11px;font-weight:700}.checkout-form input{display:block;width:100%;margin-top:7px;border:1px solid #dbe6f0;border-radius:5px;padding:12px;font:13px 'DM Sans';outline:0}.payment-option{display:flex!important;align-items:center;gap:12px;border:1px solid var(--line);padding:13px;border-radius:5px;margin:8px 0;cursor:pointer}.payment-option:has(input:checked){border-color:var(--blue);background:#f2f7ff}.payment-option input{width:auto;margin:0}.payment-option span{flex:1}.payment-option strong,.payment-option small{display:block}.payment-option strong{font-size:12px}.payment-option small{color:#93a1b1;font-size:10px;font-weight:400}.payment-option>b{color:#8fa4bd}.checkout-submit{width:100%;margin-top:25px;border:0;font:700 12px 'DM Sans';cursor:pointer}.checkout-note{display:block;color:#9ba8b5;font-size:10px;text-align:center;margin-top:13px}.checkout-summary{height:max-content}.summary-item{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:13px 0;font-size:11px}.summary-item small{display:block;color:#98a7b6;font-size:9px;margin-top:3px}.summary-total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;font-size:12px}.summary-total strong{font:800 20px 'Manrope'}.checkout-summary>p{background:#f1f7ff;color:#718ba9;font-size:10px;padding:10px;border-radius:5px;margin-top:22px}.confirmation-page{max-width:700px}.confirmation-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:48px;text-align:center;box-shadow:0 20px 55px #183c6410}.confirmation-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#e5f8f0;color:var(--green);font-size:28px;margin:0 auto 20px}.confirmation-card h1{font:800 31px 'Manrope';margin:9px 0}.confirmation-card>p{max-width:480px;color:var(--muted);font-size:12px;margin:0 auto 25px}.order-reference{background:#f5f8fb;padding:14px;border-radius:5px}.order-reference span,.order-reference strong{display:block}.order-reference span{font-size:9px;color:#91a2b4;letter-spacing:1px}.order-reference strong{font:800 18px 'Manrope';margin-top:4px}.confirmation-meta{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:20px 0;margin-bottom:23px}.confirmation-meta small,.confirmation-meta strong{display:block}.confirmation-meta small{color:#94a2b0;font-size:9px}.confirmation-meta strong{font-size:12px;margin-top:3px}@media(max-width:1050px){.domain-cart{position:static;width:auto;margin:0 42px 35px}.domain-content{padding-right:42px}.domain-main{display:flex;flex-direction:column}.domain-content{order:1}.domain-cart{order:2}.catalog-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.domain-sidebar{width:205px}.domain-main{margin-left:205px}.domain-topbar{padding:0 20px}.domain-help{display:none}.domain-content{padding:25px 20px}.domain-cart{margin:0 20px 25px}.domain-hero{padding:24px;min-height:0}.domain-orbit{transform:scale(.7);margin:-20px -30px -20px 0}.domain-hero h1{font-size:27px}.catalog-grid{grid-template-columns:repeat(2,1fr)}.checkout-grid{grid-template-columns:1fr}.checkout-head{display:block}.checkout-head>a{display:block;margin-top:19px}.checkout-page{padding:28px 20px}.checkout-brand{padding-bottom:35px}}@media(max-width:520px){.domain-sidebar{position:static;width:100%;min-height:auto}.domain-sidebar nav,.domain-side-bottom{display:none}.domain-brand{padding-bottom:0}.domain-account{display:none}.domain-main{margin-left:0}.domain-topbar{height:60px}.topbar-mobile{display:block;font-size:18px}.domain-topbar>div:nth-child(2){display:none}.domain-top-actions{margin-left:auto}.domain-hero{display:block}.domain-orbit{margin:10px auto -10px}.domain-search-row{display:block;border:0}.domain-search-row span{display:none}.domain-search-row input{border:1px solid #d4e2f1;border-radius:5px;width:100%;margin-bottom:8px}.domain-search-row button{width:100%;border-radius:5px}.results-heading{display:block}.result-source{display:block;margin-top:8px}.domain-result{flex-wrap:wrap}.result-price{text-align:left;margin-left:43px}.domain-result form,.taken-label{margin-left:43px}.catalog-grid{gap:7px}.catalog-card{padding:12px}.checkout-fields{grid-template-columns:1fr}.confirmation-card{padding:30px 20px}.confirmation-meta{gap:10px}.confirmation-meta strong{font-size:10px}}
.stats-grid-domain{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:23px}.stat-tile{background:#fff;border:1px solid var(--line);border-radius:8px;padding:19px 20px}.stat-tile-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;font-size:15px;margin-bottom:16px}.stat-tile-icon.blue{background:#e8f2ff;color:var(--blue)}.stat-tile-icon.green{background:#e5f8f0;color:var(--green)}.stat-tile-icon.orange{background:#fff1e7;color:#f28b49}.stat-tile-icon.purple{background:#f0edff;color:#8973e9}.stat-tile small{display:block;color:#98a8b7;font-size:9px;letter-spacing:.8px;font-weight:800}.stat-tile strong{display:block;font:800 24px 'Manrope';margin:4px 0}.stat-tile-foot{display:block;color:#8597a9;font-size:10px}.dash-two-col{display:grid;grid-template-columns:1.25fr .75fr;gap:15px;margin-top:15px}.panel-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:23px}.panel-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:15px}.panel-head h2{font:800 16px 'Manrope';margin:5px 0 0}.panel-head>a{color:var(--blue);font-size:10px;font-weight:700}.order-row{display:flex;align-items:center;gap:13px;border-top:1px solid var(--line);padding:14px 0}.order-row>span{display:grid;place-items:center;width:33px;height:33px;border-radius:8px;background:#e8f2ff;color:var(--blue)}.order-row div{flex:1}.order-row strong,.order-row small{display:block}.order-row strong{font-size:12px;font-family:'Manrope'}.order-row small{font-size:10px;color:#899bad}.order-row>b{font-size:11px;font-family:'Manrope'}.panel-cta{margin-top:15px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick-actions a{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:6px;padding:13px 14px;color:var(--ink);font-size:11px;font-weight:700}.quick-actions a:hover{border-color:var(--blue);color:var(--blue)}.quick-actions a b{font-size:15px;font-weight:400}.construction-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:55px;text-align:center}.construction-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#fff6e8;font-size:26px;margin:0 auto 20px}.construction-actions{max-width:520px;margin:6px auto 0}@media(max-width:900px){.stats-grid-domain{grid-template-columns:repeat(2,1fr)}.dash-two-col{grid-template-columns:1fr}.construction-card{padding:32px 20px}}
.dashboard-feature-map{margin-top:24px;padding:25px;border:1px solid #dfe8f3;border-radius:12px;background:linear-gradient(135deg,#fff,#f8fbff);box-shadow:0 10px 24px #204a7910}.feature-map-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.feature-map-heading h2{margin:6px 0 0;color:var(--ink);font:800 22px 'Manrope';letter-spacing:-.4px}.feature-map-hint{color:#8a9bad;font-size:12px}.feature-map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.feature-map-card{display:flex;align-items:center;gap:12px;min-width:0;min-height:84px;padding:14px 15px;border:1px solid #e0e9f3;border-radius:10px;background:#fff;color:var(--ink);text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.feature-map-card:hover{border-color:#9fc4ee;box-shadow:0 9px 20px #2b67a516;transform:translateY(-2px)}.feature-map-card>b{margin-left:auto;color:#7f9abd;font-size:19px;font-weight:500;transition:color .18s ease,transform .18s ease}.feature-map-card:hover>b{color:var(--blue);transform:translateX(3px)}.feature-map-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:10px;background:#e7f0ff;color:#347de0;font-size:19px}.feature-map-icon.blue{background:#e7f0ff;color:#347de0}.feature-map-icon.purple{background:#f0edff;color:#7966d9}.feature-map-icon.green{background:#e5f8f0;color:#20a879}.feature-map-icon.orange{background:#fff1e7;color:#ef8c45}.feature-map-copy{display:grid;min-width:0;gap:3px}.feature-map-copy small{color:#8a9bad;font-size:8px;font-weight:800;letter-spacing:1.1px}.feature-map-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 14px 'Manrope'}.feature-map-copy em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8798aa;font-size:10px;font-style:normal}.feature-map-card-primary{border-color:#b9d5f5;background:linear-gradient(135deg,#f1f7ff,#fff)}.feature-map-card-primary .feature-map-icon{background:#dcecff}.feature-map-card-billing{border-color:#bfe7d7}.feature-map-card-action{border-color:#a9c9f3;background:#f4f8ff}.feature-map-card-action .feature-map-icon{background:#347de0;color:#fff}.panel-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:23px}.panel-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:15px}.panel-head h2{font:800 16px 'Manrope';margin:5px 0 0}.panel-head>a{color:var(--blue);font-size:10px;font-weight:700}.order-row{display:flex;align-items:center;gap:13px;border-top:1px solid var(--line);padding:14px 0}.order-row>span{display:grid;place-items:center;width:33px;height:33px;border-radius:8px;background:#e8f2ff;color:var(--blue)}.order-row div{flex:1}.order-row strong,.order-row small{display:block}.order-row strong{font-size:12px;font-family:'Manrope'}.order-row small{font-size:10px;color:#899bad}.order-row>b{font-size:11px;font-family:'Manrope'}.panel-cta{margin-top:15px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick-actions a{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:6px;padding:13px 14px;color:var(--ink);font-size:11px;font-weight:700}.quick-actions a:hover{border-color:var(--blue);color:var(--blue)}.quick-actions a b{font-size:15px;font-weight:400}.construction-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:55px;text-align:center}.construction-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#fff6e8;font-size:26px;margin:0 auto 20px}.construction-actions{max-width:520px;margin:6px auto 0}@media(max-width:900px){.stats-grid-domain{grid-template-columns:repeat(2,1fr)}.dash-two-col{grid-template-columns:1fr}.construction-card{padding:32px 20px}}
/* ---------------------------------------------------------------------------
   Top-right profile dropdown (client area topbar)
   ------------------------------------------------------------------------- */
.profile-menu{position:relative}
.profile-trigger{display:flex;align-items:center;gap:9px;border:0;background:transparent;cursor:pointer;font-family:'DM Sans',sans-serif}
.profile-name{color:var(--ink);font-size:15px;font-weight:700}
.profile-trigger:hover .profile-name{color:var(--blue)}
.profile-caret{color:#8b9cad;font-size:14px;transition:transform .15s ease}
.profile-trigger.open .profile-caret{transform:rotate(180deg)}
.top-avatar-lg{width:44px;height:44px;font-size:15px}
.profile-dropdown{display:none;position:absolute;z-index:30;right:0;top:calc(100% + 12px);width:290px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 22px 55px #12325e1f;overflow:hidden}
.profile-dropdown.open{display:block}
.profile-dropdown-head{display:flex;align-items:center;gap:13px;padding:18px;border-bottom:1px solid var(--line);background:#f8fbff}
.profile-dropdown-head small{display:block;color:#93a3b4;font-size:12px;text-transform:uppercase;letter-spacing:.8px}
.profile-dropdown-head strong{display:block;color:var(--ink);font-size:16px;margin-top:2px}
.profile-dropdown-head span{display:block;color:#8091a6;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-dropdown a,.profile-dropdown button{display:flex;align-items:center;gap:10px;width:100%;padding:12px 18px;border:0;background:transparent;color:#3d5471;font-size:14px;text-align:left;cursor:pointer;font-family:'DM Sans',sans-serif}
.profile-dropdown a:hover,.profile-dropdown button:hover{background:#f0f6ff;color:var(--blue)}
.profile-dropdown form{border-top:1px solid var(--line);margin-top:6px}
.profile-dropdown form button{color:#b0563f}
.profile-dropdown form button:hover{background:#fdf1ee;color:#c95c52}

/* ---------------------------------------------------------------------------
   Global readability pass for the client area
   ------------------------------------------------------------------------- */
.domain-topbar strong{font-size:15px}
.crumb{font-size:13px}
.domain-top-actions{font-size:13px}
.domain-help{font-size:13px}
.domain-sidebar nav>a{font-size:14px}
.domain-account strong{font-size:15px}
.domain-account span{font-size:12px}
.domain-hero p{font-size:14px}
.domain-search label{font-size:16px}
.domain-search-row input{font-size:15px}
.domain-search small{font-size:12px}
.result-name strong{font-size:15px}
.result-name small,.result-price small{font-size:12px}
.result-price strong{font-size:16px}
.catalog-card>small{font-size:11px}
.cart-item strong{font-size:13px}
.cart-item small{font-size:11px}
.checkout-form label{font-size:13px}
.checkout-form input{font-size:14px}
.payment-option strong{font-size:14px}
.payment-option small{font-size:12px}
.summary-item{font-size:13px}
.confirmation-card>p{font-size:14px}
.workspace-title{font-size:36px}
.workspace-subtitle{font-size:15px}
.table-row{font-size:14px}
.support-layout label{font-size:13px}
.ticket-row strong{font-size:14px}
.ticket-row span{font-size:12px}

/* ---------------------------------------------------------------------------
   Dashboard & My Store polish
   ------------------------------------------------------------------------- */
.stat-tile small{font-size:10px}
.stat-tile-foot{font-size:11px}
.order-row{border-radius:6px}
.order-row:hover{background:#f8fbff}
.order-row strong{font-size:14px}
.order-row small{font-size:12px}
.order-row>b{font-size:13px}
.panel-head>a{font-size:12px}
.panel-card>.panel-cta{font-size:12px}
.quick-actions a{font-size:12px}
.quick-actions a b{font-size:16px}
.table-status.initiated{color:#2f7fd1}
.table-status.approved{color:#28ac7c}
.table-status.rejected{color:#d87878}
.table-status.cancelled{color:#dc3f4f!important;background:#fff0f1;border:1px solid #ffc9cf;border-radius:999px;padding:7px 12px;font-weight:800}
.dashboard-cancelled-row{background:linear-gradient(90deg,#fffafa,#fff)}
.dashboard-cancelled-row:hover{background:#fff5f6}

/* ---------------------------------------------------------------------------
   Sidebar account card: logo/avatar + unique customer ID
   ------------------------------------------------------------------------- */
.side-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#ffb36b;color:#fff;font:800 15px 'Manrope';margin:0 0 12px}
.side-avatar-img{object-fit:cover}
.side-uid{margin-top:5px;color:#9fd18f!important;font-size:10px!important}
.profile-uid{display:block;color:#2475e8;font-size:11px;font-weight:700;letter-spacing:.3px;margin-top:3px}
.top-avatar-img{object-fit:cover}

/* ---------------------------------------------------------------------------
   Sidebar My Store sub-menu
   ------------------------------------------------------------------------- */
.domain-sidebar nav .subnav{display:none;flex-direction:column;margin:2px 0 4px}
.domain-sidebar nav .subnav.open{display:flex}
.domain-sidebar nav .subnav a{padding:8px 10px 8px 38px;font-size:12px;color:#8ea6c8;margin:1px 0;border-radius:5px}
.domain-sidebar nav .subnav a:hover{color:#fff;background:#1b3d89}
.domain-sidebar nav .subnav a.active{color:#fff;background:#1b3d89}

/* ===========================================================================
   Client area refresh: gray sidebar, centred avatars, guest actions,
   stand-alone cart page and wallet
   ========================================================================= */
.domain-sidebar{background:#f3f4f6;color:#374151;border-right:1px solid #e5e7eb}
.domain-sidebar{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}
.domain-sidebar::-webkit-scrollbar{width:6px}
.domain-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}
.domain-brand{padding-bottom:18px}
.domain-brand .ct-logo-text{color:#111827}
.domain-brand .ct-logo-accent{color:#2563eb}
.domain-sidebar nav{padding-top:8px;border-top:1px solid #e5e7eb}
.domain-sidebar nav>small{color:#9ca3af;margin:14px 10px 4px}
.domain-sidebar nav>a{color:#374151;font-size:14px;font-weight:500;padding-top:9px;padding-bottom:9px;margin-top:1px;margin-bottom:1px}
.domain-sidebar nav .subnav{margin-top:1px;margin-bottom:2px}
.domain-sidebar nav .subnav a{padding-top:6px;padding-bottom:6px}
.domain-sidebar.collapsed nav>a{margin-top:2px;margin-bottom:2px;padding-top:8px;padding-bottom:8px}
.domain-sidebar nav>a:hover{background:#e5e7eb;color:#111827}
.domain-sidebar nav>a.active{background:#fff;color:#2563eb;box-shadow:0 1px 3px #0f172a14}
.domain-sidebar nav a b{color:inherit}
.domain-sidebar nav .subnav a{color:#6b7280}
.domain-sidebar nav .subnav a:hover,.domain-sidebar nav .subnav a.active{color:#111827;background:#e5e7eb}
.domain-sidebar nav a i.nav-count{margin-left:auto;font-size:11px;font-weight:700;color:#2563eb;background:#dbeafe;border-radius:10px;padding:1px 8px}
.domain-sidebar nav a i.nav-balance{color:#15803d;background:#dcfce7}
.domain-sidebar.collapsed nav>a b{color:#374151}
.domain-side-bottom{border-top:1px solid #e5e7eb}
.domain-side-bottom span{color:#9ca3af}
.domain-side-bottom strong{color:#111827}
.domain-side-bottom a{color:#2563eb}
.domain-side-bottom button{color:#6b7280}
.domain-side-bottom button:hover{color:#111827}

/* Initials always sit dead-centre in their circle */
.top-avatar,.side-avatar,.profile-id-avatar,.top-avatar-lg{display:inline-flex!important;align-items:center;justify-content:center;text-align:center;line-height:1!important;flex:none;padding:0!important;background:#2563eb;color:#fff;font-family:'Manrope',sans-serif;font-weight:800;letter-spacing:.3px}
.profile-dropdown-head span.top-avatar{display:inline-flex!important;margin:0}
img.top-avatar,img.side-avatar{object-fit:cover}

/* Topbar: cart pill + guest buttons */
.cart-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:20px;padding:6px 12px;color:var(--ink);font-size:14px}
.cart-badge b{color:#2563eb}
.cart-badge:hover{border-color:#bfdbfe;background:#eff6ff}
.guest-actions{display:flex;gap:8px}
.guest-actions a{display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:8px;font-weight:700;font-size:14px}
.guest-login{color:var(--ink);border:1px solid var(--line)}
.guest-login:hover{background:#f9fafb}
.guest-signup{background:#2563eb;color:#fff}
.guest-signup:hover{background:#1d4ed8}

/* Domain search no longer reserves space for the side cart */
.domain-content.no-cart{padding-right:42px}
.cart-added{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.cart-added a{font-weight:700;color:#2563eb}

/* Cart page */
.cart-page{display:grid;grid-template-columns:1fr 320px;gap:22px;align-items:start;margin-top:22px}
.cart-lines{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.cart-line{display:flex;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid var(--line)}
.cart-line-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#eff6ff;color:#2563eb;font-size:18px;flex:none}
.cart-line-name{flex:1;min-width:0}
.cart-line-name strong{display:block;font-size:16px;overflow-wrap:anywhere}
.cart-line-name small{color:var(--muted);font-size:13px}
.cart-line-price{font-size:16px;white-space:nowrap}
.cart-line-remove{border:0;background:none;color:#dc2626;font:600 13px 'DM Sans',sans-serif;cursor:pointer;padding:6px}
.cart-line-remove:hover{text-decoration:underline}
.cart-more{display:block;padding:16px 20px;color:#2563eb;font-weight:700;font-size:14px}
.cart-summary-box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}
.cart-summary-row{display:flex;justify-content:space-between;padding:10px 0;font-size:14px;color:var(--muted)}
.cart-summary-row.total{border-top:1px solid var(--line);margin-top:6px;padding-top:14px;color:var(--ink);font-size:15px}
.cart-summary-row.total strong{font-size:22px}
.cart-summary-box .checkout-button{margin-top:14px}
.cart-guest-note{font-size:13px;color:var(--muted);text-align:center;margin:12px 0 0}
.cart-guest-note a{color:#2563eb;font-weight:700}
.cart-empty-state{text-align:center;background:#fff;border:1px dashed #d1d5db;border-radius:14px;padding:56px 20px;margin-top:22px}
.cart-empty-state span{font-size:38px}
.cart-empty-state strong{display:block;font-size:18px;margin-top:10px}
.cart-empty-state p{color:var(--muted);margin:6px 0 20px}
.cart-empty-state .checkout-button{display:inline-flex;width:auto;padding-left:26px;padding-right:26px;gap:12px}

/* Wallet */
.wallet-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:20px;margin-top:22px;align-items:stretch}
.wallet-balance{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;border-radius:14px;padding:28px;display:flex;flex-direction:column;justify-content:center}
.wallet-balance small{font-size:12px;letter-spacing:1.2px;opacity:.8;font-weight:700}
.wallet-balance strong{font:800 40px 'Manrope',sans-serif;margin:8px 0}
.wallet-balance span{font-size:13px;opacity:.85}
.wallet-topup{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px}
.wallet-topup-head{display:flex;gap:12px;align-items:center;margin-bottom:16px}
.wallet-topup-head h2{margin:0;font-size:18px}
.wallet-topup-head small{color:var(--muted);font-size:13px}
.bk-dot{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;background:#d51469;color:#fff;font-weight:800;flex:none}
.wallet-topup label{display:block;font-size:13px;font-weight:700;color:var(--ink)}
.wallet-topup input{display:block;width:100%;box-sizing:border-box;margin-top:6px;height:46px;border:1px solid var(--line);border-radius:9px;padding:0 14px;font:16px 'DM Sans',sans-serif}
.wallet-topup input:focus{outline:0;border-color:#d51469;box-shadow:0 0 0 3px #d5146920}
.wallet-quick{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px}
.wallet-quick button{border:1px solid var(--line);background:#fff;border-radius:18px;padding:6px 14px;font:600 13px 'DM Sans',sans-serif;cursor:pointer}
.wallet-quick button:hover{border-color:#d51469;color:#d51469}
.wallet-pay{width:100%;height:48px;border:0;border-radius:9px;background:#d51469;color:#fff;font:700 15px 'DM Sans',sans-serif;cursor:pointer;box-shadow:0 10px 22px #d5146933}
.wallet-pay:disabled{background:#e6a9c1;box-shadow:none;cursor:not-allowed}
.wallet-warn{display:block;margin-top:10px;color:#b45309;font-size:12px}
.wallet-manual{margin-top:20px}
.wallet-manual summary{cursor:pointer;font-weight:700;color:var(--ink)}
.wallet-manual p{color:var(--muted);font-size:14px}

@media(max-width:900px){.cart-page,.wallet-grid{grid-template-columns:1fr}.domain-content.no-cart{padding-right:20px}}

/* Sidebar logo + avatar colour fixes (store.css and older brand rules load later/win) */
.domain-brand .ct-logo .ct-logo-text{color:#111827!important}
.domain-brand .ct-logo .ct-logo-accent{color:#2563eb!important}
.domain-brand .ct-logo-img{height:46px}
.checkout-brand .ct-logo-img{height:44px}
.top-avatar,.side-avatar,.profile-id-avatar{background:#2563eb!important;color:#fff!important}
.profile-id-avatar span,.profile-dropdown-head span.top-avatar{color:#fff!important;font-size:inherit}
.add-domain.in-cart{background:#dcfce7;color:#15803d;text-decoration:none;display:inline-flex;align-items:center}

/* Keep the full client menu reachable on short screens and use a drawer on mobile. */
.domain-sidebar .domain-brand{flex:none}
.domain-sidebar nav{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;padding-bottom:12px}
.domain-sidebar nav::-webkit-scrollbar{width:5px}
.domain-sidebar nav::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px}
.domain-side-bottom{flex:none;margin-top:0}
.domain-side-bottom form{margin-top:0}
.sidebar-backdrop{display:none}

@media(max-width:900px){
    .domain-sidebar,
    .domain-sidebar.collapsed{
        width:min(300px,85vw);
        padding:20px 16px;
        overflow:hidden;
        transform:translateX(-100%);
        transition:transform .2s ease;
        z-index:31;
    }

    /* Reference-inspired control-panel shell: elevated rail, quiet rows, clear focus. */
    body.domain-app{
        background:#edf3fb;
    }
    .domain-sidebar{
        inset:12px auto 12px 12px;
        width:332px;
        padding:18px 12px 12px;
        border:1px solid #d5e0ee;
        border-radius:17px;
        background:#fff;
        box-shadow:0 12px 28px #294b7314, 0 2px 6px #294b730d;
    }
    .domain-brand{
        min-height:67px;
        margin:0 5px 8px;
        padding:0 8px 14px;
        border-bottom:1px solid #e4ebf3;
    }
    .domain-brand .ct-logo-img{
        height:49px;
        width:58px;
    }
    .sidebar-brand-name{
        font-size:16px;
    }
    .sidebar-brand-name em{
        color:#4f83c2;
        font-size:11px;
    }
    .domain-sidebar nav{
        padding:7px 0 0;
        max-height:calc(100vh - 138px);
    }
    .domain-sidebar nav>a{
        min-height:45px;
        margin:3px 0;
        padding:9px 13px;
        border-radius:9px;
        color:#50647d;
        font-size:14px;
        font-weight:650;
        box-shadow:none;
    }
    .domain-sidebar nav>a b{
        color:#7891ad;
        font-size:19px;
    }
    .domain-sidebar nav>a:hover{
        background:#f1f5fb;
        border-color:transparent;
        color:#244a78;
        transform:none;
    }
    .domain-sidebar nav>a.active{
        background:#e2efff;
        border-color:#c5ddfa;
        color:#2168c1;
        box-shadow:none;
    }
    .domain-sidebar nav>a.active:before{
        left:-12px;
        top:8px;
        bottom:8px;
        width:3px;
    }
    .sidebar-services-group{
        margin:5px 0 7px;
        padding:0;
        border:0;
        border-radius:0;
        background:transparent;
        box-shadow:none;
    }
    .sidebar-services-group:before{
        display:none;
    }
    .domain-sidebar nav .sidebar-services-group>a{
        min-height:45px;
        margin:3px 0;
        padding:9px 13px;
        border-radius:9px;
    }
    .domain-sidebar nav .sidebar-services-group>a.active:before{
        left:-12px;
        top:8px;
        bottom:8px;
    }
    .domain-sidebar nav .subnav{
        margin:1px 0 4px 17px;
        padding-left:11px;
        border-left-color:#dbe6f2;
    }
    .domain-sidebar nav .subnav a{
        min-height:33px;
        color:#6b819b;
    }
    .domain-side-bottom{
        margin:10px 5px 0;
        padding:10px 3px 0;
    }
    .domain-side-bottom button{
        min-height:39px;
        padding:0 11px;
        border-radius:9px;
        color:#72859c;
    }
    .domain-side-bottom button:hover{
        background:#f1f5fb;
    }
    .domain-main{
        margin-left:356px;
    }
    .sidebar-toggle{
        width:40px;
        height:40px;
        border-radius:50%;
        background:#3c7ff0;
        border-color:#3c7ff0;
        color:#fff;
        box-shadow:0 7px 16px #3c7ff03b;
    }
    .sidebar-toggle:hover{
        background:#286edc;
        border-color:#286edc;
        color:#fff;
    }
    .domain-sidebar.collapsed{
        inset:12px auto 12px 12px;
        width:76px;
        padding-left:10px;
        padding-right:10px;
    }
    .domain-sidebar.collapsed+.domain-main,
    .domain-sidebar.collapsed~.domain-main{
        margin-left:100px;
    }
    @media(max-width:900px){
        .domain-sidebar,
        .domain-sidebar.collapsed{
            inset:0 auto 0 0;
            width:min(340px,88vw);
            border-radius:0 17px 17px 0;
        }
        .domain-main,
        .domain-sidebar.collapsed+.domain-main,
        .domain-sidebar.collapsed~.domain-main{
            margin-left:0;
        }
    }

    /* Compact reference-style navigation rail. */
    .domain-sidebar{
        width:270px;
        padding:20px 10px 12px;
        background:#fff;
        border-right:1px solid #e8e8e8;
        box-shadow:2px 0 12px #00000008;
    }
    .domain-brand{
        min-height:58px;
        margin:0 6px 12px;
        padding:0 8px 13px;
        border-bottom:1px dashed #dedede;
    }
    .domain-brand .ct-logo-img{
        height:42px;
        width:48px;
    }
    .sidebar-brand-name{
        color:#222;
        font-size:15px;
    }
    .sidebar-brand-name em{
        color:#777;
        font-size:9px;
    }
    .domain-sidebar nav{
        padding:0 0 8px;
        max-height:calc(100vh - 112px);
    }
    .domain-sidebar nav>a{
        min-height:42px;
        margin:2px 0;
        padding:8px 10px;
        border:0;
        border-radius:10px;
        color:#777;
        font-size:14px;
        font-weight:600;
    }
    .domain-sidebar nav>a b{
        width:22px;
        color:#777;
        font-size:18px;
    }
    .domain-sidebar nav>a:hover{
        background:#f5f5f5;
        color:#222;
    }
    .domain-sidebar nav>a.active{
        background:#f1f1f1;
        color:#222;
        box-shadow:none;
    }
    .domain-sidebar nav>a.active:before{
        display:none;
    }
    .domain-sidebar nav>a .nav-caret{
        color:#555;
        font-size:13px;
    }
    .domain-sidebar nav>a:nth-child(3){
        margin-top:10px;
        padding-top:13px;
        border-top:1px dashed #dedede;
    }
    .domain-sidebar nav>a:nth-last-child(3){
        margin-top:10px;
        padding-top:13px;
        border-top:1px dashed #dedede;
    }
    .domain-sidebar nav>a.service-group-start{
        margin-top:12px;
        padding-top:13px;
        border-top:1px solid #dfe7f0;
    }
    .domain-sidebar nav>a.service-group-end{
        margin-bottom:12px;
        padding-bottom:13px;
        border-bottom:1px solid #dfe7f0;
    }
    .domain-sidebar nav .subnav{
        margin:0 0 5px 27px;
        padding:3px 0 3px 16px;
        border-left:2px solid #e8e8e8;
    }
    .domain-sidebar nav .subnav a{
        min-height:36px;
        padding:7px 10px;
        border-radius:8px;
        color:#8a8a8a;
        font-size:13px;
    }
    .domain-sidebar nav .subnav a:hover,
    .domain-sidebar nav .subnav a.active{
        background:#f1f1f1;
        color:#222;
        box-shadow:none;
    }
    .domain-sidebar nav .subnav a.active:before{
        display:none;
    }
    .domain-sidebar nav a i.nav-count{
        color:#555;
        background:#e9e9e9;
        font-size:11px;
    }
    .domain-sidebar nav a i.nav-balance{
        color:#176b4a;
        background:#d8f3e4;
    }
    .domain-side-bottom{
        margin:8px 6px 0;
        padding:10px 3px 0;
        border-top:1px dashed #dedede;
    }
    .domain-side-bottom button{
        min-height:38px;
        padding:0 10px;
        border-radius:8px;
        color:#777;
        font-size:13px;
    }
    .domain-side-bottom button:hover{
        background:#f5f5f5;
        color:#222;
    }
    .domain-main{
        margin-left:270px;
    }
    .sidebar-toggle{
        width:34px;
        height:34px;
        border-radius:8px;
        background:#f1f1f1;
        border-color:#dedede;
        color:#555;
        box-shadow:none;
        font-size:17px;
    }
    .sidebar-toggle:hover{
        background:#e8e8e8;
        border-color:#d0d0d0;
        color:#222;
    }
    .domain-sidebar.collapsed{
        width:72px;
        padding:20px 9px 12px;
    }
    .domain-sidebar.collapsed+.domain-main,
    .domain-sidebar.collapsed~.domain-main{
        margin-left:72px;
    }
    .domain-sidebar.collapsed .domain-brand{
        margin-left:0;
        margin-right:0;
        padding-left:0;
        padding-right:0;
    }
    .domain-sidebar.collapsed nav>a:nth-child(3),
    .domain-sidebar.collapsed nav>a:nth-last-child(3){
        margin-top:10px;
        padding-top:10px;
    }
    @media(max-width:900px){
        .domain-sidebar,
        .domain-sidebar.collapsed{
            width:min(270px,88vw);
            border-radius:0 12px 12px 0;
        }
        .domain-main,
        .domain-sidebar.collapsed+.domain-main,
        .domain-sidebar.collapsed~.domain-main{
            margin-left:0;
        }
    }

    /* Explicit service boundaries: keep these visible above generic row styles. */
    .domain-sidebar nav>a.service-group-start,
    .domain-sidebar nav>a.service-group-end{
        position:relative;
        border-top:0;
        border-bottom:0;
    }
    .domain-sidebar nav>a.service-group-start{
        margin-top:17px;
    }
    .domain-sidebar nav>a.service-group-start::after,
    .domain-sidebar nav>a.service-group-end::after{
        position:absolute;
        left:0;
        right:0;
        height:1px;
        background:#d6e0eb;
        content:"";
    }
    .domain-sidebar nav>a.service-group-start::after{
        top:-9px;
    }
    .domain-sidebar nav>a.service-group-end{
        margin-bottom:17px;
    }
    .domain-sidebar nav>a.service-group-end::after{
        bottom:-9px;
    }
    @media(max-width:900px){
        .domain-sidebar nav>a.service-group-start{
            margin-top:17px;
        }
        .domain-sidebar nav>a.service-group-end{
            margin-bottom:17px;
        }
    }

    /* Minimal product-navigation treatment matching the supplied reference. */
    body.domain-app{
        background:#f7f7f7;
    }
    .domain-sidebar{
        inset:0 auto 0 0;
        width:304px;
        padding:24px 18px 18px;
        border:0;
        border-radius:0;
        background:#f3f3f3;
        box-shadow:none;
        color:#222;
    }
    .domain-brand{
        min-height:72px;
        margin:0 6px 18px;
        padding:0 8px 18px;
        border-bottom:0;
    }
    .domain-brand .ct-logo-img{
        height:54px;
        width:62px;
    }
    .sidebar-brand-name{
        color:#202020;
        font-size:17px;
    }
    .sidebar-brand-name em{
        color:#777;
        font-size:10px;
        letter-spacing:1.2px;
    }
    .domain-sidebar nav{
        padding:0;
        max-height:calc(100vh - 142px);
    }
    .domain-sidebar nav>a{
        min-height:48px;
        margin:2px 0;
        padding:10px 12px;
        border:0;
        border-radius:9px;
        color:#747474;
        font-size:15px;
        font-weight:600;
        box-shadow:none;
    }
    .domain-sidebar nav>a b{
        width:22px;
        color:#777;
        font-size:20px;
    }
    .domain-sidebar nav>a:hover{
        background:#e9e9e9;
        color:#202020;
    }
    .domain-sidebar nav>a.active{
        background:#fff;
        border:0;
        color:#1e1e1e;
        box-shadow:0 3px 8px #0000000c;
    }
    .domain-sidebar nav>a.active:before{
        display:none;
    }
    .domain-sidebar nav>a .nav-caret{
        color:#444;
        font-size:15px;
    }
    .sidebar-services-group{
        margin:5px 0 8px;
        padding:0;
        border:0;
        background:transparent;
        box-shadow:none;
    }
    .sidebar-services-group:before{
        display:none;
    }
    .domain-sidebar nav .sidebar-services-group>a{
        min-height:48px;
        margin:2px 0;
        padding:10px 12px;
        border-radius:9px;
    }
    .domain-sidebar nav .sidebar-services-group>a.active{
        background:#fff;
    }
    .domain-sidebar nav .sidebar-services-group>a.active:before{
        display:none;
    }
    .domain-sidebar nav .subnav{
        margin:0 0 6px 27px;
        padding:3px 0 3px 17px;
        border-left:2px solid #e2e2e2;
    }
    .domain-sidebar nav .subnav a{
        min-height:44px;
        padding:10px 12px;
        border-radius:9px;
        color:#8a8a8a;
        font-size:14px;
    }
    .domain-sidebar nav .subnav a:hover{
        background:#e9e9e9;
        color:#333;
    }
    .domain-sidebar nav .subnav a.active{
        background:#fff;
        color:#222;
        box-shadow:0 3px 8px #0000000c;
    }
    .domain-sidebar nav .subnav a.active:before{
        display:none;
    }
    .domain-sidebar nav a i.nav-count{
        color:#222;
        background:#ffc29e;
        font-size:12px;
        padding:2px 8px;
    }
    .domain-sidebar nav a i.nav-balance{
        color:#176b4a;
        background:#b9e8d0;
    }
    .domain-side-bottom{
        margin:14px 6px 0;
        padding:14px 3px 0;
        border-top:1px solid #dedede;
    }
    .domain-side-bottom button{
        min-height:42px;
        padding:0 10px;
        border-radius:9px;
        color:#777;
        font-size:14px;
    }
    .domain-side-bottom button:hover{
        background:#e9e9e9;
        color:#222;
    }
    .domain-main{
        margin-left:304px;
    }
    .sidebar-toggle{
        width:36px;
        height:36px;
        border-radius:50%;
        background:#242424;
        border-color:#242424;
        color:#fff;
        box-shadow:none;
    }
    .sidebar-toggle:hover{
        background:#444;
        border-color:#444;
    }
    .domain-sidebar.collapsed{
        inset:0 auto 0 0;
        width:78px;
        padding:24px 10px 18px;
        border-radius:0;
    }
    .domain-sidebar.collapsed+.domain-main,
    .domain-sidebar.collapsed~.domain-main{
        margin-left:78px;
    }
    @media(max-width:900px){
        .domain-sidebar,
        .domain-sidebar.collapsed{
            inset:0 auto 0 0;
            width:min(304px,88vw);
            border-radius:0 14px 14px 0;
        }
        .domain-main,
        .domain-sidebar.collapsed+.domain-main,
        .domain-sidebar.collapsed~.domain-main{
            margin-left:0;
        }
    }
    .domain-sidebar.mobile-open{transform:translateX(0)}
    .domain-sidebar.collapsed .domain-brand>span:last-child,
    .domain-sidebar.collapsed nav>a,
    .domain-sidebar.collapsed nav>small,
    .domain-sidebar.collapsed .domain-side-bottom{visibility:visible}
    .domain-sidebar.collapsed nav>a{color:#374151}
    .domain-sidebar.collapsed nav>a b{position:static;color:inherit}
    .domain-sidebar.collapsed nav .subnav.open{display:flex}
    .domain-main,
    .domain-sidebar.collapsed+.domain-main,
    .domain-sidebar.collapsed~.domain-main{margin-left:0}
    .sidebar-backdrop{position:fixed;inset:0;z-index:30;border:0;background:#0f172a80}
    .domain-sidebar.mobile-open+.sidebar-backdrop{display:block}
    .domain-topbar{gap:14px;padding:0 20px}
}

@media(max-width:640px){
    .domain-topbar{height:64px;gap:8px;padding:0 14px}
    .domain-top-actions{gap:12px}
    .domain-help{display:none}
    .crumb{display:none}
    .domain-content{padding:24px 16px}
}

/* Dashboard insights: simple visual summaries that explain status without
   requiring a chart library or making the client interpret raw numbers. */
.dashboard-welcome{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
}
.dashboard-welcome .workspace-title{
    margin-bottom:6px;
}
.dashboard-domains{
    margin-top:20px;
    padding:22px 23px;
    border:1px solid #dfe8f3;
    border-radius:14px;
    background:linear-gradient(145deg,#fff,#f8fbff);
    box-shadow:0 8px 22px rgba(32,74,121,.06),inset 0 1px 0 #fff;
}
.dashboard-domains-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
}
.dashboard-domains-head h2{
    margin:6px 0 0;
    color:#17365e;
    font:800 21px 'Manrope';
}
.dashboard-domains-head a{
    color:#3c7ff0;
    font-size:13px;
    font-weight:800;
}
.dashboard-domains-head a b{
    margin-left:5px;
    font-size:15px;
    font-weight:500;
}
.dashboard-domain-list{
    margin-top:17px;
    border-top:1px solid #e4edf6;
}
.dashboard-domain-row{
    display:grid;
    grid-template-columns:minmax(250px,1.7fr) minmax(100px,.7fr) minmax(110px,.8fr) auto;
    align-items:center;
    gap:18px;
    min-height:68px;
    padding:13px 4px;
    border-bottom:1px solid #e8eff6;
    animation:dashboard-domain-reveal .5s both;
    transition:background .22s ease,transform .22s ease;
}
.dashboard-domain-row:nth-child(2){animation-delay:.06s}
.dashboard-domain-row:nth-child(3){animation-delay:.12s}
.dashboard-domain-row:nth-child(4){animation-delay:.18s}
.dashboard-domain-row:hover{
    transform:translateX(4px);
    background:linear-gradient(90deg,#f5faff,transparent);
}
@keyframes dashboard-domain-reveal{
    from{opacity:0;transform:translateY(8px)}
    to{opacity:1;transform:translateY(0)}
}
.dashboard-domain-row:last-child{
    border-bottom:0;
}
.dashboard-domain-name strong{
    display:block;
    color:#17365e;
    font-size:22px;
    letter-spacing:-.35px;
    font-weight:800;
}
.dashboard-domain-name small,
.dashboard-domain-detail small{
    display:block;
    margin-top:4px;
    color:#8a9db1;
    font-size:12px;
}
.domain-row-progress{
    height:5px;
    margin-top:12px;
    overflow:hidden;
    border-radius:99px;
    background:#e9f1f8;
}
.domain-row-progress i{
    display:block;
    height:100%;
    min-width:5px;
    border-radius:inherit;
    background:linear-gradient(90deg,#65b8f5,#3c7ff0);
    box-shadow:0 2px 6px rgba(60,127,240,.3);
}
.domain-row-progress i.is-expired{
    background:linear-gradient(90deg,#e9939d,#d85d6d);
}
.dashboard-domain-detail span,
.dashboard-domain-detail strong{
    display:block;
    color:#456783;
    font-size:15px;
    font-weight:800;
}
.dashboard-domain-detail strong{
    color:#17365e;
    font-size:17px;
}
.dashboard-hosting{
    margin-top:16px;
}
.domain-lifecycle-panel{
    margin-top:16px;
    padding:24px;
    border:1px solid #dfe8f3;
    border-radius:14px;
    background:linear-gradient(145deg,#fff,#f8fbff);
    box-shadow:0 8px 22px rgba(32,74,121,.06),inset 0 1px 0 #fff;
}
.lifecycle-panel-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
}
.lifecycle-panel-head h2{
    margin:6px 0 4px;
    color:#17365e;
    font:800 23px 'Manrope';
}
.lifecycle-panel-head p{
    margin:0;
    color:#8295aa;
    font-size:14px;
}
.lifecycle-overview-stat{
    flex:none;
    min-width:100px;
    padding:10px 14px;
    border:1px solid #d7e8f7;
    border-radius:12px;
    background:#f4faff;
    text-align:center;
}
.lifecycle-overview-stat strong{
    display:block;
    color:#3c7ff0;
    font:800 28px 'Manrope';
}
.lifecycle-overview-stat span{
    color:#8295aa;
    font-size:12px;
    font-weight:700;
}
.lifecycle-chart{
    display:grid;
    gap:17px;
    margin-top:23px;
}
.lifecycle-chart-row{
    display:grid;
    grid-template-columns:minmax(170px,1fr) 96px 130px;
    align-items:center;
    gap:22px;
}
.lifecycle-chart-label strong{
    display:block;
    overflow:hidden;
    color:#294e76;
    font-size:16px;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.lifecycle-chart-label small{
    display:block;
    margin-top:4px;
    color:#8a9db1;
    font-size:12px;
}
.lifecycle-circle{
    display:grid;
    place-items:center;
    width:88px;
    height:88px;
    border-radius:50%;
    background:conic-gradient(#3c7ff0 var(--lifecycle-progress),#e8f1f9 0);
    box-shadow:0 7px 16px rgba(60,127,240,.16);
    animation:lifecycle-circle-in .7s cubic-bezier(.22,1,.36,1) both;
}
.lifecycle-circle::before{
    grid-area:1/1;
    width:68px;
    height:68px;
    border-radius:50%;
    background:#fff;
    content:"";
}
.lifecycle-circle-inner{
    position:relative;
    z-index:1;
    grid-area:1/1;
    text-align:center;
}
.lifecycle-circle-inner strong{
    display:block;
    color:#17365e;
    font:800 24px 'Manrope';
    line-height:1;
}
.lifecycle-circle-inner small{
    display:block;
    margin-top:5px;
    color:#8295aa;
    font-size:10px;
    font-weight:800;
}
.lifecycle-chart-row.is-expired .lifecycle-circle{
    background:conic-gradient(#d85d6d 100%,#f1e7e9 0);
    box-shadow:0 7px 16px rgba(216,93,109,.14);
}
.lifecycle-chart-percent{
    color:#3c7ff0;
    text-align:left;
}
.lifecycle-chart-percent strong{
    display:block;
    font:800 20px 'Manrope';
}
.lifecycle-chart-percent small{
    display:block;
    margin-top:4px;
    color:#8295aa;
    font-size:11px;
    font-weight:700;
}
.lifecycle-chart-row.is-expired .lifecycle-chart-percent{
    color:#d85d6d;
}
@keyframes lifecycle-circle-in{
    from{opacity:0;transform:scale(.75)}
    to{opacity:1;transform:scale(1)}
}
.dashboard-domain-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:14px;
}
.dashboard-domain-row .table-status{
    white-space:nowrap;
}
.dashboard-invoice-link{
    display:inline-flex;
    align-items:center;
    gap:4px;
    padding:7px 10px;
    border:1px solid #cfe0f2;
    border-radius:8px;
    color:#3c7ff0;
    background:#f7fbff;
    font-size:13px;
    font-weight:800;
    transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.dashboard-invoice-link:hover{
    border-color:#9fc6ed;
    background:#eaf4ff;
    transform:translateY(-1px);
}
.dashboard-domain-empty{
    padding:24px 4px 8px;
    color:#8a9db1;
    font-size:12px;
}
.dashboard-domain-empty a{
    color:#3c7ff0;
    font-weight:800;
}
.dashboard-insights{
    display:grid;
    grid-template-columns:1.35fr .85fr;
    gap:15px;
    margin-top:20px;
}
.insight-card{
    min-width:0;
    padding:22px 23px;
    border:1px solid #dfe8f3;
    border-radius:14px;
    background:linear-gradient(145deg,#fff,#f8fbff);
    box-shadow:0 8px 22px rgba(32,74,121,.06),inset 0 1px 0 #fff;
}
.insight-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}
.insight-head h2{
    margin:6px 0 0;
    color:#17365e;
    font:800 16px 'Manrope';
}
.insight-period{
    color:#8a9db1;
    font-size:10px;
}
.activity-chart{
    display:flex;
    align-items:flex-end;
    justify-content:space-around;
    gap:14px;
    height:148px;
    margin-top:22px;
    padding:0 8px;
    border-bottom:1px solid #dfe8f3;
}
.activity-column{
    display:flex;
    align-items:center;
    flex:1;
    flex-direction:column;
    height:100%;
    min-width:26px;
}
.activity-value{
    min-height:16px;
    color:#5f7c9b;
    font-size:10px;
    font-weight:800;
}
.activity-track{
    display:flex;
    align-items:flex-end;
    flex:1;
    width:100%;
    max-width:32px;
    margin:6px 0 9px;
    border-radius:8px 8px 2px 2px;
    background:#edf4fb;
}
.activity-track i{
    display:block;
    width:100%;
    min-height:8px;
    border-radius:8px 8px 2px 2px;
    background:linear-gradient(180deg,#66a9f4,#3c7ff0);
    box-shadow:0 5px 12px rgba(60,127,240,.2);
}
.activity-column small{
    color:#8a9db1;
    font-size:10px;
    font-weight:700;
}
.insight-caption{
    margin:13px 0 0;
    color:#8295aa;
    font-size:11px;
    line-height:1.5;
}
.status-summary{
    display:flex;
    align-items:center;
    gap:23px;
    margin-top:23px;
}
.status-donut{
    --paid:0%;
    --pending:0%;
    display:grid;
    place-content:center;
    flex:none;
    width:112px;
    height:112px;
    border-radius:50%;
    background:conic-gradient(#2bb985 0 var(--paid),#f4b35e var(--paid) calc(var(--paid) + var(--pending)),#e27e88 calc(var(--paid) + var(--pending)) 100%);
    box-shadow:0 8px 18px rgba(43,185,133,.14);
    text-align:center;
}
.status-donut::before{
    grid-area:1/1;
    width:76px;
    height:76px;
    border-radius:50%;
    background:#fff;
    content:"";
}
.status-donut span,
.status-donut small{
    position:relative;
    z-index:1;
    grid-area:1/1;
    align-self:center;
}
.status-donut span{
    margin-top:-7px;
    color:#17365e;
    font:800 20px 'Manrope';
}
.status-donut small{
    margin-top:29px;
    color:#8a9db1;
    font-size:9px;
}
.status-legend{
    display:grid;
    flex:1;
    gap:12px;
}
.status-legend span{
    display:flex;
    align-items:center;
    color:#6f879f;
    font-size:11px;
}
.status-legend i{
    width:9px;
    height:9px;
    margin-right:8px;
    border-radius:3px;
}
.status-legend i.paid{background:#2bb985}
.status-legend i.pending{background:#f4b35e}
.status-legend i.failed{background:#e27e88}
.status-legend b{
    margin-left:auto;
    color:#17365e;
    font-weight:800;
}
.insight-link{
    display:flex;
    justify-content:space-between;
    margin-top:20px;
    padding-top:13px;
    border-top:1px solid #e6eef6;
    color:#3c7ff0;
    font-size:11px;
    font-weight:800;
}
.insight-link b{font-size:16px;font-weight:500;line-height:10px}
@media(max-width:900px){
    .dashboard-insights{grid-template-columns:1fr}
}
@media(max-width:520px){
    .dashboard-welcome .workspace-title{font-size:28px}
    .status-summary{gap:16px}
    .status-donut{width:96px;height:96px}
    .status-donut::before{width:66px;height:66px}
    .dashboard-domains{padding:18px 16px}
    .dashboard-domain-row{
        grid-template-columns:minmax(0,1fr) auto;
        gap:8px 12px;
    }
    .dashboard-domain-detail{
        display:none;
    }
    .domain-lifecycle-panel{padding:18px 16px}
    .lifecycle-panel-head{display:block}
    .lifecycle-overview-stat{display:inline-block;margin-top:14px}
    .lifecycle-chart-row{
        grid-template-columns:minmax(0,1fr) 88px;
        gap:12px;
    }
    .lifecycle-chart-label{grid-column:1/3}
    .lifecycle-circle{grid-column:2;grid-row:2}
    .lifecycle-chart-percent{grid-column:1;grid-row:2;align-self:center}
    .dashboard-domain-actions{
        grid-column:2;
        grid-row:1;
        gap:7px;
        flex-direction:column;
        align-items:flex-end;
    }
    .dashboard-domain-row .table-status{
        display:block;
    }
    .dashboard-domain-name small{
        max-width:210px;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
}

/* Final dashboard readability scale: keep the lifecycle information
   prominent as a single visual system rather than enlarging isolated labels. */
.domain-content .dashboard-domains,
.domain-content .domain-lifecycle-panel{
    padding:30px;
    border-radius:18px;
}
.domain-content .dashboard-domains-head h2{
    font-size:24px;
    letter-spacing:-.4px;
}
.domain-content .dashboard-domains-head a{
    font-size:14px;
}
.domain-content .dashboard-domain-list{
    margin-top:22px;
}
.domain-content .dashboard-domain-row{
    grid-template-columns:minmax(290px,1.8fr) minmax(125px,.75fr) minmax(155px,.9fr) auto;
    min-height:104px;
    gap:26px;
    padding:19px 6px;
}
.domain-content .dashboard-domain-name strong{
    font-size:24px;
}
.domain-content .dashboard-domain-name small,
.domain-content .dashboard-domain-detail small{
    margin-top:7px;
    font-size:13px;
}
.domain-content .domain-row-progress{
    height:7px;
    margin-top:16px;
}
.domain-content .dashboard-domain-detail span{
    font-size:16px;
}
.domain-content .dashboard-domain-detail strong{
    font-size:19px;
}
.domain-content .dashboard-invoice-link{
    padding:9px 13px;
    font-size:14px;
}
.domain-content .lifecycle-panel-head h2{
    font-size:26px;
}
.domain-content .lifecycle-panel-head p{
    font-size:15px;
}
.domain-content .lifecycle-overview-stat{
    min-width:120px;
    padding:14px 18px;
}
.domain-content .lifecycle-overview-stat strong{
    font-size:32px;
}
.domain-content .lifecycle-overview-stat span{
    font-size:13px;
}
.domain-content .lifecycle-chart{
    gap:25px;
    margin-top:30px;
}
.domain-content .lifecycle-chart-row{
    grid-template-columns:minmax(220px,1fr) 112px 155px;
    gap:30px;
}
.domain-content .lifecycle-chart-label strong{
    font-size:19px;
}
.domain-content .lifecycle-chart-label small{
    margin-top:7px;
    font-size:13px;
}
.domain-content .lifecycle-circle{
    width:108px;
    height:108px;
}
.domain-content .lifecycle-circle::before{
    width:84px;
    height:84px;
}
.domain-content .lifecycle-circle-inner strong{
    font-size:28px;
}
.domain-content .lifecycle-circle-inner small{
    margin-top:7px;
    font-size:11px;
}
.domain-content .lifecycle-chart-percent strong{
    font-size:22px;
}
.domain-content .lifecycle-chart-percent small{
    margin-top:6px;
    font-size:12px;
}
@media(max-width:700px){
    .domain-content .dashboard-domains,
    .domain-content .domain-lifecycle-panel{
        padding:22px 18px;
    }
    .domain-content .dashboard-domain-row{
        grid-template-columns:minmax(0,1fr) auto;
        min-height:100px;
        gap:10px 16px;
    }
    .domain-content .dashboard-domain-name strong{
        font-size:21px;
    }
    .domain-content .dashboard-domain-detail{
        display:none;
    }
    .domain-content .dashboard-domain-actions{
        grid-column:2;
        grid-row:1;
    }
    .domain-content .lifecycle-chart-row{
        grid-template-columns:minmax(0,1fr) 108px;
        gap:14px;
    }
    .domain-content .lifecycle-chart-label{
        grid-column:1/3;
    }
    .domain-content .lifecycle-circle{
        grid-column:2;
        grid-row:2;
    }
    .domain-content .lifecycle-chart-percent{
        grid-column:1;
        grid-row:2;
        align-self:center;
    }
}

/* ------------------------------------------------------------------
   Admin console: use the FULL width right of the sidebar and larger
   interface text. Scoped to body.admin-app so customer-area pages
   (wallet, store, invoices, profile...) keep their compact layout.
   ------------------------------------------------------------------ */
.admin-app .domain-content{max-width:none}
.admin-app .domain-content.standalone-content{max-width:none;padding-right:42px}
.admin-app .domain-kicker{font-size:11px}
.admin-app .workspace-title{font-size:40px;letter-spacing:-1px}
.admin-app .workspace-subtitle{font-size:15px;max-width:820px}
.admin-app .table-head{font-size:11px}
.admin-app .table-row{font-size:14px}
.admin-app .table-row strong{font-size:14px}
.admin-app .table-empty{font-size:14px}
@media(max-width:1200px){
    .admin-app .domain-content.standalone-content{padding-right:24px;padding-left:24px}
}

/* Compact dividers keep the sidebar sections clear without extra headings. */
.domain-sidebar nav>.nav-divider{border:0;border-top:1px solid #e5e7eb;margin:16px 10px 12px}
.domain-sidebar.collapsed nav>.nav-divider{visibility:hidden}

/* Domain checkout */
.buyer-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 24px}
.buyer-option{display:flex;align-items:center;gap:12px;padding:15px 16px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer}
.buyer-option:focus-within{border-color:#3c7ff0;background:#f5f9ff}
.buyer-option input{width:18px;height:18px;margin:0;accent-color:#3c7ff0;flex:none}
.buyer-option span,.buyer-option strong,.buyer-option small{display:block}
.buyer-option strong{font-size:15px}
.buyer-option small{margin-top:3px;color:var(--muted);font-size:12px}
.checkout-account-summary{display:flex;flex-direction:column;gap:4px;padding:14px 16px;margin:12px 0 24px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:14px}
.checkout-account-summary span,.checkout-account-summary small{color:var(--muted)}
.checkout-account-summary small{margin-top:5px;font-size:12px}
.existing-customer-panel{margin:-8px 0 24px;padding:0 12px 0 38px}
.existing-customer-panel[hidden],.existing-customer-entry[hidden],.existing-customer-result[hidden]{display:none}
.existing-customer-search{display:flex;gap:8px;padding:6px;border:1px solid var(--line);border-radius:6px;background:#fff}
.existing-customer-search input{flex:1;min-width:0;border:0!important;outline:0;padding:10px 12px!important;font-size:14px!important}
.existing-customer-confirm{min-width:110px;border:0;border-radius:4px;background:#2563eb;color:#fff;font:700 12px 'DM Sans',sans-serif;text-transform:uppercase;cursor:pointer}
.existing-customer-confirm:disabled{background:#d1d5db;color:#6b7280;cursor:wait}
.customer-lookup-message{min-height:0;margin-top:6px;color:#b91c1c;font-size:12px}
.customer-sign-in-note{color:var(--muted);font-size:13px}
.customer-sign-in-note a,.create-customer-link{color:#3c7ff0;font-weight:600}
.customer-create-divider{display:flex;align-items:center;gap:12px;margin:12px 0;color:var(--muted);font-size:12px}
.customer-create-divider:before,.customer-create-divider:after{content:'';height:1px;background:var(--line);flex:1}
.create-customer-link{display:inline-block;padding:2px 0;font-size:14px}
.existing-customer-result{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border:1px solid #bfdbfe;border-radius:8px;background:#f5f9ff}
.existing-customer-result>div,.existing-customer-result span{display:block}
.existing-customer-result strong{display:block;margin-bottom:4px}
.existing-customer-result span{color:var(--muted);font-size:13px}
.change-customer-button{flex:none;padding:7px 12px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);font:600 12px 'DM Sans',sans-serif;cursor:pointer}
.checkout-summary-heading{display:flex;justify-content:space-between;align-items:center}
.checkout-summary-heading .domain-kicker:last-child{color:var(--muted)}
.checkout-summary .summary-item{justify-content:space-between}
.checkout-summary-tax{display:flex;justify-content:space-between;margin-top:12px;color:var(--muted);font-size:14px}
.checkout-summary .summary-total{display:flex;justify-content:space-between;align-items:center}
.checkout-summary .checkout-grand-total{border-top:1px solid var(--line);margin-top:18px;padding-top:16px;font-size:17px}
.checkout-form .checkout-submit:disabled{background:#d1d5db;box-shadow:none;color:#6b7280;cursor:not-allowed}
.domain-registration-guest .domain-main{margin-left:0;min-height:60vh;padding-bottom:24px}
.domain-registration-guest .domain-content.no-cart{max-width:1180px;padding:38px 28px 48px}
.domain-registration-guest .domain-search{margin-top:0}
.domain-registration-guest .domain-results,.domain-registration-guest .catalog-section{margin-top:32px}
@media(max-width:640px){
    .buyer-options{grid-template-columns:1fr}
    .domain-registration-guest .domain-content.no-cart{padding:24px 16px 36px}
}

/* Premium client navigation */
.domain-sidebar{
    width:300px;
    box-sizing:border-box;
    padding:24px 18px 17px;
    background:linear-gradient(180deg,#f8fbff 0%,#eef4fb 100%);
    color:#294463;
    border-right:1px solid #dce6f2;
    box-shadow:8px 0 28px #24466d12;
}
.domain-main{margin-left:300px}
.domain-brand{min-height:61px;padding:0 12px 19px;border-bottom:1px solid #dce6f2;gap:12px}
.domain-brand .ct-logo-img{height:55px;width:62px;object-fit:contain}
.sidebar-brand-name{color:#17365e;font:800 17px/1.05 'Manrope';letter-spacing:-.4px;white-space:nowrap}
.sidebar-brand-name em{display:block;color:#4f83c2;font-style:normal;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;margin-top:3px}
.sidebar-account-card{display:flex;align-items:center;gap:10px;margin:15px 4px 17px;padding:11px 10px;border:1px solid #d3e2f2;border-radius:12px;background:#fff;box-shadow:0 5px 16px #284d7412}
.sidebar-account-avatar{display:grid;place-items:center;flex:none;width:35px;height:35px;border:2px solid #78a8ff66;border-radius:50%;background:#2f72e8;color:#fff;font:800 11px 'Manrope';object-fit:cover}
.sidebar-account-copy{display:grid;min-width:0;gap:2px}
.sidebar-account-copy small,.sidebar-account-copy strong,.sidebar-account-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-account-copy small{color:#7892ad;font-size:9px;font-weight:800;letter-spacing:1.2px}
.sidebar-account-copy strong{color:#17365e;font-size:14px}
.sidebar-account-copy span{color:#7892ad;font-size:11px}
.sidebar-account-settings{display:grid;place-items:center;flex:none;width:27px;height:27px;margin-left:auto;border-radius:7px;color:#6b86a3;font-size:15px;transition:background .18s ease,color .18s ease}
.sidebar-account-settings:hover,.sidebar-account-settings:focus-visible{background:#e8f1fb;color:#2563b8}
.domain-sidebar nav{padding-top:0;border-top:0}
.sidebar-nav-label{display:block;margin:19px 11px 8px;color:#7892ad;font-size:10px;font-weight:800;letter-spacing:1.6px}
.sidebar-nav-label-billing{margin-top:12px}
.domain-sidebar nav>a{position:relative;min-height:49px;margin:5px 0;padding:11px 16px;border:1px solid transparent;border-radius:12px;color:#294766;font-size:15px;font-weight:650;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.domain-sidebar nav>a span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.domain-sidebar nav>a b{color:#6284a6;font-size:20px;transition:color .18s ease}
.domain-sidebar nav>a:hover{background:#e4eef9;border-color:#cfe0f2;color:#123963;transform:translateX(2px)}
.domain-sidebar nav>a:hover b,.domain-sidebar nav>a.active b{color:#256bd0}
.domain-sidebar nav>a.active{background:#dcecff;border-color:#b9d5f5;color:#1458ad;box-shadow:0 5px 14px #2c6fc51c}
.domain-sidebar nav>a.active:before{position:absolute;left:-19px;top:9px;bottom:9px;width:4px;border-radius:0 4px 4px 0;background:#347de0;box-shadow:0 0 10px #72adff;content:""}
.domain-sidebar nav>a.sidebar-primary-action{margin-top:7px;background:linear-gradient(100deg,#2c79ed,#4b91f8);border-color:#7eaff04d;color:#fff;box-shadow:0 9px 20px #1f67dc35}
.domain-sidebar nav>a.sidebar-primary-action b{color:#fff}
.domain-sidebar nav>a.sidebar-primary-action:hover{background:linear-gradient(100deg,#3985f4,#5a9cff);transform:translateY(-1px)}
.domain-sidebar nav>a:focus-visible,.domain-sidebar nav .subnav a:focus-visible{outline:2px solid #78aef1;outline-offset:2px}
.domain-sidebar nav .subnav{margin:2px 0 7px 17px;padding:3px 0 3px 12px;border-left:1px solid #cbdced;gap:2px}
.domain-sidebar nav .subnav a{position:relative;display:flex;align-items:center;min-height:38px;padding:8px 10px;border-radius:7px;color:#527394;font-size:13px;transition:background .18s ease,color .18s ease}
.domain-sidebar nav .subnav a:hover,.domain-sidebar nav .subnav a.active{background:#e4eef9;color:#175cae}
.domain-sidebar nav .subnav a.active:before{position:absolute;left:-13px;width:6px;height:6px;border-radius:50%;background:#347de0;box-shadow:0 0 8px #72adff;content:""}
.domain-sidebar nav>.nav-divider{border-top-color:#d6e2ef;margin:12px 11px}
.domain-side-bottom{padding:15px 0 0;border-top-color:#d6e2ef}
.domain-side-bottom form{margin:0}
.domain-side-bottom button{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 15px;border:1px solid transparent;border-radius:11px;color:#6280a0;font-size:13px;font-weight:650;transition:background .18s ease,border-color .18s ease,color .18s ease}
.domain-side-bottom button:hover,.domain-side-bottom button:focus-visible{border-color:#d5e4f3;background:#e8f2fd;color:#1458ad}
.domain-sidebar.collapsed{width:78px;padding-left:10px;padding-right:10px}
.domain-sidebar.collapsed .domain-brand{justify-content:center;padding-left:0;padding-right:0}
.domain-sidebar.collapsed .sidebar-brand-name{display:none}
.domain-sidebar.collapsed .sidebar-account-card{justify-content:center;margin-left:0;margin-right:0;padding:8px}
.domain-sidebar.collapsed .sidebar-account-copy,.domain-sidebar.collapsed .sidebar-account-settings,.domain-sidebar.collapsed .sidebar-nav-label{display:none}
.domain-sidebar.collapsed nav>a{justify-content:center;padding-left:10px;padding-right:10px}
.domain-sidebar.collapsed nav>a span,.domain-sidebar.collapsed nav>a .nav-count,.domain-sidebar.collapsed nav>a .nav-caret{display:none}
.domain-sidebar.collapsed nav>a b{position:static;color:#a8c3f1}
.domain-sidebar.collapsed nav>a:hover{transform:none}
.domain-sidebar.collapsed nav>a.active:before{left:-10px}
.domain-sidebar.collapsed nav .subnav{display:none}
.domain-sidebar.collapsed nav>a[data-sidebar-label]::after{position:absolute;left:calc(100% + 13px);top:50%;z-index:20;padding:7px 9px;border:1px solid #ffffff1a;border-radius:6px;background:#0b255f;box-shadow:0 8px 20px #020d2c55;color:#fff;content:attr(data-sidebar-label);font-size:10px;opacity:0;pointer-events:none;transform:translateY(-50%) translateX(-4px);transition:opacity .15s ease,transform .15s ease;white-space:nowrap}
.domain-sidebar.collapsed nav>a[data-sidebar-label]:hover::after,.domain-sidebar.collapsed nav>a[data-sidebar-label]:focus-visible::after{opacity:1;transform:translateY(-50%) translateX(0)}
.domain-sidebar.collapsed .sidebar-services-group{
    margin:6px -1px;
    padding:5px 3px;
    border-color:#d6e4f2;
    box-shadow:none;
}
.domain-sidebar.collapsed .sidebar-services-group:before{
    left:10px;
    right:10px;
}
.domain-sidebar.collapsed nav .sidebar-services-group>a{
    justify-content:center;
    min-height:42px;
    padding-left:6px;
    padding-right:6px;
}
.domain-sidebar.collapsed nav .sidebar-services-group>a span,
.domain-sidebar.collapsed nav .sidebar-services-group>a .nav-count,
.domain-sidebar.collapsed nav .sidebar-services-group>a .nav-caret{
    display:none;
}
.domain-sidebar.collapsed nav .sidebar-services-group>a[data-sidebar-label]::after{
    position:absolute;
    left:calc(100% + 13px);
    top:50%;
    z-index:20;
    padding:7px 9px;
    border:1px solid #ffffff1a;
    border-radius:6px;
    background:#0b255f;
    box-shadow:0 8px 20px #020d2c55;
    color:#fff;
    content:attr(data-sidebar-label);
    font-size:10px;
    opacity:0;
    pointer-events:none;
    transform:translateY(-50%) translateX(-4px);
    transition:opacity .15s ease,transform .15s ease;
    white-space:nowrap;
}
.domain-sidebar.collapsed nav .sidebar-services-group>a[data-sidebar-label]:hover::after,
.domain-sidebar.collapsed nav .sidebar-services-group>a[data-sidebar-label]:focus-visible::after{
    opacity:1;
    transform:translateY(-50%) translateX(0);
}
.domain-sidebar nav{
    flex:0 1 auto;
    max-height:calc(100vh - 150px);
}
.domain-sidebar nav>a{
    min-height:44px;
    margin:2px 0;
    padding-top:9px;
    padding-bottom:9px;
}
.sidebar-services-group{
    position:relative;
    display:block;
    width:100%;
    box-sizing:border-box;
    margin:13px 0 11px;
    padding:9px 7px 8px;
    border:1px solid #d6e4f2;
    border-radius:15px;
    background:linear-gradient(180deg,#f8fbff 0%,#edf5fd 100%);
    box-shadow:0 6px 16px #2c5d9210;
}
.sidebar-services-group:before{
    position:absolute;
    top:-1px;
    left:20px;
    right:20px;
    height:3px;
    border-radius:0 0 5px 5px;
    background:linear-gradient(90deg,#76aef0,#3c7ff0,#76aef0);
    content:"";
}
.domain-sidebar nav .sidebar-services-group>a{
    display:flex;
    width:100%;
    box-sizing:border-box;
    min-height:42px;
    margin:2px 0;
    padding:8px 10px;
    border-radius:10px;
}
.domain-sidebar nav .sidebar-services-group>a:hover{
    background:#e2effd;
    border-color:#c9def3;
}
.domain-sidebar nav .sidebar-services-group>a.active{
    background:#d7eaff;
    border-color:#b4d4f5;
}
.domain-sidebar nav .sidebar-services-group>a.active:before{
    left:-8px;
    top:8px;
    bottom:8px;
}
.domain-sidebar nav .sidebar-services-group .subnav{
    margin-left:12px;
    margin-right:4px;
}
.domain-sidebar nav .subnav{
    margin-top:1px;
    margin-bottom:4px;
    gap:0;
}
.domain-sidebar nav .subnav a{
    min-height:34px;
    padding-top:6px;
    padding-bottom:6px;
}
.domain-side-bottom{
    margin-top:12px;
}
@media(max-width:900px){
    .domain-sidebar,.domain-sidebar.collapsed{width:min(330px,88vw);padding:20px 14px 16px}
    .domain-main,.domain-sidebar.collapsed+.domain-main,.domain-sidebar.collapsed~.domain-main{margin-left:0}
    .domain-sidebar.collapsed .domain-brand{justify-content:flex-start;padding-left:12px;padding-right:12px}
    .domain-sidebar.collapsed .sidebar-account-card{justify-content:flex-start;margin-left:4px;margin-right:4px;padding:11px 10px}
    .domain-sidebar.collapsed .sidebar-account-copy,.domain-sidebar.collapsed .sidebar-account-settings,.domain-sidebar.collapsed .sidebar-nav-label{display:grid}
    .domain-sidebar.collapsed nav>a{justify-content:flex-start;padding-left:11px;padding-right:11px}
    .domain-sidebar.collapsed nav>a span,.domain-sidebar.collapsed nav>a .nav-count,.domain-sidebar.collapsed nav>a .nav-caret{display:block}
    .domain-sidebar.collapsed nav>a .nav-caret{display:inline-block}
    .domain-sidebar.collapsed nav>a b{position:static}
    .domain-sidebar.collapsed nav>a[data-sidebar-label]::after{display:none}
    .domain-sidebar.collapsed .sidebar-services-group{
        margin:13px 0 11px;
        padding:9px 7px 8px;
    }
    .domain-sidebar.collapsed nav .sidebar-services-group>a{
        justify-content:flex-start;
        min-height:42px;
        padding-left:10px;
        padding-right:10px;
    }
    .domain-sidebar.collapsed nav .sidebar-services-group>a span,
    .domain-sidebar.collapsed nav .sidebar-services-group>a .nav-count,
    .domain-sidebar.collapsed nav .sidebar-services-group>a .nav-caret{
        display:block;
    }
    .domain-sidebar.collapsed nav .sidebar-services-group>a .nav-caret{
        display:inline-block;
    }
    .domain-sidebar.collapsed nav .sidebar-services-group>a[data-sidebar-label]::after{
        display:none;
    }
}
@media(max-width:1100px){
    .feature-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
    .dashboard-feature-map{padding:18px 15px}
    .feature-map-heading{display:block}
    .feature-map-heading h2{font-size:19px}
    .feature-map-hint{display:block;margin-top:7px}
    .feature-map-grid{grid-template-columns:1fr}
}

/* Wider client rail and a dedicated, accessible collapse control. */
.domain-sidebar{
    width:340px;
}
.domain-main{
    margin-left:340px;
}
.sidebar-toggle{
    display:inline-grid;
    place-items:center;
    width:42px;
    height:42px;
    flex:none;
    margin-right:4px;
    border:1px solid #d5e2f1;
    border-radius:12px;
    background:linear-gradient(145deg,#ffffff,#edf4fc);
    color:#2563b8;
    box-shadow:0 5px 14px #2c5d921c, inset 0 1px #fff;
    font-size:20px;
    line-height:1;
    cursor:pointer;
    transition:background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.sidebar-toggle:hover{
    border-color:#9fc3ed;
    background:#eaf3ff;
    box-shadow:0 7px 18px #2c5d9230, inset 0 1px #fff;
    transform:translateY(-1px);
}
.sidebar-toggle:active{
    transform:translateY(0);
    box-shadow:0 3px 8px #2c5d9225;
}
.sidebar-toggle:focus-visible{
    outline:3px solid #8fc0fb;
    outline-offset:2px;
}
.client-quick-nav{
    display:flex;
    align-items:center;
    gap:7px;
}
.client-quick-nav a{
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:38px;
    padding:0 12px;
    border:1px solid #dce8f5;
    border-radius:10px;
    background:#fff;
    color:#315274;
    font-size:13px;
    font-weight:700;
    text-decoration:none;
    box-shadow:0 3px 10px #3152740d;
    transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.client-quick-nav a:hover{
    border-color:#a9c9ed;
    background:#eef6ff;
    color:#1458ad;
    transform:translateY(-1px);
}
.client-quick-nav a.active{
    border-color:#b9d5f7;
    background:#eaf3ff;
    color:#1458ad;
    box-shadow:0 5px 14px #2563b81c;
}
.client-quick-nav a:focus-visible{
    outline:3px solid #8fc0fb;
    outline-offset:2px;
}
.client-quick-nav .client-domain-link{
    border-color:#c8daf2;
    background:linear-gradient(135deg,#f7fbff,#edf5ff);
}
.client-quick-nav .client-domain-link:not(.active){
    color:#315d91;
}
.client-quick-nav a>b{
    display:inline-grid;
    place-items:center;
    min-width:19px;
    height:19px;
    padding:0 5px;
    border-radius:10px;
    background:#dbeafe;
    color:#2563b8;
    font-size:11px;
}
.client-quick-nav .client-wallet-link{
    border-color:#bce8d4;
    background:#f0fdf7;
    color:#147a4d;
}
.client-quick-nav .client-wallet-link>b{
    background:#d1fae5;
    color:#147a4d;
}
.client-wallet-add{
    display:inline-grid;
    place-items:center;
    width:21px;
    height:21px;
    margin-left:1px;
    border:1px solid #9eddbd;
    border-radius:50%;
    background:#fff;
    color:#087443;
    font-size:17px;
    font-weight:800;
    line-height:1;
    transition:background .18s ease,color .18s ease,transform .18s ease;
}
.client-wallet-link:hover .client-wallet-add{
    background:#147a4d;
    color:#fff;
    transform:rotate(90deg);
}
@media(max-width:900px){
    .domain-sidebar,
    .domain-sidebar.collapsed{
        width:min(340px,88vw);
    }
    .domain-main,
    .domain-sidebar.collapsed+.domain-main,
    .domain-sidebar.collapsed~.domain-main{
        margin-left:0;
    }
    .client-quick-nav a span{display:none}
    .client-quick-nav a{padding:0 10px}
    .client-quick-nav .client-domain-link{
        display:inline-flex;
    }
    .domain-sidebar nav{
        max-height:none;
    }
}

/* Customer sidebar polish: light rail, clear groups, and calm interaction states. */
.domain-sidebar{
    width:316px;
    padding:24px 18px 18px;
    background:#f7fbff;
    border-right:1px solid #dce7f3;
    box-shadow:8px 0 24px #2c5d9208;
    color:#29496b;
}
.domain-brand{
    min-height:70px;
    margin:0 6px 16px;
    padding:0 8px 17px;
    border-bottom:1px solid #d9e5f1;
}
.domain-brand .ct-logo-img{
    width:58px;
    height:52px;
    object-fit:contain;
}
.sidebar-brand-name{
    color:#163b67;
    font-size:17px;
    letter-spacing:-.35px;
}
.sidebar-brand-name em{
    display:block;
    margin-top:3px;
    color:#4b80bf;
    font-size:10px;
    font-style:normal;
    letter-spacing:1.2px;
}
.domain-sidebar nav{
    padding:0 0 8px;
    max-height:calc(100vh - 154px);
    overflow-y:auto;
    scrollbar-width:thin;
    scrollbar-color:#c5d8ec transparent;
}
.sidebar-nav-label{
    display:block;
    margin:10px 12px 7px;
    color:#8aa2bb;
    font-size:9px;
    font-weight:800;
    letter-spacing:1.5px;
    text-transform:uppercase;
}
.sidebar-nav-label-services{
    margin-top:22px;
}
.sidebar-nav-label-store{
    margin-top:22px;
}
.domain-sidebar nav>a{
    min-height:46px;
    margin:3px 0;
    padding:9px 12px;
    border:1px solid transparent;
    border-radius:11px;
    color:#355678;
    font-size:14px;
    font-weight:700;
    transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.domain-sidebar nav>a b{
    display:grid;
    place-items:center;
    width:25px;
    height:25px;
    border:1px solid #c9dced;
    border-radius:8px;
    background:#edf5fd;
    color:#6b91b8;
    font-size:17px;
    line-height:1;
}
.domain-sidebar nav>a:hover{
    border-color:#d5e5f4;
    background:#eef6ff;
    color:#1e5d9f;
    transform:translateX(1px);
}
.domain-sidebar nav>a.active{
    border-color:#b9d7f8;
    background:#dcecff;
    color:#2168c1;
    box-shadow:0 7px 16px #2c73c51a;
}
.domain-sidebar nav>a.active b{
    border-color:#a9cdf2;
    background:#c9e2ff;
    color:#2168c1;
}
.domain-sidebar nav>a:focus-visible,
.domain-sidebar nav .subnav a:focus-visible,
.domain-side-bottom button:focus-visible{
    outline:3px solid #9cc9f7;
    outline-offset:2px;
}
.domain-sidebar nav>a .nav-count,
.domain-sidebar nav>a .nav-caret{
    flex:none;
}
.domain-sidebar nav>a .nav-caret{
    display:inline-block;
    color:#517499;
    font-size:16px;
    font-style:normal;
    font-weight:800;
    line-height:1;
    transition:transform .2s ease;
}
.domain-sidebar nav>a.open .nav-caret{
    transform:rotate(180deg);
}
.domain-sidebar nav>a i.nav-count{
    min-width:27px;
    padding:4px 8px;
    border-radius:999px;
    background:#d6e8ff;
    color:#2869ba;
    font-size:10px;
    font-weight:800;
    text-align:center;
}
.domain-sidebar nav>a i.nav-balance{
    min-width:0;
    background:#d8f6e5;
    color:#168151;
}
.domain-sidebar nav>a.service-group-start{
    margin-top:3px;
}
.domain-sidebar nav>a.service-group-end{
    margin-bottom:3px;
}
.domain-sidebar nav>a.service-group-start::after,
.domain-sidebar nav>a.service-group-end::after{
    display:none;
}
.domain-sidebar nav .subnav{
    margin:2px 0 5px 25px;
    padding:3px 0 3px 16px;
    border-left:2px solid #dbe8f5;
    gap:2px;
}
.domain-sidebar nav .subnav a{
    min-height:36px;
    padding:7px 10px;
    border:1px solid transparent;
    border-radius:9px;
    color:#6b849f;
    font-size:12px;
    font-weight:650;
}
.domain-sidebar nav .subnav a:hover{
    border-color:#d9e8f7;
    background:#eef6ff;
    color:#2869ba;
}
.domain-sidebar nav .subnav a.active{
    border-color:#c6def7;
    background:#e5f1ff;
    color:#2168c1;
    box-shadow:none;
}
.domain-sidebar nav .subnav a b{
    display:none;
}
.domain-side-bottom{
    margin:14px 6px 0;
    padding:14px 3px 0;
    border-top:1px solid #d9e5f1;
}
.domain-side-bottom button{
    min-height:42px;
    padding:0 11px;
    border-radius:10px;
    color:#7b91a8;
    font-size:12px;
    font-weight:700;
}
.domain-side-bottom button:hover{
    background:#eaf3fc;
    color:#35658f;
}
.domain-main{
    margin-left:316px;
}
.domain-sidebar.collapsed{
    width:78px;
    padding:24px 10px 18px;
}
.domain-sidebar.collapsed+.domain-main,
.domain-sidebar.collapsed~.domain-main{
    margin-left:78px;
}
.domain-sidebar.collapsed .sidebar-nav-label{
    visibility:hidden;
    height:0;
    margin:0;
}
.domain-sidebar.collapsed nav>a b{
    position:static;
}

/* Expandable service menus use a clear plus/minus affordance and a soft
   height/opacity transition instead of an abrupt display toggle. */
.domain-sidebar nav>a .nav-toggle{
    display:grid;
    place-items:center;
    width:24px;
    height:24px;
    margin-left:auto;
    border:1px solid #c8dced;
    border-radius:50%;
    background:#f0f7ff;
    color:#4e78a0;
    font-size:0;
    font-style:normal;
    line-height:1;
    transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;
}
.domain-sidebar nav>a .nav-toggle::before{
    content:"+";
    font-size:17px;
    font-weight:500;
    transform:translateY(-1px);
}
.domain-sidebar nav>a.open .nav-toggle{
    border-color:#a9ccef;
    background:#dcecff;
    color:#2168c1;
    transform:rotate(180deg);
}
.domain-sidebar nav>a.open .nav-toggle::before{
    content:"−";
}
.domain-sidebar nav .subnav{
    display:flex;
    max-height:0;
    margin-top:0;
    margin-bottom:0;
    opacity:0;
    overflow:hidden;
    transform:translateY(-5px);
    transition:max-height .28s ease,margin .28s ease,opacity .2s ease,transform .28s ease;
}
.domain-sidebar nav .subnav.open{
    max-height:220px;
    margin-top:2px;
    margin-bottom:5px;
    opacity:1;
    transform:translateY(0);
}
.domain-sidebar.collapsed nav .subnav{
    display:none;
}
.domain-sidebar.collapsed nav>a .nav-toggle{
    display:none;
}

/* Collapsed rail: preserve the icon language while giving every item a
   deliberate, tactile tile like the reference navigation. */
.domain-sidebar,
.domain-main{
    transition:width .32s cubic-bezier(.22,1,.36,1),margin-left .32s cubic-bezier(.22,1,.36,1);
}
.domain-sidebar .domain-brand,
.domain-sidebar nav,
.domain-sidebar .domain-side-bottom{
    transition:padding .32s ease,margin .32s ease,opacity .2s ease;
}
.domain-sidebar.collapsed{
    width:82px;
    padding-left:12px;
    padding-right:12px;
}
.domain-sidebar.collapsed .domain-brand{
    min-height:58px;
    margin-left:0;
    margin-right:0;
    padding-bottom:14px;
}
.domain-sidebar.collapsed .domain-brand .ct-logo-img{
    width:45px;
    height:43px;
}
.domain-sidebar.collapsed .sidebar-brand-name{
    display:none;
}
.domain-sidebar.collapsed nav{
    padding-top:8px;
}
.domain-sidebar.collapsed .sidebar-nav-label{
    display:none;
}
.domain-sidebar.collapsed nav>a{
    display:grid;
    place-items:center;
    width:54px;
    min-height:54px;
    margin:7px auto;
    padding:0;
    border:1px solid transparent;
    border-radius:15px;
    color:transparent;
    visibility:visible;
    transform:none;
    transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.domain-sidebar.collapsed nav>a b{
    position:static;
    display:grid;
    place-items:center;
    width:32px;
    height:32px;
    border:0;
    border-radius:10px;
    background:transparent;
    color:#6d8daf;
    font-size:20px;
    transition:background .2s ease,color .2s ease,transform .2s ease;
}
.domain-sidebar.collapsed nav>a:hover{
    border-color:#d3e4f5;
    background:#edf6ff;
    box-shadow:0 6px 14px #2c73c51a;
    transform:translateY(-1px);
}
.domain-sidebar.collapsed nav>a:hover b{
    color:#2168c1;
    transform:scale(1.05);
}
.domain-sidebar.collapsed nav>a.active{
    border-color:#b9d7f8;
    background:#dcecff;
    box-shadow:0 7px 16px #2c73c522;
}
.domain-sidebar.collapsed nav>a.active b{
    background:#c9e2ff;
    color:#2168c1;
}
.domain-sidebar.collapsed nav>a.active:before{
    left:-13px;
    top:13px;
    bottom:13px;
    width:3px;
}
.domain-sidebar.collapsed nav>a .nav-count,
.domain-sidebar.collapsed nav>a .nav-toggle{
    display:none;
}
.domain-sidebar.collapsed nav .subnav{
    display:none;
}
.domain-sidebar.collapsed .domain-side-bottom{
    margin-left:0;
    margin-right:0;
    padding-left:0;
    padding-right:0;
    visibility:visible;
}
.domain-sidebar.collapsed .domain-side-bottom button{
    justify-content:center;
    width:54px;
    margin:0 auto;
    padding:0;
}
.domain-sidebar.collapsed .domain-side-bottom button span{
    display:none;
}
.domain-sidebar.collapsed nav>a[data-sidebar-label]::after{
    left:calc(100% + 15px);
    padding:8px 11px;
    border:1px solid #d5e5f4;
    border-radius:9px;
    background:#173b67;
    box-shadow:0 10px 24px #173b6730;
    color:#fff;
    font-size:11px;
    font-weight:700;
    letter-spacing:.1px;
    opacity:0;
    transform:translateY(-50%) translateX(-6px);
    transition:opacity .18s ease,transform .18s ease;
}
.domain-sidebar.collapsed nav>a[data-sidebar-label]:hover::after,
.domain-sidebar.collapsed nav>a[data-sidebar-label]:focus-visible::after{
    opacity:1;
    transform:translateY(-50%) translateX(0);
}

/* Reference-style expanded groups. The parent stays quiet while the
   selected child becomes the elevated white surface. */
.domain-sidebar:not(.collapsed) nav>a.service-group-start{
    margin-top:4px;
    background:transparent;
    border-color:transparent;
    box-shadow:none;
    transform:none;
}
.domain-sidebar:not(.collapsed) nav>a.service-group-start:hover,
.domain-sidebar:not(.collapsed) nav>a.service-group-start.open{
    background:#edf6ff;
    border-color:#d6e7f7;
}
.domain-sidebar:not(.collapsed) nav>a.service-group-start b{
    width:32px;
    height:32px;
    border-radius:9px;
    background:#eef6ff;
    color:#4f83b7;
}
.domain-sidebar:not(.collapsed) nav>a.service-group-start.open b{
    border-color:#b9d8f6;
    background:#e2f0ff;
    color:#3276bb;
}
.domain-sidebar:not(.collapsed) nav>a .nav-toggle{
    width:30px;
    height:30px;
    border-color:#b6d2ee;
    background:#e4f1ff;
    color:#2f78c8;
}
.domain-sidebar:not(.collapsed) nav>a.open .nav-toggle{
    transform:none;
}
.domain-sidebar:not(.collapsed) nav .subnav{
    position:relative;
    margin:1px 0 8px 20px;
    padding:3px 0 3px 27px;
    border-left:2px solid #dce8f4;
    gap:2px;
}
.domain-sidebar:not(.collapsed) nav .subnav a{
    min-height:46px;
    padding:9px 13px;
    border:1px solid transparent;
    border-radius:14px;
    color:#6d88a4;
    font-size:13px;
    font-weight:700;
}
.domain-sidebar:not(.collapsed) nav .subnav a:hover{
    border-color:#dce9f5;
    background:#f1f7fd;
    color:#346996;
}
.domain-sidebar:not(.collapsed) nav .subnav a.active{
    border-color:#e0e8f0;
    background:#fff;
    color:#183e67;
    box-shadow:0 7px 15px #294b7314;
}
.domain-sidebar:not(.collapsed) nav .subnav a.active:before{
    display:none;
}

/* Keep the service list on one measured rhythm, like the reference: the
   parent rows share one baseline and the controls share one right edge. */
.domain-sidebar:not(.collapsed) nav>a.service-nav-item{
    min-height:54px;
    margin:2px 0;
    padding:10px 12px;
    border-radius:12px;
}
.domain-sidebar:not(.collapsed) nav>a.service-nav-item b{
    flex:none;
    width:30px;
    height:30px;
    border-radius:9px;
}
.domain-sidebar:not(.collapsed) nav>a.service-nav-item span{
    line-height:1.2;
}
.domain-sidebar:not(.collapsed) nav>a.service-nav-item .nav-toggle{
    flex:none;
    width:34px;
    height:34px;
    margin-left:auto;
}
.domain-sidebar:not(.collapsed) nav>a.service-group-start{
    margin-top:2px;
}
.domain-sidebar:not(.collapsed) nav>a.service-group-end{
    margin-bottom:2px;
}
.domain-sidebar:not(.collapsed) nav>a.service-group-start + .subnav{
    margin-top:0;
    margin-bottom:0;
}
.domain-sidebar:not(.collapsed) nav>a.service-nav-item + .subnav{
    margin-top:0;
    margin-bottom:0;
    margin-left:21px;
    padding-left:28px;
}
.domain-sidebar:not(.collapsed) nav>a.service-nav-item + .subnav.open{
    margin-top:15px;
    margin-bottom:16px;
}

/* Final reference match: a quiet light canvas, a compact navy parent pill,
   and elevated white child rows connected by one fine rail. */
.domain-sidebar:not(.collapsed){
    background:#f3f6fa;
    border-right:1px solid #dfe7ef;
    box-shadow:none;
}
@supports (backdrop-filter:blur(1px)){
    .domain-sidebar:not(.collapsed){
        background:
            radial-gradient(circle at 8% 8%,rgba(255,255,255,.92),transparent 30%),
            radial-gradient(circle at 100% 42%,rgba(201,226,250,.34),transparent 34%),
            rgba(243,246,250,.78);
        -webkit-backdrop-filter:blur(16px) saturate(120%);
        backdrop-filter:blur(16px) saturate(120%);
    }
}
.domain-sidebar:not(.collapsed) nav>a.service-nav-item.active{
    min-height:56px;
    background:#17365e;
    border-color:#17365e;
    color:#fff;
    box-shadow:0 8px 18px #17365e20;
}
.domain-sidebar:not(.collapsed) nav>a.service-nav-item.active b{
    border-color:#4f83c2;
    background:#244c79;
    color:#e4f1ff;
}
.domain-sidebar:not(.collapsed) nav>a.service-nav-item.active .nav-toggle{
    border-color:#d4e8ff;
    background:#e4f1ff;
    color:#2168c1;
}
.domain-sidebar:not(.collapsed) nav>a.service-group-start .nav-toggle{
    width:34px;
    height:34px;
    border:0;
    border-radius:0;
    background:transparent;
    color:#17365e;
    transform:none;
}
.domain-sidebar:not(.collapsed) nav>a.service-group-start .nav-toggle::before{
    content:"+";
    font-size:22px;
    font-weight:400;
    transform:none;
}
.domain-sidebar:not(.collapsed) nav>a .nav-toggle,
.domain-sidebar:not(.collapsed) nav>a.service-nav-item.active .nav-toggle,
.domain-sidebar:not(.collapsed) nav>a.open .nav-toggle{
    width:auto;
    height:auto;
    min-width:18px;
    min-height:18px;
    margin-left:auto;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    color:currentColor;
}
.domain-sidebar:not(.collapsed) nav>a .nav-toggle::before,
.domain-sidebar:not(.collapsed) nav>a.service-nav-item.active .nav-toggle::before{
    color:currentColor;
}
.domain-sidebar:not(.collapsed) nav>a.service-group-start.open .nav-toggle::before{
    content:"−";
    font-size:22px;
}
.domain-sidebar:not(.collapsed) nav>a.service-nav-item .nav-toggle::before{
    font-size:22px;
    font-weight:400;
    line-height:1;
    transform:none;
}
.domain-sidebar:not(.collapsed) nav>a.service-group-start:not(.open){
    background:transparent;
}
.domain-sidebar:not(.collapsed) nav .subnav{
    margin:15px 0 16px 22px;
    padding:0 0 0 27px;
    border-left:1px solid #c5d0dc;
    gap:8px;
}
.domain-sidebar:not(.collapsed) nav .subnav a{
    min-height:50px;
    padding:10px 16px;
    border:1px solid transparent;
    border-radius:28px;
    color:#687f97;
    font-size:14px;
    font-weight:650;
    gap:11px;
}
.domain-sidebar:not(.collapsed) nav .subnav a b{
    display:grid;
    place-items:center;
    flex:none;
    width:24px;
    height:24px;
    border:0;
    background:transparent;
    color:#6f849a;
    font-size:17px;
}
.domain-sidebar:not(.collapsed) nav .subnav a span{
    line-height:1.2;
}
.domain-sidebar:not(.collapsed) nav .subnav a.active{
    border-color:#e0e6ec;
    background:#fff;
    color:#17365e;
    box-shadow:0 5px 13px #17365e14;
}
.domain-sidebar:not(.collapsed) nav .subnav a.active b{
    color:#2168c1;
}
.domain-sidebar:not(.collapsed) nav .subnav a:hover:not(.active){
    background:#e8f0f8;
    border-color:#dce6ef;
    color:#315d87;
}

/* Keep the rail clean without allowing menu content to create a horizontal
   scrollbar. Vertical scrolling remains available when the viewport is short. */
.domain-sidebar nav{
    overflow-x:hidden;
    scrollbar-width:none;
    -ms-overflow-style:none;
}
.domain-sidebar nav::-webkit-scrollbar{
    display:none;
    width:0;
    height:0;
}
.domain-sidebar nav>a{min-height:40px;padding-top:7px;padding-bottom:7px}
.domain-sidebar nav .subnav a{min-height:32px;padding-top:5px;padding-bottom:5px}
@media(max-width:900px){
    .domain-sidebar,
    .domain-sidebar.collapsed{
        width:min(316px,88vw);
        border-radius:0 16px 16px 0;
    }
    .domain-main,
    .domain-sidebar.collapsed+.domain-main,
    .domain-sidebar.collapsed~.domain-main{
        margin-left:0;
    }
    .domain-sidebar nav{
        max-height:none;
    }
}

/* Keep the complete My Store submenu available after it expands. */
.domain-sidebar nav .subnav.open{
    max-height:420px;
}
.domain-sidebar nav .subnav a{
    min-height:32px;
    padding-top:5px;
    padding-bottom:5px;
}

/* Compact tree navigation for nested client services. */
.domain-sidebar nav .subnav.open{
    display:flex;
    gap:0;
    max-height:420px;
    margin:0 0 1px 14px;
    padding:0 0 0 10px;
    border-left:1px solid #cbdced;
    transform:none;
}
.domain-sidebar nav .subnav a{
    min-height:24px;
    margin:0;
    padding:2px 6px 2px 10px;
    border-radius:5px;
    font-size:12px;
}
.domain-sidebar nav .subnav a:before{
    position:absolute;
    left:-11px;
    width:7px;
    height:1px;
    background:#cbdced;
    box-shadow:none;
    content:"";
}
.domain-sidebar nav>a{
    min-height:36px;
    margin:2px 0;
    padding:5px 10px;
}
.domain-sidebar nav .subnav a{
    min-height:22px;
    padding:1px 5px 1px 8px;
}

/* Keep account links calm and consistent; highlight only the current item. */
.domain-sidebar nav>a{
    min-height:34px;
    margin:1px 0;
    padding:4px 10px;
    border-color:transparent;
    background:transparent;
    box-shadow:none;
    transform:none;
}
.domain-sidebar nav>a:hover{
    border-color:transparent;
    background:#eef6ff;
    transform:none;
}
.domain-sidebar nav>a.active{
    border-color:#cfe1f4;
    background:#e5f0fb;
    color:#2168c1;
    box-shadow:none;
}
.domain-sidebar nav>a.open{
    border-color:#cfe1f4;
    background:#e5f0fb;
}

/* Final sidebar rhythm: every top-level link shares the same row metrics. */
.domain-sidebar nav>a,
.domain-sidebar nav>a.service-group-start,
.domain-sidebar nav>a.service-group-end{
    min-height:40px;
    margin:2px 0;
    padding:4px 10px;
}
.domain-sidebar nav>a b{
    width:30px;
    height:30px;
    font-size:16px;
}
.domain-sidebar nav .subnav.open{
    margin:0 0 2px 14px;
    padding:0 0 0 10px;
}
.domain-sidebar nav .subnav a{
    min-height:28px;
    margin:0;
    padding:2px 6px 2px 8px;
}
.sidebar-nav-label,
.sidebar-nav-label-services,
.sidebar-nav-label-store{
    margin:12px 10px 6px;
    line-height:16px;
}
.domain-sidebar:not(.collapsed) nav>a.service-group-start,
.domain-sidebar:not(.collapsed) nav>a.service-group-end,
.domain-sidebar:not(.collapsed) nav>a.service-nav-item,
.domain-sidebar:not(.collapsed) nav>a.service-nav-item.active{
    min-height:38px;
    height:38px;
    margin:2px 0;
    padding:4px 10px;
}
.domain-sidebar:not(.collapsed) nav>a.service-nav-item + .subnav.open{
    margin-top:7px;
    margin-bottom:7px;
    padding-top:3px;
    padding-bottom:3px;
}
.domain-sidebar:not(.collapsed) nav>a.service-nav-item + .subnav.open a{
    min-height:44px;
    height:44px;
    padding:10px 14px;
}
.domain-sidebar:not(.collapsed) nav>a.service-nav-item{
    min-height:48px;
    height:48px;
    padding:8px 14px;
}
.domain-sidebar:not(.collapsed) nav>a.service-nav-item.active{
    min-height:52px;
    height:52px;
    padding:10px 16px;
}
.domain-sidebar:not(.collapsed) nav>a.service-nav-item b{
    width:32px;
    height:32px;
}
.domain-sidebar nav>a,
.domain-sidebar nav>a.service-group-start,
.domain-sidebar nav>a.service-group-end{
    min-height:38px;
    height:38px;
    margin:2px 0;
    padding:4px 10px;
    gap:10px;
}
.domain-sidebar nav>a b{
    width:28px;
    height:28px;
    flex:0 0 28px;
}
.domain-sidebar nav .subnav.open{
    margin:0 0 2px 14px;
    padding:0 0 0 10px;
}
.domain-sidebar nav .subnav a{
    min-height:26px;
    height:26px;
    margin:0;
    padding:1px 6px 1px 8px;
    gap:8px;
}

/* Domain search experience: make the first decision clear, then let each
   result carry one calm, scannable action. */
.domain-registration-guest .domain-content.no-cart,
.domain-app .domain-content.no-cart{
    max-width:1240px;
}
.domain-registration-guest .domain-content.no-cart{
    width:100%;
    margin-left:auto;
    margin-right:auto;
}
.domain-registration-guest .domain-search-primary .domain-search-row{
    margin-left:auto;
    margin-right:auto;
}
.domain-registration-guest .domain-search-primary{
    text-align:center;
}
.domain-registration-guest .domain-search-primary label{
    display:block;
}
.domain-registration-guest .domain-search-primary label,
.domain-registration-guest .domain-search-primary small{
    text-align:center;
}

.dashboard-service-cards{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    margin:24px 0;
}
.dashboard-service-card{
    min-width:0;
    padding:22px 24px;
    border:1px solid #dce8f5;
    border-radius:14px;
    background:linear-gradient(135deg,#fff,#f7fbff);
    box-shadow:0 8px 24px #2c5d9210;
}
.dashboard-service-card-head{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:12px;
}
.dashboard-service-icon{
    display:grid;
    place-items:center;
    width:32px;
    height:32px;
    border:1px solid #c9dced;
    border-radius:9px;
    background:#edf5fd;
    color:#347de0;
    font-size:17px;
}
.dashboard-service-icon.is-hosting{font-size:15px}
.dashboard-service-card h2{
    margin:0;
    color:#17365e;
    font:800 19px/1.2 'Manrope';
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.dashboard-service-card p{
    margin:7px 0 16px;
    color:#7892ad;
    font-size:12px;
}
.dashboard-service-time{
    display:block;
    color:#2168c1;
    font:800 23px/1.1 'Manrope';
}
.dashboard-service-time.is-expired{color:#c95c52}
.dashboard-service-card small{
    display:block;
    margin-top:5px;
    color:#8aa2bb;
    font-size:11px;
}
.dashboard-service-action{
    display:inline-flex;
    margin-top:2px;
    color:#347de0;
    font-size:12px;
    font-weight:700;
    text-decoration:none;
}
@media(max-width:700px){
    .dashboard-service-cards{grid-template-columns:1fr}
}
.domain-search-primary .domain-search-row button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    color:#fff;
    font-weight:800;
    letter-spacing:.1px;
    transition:background .18s ease,box-shadow .18s ease,transform .18s ease;
}
.domain-search-primary .domain-search-row button:hover{
    background:#286edc;
    box-shadow:0 10px 24px rgba(37,99,235,.3);
    transform:translateY(-1px);
}
.domain-search-primary .domain-search-row button:focus-visible{
    outline:3px solid rgba(37,99,235,.25);
    outline-offset:3px;
}
.search-button-icon{
    position:relative;
    display:inline-block;
    flex:none;
    width:27px;
    height:27px;
    margin:0;
    color:#fff!important;
    font-size:0!important;
    line-height:0;
}
.search-button-icon::before{
    position:absolute;
    top:1px;
    left:1px;
    width:15px;
    height:15px;
    border:3px solid #fff;
    border-radius:50%;
    content:"";
}
.search-button-icon::after{
    position:absolute;
    top:16px;
    left:17px;
    width:11px;
    height:4px;
    border-radius:3px;
    background:#fff;
    content:"";
    transform:rotate(45deg);
    transform-origin:left center;
}
.domain-page-intro{
    position:relative;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:28px;
    min-height:178px;
    margin-bottom:18px;
    padding:30px 34px 28px;
    overflow:hidden;
    border:1px solid #dce8f5;
    border-radius:22px;
    background:radial-gradient(circle at 88% 18%,rgba(143,201,255,.25),transparent 30%),linear-gradient(125deg,#f7fbff 0%,#eef6ff 55%,#fafdff 100%);
    box-shadow:0 16px 38px rgba(39,87,135,.08),inset 0 1px 0 rgba(255,255,255,.9);
}
.domain-page-intro::after{
    position:absolute;
    right:-35px;
    bottom:-76px;
    width:230px;
    height:160px;
    border:1px solid rgba(80,145,207,.18);
    border-radius:50%;
    content:"";
    transform:rotate(-18deg);
}
.domain-page-intro-copy{position:relative;z-index:1}
.domain-page-intro h1{
    margin:9px 0 8px;
    color:#17365e;
    font:800 clamp(26px,3vw,38px)/1.08 'Manrope';
    letter-spacing:-1.5px;
}
.domain-page-intro h1 em{color:#3c7ff0;font-style:normal}
.domain-page-intro p{max-width:510px;margin:0;color:#7188a2;font-size:13px}
.domain-page-intro-points{
    position:relative;
    z-index:1;
    display:grid;
    gap:9px;
    min-width:185px;
    padding:14px 16px;
    border:1px solid rgba(189,216,240,.72);
    border-radius:15px;
    background:rgba(255,255,255,.58);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
    color:#587694;
    font-size:11px;
    font-weight:700;
}
.domain-page-intro-points b{
    display:inline-grid;
    place-items:center;
    width:18px;
    height:18px;
    margin-right:6px;
    border-radius:50%;
    background:#e2f7ef;
    color:#17a778;
    font-size:11px;
}
.domain-search-primary{
    margin-top:0;
    padding:25px 28px 21px;
    border-radius:17px;
    box-shadow:0 12px 30px rgba(30,73,117,.08),inset 0 1px 0 #fff;
}
.domain-search-primary label{color:#17365e;font-size:15px}
.domain-search-primary .domain-search-row{
    max-width:820px;
    min-height:60px;
    border-radius:13px;
    background:#fff;
    box-shadow:0 5px 16px rgba(41,93,145,.07);
}
.domain-search-primary .domain-search-row>span{padding-left:18px;color:#8ca9c4;font-size:19px}
.domain-search-primary .domain-search-row input{padding:16px 11px;color:#17365e;font-size:15px}
.domain-search-primary .domain-search-row button{
    align-self:stretch;
    min-width:164px;
    padding:0 22px;
    border-radius:0 11px 11px 0;
    font-size:12px;
    box-shadow:0 8px 18px rgba(60,127,240,.2);
}
.domain-search-primary .domain-search-row button b{margin-left:12px;font-size:17px}
.domain-search-primary small{margin-top:11px;font-size:11px}
.results-heading{margin-bottom:15px}
.results-heading-note{margin:5px 0 0;color:#8295aa;font-size:11px}
.domain-results,.catalog-section{margin-top:36px}
.domain-result{
    min-height:88px;
    gap:17px;
    padding:17px 20px;
    border-radius:16px;
    box-shadow:0 5px 16px rgba(37,82,127,.045);
}
.domain-result:hover{box-shadow:0 14px 32px rgba(37,82,127,.1)}
.result-status{flex:none;width:40px;height:40px}
.result-name strong{font-size:18px}
.result-name small{margin-top:4px;font-size:11px}
.result-price{min-width:178px}
.result-price strong .term-price{font-size:24px}
.result-price .term-period{font-size:11px}
.result-price small{margin-top:3px;font-size:11px}
.result-term-column{min-width:176px}
.result-term-column label{margin-bottom:6px;color:#7890a8;font-size:10px;letter-spacing:.2px}
.domain-years{min-height:40px;padding:9px 10px;border-radius:9px;background:#fbfdff;color:#3b5875;font-size:11px}
.domain-add-form{gap:9px}
.add-domain{min-height:40px;padding:11px 16px;border-radius:9px;font-size:11px}
.taken-label{min-width:82px;text-align:right}
.catalog-table-wrap{
    overflow:hidden;
    border:1px solid #dce8f4;
    border-radius:17px;
    background:rgba(255,255,255,.82);
    box-shadow:0 8px 24px rgba(37,82,127,.06),inset 0 1px 0 #fff;
}
.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
}
.catalog-table{
    width:100%;
    border-collapse:collapse;
    color:#5f7893;
    font-size:12px;
}
.catalog-table th,
.catalog-table td{
    padding:17px 22px;
    text-align:left;
    vertical-align:middle;
}
.catalog-table thead{
    background:linear-gradient(90deg,#f3f8fd,#f9fcff);
}
.catalog-table thead th{
    color:#7992ab;
    font-size:10px;
    font-weight:800;
    letter-spacing:.8px;
    text-transform:uppercase;
}
.catalog-table thead th:not(:first-child),
.catalog-table td:not(:first-child){
    text-align:right;
}
.catalog-table tbody tr{
    border-top:1px solid #e8eff6;
    transition:background .18s ease;
}
.catalog-table tbody tr:hover{
    background:#f6faff;
}
.catalog-table tbody th{
    color:#17365e;
    font-weight:800;
}
.catalog-extension{
    color:#3c7ff0;
    font:800 17px 'Manrope';
}
.catalog-table td strong{
    color:#17365e;
    font:800 16px 'Manrope';
}
.catalog-table td span{
    color:#7189a2;
}
.catalog-popular,
.catalog-standard{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:68px;
    padding:5px 9px;
    border-radius:999px;
    font-size:9px;
    font-weight:800;
}
.catalog-popular{
    background:#e4f8ef;
    color:#12a271!important;
}
.catalog-standard{
    background:#f0f5fa;
    color:#8ca0b3!important;
}
@media(max-width:760px){
    .domain-page-intro{align-items:flex-start;flex-direction:column;min-height:0;padding:25px 22px;border-radius:17px}
    .domain-page-intro-points{grid-template-columns:repeat(3,1fr);width:100%;min-width:0;padding:11px 10px;font-size:10px}
    .domain-page-intro-points b{width:16px;height:16px;margin-right:3px}
    .domain-search-primary{padding:21px 17px 18px}
    .domain-search-primary .domain-search-row{min-height:52px}
    .domain-search-primary .domain-search-row button{min-width:116px;padding:0 12px}
    .domain-result{display:grid;grid-template-columns:auto 1fr;gap:10px 12px;padding:16px}
    .result-name{min-width:0}
    .result-name strong{font-size:16px;overflow-wrap:anywhere}
    .result-price,.result-term-column,.taken-label{grid-column:2;min-width:0;text-align:left}
    .result-term-column label{display:none}
    .domain-add-form{align-items:stretch;flex-wrap:wrap}
    .domain-years{flex:1;min-width:150px}
    .add-domain{flex:1}
    .taken-label{text-align:left}
    .catalog-table-wrap{
        overflow:visible;
        border:0;
        background:transparent;
        box-shadow:none;
    }
    .catalog-table,
    .catalog-table tbody,
    .catalog-table tr,
    .catalog-table th,
    .catalog-table td{
        display:block;
        width:100%;
    }
    .catalog-table thead{
        position:absolute;
        width:1px;
        height:1px;
        overflow:hidden;
        clip:rect(0 0 0 0);
        clip-path:inset(50%);
        white-space:nowrap;
    }
    .catalog-table tbody tr{
        position:relative;
        margin:10px 0;
        padding:15px 16px;
        border:1px solid #dce8f4;
        border-radius:14px;
        background:rgba(255,255,255,.86);
        box-shadow:0 5px 15px rgba(37,82,127,.05);
    }
    .catalog-table tbody tr:first-child{
        margin-top:0;
    }
    .catalog-table th,
    .catalog-table td{
        padding:0;
        text-align:left!important;
    }
    .catalog-table tbody th{
        margin-bottom:13px;
    }
    .catalog-table td{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:18px;
        margin-top:8px;
        padding-top:8px;
        border-top:1px solid #edf2f7;
    }
    .catalog-table td::before{
        color:#8aa0b5;
        content:attr(data-label);
        font-size:10px;
        font-weight:800;
        letter-spacing:.5px;
        text-transform:uppercase;
    }
    .catalog-table td[data-label="Popularity"]{
        border-top:0;
    }
    .catalog-table td[data-label="Popularity"]::before{
        content:"Status";
    }
}
@media(max-width:430px){
    .domain-page-intro-points{grid-template-columns:1fr;gap:5px}
    .domain-search-primary .domain-search-row{align-items:stretch;flex-wrap:wrap;border-radius:11px}
    .domain-search-primary .domain-search-row>span{display:none}
    .domain-search-primary .domain-search-row input{flex-basis:100%;min-height:50px}
    .domain-search-primary .domain-search-row button{width:100%;min-height:46px;border-radius:0 0 10px 10px}
}

/* Professional collapsed rail: retain brand recognition and make the
   compact navigation feel intentional rather than merely hidden. */
@media(min-width:901px){
    .domain-sidebar.collapsed{
        width:88px;
        padding:18px 10px 16px;
        background:linear-gradient(180deg,#f8fbff 0%,#edf4fb 100%);
        border-right:1px solid #d5e2ef;
        box-shadow:10px 0 28px rgba(37,82,127,.1);
    }
    .domain-sidebar.collapsed .domain-brand{
        display:grid;
        place-items:center;
        width:60px;
        min-height:60px;
        margin:0 auto 13px;
        padding:0;
        border:1px solid #cfe1f2;
        border-radius:18px;
        background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(226,240,253,.72));
        box-shadow:inset 0 1px 0 #fff,0 8px 18px rgba(45,99,153,.1);
    }
    .domain-sidebar.collapsed .domain-brand .ct-logo-img{
        width:48px;
        height:46px;
    }
    .domain-sidebar.collapsed nav{
        padding-top:7px;
    }
    .domain-sidebar.collapsed nav>a{
        position:relative;
        width:58px;
        min-height:56px;
        margin:6px auto;
        border-color:transparent;
        border-radius:16px;
    }
    .domain-sidebar.collapsed nav>a b{
        width:36px;
        height:36px;
        border:1px solid transparent;
        border-radius:12px;
        color:#6887a7;
        font-size:21px;
    }
    .domain-sidebar.collapsed nav>a:hover{
        border-color:#cfe2f5;
        background:rgba(255,255,255,.72);
        box-shadow:0 8px 18px rgba(45,99,153,.1);
        transform:translateY(-2px);
    }
    .domain-sidebar.collapsed nav>a:hover b{
        border-color:#b9d8f3;
        background:#e8f4ff;
        color:#2168c1;
    }
    .domain-sidebar.collapsed nav>a.active{
        border-color:#bcd9f3;
        background:linear-gradient(145deg,#e9f4ff,#d9ebff);
        box-shadow:0 9px 20px rgba(45,99,153,.14);
    }
    .domain-sidebar.collapsed nav>a.active::before{
        left:-11px;
        top:16px;
        bottom:16px;
        width:3px;
        border-radius:0 3px 3px 0;
        background:#3c7ff0;
    }
    .domain-sidebar.collapsed nav>a.active b{
        border-color:#afd2f3;
        background:#cfe7ff;
        color:#2168c1;
    }
    .domain-sidebar.collapsed .domain-side-bottom{
        margin:12px 0 0;
        padding:13px 0 0;
        border-top:1px solid #d5e2ef;
    }
    .domain-sidebar.collapsed .domain-side-bottom button{
        width:58px;
        min-height:48px;
        border-radius:14px;
        color:#7891aa;
    }
    .domain-sidebar.collapsed .domain-side-bottom button:hover{
        background:rgba(255,255,255,.72);
        color:#2168c1;
    }
    .domain-sidebar.collapsed nav>a[data-sidebar-label]::after{
        left:calc(100% + 13px);
        padding:9px 12px;
        border:1px solid #cfe0ef;
        border-radius:11px;
        background:#17365e;
        box-shadow:0 12px 25px rgba(23,54,94,.22);
        font-size:11px;
    }
    .domain-sidebar.collapsed~.domain-main,
    .domain-sidebar.collapsed+.domain-main{
        margin-left:88px;
    }
}

.sidebar-toggle{
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    padding:0;
    border:1px solid #c9dff2;
    border-radius:16px;
    background:#fff;
    color:#2874c5;
    font-size:0;
    box-shadow:0 6px 15px rgba(44,103,166,.08);
    transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.sidebar-toggle::before{
    width:24px;
    height:2px;
    border-radius:2px;
    background:currentColor;
    box-shadow:0 7px 0 currentColor,0 14px 0 currentColor;
    content:"";
}
.sidebar-toggle:hover{
    border-color:#a8cceb;
    background:#f7fbff;
    box-shadow:0 9px 19px rgba(45,99,153,.13);
    transform:translateY(-1px);
}
.sidebar-toggle:focus-visible{
    outline:3px solid rgba(60,127,240,.25);
    outline-offset:3px;
}

/* Section rules make the navigation groups scannable without adding another
   container or interrupting the compact row rhythm. */
.domain-sidebar:not(.collapsed) .sidebar-nav-label{
    display:flex;
    align-items:center;
    gap:10px;
    margin-right:12px;
}
.domain-sidebar:not(.collapsed) .sidebar-nav-label::after{
    content:"";
    flex:1;
    height:1px;
    background:linear-gradient(90deg,#d4e1ee 0%,rgba(212,225,238,0) 100%);
}
.domain-sidebar:not(.collapsed) .sidebar-nav-label-services,
.domain-sidebar:not(.collapsed) .sidebar-nav-label-store{
    margin-top:22px;
}

/* Frosted icon tiles add depth while keeping labels and selected rows crisp. */
.domain-sidebar:not(.collapsed) nav>a:not(.active) b{
    border-color:rgba(169,204,238,.72);
    background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(226,240,253,.5));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 4px 10px rgba(48,103,158,.07);
}
.domain-sidebar:not(.collapsed) nav>a:not(.active):hover b{
    border-color:#a9ccef;
    background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(211,233,252,.72));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 6px 14px rgba(48,103,158,.12);
    transform:translateY(-1px);
}
@supports (backdrop-filter:blur(1px)){
    .domain-sidebar:not(.collapsed) nav>a:not(.active) b{
        -webkit-backdrop-filter:blur(8px) saturate(125%);
        backdrop-filter:blur(8px) saturate(125%);
    }
}