@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;background:#f3f5f9;color:#1d2939;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.top{height:auto;min-height:68px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:14px max(22px,calc((100% - 1180px)/2));box-shadow:0 1px 8px #14213d0c;gap:18px;flex-wrap:wrap}.brand{font-size:23px;font-weight:800;color:#0c3156;text-decoration:none;white-space:nowrap}.top nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.top nav a{color:#344054;text-decoration:none;font-size:14px}.nav-cta,.btn{display:inline-block;background:#ff503d;color:white!important;border:0;border-radius:9px;padding:10px 17px;text-decoration:none;font-weight:650;cursor:pointer}.container{max-width:1180px;margin:28px auto;padding:0 18px;min-height:70vh}.hero{background:linear-gradient(115deg,#a4ff91,#71d9f5);border-radius:18px;padding:48px 28px;text-align:center;color:#08365a}.hero h1{font-size:clamp(27px,4vw,42px);line-height:1.15;margin:8px 0 14px}.hero p{font-size:17px}.search{display:flex;max-width:680px;margin:24px auto 0;gap:8px}.search input{flex:1}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:22px 0}.card,.panel{background:#fff;border-radius:14px;padding:22px;box-shadow:0 5px 22px #1018280b}.card h3{margin-top:0}.stat{font-size:26px;font-weight:800;color:#0c3156}input,select,textarea{width:100%;border:1px solid #d0d5dd;border-radius:8px;padding:11px 12px;background:#fff;color:#1d2939;font:inherit;margin:5px 0 12px}textarea{min-height:100px}label{font-size:13px;font-weight:650;color:#344054}form{margin:0}button:disabled{opacity:.5;cursor:not-allowed}.form-card{max-width:580px;margin:25px auto}.alert{border-radius:9px;padding:12px 15px;margin:0 0 18px;background:#eef4ff;color:#1849a9}.alert.success{background:#ecfdf3;color:#027a48}.alert.danger{background:#fef3f2;color:#b42318}.alert.warning{background:#fffaeb;color:#b54708}.table-wrap{overflow:auto;background:#fff;border-radius:12px;margin:18px 0}table{border-collapse:collapse;width:100%;min-width:600px}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid #eaecf0}th{background:#f9fafb;font-size:12px;text-transform:uppercase;color:#667085}.muted{color:#667085;font-size:13px}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn.secondary{background:#e9eef5;color:#344054!important}.btn.small{padding:7px 10px;font-size:13px}.pill{display:inline-block;background:#e7f8ee;color:#027a48;padding:3px 9px;border-radius:99px;font-size:12px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}footer{text-align:center;color:#667085;padding:30px 15px;background:#fff;margin-top:40px}@media(max-width:650px){.top{align-items:flex-start}.top nav{gap:10px}.search{flex-direction:column}.container{margin-top:18px}.hero{padding:30px 16px}.card,.panel{padding:17px}}
.domain-check-panel{padding:30px}.domain-check-panel h1{margin:5px 0 8px;font-size:clamp(28px,4vw,38px)}.domain-result{margin-top:22px;border:1px solid #e9edf4}.domain-result h2{font-size:25px;margin:5px 0}.pill.unavailable{background:#fff0ed;color:#c4320a}.domain-prices{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:20px 0}.domain-prices>div{padding:15px;border:1px solid #e5eaf2;border-radius:12px;background:#fbfcfe}.domain-prices small{display:block;color:#667085;margin-bottom:5px}.domain-prices strong{font-size:19px;color:#0c3156}.domain-check-panel .search{max-width:850px;margin-left:0}.domain-check-panel .search input{min-width:0}.swal2-popup{border-radius:18px!important}

/* Enterprise client area and registration */
.client-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:34px 38px;margin:10px 0 24px;border-radius:24px;background:linear-gradient(125deg,#102d50,#164b75 60%,#2879a6);color:#fff;overflow:hidden;position:relative}.client-hero h1{font-size:clamp(27px,4vw,40px);margin:8px 0}.client-hero p{color:#d7e7f7}.client-hero .eyebrow{color:#b9dcff}.client-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.client-hero .btn.secondary{background:#ffffff18;color:#fff;border:1px solid #ffffff40}.hero-orbit{width:150px;height:150px;border:1px solid #ffffff50;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;background:radial-gradient(circle,#ffffff24,#ffffff05);box-shadow:0 0 0 18px #ffffff08,0 0 0 38px #ffffff05}.hero-orbit span{font-size:38px;font-weight:800}.hero-orbit small{letter-spacing:2px;font-size:9px}.client-stats .card{position:relative;overflow:hidden}.metric-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#eaf3ff;color:#164b75;font-size:21px;margin-bottom:12px}.client-tiles .tile{display:block;color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s}.client-tiles .tile:hover{transform:translateY(-3px);box-shadow:0 16px 38px #153b5b15}.tile-icon{font-size:28px}.tile h3{margin:12px 0 6px}.tile p{color:#667085;min-height:44px}.tile b{color:#1763a0}.register-shell{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:24px;align-items:start}.register-intro{padding:32px 12px;position:sticky;top:24px}.register-intro h1{font-size:clamp(28px,4vw,44px);line-height:1.1;color:#113252}.register-intro p{color:#667085;line-height:1.7}.register-perks{display:grid;gap:12px;margin-top:24px;color:#164b75;font-weight:600}.form-card h3{margin:22px 0 12px;color:#164b75}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-weight:600;font-size:14px}.form-grid input,.form-grid select{width:100%;box-sizing:border-box}.form-grid .full{grid-column:1/-1}.form-card input,.form-card select{border:1px solid #d5deea;border-radius:10px;padding:12px;font:inherit}.form-card input:focus,.form-card select:focus{outline:3px solid #1c7ed61a;border-color:#4a8dc9}@media(max-width:780px){.register-shell{grid-template-columns:1fr}.register-intro{position:static;padding:10px 0}.client-hero{padding:25px;}.hero-orbit{width:90px;height:90px}.hero-orbit span{font-size:25px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}@media(max-width:480px){.hero-orbit{display:none}.client-hero{padding:22px}.client-actions .btn{width:100%;text-align:center}}

/* WHMCS-inspired customer portal layout based on supplied screenshots */
.whmcs-crumb{display:flex;gap:9px;align-items:center;margin:-18px calc((100vw - min(1180px,100vw - 32px))/ -2) 18px;padding:12px max(22px,calc((100vw - 1180px)/2));background:#e7ebef;color:#56616d;font-size:13px}.whmcs-crumb a{color:#536579;text-decoration:none}.whmcs-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:26px;align-items:start}.whmcs-left{display:grid;gap:15px}.whmcs-box{background:#fff;border:1px solid #d9dfe6;border-radius:4px;box-shadow:0 2px 5px #1018280a;overflow:hidden;margin-bottom:17px}.whmcs-box>header{background:#f7f7f7;border-bottom:1px solid #d6d6d6;padding:13px 15px;color:#202b37;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:10px}.whmcs-box>header a{font-size:12px;background:#19a45b;color:#fff;padding:5px 8px;border-radius:3px;text-decoration:none}.whmcs-info{padding:14px 16px;color:#333;font-size:13px;line-height:1.55}.whmcs-info strong{font-size:14px}.whmcs-info p{margin:14px 0 0}.whmcs-green,.whmcs-red,.whmcs-blue,.whmcs-outline{display:block;text-align:center;border-radius:3px;padding:9px 12px;text-decoration:none;font-weight:600}.whmcs-green{background:#079b4b;color:white}.whmcs-red{background:#e64b4b;color:white;display:inline-block}.whmcs-blue{background:#25afd0;color:white;display:inline-block}.whmcs-outline{border:1px solid #ccc;color:#344054}.whmcs-shortcut{display:block;border-bottom:1px solid #eceff2;padding:11px 14px;font-size:13px;color:#344054;text-decoration:none}.whmcs-shortcut:hover{background:#f3f8fc;color:#0875b9}.whmcs-main{min-width:0}.whmcs-stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid #d8dce1;margin-bottom:23px}.whmcs-stat{position:relative;min-height:91px;padding:17px 16px 12px;border-right:1px solid #d3d3d3;color:#333;text-decoration:none;display:grid;grid-template-columns:1fr auto;align-content:center}.whmcs-stat:last-child{border-right:0}.whmcs-stat strong{font-size:32px;font-weight:400;line-height:1.05}.whmcs-stat small{font-size:11px;color:#777;font-weight:700;grid-column:1}.whmcs-big-icon{grid-column:2;grid-row:1/3;font-size:36px;color:#c9cdd1;align-self:center}.whmcs-stat i{position:absolute;bottom:9px;left:16px;right:16px;height:2px;background:#29a5e8}.whmcs-stat i.green{background:#22b85a}.whmcs-stat i.red{background:#f04444}.whmcs-stat i.orange{background:#f79009}.whmcs-two-col{display:grid;grid-template-columns:1fr 1fr;gap:26px}.whmcs-column{min-width:0}.whmcs-panel-body{padding:16px;font-size:13px;color:#333;line-height:1.6}.whmcs-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid #ddd;text-decoration:none;color:#344054;font-size:12px}.whmcs-list a:hover{background:#f8fafc}.whmcs-badge{display:inline-block;background:#36aa60;color:white;border-radius:3px;padding:3px 7px;font-size:10px;white-space:nowrap}.whmcs-badge.pending{background:#f0a23a}.whmcs-domain-search{display:flex;gap:7px}.whmcs-domain-search input{flex:1;min-width:0;border:1px solid #ccd3dc;border-radius:4px;padding:10px}.whmcs-domain-search button{background:#079b4b;color:white;border:0;border-radius:4px;padding:9px 14px;cursor:pointer}.whmcs-register-shell{grid-template-columns:minmax(210px,.55fr) minmax(0,1.45fr);gap:26px}.whmcs-form-card{border-radius:4px;border-color:#d6dce3;padding:26px}.whmcs-form-card h1{font-size:27px;margin:0 0 6px;color:#34516d}.whmcs-form-card h3{font-size:16px;border-bottom:1px solid #d9dfe6;padding-bottom:9px;margin-top:24px;color:#355c7c}.whmcs-form-card .form-grid{gap:14px 16px}.whmcs-form-card .form-grid label{font-size:12px;color:#536273;font-weight:600}.whmcs-form-card input,.whmcs-form-card select{border-radius:6px;padding:11px 12px;border-color:#d4dce5;background:#fff;font-size:13px}.whmcs-submit{background:#079b4b;border-radius:4px;padding:12px 22px}.whmcs-profile-wrap{max-width:1000px;margin:0 auto}.whmcs-profile-heading h1{font-size:29px;color:#34516d;margin-bottom:4px}.whmcs-profile-heading p{color:#667085}.whmcs-form-actions{display:flex;gap:10px;margin-top:24px}.whmcs-form-actions .secondary{display:inline-flex;align-items:center}.whmcs-register-shell .register-intro{padding:20px 0}.whmcs-register-shell .register-intro h1{font-size:34px}.whmcs-register-shell .register-intro p{font-size:14px}@media(max-width:900px){.whmcs-layout{grid-template-columns:1fr}.whmcs-left{grid-template-columns:repeat(2,minmax(0,1fr))}.whmcs-stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.whmcs-stat:nth-child(2){border-right:0}.whmcs-stat:nth-child(-n+2){border-bottom:1px solid #d3d3d3}.whmcs-two-col{gap:14px}.whmcs-register-shell{grid-template-columns:1fr}.whmcs-register-shell .register-intro{position:static}}@media(max-width:600px){.whmcs-left,.whmcs-two-col{grid-template-columns:1fr}.whmcs-stat{padding:14px 10px}.whmcs-stat strong{font-size:27px}.whmcs-big-icon{font-size:28px}.whmcs-crumb{margin-left:-16px;margin-right:-16px;padding:12px 16px}.whmcs-form-card{padding:17px}.whmcs-form-actions{flex-direction:column}.whmcs-form-actions .btn{width:100%;text-align:center}}


/* Unified customer-facing portal polish */
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:4px 0 22px}.page-heading h1{font-size:clamp(25px,3vw,32px);letter-spacing:-.6px;margin:4px 0 6px;color:#173b5c}.eyebrow{font-size:11px;letter-spacing:1.3px;color:#718198;font-weight:800}.page-heading p{margin:0}.btn{border-radius:5px;background:#ff503d;padding:10px 16px;box-shadow:0 2px 4px #ff503d20;transition:transform .15s,box-shadow .15s,background .15s}.btn:hover,.nav-cta:hover{background:#eb4635;transform:translateY(-1px);box-shadow:0 5px 12px #ff503d24}.btn.secondary{background:#e9eef5;color:#344054!important;box-shadow:none}.btn.secondary:hover{background:#dce5ef}.btn.danger-button{background:#b42318}.btn.small{border-radius:4px;padding:7px 10px}.panel{border:1px solid #e1e7ef;border-radius:7px;box-shadow:0 3px 14px #14213d08;margin:0 0 20px}.panel h1,.panel h2,.panel h3{color:#183d5d}.table-wrap{border:1px solid #e1e7ef;border-radius:7px;box-shadow:0 3px 12px #14213d08}.table-wrap table{min-width:650px;margin:0}.table-wrap th{background:#f7f9fb;color:#607184;font-size:10px;letter-spacing:.35px;padding:12px}.table-wrap td{font-size:12px;padding:12px;border-color:#edf0f4;vertical-align:middle}.table-wrap tbody tr:hover{background:#fbfdff}.subline{display:block;color:#7b8794;font-size:11px;margin-top:3px}.status-pill{display:inline-block;padding:4px 8px;border-radius:4px;background:#fff0d8;color:#9a5b00;font-size:11px;font-weight:700;white-space:nowrap}.status-pill.paid,.status-pill.active,.status-pill.approved{background:#e5f7eb;color:#187544}.status-pill.unpaid,.status-pill.pending,.status-pill.processing{background:#fff0d8;color:#9a5b00}.status-pill.rejected,.status-pill.failed,.status-pill.cancelled{background:#ffebe8;color:#b42318}.doc-requirements{background:#fff9ed;border:1px solid #f4d8a2;border-left:4px solid #efa82f;border-radius:7px;padding:18px 20px;margin:0 0 20px;color:#5f4a25}.doc-requirements h3{margin:0 0 8px;color:#6b4c13}.doc-requirements ul{padding-left:22px;margin:8px 0}.doc-requirements p{font-size:13px;margin:8px 0 0}.dataTable-wrapper,.dt-container{width:100%;font-size:12px}.dt-container .dt-search input,.dt-container .dt-length select{border:1px solid #d5dde7;border-radius:5px;padding:6px 8px;margin:4px}.dt-container .dt-paging button{border-radius:4px!important;margin:2px!important}.dt-container .dt-paging button.current{background:#ff503d!important;color:#fff!important;border-color:#ff503d!important}.dt-container .dt-layout-row{margin:10px 0}.whmcs-main .table-wrap{overflow-x:auto}.whmcs-box .dt-container{padding:8px}.whmcs-box .dt-container table{min-width:620px}.top nav form button{font-size:12px}.top nav{gap:14px}.top{min-height:58px;padding-top:10px;padding-bottom:10px}.top .brand{font-size:19px}.top nav a{font-size:12px}.container{max-width:1180px}.whmcs-stat{border-bottom-color:#e1e5e9}.whmcs-box>header a{border-radius:3px;transition:background .15s}.whmcs-box>header a:hover{background:#138849}.whmcs-green,.whmcs-red,.whmcs-blue,.whmcs-outline{border-radius:3px;transition:filter .15s,transform .15s}.whmcs-green:hover,.whmcs-red:hover,.whmcs-blue:hover{filter:brightness(.94);transform:translateY(-1px)}@media(max-width:650px){.page-heading{align-items:flex-start}.page-heading>.btn{width:100%;text-align:center}.table-wrap{margin-top:12px}.dt-container .dt-layout-row{display:flex;flex-direction:column;gap:6px}.dt-container .dt-search,.dt-container .dt-length{width:100%}.dt-container .dt-search input{max-width:calc(100% - 60px)}}

/* SediaHosting customer dashboard - refreshed to match supplied blue SaaS reference */
body.page-clientarea{background:#f3f8ff;color:#10265f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}
body.page-clientarea .top,body.page-clientarea>footer{display:none!important}
body.page-clientarea .container{max-width:none;width:100%;margin:0;padding:0;min-height:100vh}
.sh-customer-dashboard{--sh-blue:#0878ff;--sh-navy:#071f68;--sh-border:#dce8f8;display:block;min-height:100vh;background:linear-gradient(115deg,#f5f9ff 0%,#edf5ff 100%);color:#13265e;font-size:13px}
.sh-customer-sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:284px;display:flex;flex-direction:column;padding:18px 12px 14px;background:linear-gradient(160deg,#064ab8 0%,#06409b 48%,#073879 100%);color:#fff;box-shadow:4px 0 18px #093c8a16;overflow-y:auto}
.sh-customer-brand{display:flex;align-items:center;gap:12px;padding:3px 10px 26px;color:#fff;text-decoration:none;min-height:75px}
.sh-brand-mark{width:52px;height:48px;display:grid;place-items:center;font-size:42px;line-height:1;color:#ff941e;text-shadow:0 2px 0 #ffba56;transform:rotate(-10deg)}
.sh-customer-brand b{display:block;font-size:22px;letter-spacing:-.6px;line-height:1.2}.sh-customer-brand small{display:block;font-size:11px;color:#e1edff;margin-top:3px;white-space:nowrap}
.sh-customer-nav{display:grid;gap:5px;margin-top:20px}.sh-customer-nav a{min-height:47px;padding:10px 14px;display:flex;align-items:center;gap:18px;border-radius:12px;color:#f1f6ff;text-decoration:none;font-size:14px;font-weight:550;transition:background .16s,transform .16s}.sh-customer-nav a>span{width:20px;text-align:center;font-size:23px;line-height:1;color:#dbeaff}.sh-customer-nav a>i{margin-left:auto;font-size:23px;font-style:normal;opacity:.8}.sh-customer-nav a:hover{background:#ffffff19;transform:translateX(2px)}.sh-customer-nav a.active{background:linear-gradient(100deg,#1676f5,#0878ff);box-shadow:0 7px 16px #001f5c30;color:#fff;font-weight:750}.sh-customer-nav a.active>span{color:#fff}
.sh-sidebar-help{margin:auto 4px 0;padding:16px 14px 14px;border:1px solid #3686e4;border-radius:14px;background:linear-gradient(145deg,#0b56b5,#084291);color:#fff}.sh-help-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#ffffff1c;border:1px solid #4e9dff;font-size:28px;margin-bottom:10px}.sh-sidebar-help>b{font-size:14px}.sh-sidebar-help p{font-size:12px;line-height:1.65;color:#e0edff;margin:7px 0 13px}.sh-sidebar-help a{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid #4a91e7;background:#ffffff0b;border-radius:10px;color:white;text-decoration:none;font-weight:700;font-size:12px}.sh-sidebar-help a:hover{background:#ffffff1a}
.sh-customer-main{margin-left:284px;min-width:0}.sh-customer-topbar{height:76px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:22px;padding:0 25px;background:#ffffffed;border-bottom:1px solid #e1ebf9;box-shadow:0 3px 16px #214b8510;backdrop-filter:blur(16px)}.sh-breadcrumb{display:flex;align-items:center;gap:14px;white-space:nowrap;color:#435a85;font-size:12px;min-width:145px}.sh-home-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#f0f6ff;color:#0878ff;font-size:23px}.sh-global-search{height:44px;flex:1;max-width:600px;display:flex;align-items:center;gap:12px;padding:0 12px 0 15px;border:1px solid #dce8f8;border-radius:15px;background:#fff;box-shadow:0 2px 8px #1c4d8b08}.sh-global-search>span{font-size:28px;color:#6683b1;line-height:1}.sh-global-search input{margin:0;padding:0;border:0;outline:none;box-shadow:none;min-width:0;background:transparent;font-size:12px;color:#28416f}.sh-global-search input:focus{outline:none;box-shadow:none}.sh-global-search kbd{white-space:nowrap;border-radius:8px;padding:5px 8px;background:#f1f6fd;color:#6d82a5;font:11px inherit}.sh-notification{width:43px;height:43px;position:relative;display:grid;place-items:center;border:1px solid #e0eafa;border-radius:50%;background:#fff;color:#126cff;font-size:23px;text-decoration:none;flex-shrink:0}.sh-notification b{position:absolute;right:-2px;top:-4px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border-radius:99px;background:#ff453a;color:#fff;font-size:10px}.sh-language{display:flex;align-items:center;gap:4px;padding:5px;border:1px solid #dce8f8;border-radius:99px;background:#fff;white-space:nowrap}.sh-language span,.sh-language b{padding:5px 10px;border-radius:99px;font-size:11px}.sh-language span{color:#52709f}.sh-language b{background:#0878ff;color:white}.sh-user-menu{display:flex;align-items:center;gap:10px;text-decoration:none;color:#122866;white-space:nowrap}.sh-user-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#dceaff,#a8d2ff);color:#0754bd;font-size:25px}.sh-user-menu b{display:block;font-size:13px}.sh-user-menu small{display:block;color:#647ba3;font-size:11px;margin-top:2px}.sh-user-menu i{font-style:normal;margin-left:6px;color:#526b97;font-size:18px}
.sh-dashboard-content{max-width:1900px;margin:0 auto;padding:26px 25px 0}.sh-welcome-row{display:flex;justify-content:space-between;align-items:center;gap:22px;margin:1px 0 25px;padding:0 5px}.sh-welcome-row h1{margin:0;color:#071f68;font-size:clamp(25px,2.35vw,35px);line-height:1.2;letter-spacing:-1px;font-weight:800}.sh-welcome-row p{margin:7px 0 0;color:#526c9a;font-size:16px}.sh-order-cta{min-height:60px;display:flex;align-items:center;gap:13px;padding:0 22px;border-radius:12px;background:linear-gradient(105deg,#ff971e,#ff7414);box-shadow:0 8px 18px #ff841d22;color:white;text-decoration:none;font-size:14px;font-weight:800;white-space:nowrap;transition:transform .16s,box-shadow .16s}.sh-order-cta span{font-size:22px}.sh-order-cta b{font-size:22px;margin-left:4px}.sh-order-cta:hover{transform:translateY(-2px);box-shadow:0 12px 24px #ff841d33}
.sh-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.sh-stat-card{min-width:0;min-height:112px;display:flex;align-items:center;gap:16px;padding:16px 17px;background:#fff;border:1px solid var(--sh-border);border-radius:15px;box-shadow:0 4px 14px #174f9a05;text-decoration:none;color:#11265f;transition:transform .16s,box-shadow .16s}.sh-stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px #174f9a10}.sh-stat-icon{width:72px;height:72px;display:grid;place-items:center;border-radius:13px;font-size:35px;flex-shrink:0;font-weight:700}.sh-stat-icon.blue{background:#deebff;color:#0878ff}.sh-stat-icon.green{background:#dcf9e7;color:#06a45b}.sh-stat-icon.orange{background:#ffead8;color:#ff760c}.sh-stat-icon.purple{background:#eee5ff;color:#7042e8}.sh-stat-info{display:flex;flex-direction:column;min-width:0}.sh-stat-info small{font-size:12px;color:#45628f;font-weight:700;white-space:nowrap}.sh-stat-info strong{font-size:30px;line-height:1.25;color:#071f68}.sh-stat-info strong.orange-text{color:#f45114}.sh-stat-info em{font-size:12px;font-style:normal;font-weight:800;white-space:nowrap}.sh-stat-info em span{font-weight:450;color:#62799f;margin-left:5px}.sh-stat-info .positive{color:#00a85a}.sh-stat-info .negative{color:#fa4c35}.sh-stat-card>i{font-style:normal;font-size:25px;color:#5475a7;margin-left:auto;align-self:flex-start}
.sh-dashboard-two-col{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;margin-bottom:18px;align-items:stretch}.sh-dash-panel{min-width:0;background:#fff;border:1px solid var(--sh-border);border-radius:14px;box-shadow:0 4px 14px #174f9a05;overflow:hidden}.sh-dash-panel>header{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 17px;border-bottom:1px solid #e9f0fa}.sh-dash-panel>header h2{display:flex;align-items:center;gap:12px;margin:0;font-size:16px;color:#071f68;letter-spacing:-.35px}.sh-dash-panel>header h2>span{font-size:25px}.sh-dash-panel>header a{color:#0878ff;text-decoration:none;font-size:12px;white-space:nowrap}.sh-dash-panel>header a:hover{text-decoration:underline}.blue-text{color:#0878ff}.sh-service-body{display:grid;grid-template-columns:96px minmax(160px,1fr) minmax(125px,.65fr);gap:18px;padding:15px 16px 18px}.sh-product-visual{width:96px;height:80px;display:grid;place-items:center;border:1px solid #e1ecfb;border-radius:12px;background:linear-gradient(145deg,#f0f7ff,#e2efff);font-size:43px;color:#1375e9;box-shadow:inset 0 0 18px #fff}.sh-service-title,.sh-domain-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sh-service-title h3{margin:0;font-size:18px;line-height:1.25;color:#071f68}.sh-status{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 10px;border-radius:99px;font-size:10px;font-weight:750;white-space:nowrap;background:#fff0d9;color:#9b6000}.sh-status.active{background:#d9fbe7;color:#07974e;border:1px solid #a8efc2}.sh-status.pending{background:#fff0d7;color:#9a5c00}.sh-status.rejected{background:#ffe5e1;color:#bc291b}.sh-status.neutral{background:#edf2f8;color:#476184}.sh-domain-link{display:inline-block;margin:5px 0 10px;color:#0878ff;text-decoration:none;font-size:13px;font-weight:650}.sh-service-meta{display:grid;grid-template-columns:minmax(95px,.7fr) minmax(100px,1fr);gap:6px 12px;color:#526b96;font-size:12px}.sh-service-meta b{font-weight:500;color:#233d71}.sh-storage-label{display:flex;justify-content:space-between;gap:10px;margin-top:17px;font-size:11px;color:#11265f}.sh-progress{height:10px;border-radius:99px;background:#e0eaf8;overflow:hidden;margin-top:6px}.sh-progress i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#1678ff,#0878ff)}.sh-muted{display:block;margin-top:5px;color:#7286a8;font-size:10px}.sh-feature-list{display:flex;flex-direction:column;gap:10px;align-self:center;color:#4a6593;font-size:12px}.sh-domain-card{display:flex;align-items:center;gap:14px;padding:15px 16px 13px}.sh-domain-icon{width:68px;height:68px;display:grid;place-items:center;flex-shrink:0;border-radius:12px;background:#e2efff;color:#0878ff;font-size:35px}.sh-domain-content{flex:1;min-width:0}.sh-domain-title b{font-size:15px;color:#071f68;overflow-wrap:anywhere}.sh-domain-content>small{display:block;margin-top:7px;color:#61799f;font-size:11px}.sh-small-primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 13px;border-radius:10px;background:linear-gradient(110deg,#147dff,#0870f3);box-shadow:0 5px 12px #0878ff1c;color:#fff;text-decoration:none;font-size:11px;font-weight:750;white-space:nowrap;transition:transform .16s,box-shadow .16s}.sh-small-primary:hover{transform:translateY(-1px);box-shadow:0 8px 17px #0878ff2b}.sh-domain-attributes{padding:0 16px 8px}.sh-domain-attributes>div{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(120px,1.2fr);gap:12px;align-items:center;padding:10px 0;border-top:1px solid #e9f0fa;font-size:12px;color:#4c6897}.sh-domain-attributes p{margin:0;color:#253e73;line-height:1.7}.sh-empty-state{display:flex;align-items:center;flex-direction:column;text-align:center;padding:25px 16px;color:#61799f}.sh-empty-state>span{font-size:35px;color:#0878ff}.sh-empty-state>b{margin-top:6px;color:#17336e;font-size:14px}.sh-empty-state p{margin:6px 0 15px;font-size:12px}
.sh-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}.sh-quick-actions>a{display:flex;align-items:center;gap:12px;min-width:0;padding:12px 13px;border:1px solid var(--sh-border);border-radius:14px;background:#fff;text-decoration:none;color:#10265f;transition:transform .16s,box-shadow .16s}.sh-quick-actions>a:hover{transform:translateY(-2px);box-shadow:0 8px 18px #174f9a10}.sh-quick-actions .sh-stat-icon{width:57px;height:57px;font-size:27px;border-radius:12px}.sh-quick-actions>a>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.sh-quick-actions b{font-size:12px;color:#0878ff}.sh-quick-actions small{font-size:10px;color:#62799f;margin-top:3px;line-height:1.4}.sh-quick-actions i{font-style:normal;font-size:22px;margin-left:auto;color:#0750b5}.sh-bottom-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.sh-table-wrap{width:100%;overflow-x:auto;padding:0 11px 10px}.sh-dashboard-table{width:100%;min-width:560px;border-collapse:separate;border-spacing:0;font-size:11px}.sh-dashboard-table th{padding:10px 9px;text-transform:none;letter-spacing:0;background:#f5f9ff;color:#48628d;border-bottom:1px solid #e4edf9;font-size:10px;white-space:nowrap}.sh-dashboard-table th:first-child{border-top-left-radius:8px}.sh-dashboard-table th:last-child{border-top-right-radius:8px}.sh-dashboard-table td{padding:9px;border-bottom:1px solid #edf2fa;color:#2c4576;vertical-align:middle;white-space:nowrap}.sh-dashboard-table tbody tr:hover td{background:#f9fbff}.sh-dashboard-table td a{color:#0878ff}.sh-dashboard-table .sh-status{font-size:10px;padding:4px 9px}.sh-table-action{display:inline-flex;padding:5px 10px;border-radius:9px;background:#edf5ff;color:#0878ff!important;text-decoration:none;font-size:10px;font-weight:750;border:1px solid #dceaff}.sh-table-action:hover{background:#dcecff}.sh-table-subline{display:block;font-size:9px;color:#7d8eac;margin-top:3px}.sh-no-data{text-align:center!important;padding:20px!important;color:#8192ae!important;white-space:normal!important}.sh-table-icon{color:#0878ff}.sh-ticket-icon{color:#1678ff}.sh-orders-panel{margin-bottom:18px}.sh-dashboard-footer{padding:20px 0 25px;text-align:center;color:#7587a5;font-size:11px}
body.page-clientarea .dt-container{font-size:11px;color:#4c648e;padding:8px 12px 0}body.page-clientarea .dt-container .dt-layout-row{margin:5px 0}body.page-clientarea .dt-container .dt-search input,body.page-clientarea .dt-container .dt-length select{border:1px solid #dce8f8;border-radius:8px;padding:6px 8px;background:#fff;color:#29426f}body.page-clientarea .dt-container .dt-paging button{border-radius:7px!important}body.page-clientarea .dt-container .dt-paging button.current{background:#0878ff!important;color:white!important;border-color:#0878ff!important}
@media(min-width:1600px){.sh-dashboard-content{padding-left:30px;padding-right:30px}.sh-service-body{grid-template-columns:100px minmax(190px,1fr) minmax(145px,.65fr);gap:20px}.sh-stat-card{padding:18px 20px}.sh-dashboard-two-col{gap:18px}}
@media(max-width:1300px){.sh-customer-topbar{gap:13px;padding:0 18px}.sh-breadcrumb{min-width:105px}.sh-user-menu>span:nth-child(2){display:none}.sh-stat-card{gap:11px;padding:13px}.sh-stat-icon{width:58px;height:58px;font-size:29px}.sh-stat-info strong{font-size:27px}.sh-service-body{grid-template-columns:75px minmax(145px,1fr)}.sh-product-visual{width:75px;height:75px}.sh-feature-list{grid-column:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.sh-dashboard-two-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:1000px){.sh-customer-sidebar{width:235px;padding-left:9px;padding-right:9px}.sh-customer-main{margin-left:235px}.sh-customer-brand b{font-size:19px}.sh-customer-brand small{font-size:9px}.sh-customer-nav a{gap:12px;font-size:12px}.sh-customer-topbar{height:auto;min-height:70px;flex-wrap:wrap;padding:12px 16px}.sh-global-search{order:5;flex-basis:100%;max-width:none}.sh-dashboard-content{padding:22px 16px 0}.sh-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sh-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.sh-welcome-row h1{font-size:28px}.sh-welcome-row p{font-size:13px}.sh-order-cta{min-height:50px;padding:0 15px;font-size:12px}}
@media(max-width:700px){body.page-clientarea .container{padding:0}.sh-customer-sidebar{position:relative;width:100%;height:auto;inset:auto;padding:10px 12px;overflow:visible}.sh-customer-brand{min-height:54px;padding:0 4px 8px}.sh-brand-mark{width:40px;height:38px;font-size:34px}.sh-customer-brand b{font-size:19px}.sh-customer-nav{display:flex;overflow-x:auto;gap:5px;margin-top:5px;padding-bottom:3px}.sh-customer-nav a{flex:0 0 auto;min-height:38px;padding:8px 10px;font-size:11px;gap:7px}.sh-customer-nav a>span{font-size:17px;width:auto}.sh-customer-nav a>i,.sh-sidebar-help{display:none}.sh-customer-main{margin-left:0}.sh-customer-topbar{position:relative;gap:10px;min-height:58px;padding:10px 12px}.sh-breadcrumb{min-width:0;flex:1;gap:7px}.sh-home-icon{width:28px;height:28px}.sh-notification{width:34px;height:34px;font-size:19px}.sh-language{padding:3px}.sh-language span,.sh-language b{padding:4px 7px;font-size:10px}.sh-user-avatar{width:34px;height:34px;font-size:20px}.sh-user-menu{gap:0}.sh-user-menu>span:nth-child(2),.sh-user-menu>i{display:none}.sh-global-search{height:39px;order:10;flex-basis:100%;gap:8px}.sh-global-search kbd{display:none}.sh-dashboard-content{padding:19px 12px 0}.sh-welcome-row{align-items:flex-start;flex-direction:column;padding:0;margin-bottom:18px}.sh-welcome-row h1{font-size:25px}.sh-welcome-row p{font-size:13px;line-height:1.55}.sh-order-cta{width:100%;justify-content:center}.sh-stat-grid{gap:9px}.sh-stat-card{min-height:95px;gap:9px;padding:10px}.sh-stat-icon{width:43px;height:43px;font-size:23px;border-radius:10px}.sh-stat-info small{font-size:10px;white-space:normal}.sh-stat-info strong{font-size:24px}.sh-stat-info em{font-size:10px}.sh-stat-info em span{display:none}.sh-stat-card>i{font-size:19px}.sh-dashboard-two-col,.sh-bottom-grid{grid-template-columns:minmax(0,1fr);gap:12px}.sh-service-body{grid-template-columns:60px minmax(0,1fr);gap:12px;padding:13px}.sh-product-visual{width:60px;height:60px;font-size:32px}.sh-service-title h3{font-size:15px}.sh-service-meta{grid-template-columns:minmax(90px,.7fr) minmax(100px,1fr);font-size:11px;gap:5px 8px}.sh-feature-list{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:10px;border-top:1px solid #e9f0fa}.sh-domain-card{flex-wrap:wrap;padding:13px}.sh-domain-icon{width:50px;height:50px;font-size:28px}.sh-domain-content{flex:1 1 calc(100% - 70px)}.sh-domain-card>.sh-small-primary{margin-left:64px}.sh-domain-attributes{padding:0 13px 8px}.sh-domain-attributes>div{grid-template-columns:1fr 1fr;gap:8px}.sh-quick-actions{gap:8px}.sh-quick-actions>a{padding:9px;gap:8px}.sh-quick-actions .sh-stat-icon{width:39px;height:39px;font-size:21px}.sh-quick-actions b{font-size:11px}.sh-quick-actions small{font-size:9px}.sh-quick-actions i{font-size:18px}.sh-dash-panel>header{padding:12px}.sh-dash-panel>header h2{font-size:14px}.sh-dash-panel>header h2>span{font-size:20px}.sh-table-wrap{padding:0 8px 8px}.sh-dashboard-table{min-width:530px}.sh-dashboard-footer{padding-bottom:18px}}

/* Shared blue customer portal shell: used by every logged-in customer page. */
body.sh-customer-page{margin:0;background:#f2f7ff;color:#10245f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}
body.sh-customer-page .top,body.sh-customer-page>footer{display:none!important}
body.sh-customer-page .sh-customer-dashboard{min-height:100vh;background:linear-gradient(115deg,#f5f9ff 0%,#edf5ff 100%);color:#13265e;font-size:13px}
body.sh-customer-page .sh-customer-sidebar{position:fixed;inset:0 auto 0 0;width:284px;z-index:20;display:flex;flex-direction:column;overflow-y:auto;padding:22px 12px;background:linear-gradient(180deg,#064cb8 0%,#063a91 100%);color:#fff;box-shadow:4px 0 20px #062c7010}
body.sh-customer-page .sh-customer-brand{display:flex;align-items:center;gap:11px;min-height:72px;padding:0 10px 20px;color:#fff;text-decoration:none}
body.sh-customer-page .sh-brand-mark{display:grid;place-items:center;width:52px;height:48px;border-radius:14px;color:#ff941f;font-size:39px;font-weight:900}
body.sh-customer-page .sh-customer-brand b{display:block;font-size:23px;line-height:1.1;color:#fff;font-weight:850;letter-spacing:-.5px}
body.sh-customer-page .sh-customer-brand small{display:block;margin-top:5px;color:#e1ecff;font-size:11px;letter-spacing:.1px}
body.sh-customer-page .sh-customer-nav{display:flex;flex-direction:column;gap:5px;margin-top:8px}
body.sh-customer-page .sh-customer-nav a{display:flex;align-items:center;gap:15px;min-height:47px;padding:11px 15px;border-radius:12px;color:#e4eeff;text-decoration:none;font-size:14px;font-weight:550;transition:background .15s,transform .15s}
body.sh-customer-page .sh-customer-nav a>span{display:inline-grid;place-items:center;width:23px;font-size:22px;color:#dbe9ff}
body.sh-customer-page .sh-customer-nav a:hover{background:#ffffff18;transform:translateX(2px)}
body.sh-customer-page .sh-customer-nav a.active{background:linear-gradient(100deg,#1179ff,#0870f5);color:#fff;box-shadow:0 8px 20px #002b7a22}
body.sh-customer-page .sh-sidebar-help{margin:auto 4px 4px;padding:16px 14px;border:1px solid #ffffff28;border-radius:14px;background:#ffffff0b;color:#fff}
body.sh-customer-page .sh-sidebar-help .sh-help-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#1680ff;font-size:24px;margin-bottom:10px}
body.sh-customer-page .sh-sidebar-help b{font-size:14px}.sh-sidebar-help p{font-size:12px;line-height:1.6;color:#e0ebff;margin:8px 0 13px}
body.sh-customer-page .sh-sidebar-help a{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid #ffffff36;border-radius:10px;color:#fff;font-weight:700;font-size:12px}
body.sh-customer-page .sh-customer-main{margin-left:284px;min-width:0;min-height:100vh;display:flex;flex-direction:column}
body.sh-customer-page .sh-customer-topbar{position:sticky;top:0;z-index:15;display:flex;align-items:center;gap:18px;min-height:76px;padding:12px 25px;background:#ffffffed;border-bottom:1px solid #e2ebf8;backdrop-filter:blur(12px)}
body.sh-customer-page .sh-breadcrumb{display:flex;align-items:center;gap:12px;min-width:120px;white-space:nowrap;color:#526b96;font-size:12px}
body.sh-customer-page .sh-home-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#eff6ff;color:#0878ff;font-size:21px;text-decoration:none}
body.sh-customer-page .sh-global-search{display:flex;align-items:center;gap:10px;flex:1;max-width:560px;height:44px;padding:0 12px;border:1px solid #dbe8fa;border-radius:15px;background:#fff;box-shadow:0 4px 12px #153b7607;color:#6d84ac}
body.sh-customer-page .sh-global-search input{flex:1;min-width:0;margin:0;padding:5px;border:0;outline:0;background:transparent;font-size:12px;color:#29426f}
body.sh-customer-page .sh-global-search kbd{padding:5px 8px;border-radius:7px;background:#f1f6fd;color:#6d82a4;font-size:10px;white-space:nowrap}
body.sh-customer-page .sh-notification{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid #e3edfb;border-radius:50%;background:#fff;color:#0878ff;font-size:21px;text-decoration:none}
body.sh-customer-page .sh-language{display:flex;gap:3px;padding:4px;border:1px solid #dce8f8;border-radius:24px;background:#f5f9ff}
body.sh-customer-page .sh-language span,body.sh-customer-page .sh-language b{padding:7px 13px;border-radius:20px;font-size:11px;color:#6c83a9}
body.sh-customer-page .sh-language b{background:#0878ff;color:white}
body.sh-customer-page .sh-user-menu{display:flex;align-items:center;gap:10px;color:#10245f;text-decoration:none;white-space:nowrap}
body.sh-customer-page .sh-user-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e5f0ff;color:#0878ff;font-size:22px}
body.sh-customer-page .sh-user-menu b{display:block;font-size:12px}body.sh-customer-page .sh-user-menu small{display:block;color:#6d82a4;font-size:11px;margin-top:2px}body.sh-customer-page .sh-user-menu i{font-style:normal;color:#627ba2}
body.sh-customer-page .sh-page-content{flex:1;min-width:0;padding:28px 25px 10px}
body.sh-customer-page .sh-page-content>.panel,body.sh-customer-page .sh-page-content>.card,body.sh-customer-page .sh-page-content>.table-wrap{background:#fff;border:1px solid #dce8f8;border-radius:14px;box-shadow:0 4px 16px #173a7007;padding:20px;margin-bottom:18px}
body.sh-customer-page .sh-page-content h1,body.sh-customer-page .sh-page-content h2,body.sh-customer-page .sh-page-content h3{color:#0b2468;letter-spacing:-.25px}
body.sh-customer-page .sh-page-content input,body.sh-customer-page .sh-page-content select,body.sh-customer-page .sh-page-content textarea{border:1px solid #d3e0f2;border-radius:9px;padding:11px 12px;background:#fff;color:#19386e;box-shadow:0 1px 2px #183e7005}
body.sh-customer-page .sh-page-content input:focus,body.sh-customer-page .sh-page-content select:focus,body.sh-customer-page .sh-page-content textarea:focus{outline:3px solid #d9eaff;border-color:#2785ff}
body.sh-customer-page .sh-page-content .btn,body.sh-customer-page .sh-page-content button.btn,body.sh-customer-page .sh-page-content .nav-cta{border:0;border-radius:9px;background:linear-gradient(105deg,#0878ff,#0063e6);color:#fff!important;padding:10px 16px;font-weight:750;box-shadow:0 5px 12px #0878ff20;transition:transform .15s,filter .15s}
body.sh-customer-page .sh-page-content .btn:hover,body.sh-customer-page .sh-page-content button.btn:hover{transform:translateY(-1px);filter:brightness(.96)}
body.sh-customer-page .sh-page-content .btn.secondary{background:#eaf2ff;color:#21518e!important;box-shadow:none}
body.sh-customer-page .sh-page-content .table-wrap{overflow-x:auto;border:1px solid #e1ebf8;border-radius:12px;background:#fff}
body.sh-customer-page .sh-page-content table{min-width:650px;border-collapse:separate;border-spacing:0}
body.sh-customer-page .sh-page-content th{background:#f4f8ff;color:#506b98;font-size:10px;letter-spacing:.3px}
body.sh-customer-page .sh-page-content td{color:#304b7c;font-size:12px;border-color:#edf2fa}
body.sh-customer-page .sh-dashboard-footer{padding:18px 25px;background:#fff;border-top:1px solid #e3ecf8;color:#6880a5;text-align:center;font-size:11px}
body.sh-customer-page .dt-container{font-size:12px;color:#4c648e}body.sh-customer-page .dt-container .dt-search input,body.sh-customer-page .dt-container .dt-length select{border:1px solid #dce8f8;border-radius:8px;padding:6px 8px;background:#fff}body.sh-customer-page .dt-container .dt-paging button.current{background:#0878ff!important;color:#fff!important;border-color:#0878ff!important}
/* Matching login/register pages to the same blue visual language. */
body.page-login,body.page-register{background:linear-gradient(120deg,#f3f8ff,#eaf3ff);color:#11265f}
body.page-login .container,body.page-register .container{max-width:1120px;margin:28px auto;min-height:70vh}
body.page-login .form-card,body.page-register .form-card{max-width:760px;padding:30px;border:1px solid #dce8f8;border-radius:18px;box-shadow:0 18px 55px #103b7610;background:#fff}
body.page-login .form-card{max-width:480px;margin:55px auto}
body.page-login .form-card h1,body.page-register .form-card h1{color:#0b2468;font-size:27px;letter-spacing:-.7px}
body.page-login .form-card input,body.page-register .form-card input,body.page-register .form-card select{border:1px solid #d3e0f2;border-radius:10px;padding:12px}
body.page-login .form-card .btn,body.page-register .form-card .btn{width:100%;border-radius:10px;background:linear-gradient(100deg,#0878ff,#0063e6);padding:13px;font-size:14px}
body.page-register .whmcs-register-shell{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:22px;align-items:start}
body.page-register .register-intro{position:sticky;top:100px;padding:26px;border-radius:18px;background:linear-gradient(145deg,#064cb8,#0878ff);color:#fff;box-shadow:0 14px 35px #0746a525}
body.page-register .register-intro h1{font-size:30px;line-height:1.18;margin:10px 0;color:#fff}
body.page-register .register-intro p{color:#e2edff;line-height:1.7}
body.page-register .register-perks{display:grid;gap:12px;margin-top:22px;color:#fff;font-size:13px}
body.page-register .whmcs-form-card{max-width:none;margin:0}
body.page-register .whmcs-form-card h3{padding-bottom:9px;border-bottom:1px solid #e6eefb;margin-top:23px;color:#143a7a}
body.page-register .form-grid{gap:14px 18px}
body.page-register .checkline{display:flex;align-items:flex-start;gap:9px;margin:12px 0;color:#536b91;font-size:12px}
body.page-register .checkline input{width:auto;margin:3px 0 0;flex:0 0 auto}
@media(max-width:1050px){body.sh-customer-page .sh-customer-sidebar{width:235px}body.sh-customer-page .sh-customer-main{margin-left:235px}body.sh-customer-page .sh-customer-topbar{gap:10px;padding:12px 16px}body.sh-customer-page .sh-page-content{padding:20px 16px}}
@media(max-width:760px){body.sh-customer-page .sh-customer-sidebar{position:relative;width:100%;height:auto;inset:auto;padding:10px 12px;overflow:visible}body.sh-customer-page .sh-customer-brand{min-height:54px;padding:0 4px 8px}body.sh-customer-page .sh-brand-mark{width:40px;height:38px;font-size:32px}body.sh-customer-page .sh-customer-brand b{font-size:19px}body.sh-customer-page .sh-customer-nav{display:flex;flex-direction:row;overflow-x:auto;gap:5px;margin-top:5px;padding-bottom:3px}body.sh-customer-page .sh-customer-nav a{flex:0 0 auto;min-height:38px;padding:8px 10px;font-size:11px;gap:7px}body.sh-customer-page .sh-customer-nav a>span{font-size:17px;width:auto}body.sh-customer-page .sh-sidebar-help{display:none}body.sh-customer-page .sh-customer-main{margin-left:0}body.sh-customer-page .sh-customer-topbar{position:relative;flex-wrap:wrap;gap:10px;min-height:58px;padding:10px 12px}body.sh-customer-page .sh-breadcrumb{flex:1;min-width:0;gap:7px}body.sh-customer-page .sh-global-search{order:10;flex-basis:100%;max-width:none;height:39px}body.sh-customer-page .sh-global-search kbd{display:none}body.sh-customer-page .sh-language{padding:3px}body.sh-customer-page .sh-language span,body.sh-customer-page .sh-language b{padding:4px 7px;font-size:10px}body.sh-customer-page .sh-user-menu>span:nth-child(2),body.sh-customer-page .sh-user-menu>i{display:none}body.sh-customer-page .sh-page-content{padding:16px 12px 8px}body.sh-customer-page .sh-page-content>.panel,body.sh-customer-page .sh-page-content>.card{padding:14px}body.page-register .whmcs-register-shell{grid-template-columns:1fr}body.page-register .register-intro{position:static}body.page-register .form-grid{grid-template-columns:1fr}body.page-register .form-grid .full{grid-column:auto}body.page-login .form-card,body.page-register .form-card{padding:20px}body.page-login .container,body.page-register .container{margin:16px auto;padding:0 12px}}

/* Final polish: wider forms, resilient responsive customer pages and invoice/payment UI. */
body.sh-customer-page .sh-page-content{width:100%;max-width:none;min-width:0}
body.sh-customer-page .sh-page-content>.whmcs-profile-wrap{width:100%;max-width:1100px;margin:0 auto}
body.sh-customer-page .whmcs-profile-heading{max-width:1100px;margin:0 auto 18px}
body.sh-customer-page .whmcs-form-card{width:100%;max-width:1100px;margin:0 auto;padding:clamp(18px,3vw,34px)}
body.sh-customer-page .whmcs-form-card form{width:100%}
body.sh-customer-page .whmcs-form-card .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 22px}
body.sh-customer-page .whmcs-form-card .form-grid .full{grid-column:1/-1}
body.sh-customer-page .whmcs-form-card h3{margin:24px 0 15px;padding-bottom:10px;border-bottom:1px solid #e2ebf8;font-size:16px}
body.sh-customer-page .whmcs-form-card label{display:block;min-width:0;font-size:12px;color:#38557f}
body.sh-customer-page .whmcs-form-card input,body.sh-customer-page .whmcs-form-card select{min-height:43px;margin:7px 0 15px;width:100%}
body.sh-customer-page .whmcs-form-card small{display:block;line-height:1.5}
body.sh-customer-page .whmcs-form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px;padding-top:18px;border-top:1px solid #e5edf8}
body.sh-customer-page .whmcs-form-actions .btn{min-width:145px}
.sh-brand-logo{display:block;max-width:54px;max-height:50px;object-fit:contain;flex:0 0 auto}
.site-logo{max-width:180px;max-height:44px;object-fit:contain;vertical-align:middle;margin-right:9px}
body.sh-customer-page .sh-customer-brand{gap:10px}
body.sh-customer-page .sh-customer-brand b{font-size:clamp(16px,1.4vw,22px);overflow-wrap:anywhere}
body.sh-customer-page .sh-page-content .table-wrap{max-width:100%;min-width:0}
body.sh-customer-page .dt-container{width:100%;max-width:100%;overflow-x:auto}
body.sh-customer-page .dt-layout-row{gap:10px;flex-wrap:wrap}
body.sh-customer-page .dt-layout-cell{min-width:0}
body.sh-customer-page .dt-container .dt-search input{max-width:min(260px,55vw)}
body.sh-customer-page .sh-page-content table{width:100%;min-width:580px}
.invoice-page-head,.invoice-detail-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 22px;padding:24px 28px;border:1px solid #dbe8fb;border-radius:18px;background:linear-gradient(120deg,#fff 0%,#edf5ff 100%)}
.invoice-page-head h1,.invoice-detail-head h1{margin:5px 0 7px;font-size:clamp(24px,3vw,32px)}
.invoice-page-head p,.invoice-detail-head p{margin:0;color:#647da4;line-height:1.6}
.invoice-eyebrow{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#0878ff}
.invoice-head-icon{display:grid;place-items:center;width:64px;height:64px;flex:0 0 auto;border-radius:18px;background:#e0edff;color:#0878ff;font-size:30px}
.invoice-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}
.invoice-summary-card{padding:20px 22px;background:#fff;border:1px solid #dce8f8;border-radius:15px;box-shadow:0 4px 16px #173a7006}
.invoice-summary-card span,.invoice-summary-card small{display:block;color:#6a80a4;font-size:12px}
.invoice-summary-card strong{display:block;margin:6px 0;font-size:25px;color:#0c286d}
.invoice-list-panel h2{margin:0 0 5px;font-size:19px}.invoice-list-panel .section-title{margin-bottom:16px}
.invoice-secure-tag{padding:8px 12px;border-radius:20px;background:#eaf7ef;color:#07804f;font-size:11px;font-weight:750;white-space:nowrap}
.invoice-table{min-width:720px!important}.invoice-table td{vertical-align:middle}.invoice-subline{display:block;margin-top:4px;color:#8295b4;font-size:10px}
.invoice-status{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:30px;font-size:10px;font-weight:800;white-space:nowrap}
.invoice-status i{display:block;width:7px;height:7px;border-radius:50%;background:currentColor}
.invoice-status.success{background:#dff8e9;color:#07804f}.invoice-status.warning{background:#fff0d9;color:#ad6200}.invoice-status.danger{background:#ffe4e6;color:#b42332}.invoice-status.info{background:#e4efff;color:#175cd3}
.invoice-detail-card{max-width:920px;margin:0 auto 24px;padding:clamp(20px,4vw,38px);border:1px solid #dce8f8;border-radius:18px;background:#fff;box-shadow:0 12px 40px #173a7008}
.invoice-detail-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:22px;border-bottom:1px solid #e6eef9}.invoice-detail-top small{color:#7186a8}.invoice-detail-top h2{margin:6px 0;font-size:22px;overflow-wrap:anywhere}.invoice-detail-top p{margin:0;font-size:12px}
.invoice-line{display:flex;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid #edf2fa;color:#597194}.invoice-line b{color:#17376e}
.invoice-total{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 0;color:#193a72}.invoice-total strong{font-size:clamp(22px,3vw,30px);color:#0878ff}
.invoice-pay-note{padding:16px;border:1px solid #d7e9ff;border-radius:12px;background:#f2f8ff;color:#224c84}.invoice-pay-note p{margin:6px 0 0;font-size:12px;line-height:1.7;color:#5a7397}
.invoice-pay-form{margin-top:18px}.invoice-pay-button,.payment-main-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 18px!important;border-radius:12px!important;font-size:14px!important}
.invoice-paid-note{padding:15px;border-radius:12px;background:#e8f9ef;color:#067647;font-weight:700;margin-top:18px}
.payment-shell{max-width:860px;margin:4px auto 30px}.payment-hero{text-align:center;padding:26px 18px 24px}.payment-hero-icon{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 14px;border-radius:20px;background:linear-gradient(140deg,#e4efff,#d7e8ff);color:#0878ff;font-size:30px}.payment-hero h1{margin:7px 0 10px;font-size:clamp(25px,4vw,36px);color:#0c286d}.payment-hero p{max-width:650px;margin:0 auto;color:#637ca3;line-height:1.8;font-size:13px}
.payment-card{padding:clamp(20px,4vw,36px);border:1px solid #dce8f8;border-radius:20px;background:#fff;box-shadow:0 15px 45px #173a700a}.payment-card-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:20px;border-bottom:1px solid #e6eef9}.payment-card-heading small{color:#7a8eae;font-size:11px}.payment-card-heading h2{margin:5px 0;color:#142f6e;font-size:21px}.payment-amount{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0}.payment-amount span{color:#587197;font-size:13px}.payment-amount strong{font-size:clamp(23px,4vw,32px);color:#0878ff}.payment-steps{display:grid;gap:13px;margin:5px 0 23px}.payment-steps>div{display:flex;align-items:flex-start;gap:12px;padding:13px;border:1px solid #e6eef9;border-radius:12px;background:#fbfdff}.payment-steps>div>span{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:#e4efff;color:#0878ff;font-weight:800}.payment-steps p{margin:0}.payment-steps b,.payment-steps small{display:block}.payment-steps b{color:#1c3d77;font-size:12px}.payment-steps small{margin-top:4px;color:#7186a8;font-size:11px;line-height:1.6}.payment-main-button{background:linear-gradient(100deg,#0878ff,#005de0)!important}.payment-back-link{display:block;text-align:center;margin:16px auto;color:#3167b2;font-size:12px;font-weight:700}.payment-security{padding:12px;border-radius:10px;background:#f5f8fc;color:#7183a0;text-align:center;font-size:10px;line-height:1.7}
@media(max-width:760px){body.sh-customer-page .whmcs-form-card .form-grid{grid-template-columns:1fr;gap:0}body.sh-customer-page .whmcs-form-card .form-grid .full{grid-column:auto}body.sh-customer-page .sh-brand-logo{max-width:40px;max-height:40px}body.sh-customer-page .sh-customer-brand b{font-size:17px}.invoice-page-head,.invoice-detail-head{padding:18px;align-items:flex-start}.invoice-head-icon{width:48px;height:48px;font-size:24px}.invoice-summary-grid{grid-template-columns:1fr}.invoice-secure-tag{display:none}.invoice-detail-top,.payment-card-heading{align-items:flex-start;flex-direction:column}.payment-hero{padding:15px 4px 22px}.payment-card{border-radius:15px}}
.sh-impersonation-return{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border:1px solid #f3d18a;border-radius:10px;background:#fff8e8;color:#925b00!important;font-size:11px;font-weight:800;text-decoration:none;white-space:nowrap}
@media(max-width:760px){.sh-impersonation-return{font-size:10px;padding:7px 9px}}


/* SediaHosting 2026 customer and checkout refinement */
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#102a5e;background:#f2f7ff}h1,h2,h3,.brand{font-family:Manrope,Inter,sans-serif;letter-spacing:-.025em}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s}.btn:hover,button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0b63ce22}.btn i,button i{font-size:.95em}.form-card{max-width:1100px;width:100%;margin:22px auto;padding:clamp(20px,3vw,38px);border:1px solid #dce8fb;box-shadow:0 14px 45px #174c8d0a}.form-card form{width:100%}.form-card input:not([type=checkbox]):not([type=radio]),.form-card select,.form-card textarea{width:100%;min-width:0;min-height:46px;border:1px solid #cfdef5;border-radius:11px;padding:12px 14px;background:#fff}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{outline:3px solid #1478ff18;border-color:#1478ff}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px}.form-grid label{min-width:0}.form-grid label.full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;max-width:100%}.whmcs-form-card{max-width:1200px!important;width:100%}.whmcs-form-card .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}.whmcs-form-card .form-grid .full{grid-column:1/-1}.whmcs-form-card label{display:flex!important;flex-direction:column;gap:6px}.whmcs-form-card label input,.whmcs-form-card label select{margin:0 0 8px!important}.checkline{display:flex!important;align-items:flex-start;gap:9px;line-height:1.55;margin:12px 0}.checkline input{width:auto!important;min-height:auto!important;margin-top:4px!important}.sh-mobile-menu-toggle,.sh-sidebar-overlay{display:none}
/* Domain search landing */
.domain-check-page{max-width:1220px;margin:0 auto}.domain-check-hero{position:relative;overflow:hidden;padding:clamp(26px,5vw,58px);border-radius:26px;background:radial-gradient(circle at 85% 15%,#ffffff33,transparent 22%),linear-gradient(120deg,#063f9c,#0878ff 58%,#54a5ff);color:#fff;box-shadow:0 20px 55px #075fd322}.domain-check-hero .eyebrow,.domain-check-hero p{color:#e4efff}.domain-check-hero h1{max-width:780px;font-size:clamp(29px,4vw,48px);line-height:1.12;margin:12px 0}.domain-check-hero p{max-width:720px;font-size:16px;line-height:1.7}.domain-search-form{display:flex;align-items:center;gap:10px;max-width:900px;margin-top:26px;padding:8px;background:#fff;border-radius:16px;box-shadow:0 10px 35px #062f7540}.domain-search-form>i{color:#4e6d9d;padding-left:12px}.domain-search-form input{flex:1;min-width:0;border:0!important;box-shadow:none!important;margin:0!important;height:52px}.domain-search-form .btn{white-space:nowrap;background:#ff831b;border-radius:12px;min-height:48px}.domain-trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:22px;color:#eaf3ff;font-size:12px;font-weight:600}.domain-trust span{display:flex;gap:7px;align-items:center}.domain-result-card{margin:24px 0;padding:clamp(20px,3vw,32px);border:1px solid #dbe8fb;border-radius:18px}.domain-availability{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:800}.domain-availability.available{background:#e4faee;color:#087b4c}.domain-availability.unavailable{background:#fff0ed;color:#bc321b}.domain-price-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.domain-price-cards>div{border:1px solid #e1eaf8;background:#f8fbff;padding:16px;border-radius:14px}.domain-price-cards small,.domain-price-cards b{display:block}.domain-price-cards small{color:#7085a8;margin-bottom:8px}.domain-price-cards b{font-size:19px;color:#102a5e}.domain-extension-section{margin:34px 0}.domain-extension-section h2{margin:7px 0}.domain-extension-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;margin-top:18px}.domain-categories,.domain-extension-main{background:#fff;border:1px solid #e0eafa;border-radius:18px;padding:20px;min-width:0}.domain-categories h3{margin:0 0 15px}.domain-category{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border-radius:10px;background:#f5f8fd;margin:6px 0;font-size:13px}.domain-category span{font-size:11px;color:#4776b9}.extension-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.extension-card{min-width:0;border:1px solid #e2eafa;border-radius:14px;padding:15px;display:flex;flex-direction:column;gap:8px;background:linear-gradient(180deg,#fff,#fafdff)}.extension-card>div{display:flex;justify-content:space-between;gap:8px;align-items:center}.extension-card>div>b{font-size:19px}.extension-status{font-size:10px;color:#128356;white-space:nowrap}.extension-card>small{color:#8292ad}.extension-card>strong{font-size:18px}.extension-card>strong small{font-size:10px;color:#8190a8;font-weight:500}.extension-card>a{display:flex;justify-content:space-between;align-items:center;color:#0878ff;font-size:12px;font-weight:700;margin-top:5px}
/* Domain order wizard */
.domain-order-shell{max-width:1100px;margin:0 auto}.domain-order-head{display:flex;align-items:center;gap:16px;margin:8px 0 20px}.domain-order-icon,.domain-card-icon{display:grid;place-items:center;flex:0 0 58px;height:58px;border-radius:17px;background:linear-gradient(135deg,#e3f0ff,#d4e7ff);color:#0878ff;font-size:25px}.domain-order-head h1{font-size:clamp(26px,3.5vw,38px);margin:4px 0}.domain-order-head p{color:#7284a3;margin:0}.order-steps{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.order-steps span{display:flex;align-items:center;gap:9px;color:#7284a3;background:#fff;border:1px solid #e0eafa;padding:10px 14px;border-radius:999px;font-size:12px;font-weight:700}.order-steps b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#edf3fb;color:#52709d}.order-steps .active{color:#0757bd;border-color:#83b8ff;background:#eef6ff}.order-steps .active b,.order-steps .done b{background:#0878ff;color:#fff}.domain-order-card{border:1px solid #dce8fb;border-radius:20px;padding:clamp(20px,3.5vw,36px);box-shadow:0 14px 40px #174c8d09}.domain-order-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}.domain-order-summary>div{border:1px solid #e0eafa;background:#f8fbff;border-radius:14px;padding:16px}.domain-order-summary small,.domain-order-summary strong{display:block}.domain-order-summary small{color:#7487a6;margin-bottom:7px}.domain-order-summary strong{font-size:20px}.domain-order-form{width:100%}.domain-order-form .form-grid{margin-bottom:20px}.domain-order-form label{display:flex;flex-direction:column;gap:7px}.domain-order-form label em{font-style:normal;color:#e26a14}.domain-order-form input,.domain-order-form select{width:100%;min-height:46px;border-radius:11px}.domain-order-form small{color:#8293ad;line-height:1.5}.order-recap{background:#f7faff;border:1px solid #e1eafa;border-radius:14px;padding:16px;margin:18px 0}.order-recap>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;color:#5d7397}.order-recap .total{border-top:1px solid #dce7f7;margin-top:8px;padding-top:14px;color:#102a5e}.order-recap .total strong{font-size:22px}.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.order-note{display:flex;gap:9px;line-height:1.7;margin-top:22px}.doc-requirements{padding:17px 19px;border:1px solid #f7d6a7;background:#fff9ed;border-radius:14px;margin:18px 0;color:#80521d}.doc-requirements h3{margin:0 0 7px}.doc-requirements p,.doc-requirements li{line-height:1.6}
/* Domain management responsive detail layout */
.domain-manage-page{max-width:1220px;margin:0 auto}.domain-manage-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:8px 0 22px}.domain-manage-heading h1{font-size:clamp(26px,3.4vw,38px);margin:7px 0}.domain-manage-heading p{margin:0;color:#7386a6}.domain-manage-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,.8fr);gap:20px;align-items:start}.domain-manage-card{max-width:none;width:100%;margin:0;padding:clamp(18px,3vw,30px);border:1px solid #dce8fb;border-radius:20px;box-shadow:0 14px 40px #174c8d09}.domain-card-heading{display:flex;gap:14px;align-items:center;margin-bottom:22px}.domain-card-heading h2{margin:0 0 5px}.domain-card-heading p{margin:0;color:#7386a6;font-size:13px}.domain-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 22px}.domain-facts>div{padding:13px;border:1px solid #e3ebf8;background:#f8fbff;border-radius:12px;min-width:0}.domain-facts small,.domain-facts b{display:block}.domain-facts small{color:#7b8eae;margin-bottom:7px}.domain-facts b{font-size:12px;overflow-wrap:anywhere}.status-pill{color:#087b4c}.domain-ns-form .form-grid{gap:13px 18px}.domain-ns-form label{display:flex;flex-direction:column;gap:7px}.domain-ns-form input{width:100%;min-width:0;min-height:45px}.domain-manage-aside{display:grid;gap:16px}.domain-manage-aside .panel{border:1px solid #dce8fb;border-radius:18px;padding:22px;margin:0}.domain-aside-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#e9f3ff;color:#0878ff;font-size:20px;margin-bottom:13px}.domain-manage-aside h3{margin:0 0 12px}.domain-manage-aside ul{padding-left:19px;color:#7184a5;font-size:13px;line-height:1.8}.domain-meta{padding:12px 0;border-bottom:1px solid #e8eff9}.domain-meta small,.domain-meta b{display:block}.domain-meta small{color:#8191ac;margin-bottom:5px}.domain-meta b{overflow-wrap:anywhere}.full-btn{width:100%;margin-top:15px}.domain-manage-empty{text-align:center;padding:30px}.domain-manage-empty>i{font-size:40px;color:#0878ff}.domain-manage-empty p{color:#7586a4}
/* Invoice issuer details */
.invoice-company-block{display:flex;gap:15px;padding:20px;border:1px solid #e1eafa;background:linear-gradient(120deg,#f7fbff,#fff);border-radius:15px;margin-bottom:22px}.invoice-company-logo{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#e4f0ff;color:#0878ff;font-size:22px;flex-shrink:0}.invoice-company-block strong{font-size:17px}.invoice-company-block p{margin:6px 0;color:#7184a5;line-height:1.6}.invoice-company-contact{display:flex;flex-wrap:wrap;gap:8px 16px;color:#47658f;font-size:12px}.invoice-company-contact span{display:flex;align-items:center;gap:6px}.invoice-discount{color:#087b4c}.invoice-discount b{color:#087b4c}
/* Homepage and auth pages */
.sh-home-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:center;gap:30px;padding:clamp(26px,5vw,58px);border-radius:28px;background:linear-gradient(115deg,#fafdff,#e7f2ff);border:1px solid #dbe9fb;overflow:hidden;position:relative}.home-hero-copy h1{font-size:clamp(30px,4.3vw,52px);line-height:1.09;max-width:720px;margin:14px 0}.home-hero-copy>p{max-width:650px;color:#62799f;font-size:16px;line-height:1.75}.home-hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin:22px 0}.home-hero-actions .btn{min-height:48px;padding:0 20px}.home-hero-actions .btn.secondary{background:#fff;color:#24518f!important;border:1px solid #d7e6fb}.home-trust{display:flex;gap:17px;flex-wrap:wrap;color:#60799e;font-size:11px;font-weight:700}.home-trust span{display:flex;gap:7px;align-items:center}.home-hero-art{height:300px;position:relative;display:grid;place-items:center}.home-orbit{position:absolute;border-radius:50%;border:1px solid #b7d6ff}.orbit-one{width:260px;height:260px}.orbit-two{width:190px;height:190px;border-style:dashed}.home-server-illustration{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:150px;height:150px;border-radius:26px;background:linear-gradient(145deg,#0a85ff,#0753b8);color:#fff;box-shadow:0 24px 50px #0878ff44;transform:rotate(-8deg)}.home-server-illustration i{font-size:64px}.home-server-illustration span{height:4px;width:75px;border-radius:99px;background:#ffffff85}.home-float-card{position:absolute;right:0;bottom:20px;display:flex;gap:10px;align-items:center;padding:14px 17px;background:#fff;border:1px solid #dce8fb;border-radius:15px;box-shadow:0 14px 30px #174c8d14}.home-float-card>i{font-size:22px;color:#0878ff}.home-float-card b,.home-float-card small{display:block}.home-float-card small{color:#7b8ead;font-size:10px;margin-top:4px}.home-domain-search{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center;margin:24px 0;border:1px solid #dce8fb;border-radius:20px}.home-domain-search h2{margin:7px 0;font-size:clamp(20px,2.5vw,28px)}.home-domain-search .search{margin:0;max-width:none}.home-domain-search .search input{min-width:0}.home-benefits{margin:38px 0}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap}.section-title h2{margin:7px 0;font-size:clamp(24px,3vw,34px)}.home-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-feature-grid .card{border:1px solid #e0eafa;border-radius:17px;box-shadow:0 10px 30px #174c8d08}.home-feature-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;font-size:21px}.home-feature-icon.blue{background:#e6f1ff;color:#0878ff}.home-feature-icon.green{background:#e4f9ec;color:#07965b}.home-feature-icon.orange{background:#fff0e1;color:#f17b13}.home-feature-icon.purple{background:#f1eaff;color:#7852df}.home-feature-grid p{color:#7184a5;line-height:1.7;min-height:65px}.home-feature-grid a{color:#0878ff;font-size:12px;font-weight:800}.home-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 30px;border-radius:20px;background:linear-gradient(110deg,#0745a3,#0878ff);color:#fff;margin:32px 0}.home-cta h2{margin:0 0 6px}.home-cta p{margin:0;color:#d8eaff}.home-cta .btn{background:#ff851b;white-space:nowrap}.auth-shell{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px;align-items:stretch;max-width:1050px;margin:24px auto}.auth-promo{padding:clamp(25px,4vw,45px);border-radius:22px;background:linear-gradient(145deg,#063f9c,#0878ff);color:#fff;display:flex;flex-direction:column;justify-content:center}.auth-brand-mark{display:grid;place-items:center;width:56px;height:56px;background:#ffffff22;border:1px solid #ffffff55;border-radius:17px;font-size:26px;margin-bottom:25px}.auth-promo .eyebrow{color:#cde2ff}.auth-promo h1{font-size:clamp(28px,3vw,40px);line-height:1.1;margin:12px 0}.auth-promo p{color:#e1edff;line-height:1.7}.auth-benefits{display:grid;gap:14px;margin-top:20px;font-size:13px;font-weight:600}.auth-benefits span{display:flex;gap:10px;align-items:center}.auth-form-card{max-width:none;margin:0;padding:clamp(22px,4vw,40px);border-radius:22px}.auth-form-card h1{font-size:clamp(25px,3vw,34px);margin:9px 0}.auth-form-card label{display:block;margin:13px 0}.auth-form-card form>input:not([type=checkbox]){width:100%;margin:7px 0 17px;min-height:47px}.auth-submit{width:100%;min-height:48px;background:#0878ff}.auth-form-card .g-recaptcha{margin:14px 0;max-width:100%;overflow:hidden}
@media(max-width:1050px){.extension-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.domain-manage-grid{grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr)}}
@media(max-width:760px){
 body.sh-customer-page .sh-customer-sidebar{position:fixed!important;left:-300px;top:0;bottom:0;width:min(285px,84vw)!important;height:100dvh!important;z-index:1002;background:linear-gradient(180deg,#0644a4,#063987);padding:18px 13px!important;overflow-y:auto;transition:left .24s ease;box-shadow:15px 0 40px #062a6540}
 body.sh-customer-page .sh-customer-nav{display:flex;flex-direction:column;overflow:visible;gap:5px;margin-top:15px}
 body.sh-customer-page .sh-customer-nav a{width:100%;flex:0 0 auto;min-height:43px;padding:11px 13px;font-size:13px;gap:12px}
 body.sh-customer-page .sh-customer-nav a>span{font-size:17px;width:23px}
 body.sh-customer-page .sh-sidebar-help{display:block;margin-top:18px}
 body.sh-customer-page .sh-customer-dashboard.sidebar-open .sh-customer-sidebar{left:0}
 body.sh-customer-page .sh-sidebar-overlay{display:block;position:fixed;inset:0;background:#071c3d77;opacity:0;visibility:hidden;z-index:1001;transition:opacity .2s,visibility .2s}
 body.sh-customer-page .sh-customer-dashboard.sidebar-open .sh-sidebar-overlay{opacity:1;visibility:visible}
 body.sh-customer-page .sh-mobile-menu-toggle{display:grid;place-items:center;position:fixed;z-index:1003;top:11px;left:12px;width:40px;height:40px;border:1px solid #d9e7fb;border-radius:12px;background:#fff;color:#0758c5;box-shadow:0 6px 20px #1c4b8215}
 body.sh-customer-page .sh-customer-topbar{padding-left:60px!important;min-height:62px}
 body.sh-customer-page .sh-breadcrumb{display:none}
 body.sh-customer-page .sh-page-content{padding:16px 12px}
 .form-grid,.whmcs-form-card .form-grid{grid-template-columns:1fr;gap:0}.form-grid label.full,.whmcs-form-card .form-grid .full{grid-column:auto}
 .domain-search-form{flex-wrap:wrap;padding:9px}.domain-search-form input{flex:1 1 calc(100% - 45px)}.domain-search-form .btn{width:100%}.domain-trust{gap:11px}.domain-extension-layout{grid-template-columns:1fr}.domain-categories{padding:14px}.domain-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.domain-categories h3{grid-column:1/-1}.domain-category{margin:0;padding:9px}.extension-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.domain-price-cards{grid-template-columns:1fr}.domain-order-summary{grid-template-columns:1fr}.domain-order-summary>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.domain-order-summary small{margin:0}.domain-manage-heading{align-items:flex-start;flex-direction:column}.domain-manage-grid{grid-template-columns:1fr}.domain-facts{grid-template-columns:1fr}.domain-facts>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.domain-facts small{margin:0}.domain-facts b{text-align:right}.domain-manage-aside{grid-template-columns:1fr}.sh-home-hero{grid-template-columns:1fr;padding:25px}.home-hero-art{height:230px}.home-domain-search{grid-template-columns:1fr}.home-feature-grid{grid-template-columns:1fr}.home-feature-grid p{min-height:0}.home-cta{align-items:flex-start;flex-direction:column;padding:22px}.auth-shell{grid-template-columns:1fr;gap:16px}.auth-promo{padding:24px}.auth-promo .auth-benefits{grid-template-columns:1fr}.auth-form-card{padding:22px}.register-shell{grid-template-columns:1fr}.register-intro{position:static}.register-shell .whmcs-form-card{max-width:none}.invoice-company-block{padding:15px}.invoice-company-contact{display:grid}.form-actions .btn{flex:1}.domain-order-head{align-items:flex-start}
}
@media(max-width:430px){.extension-grid{grid-template-columns:1fr}.domain-categories{grid-template-columns:1fr}.domain-order-head{gap:10px}.domain-order-icon{flex-basis:46px;height:46px}.order-steps{gap:6px}.order-steps span{padding:8px 9px;font-size:10px}.home-hero-actions .btn{width:100%}.home-trust{display:grid}.home-float-card{right:-3px;bottom:0}.domain-manage-card{padding:16px}.domain-manage-heading .btn{width:100%}}
.invoice-company-logo img{width:100%;height:100%;max-width:48px;max-height:48px;object-fit:contain;border-radius:10px}.invoice-item-summary{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px;margin:16px 0;padding:15px;background:#f7faff;border:1px solid #e1eafa;border-radius:12px}.invoice-item-summary small,.invoice-item-summary b{display:block}.invoice-item-summary small{color:#8292ac;margin-bottom:6px}.invoice-item-summary b{overflow-wrap:anywhere}@media(max-width:600px){.invoice-item-summary{grid-template-columns:1fr}}

body.page-login .auth-form-card{max-width:none!important;width:100%}

/* Customer service/product details inspired by a modern hosting control panel */
.service-detail-grid{display:grid;grid-template-columns:minmax(205px,250px) minmax(0,1fr);gap:18px;align-items:start;margin-bottom:24px}.service-detail-left,.service-detail-main{display:grid;gap:16px;min-width:0}.service-widget{background:#fff;border:1px solid #e0e8f5;border-radius:13px;box-shadow:0 5px 20px rgba(18,55,115,.045);overflow:hidden;min-width:0}.service-widget>header{display:flex;align-items:center;gap:9px;padding:14px 16px;background:linear-gradient(180deg,#fbfdff,#f4f8ff);border-bottom:1px solid #e8eef8;color:#193b7b;font-size:13px;font-weight:800}.service-widget>header i{color:#1675ff}.service-widget>a:not(.btn){display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid #edf2f8;color:#365176;font-size:12px;font-weight:600;transition:background .15s,color .15s}.service-widget>a:not(.btn):hover{background:#f0f6ff;color:#075fe5}.service-widget>a:not(.btn) i{width:16px;color:#397cdb;text-align:center}.service-widget .service-widget-active{background:linear-gradient(100deg,#d7f7ec,#e7f7ff);color:#0b568a!important;border-left:3px solid #16a8e5}.service-action-disabled{display:block;padding:12px 14px;color:#8b98a9;font-size:11px}.service-help-widget{padding:17px}.service-help-widget>i{font-size:23px;color:#1478ff;margin-bottom:12px}.service-help-widget>b{display:block;color:#142f69}.service-help-widget p{font-size:12px;line-height:1.65;color:#6d7e98}.service-help-widget .btn{display:inline-flex;align-items:center;gap:7px}.service-package{display:flex;gap:13px;align-items:center;padding:17px 18px;flex-wrap:wrap}.service-package-icon{width:52px;height:52px;display:grid;place-items:center;background:#e8f2ff;color:#0878ff;border-radius:12px;font-size:23px;flex-shrink:0}.service-package>div{flex:1;min-width:160px}.service-package small{color:#71839c;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.8px}.service-package h2{margin:4px 0;font-size:19px;color:#142e69}.service-package a{font-size:12px;color:#086be8;overflow-wrap:anywhere}.service-package>.status-pill{margin-left:auto}.service-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #edf2f8}.service-facts>div{padding:12px 17px;border-bottom:1px solid #edf2f8;min-width:0}.service-facts>div:nth-child(odd){border-right:1px solid #edf2f8}.service-facts span{display:block;font-size:11px;color:#7b8ba3;margin-bottom:5px}.service-facts b{font-size:12px;color:#29446c;overflow-wrap:anywhere}.service-description{padding:14px 17px;color:#687b94;font-size:12px;line-height:1.7;border-top:1px solid #edf2f8}.service-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:10px}.service-shortcuts a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px 6px;text-align:center;color:#526b91;font-size:11px;border-radius:10px;min-width:0}.service-shortcuts a:hover{background:#f1f7ff;color:#066be9}.service-shortcuts a span{width:39px;height:39px;border-radius:11px;background:#e8f2ff;color:#0878ff;display:grid;place-items:center;font-size:18px}.service-password-form{padding:17px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.service-password-form .field,.service-widget>form .field{display:flex;flex-direction:column;gap:7px;min-width:0}.service-password-form .field span,.service-widget>form .field span{font-size:12px;font-weight:700;color:#375176}.service-password-form input,.service-widget>form input,.service-widget>form textarea,.service-request-card input,.service-request-card select,.service-request-card textarea{width:100%;min-width:0;box-sizing:border-box;border:1px solid #d3e0f3;border-radius:9px;padding:11px 12px;background:#fff;color:#173765;font:inherit;font-size:13px;outline:none}.service-password-form input:focus,.service-widget>form input:focus,.service-widget>form textarea:focus,.service-request-card input:focus,.service-request-card select:focus,.service-request-card textarea:focus{border-color:#2680ff;box-shadow:0 0 0 3px #1675ff1c}.service-password-form button{grid-column:1/-1;justify-self:start}.service-widget>p{padding:0 17px;margin:14px 0;color:#687b94;font-size:12px;line-height:1.7}.service-widget>form{padding:0 17px 17px;display:grid;gap:12px}.service-widget>form button{justify-self:start}.service-widget .btn:disabled{opacity:.5;cursor:not-allowed}.service-detail-heading{margin-bottom:18px}.service-detail-heading h1{overflow-wrap:anywhere}.service-request-card{max-width:850px;margin:0 auto 28px;background:#fff;border:1px solid #e0e8f5;border-radius:14px;padding:clamp(16px,3vw,28px);box-shadow:0 5px 22px rgba(18,55,115,.05)}.service-current-plan{background:#f3f8ff;border:1px solid #e1ecff;border-radius:11px;padding:16px;margin-bottom:20px}.service-current-plan span{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#6c7f9a;font-weight:800}.service-current-plan h2{margin:8px 0 5px;color:#123576}.service-current-plan p,.service-request-card>p{font-size:12px;color:#72829a}.service-request-card form{display:grid;gap:15px}.service-request-card .field{display:flex;flex-direction:column;gap:8px}.service-request-card .field span{font-size:12px;font-weight:700;color:#375176}.service-request-card .btn{justify-self:start;display:inline-flex;align-items:center;gap:8px}
.sh-service-list-item{padding:15px!important;border-bottom:1px solid #eaf0f8;gap:13px!important;align-items:flex-start!important}.sh-service-list-item:last-child{border-bottom:0}.sh-service-list-item .sh-product-visual{display:grid;place-items:center;color:#1478ff;font-size:25px;background:linear-gradient(135deg,#e8f2ff,#f4f8ff);border:1px solid #dce9ff;border-radius:12px;flex:0 0 56px;height:56px}.sh-service-list-item .sh-service-detail{min-width:0;flex:1}.sh-service-list-item .sh-service-title{flex-wrap:wrap;gap:8px}.sh-service-list-item .sh-service-title h3{font-size:14px;overflow-wrap:anywhere}.sh-service-quick-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.sh-service-quick-actions a{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #d9e8ff;border-radius:8px;color:#075fe5;background:#f7faff;font-size:11px;font-weight:700}.sh-service-quick-actions a:hover{background:#eaf3ff}.sh-domain-list-item{padding:15px!important;border-bottom:1px solid #eaf0f8;gap:12px!important;align-items:flex-start!important}.sh-domain-list-item:last-of-type{border-bottom:0}.sh-domain-list-item .sh-domain-content{min-width:0;flex:1}.sh-domain-list-item .sh-domain-title{flex-wrap:wrap}.sh-domain-list-item .sh-domain-title b{overflow-wrap:anywhere}.sh-domain-mini-meta{display:grid;gap:5px;margin-top:9px;color:#7486a0;font-size:10px}.sh-domain-mini-meta i{width:14px;color:#4a7fc6}.sh-domain-footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 15px;border-top:1px solid #edf2f8;color:#248252;font-size:11px}.sh-domain-footer a{color:#086be8;font-weight:700}.sh-domain-panel .sh-domain-card{box-shadow:none}.sh-domain-panel .sh-domain-icon{display:grid;place-items:center;font-size:20px;color:#0878ff;background:#e7f1ff;border-radius:11px;flex:0 0 46px;height:46px}.sh-customer-dashboard .sh-dashboard-two-col{align-items:stretch}.sh-customer-dashboard .sh-service-panel,.sh-customer-dashboard .sh-domain-panel{min-width:0;overflow:hidden}
@media(max-width:900px){.service-detail-grid{grid-template-columns:1fr}.service-detail-left{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.service-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr))}.sh-service-list-item{flex-wrap:wrap}.sh-domain-list-item{flex-wrap:wrap}}
@media(max-width:600px){.service-detail-grid{gap:12px}.service-detail-left{grid-template-columns:1fr}.service-package{align-items:flex-start}.service-package>.status-pill{margin-left:0}.service-facts{grid-template-columns:1fr}.service-facts>div:nth-child(odd){border-right:0}.service-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.service-password-form{grid-template-columns:1fr;padding:14px}.service-password-form button{grid-column:auto;width:100%;justify-content:center}.service-detail-heading{align-items:stretch}.service-detail-heading>.btn{width:100%;justify-content:center}.service-widget>form button{width:100%;justify-content:center}.sh-service-list-item .sh-product-visual{flex-basis:44px;height:44px}.sh-service-quick-actions a{flex:1;justify-content:center}.sh-domain-list-item .sh-small-primary{width:100%;justify-content:center}.sh-domain-footer{flex-direction:column}.service-request-card .btn{width:100%;justify-content:center}}


/* Final customer polish: responsive catalogue/auth, true notification bell, and compact product list. */
.sh-notification{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #dce8fb;border-radius:50%;background:#fff;color:#0878ff;text-decoration:none!important;font-size:17px;box-shadow:0 3px 10px rgba(21,77,150,.05)}
.sh-notification b{position:absolute;top:-5px;right:-4px;min-width:18px;height:18px;display:grid;place-items:center;border-radius:999px;background:#ff493f;color:#fff;font-size:10px;line-height:1;padding:0 4px;border:2px solid #fff}
.sh-customer-topbar{gap:14px}.sh-customer-topbar .sh-breadcrumb{flex:1;min-width:0}.sh-customer-topbar .sh-user-menu{flex-shrink:0}
.sh-service-panel .sh-service-list-item{min-width:0}.sh-service-detail,.sh-service-title,.sh-domain-content{min-width:0}.sh-service-title h3,.sh-domain-title b,.sh-domain-link{overflow-wrap:anywhere}
.sh-service-quick-actions a{text-decoration:none!important}.sh-customer-nav a{text-decoration:none!important}.sh-customer-nav a span{min-width:18px;text-align:center}
.auth-shell{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:24px;align-items:stretch;max-width:1040px;margin:34px auto;padding:0 16px}.auth-promo{border-radius:22px;padding:36px 32px;background:linear-gradient(145deg,#073d93,#0878ff);color:#fff;box-shadow:0 20px 45px rgba(8,73,160,.16)}.auth-promo h1{font-size:clamp(27px,3vw,38px);line-height:1.15;margin:18px 0 12px;color:#fff}.auth-promo p{line-height:1.8;color:#e3eeff}.auth-brand-mark{width:58px;height:58px;border-radius:18px;background:rgba(255,255,255,.15);display:grid;place-items:center;font-size:25px}.auth-benefits{display:grid;gap:14px;margin-top:28px}.auth-benefits span{display:flex;gap:10px;align-items:center;font-size:13px;color:#eef5ff}.auth-form-card{padding:clamp(22px,4vw,42px);min-width:0}.auth-form-card h1{margin:10px 0;font-size:clamp(25px,3vw,32px)}.auth-form-card form label{display:block;font-weight:700;margin:15px 0 8px}.auth-form-card form input:not([type=checkbox]),.auth-form-card form select{width:100%;min-height:48px;border-radius:11px}.auth-form-card .auth-submit{width:100%;justify-content:center;min-height:48px;margin-top:18px}.otp-auth-shell{max-width:1040px}.otp-code-input{text-align:center;font-size:26px;letter-spacing:10px;font-weight:800;color:#075fe5}.otp-resend-form{margin-top:10px}.otp-resend-form .btn{width:100%;justify-content:center;min-height:44px}.otp-form small{display:block;margin-top:8px}.domain-check-page,.home-benefits,.home-cta,.home-domain-search,.sh-home-hero{min-width:0}.domain-check-hero{padding:clamp(24px,5vw,52px);border-radius:22px}.domain-search-form{display:flex;gap:10px;align-items:center}.domain-search-form input{min-width:0;flex:1;min-height:52px}.domain-search-form .btn{white-space:nowrap;min-height:52px}.domain-result-card{overflow:hidden}.home-domain-search .search{display:flex;gap:10px}.home-domain-search .search input{min-width:0;flex:1}.home-domain-search .search .btn{white-space:nowrap}.home-feature-grid .card a,.home-hero-actions a,.home-cta a{text-decoration:none!important}.grid .card{min-width:0;overflow-wrap:anywhere}.page-register .form-card,.page-login .form-card{width:100%;min-width:0}.page-register .form-grid,.page-login .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-register .form-grid label,.page-login label{min-width:0}.page-register input,.page-register select,.page-login input{width:100%;max-width:100%;box-sizing:border-box}.page-register .checkline{display:flex;align-items:flex-start;gap:10px;line-height:1.6}.page-register .checkline input{width:auto;flex:0 0 auto;margin-top:4px}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr;max-width:680px;margin:20px auto}.auth-promo{padding:26px}.auth-promo .auth-benefits{grid-template-columns:1fr 1fr}.sh-customer-topbar{flex-wrap:wrap}.sh-customer-topbar .sh-breadcrumb{flex:1 1 100%}.domain-check-hero{padding:24px}}
@media(max-width:600px){.auth-shell{padding:0 12px;gap:14px}.auth-promo{padding:22px;border-radius:16px}.auth-promo h1{font-size:27px}.auth-promo .auth-benefits{grid-template-columns:1fr;gap:10px;margin-top:20px}.auth-form-card{padding:20px;border-radius:16px}.page-register .form-grid,.page-login .form-grid{grid-template-columns:1fr}.page-register .form-grid .full{grid-column:auto}.domain-search-form,.home-domain-search .search{flex-direction:column;align-items:stretch}.domain-search-form .btn,.home-domain-search .search .btn{width:100%;justify-content:center}.domain-search-form input,.home-domain-search .search input{width:100%;box-sizing:border-box}.sh-customer-topbar{gap:8px}.sh-customer-topbar .sh-breadcrumb{font-size:11px}.sh-notification{width:38px;height:38px}.sh-customer-topbar .sh-user-menu span:nth-child(2){max-width:94px;overflow:hidden}.sh-service-quick-actions a{width:100%;flex:1 1 100%}.sh-dashboard-two-col{grid-template-columns:minmax(0,1fr)!important}.sh-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sh-welcome-row{align-items:stretch;flex-direction:column}.sh-order-cta{width:100%;justify-content:center}.domain-check-hero h1{font-size:28px}.home-domain-search{padding:18px}}

/* Customer-facing service catalog refresh */
.catalog-page{max-width:1320px;margin:0 auto;padding:4px 0 28px;color:#102b59}
.catalog-hero{position:relative;overflow:hidden;padding:36px clamp(20px,4vw,48px);border-radius:22px;background:radial-gradient(circle at 90% 0%,#4ea1ff 0,transparent 34%),linear-gradient(120deg,#064db5,#0b7cff);color:#fff;box-shadow:0 18px 42px #1264c51a}
.catalog-hero:after{content:"";position:absolute;width:240px;height:240px;border:1px solid #ffffff20;border-radius:50%;right:5%;bottom:-160px;box-shadow:0 0 0 30px #ffffff0b,0 0 0 60px #ffffff08}
.catalog-hero .eyebrow{color:#dceaff;font-size:11px;letter-spacing:.14em;font-weight:800}.catalog-hero h1{position:relative;z-index:1;margin:13px 0 10px;font-size:clamp(27px,3vw,40px);line-height:1.16;letter-spacing:-.035em;color:#fff}.catalog-hero p{position:relative;z-index:1;max-width:740px;margin:0;color:#e5efff;line-height:1.75;font-size:15px}.catalog-trust{position:relative;z-index:1;display:flex;gap:18px;flex-wrap:wrap;margin-top:22px}.catalog-trust span{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#fff}.catalog-trust i{color:#b9f8dc}
.catalog-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:32px 0 17px}.catalog-heading .eyebrow{font-size:10px;letter-spacing:.15em;font-weight:800;color:#6883a8}.catalog-heading h2{margin:7px 0 5px;font-size:25px;letter-spacing:-.025em;color:#0d2855}.catalog-heading p{margin:0;font-size:13px}.catalog-period-switch{display:inline-flex;align-items:center;gap:4px;padding:5px;border:1px solid #dbe8fb;border-radius:12px;background:#fff;box-shadow:0 4px 14px #164d8510}.catalog-period-switch button{border:0;border-radius:9px;padding:10px 14px;background:transparent;color:#506b90;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.catalog-period-switch button.active{background:#096fff;color:white;box-shadow:0 4px 10px #0878ff30}.catalog-period-switch small{display:block;margin-top:2px;font-size:9px;font-weight:600;opacity:.8}
.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;align-items:stretch}.catalog-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:23px 21px 20px;border:1px solid #dce8f9;border-radius:17px;background:#fff;box-shadow:0 8px 26px #153b6e0a;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.catalog-card:hover{transform:translateY(-3px);border-color:#b8d4ff;box-shadow:0 16px 32px #174d8c14}.catalog-card.featured{border-color:#10254a;background:linear-gradient(165deg,#162747,#0e1d38);color:#fff;box-shadow:0 12px 28px #0a1c3b24}.catalog-ribbon{position:absolute;right:15px;top:0;transform:translateY(-1px);padding:5px 9px;border-radius:0 0 8px 8px;background:#ff7d2b;color:white;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.catalog-card-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:14px;border-radius:13px;background:#eaf3ff;color:#0878ff;font-size:21px}.catalog-card.featured .catalog-card-icon{background:#2a426b;color:#86baff}.catalog-category{font-size:9px;font-weight:900;letter-spacing:.15em;color:#6f88ac}.catalog-card.featured .catalog-category{color:#9eb9df}.catalog-card h3{margin:7px 0 8px;font-size:20px;line-height:1.25;color:#0d2855;overflow-wrap:anywhere}.catalog-card.featured h3{color:white}.catalog-description{min-height:45px;margin:0 0 15px;color:#7185a3;font-size:12px;line-height:1.6}.catalog-card.featured .catalog-description{color:#c5d4e9}.catalog-price{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap;margin:0 0 17px}.catalog-price strong{font-size:27px;letter-spacing:-.04em;color:#0d2855;overflow-wrap:anywhere}.catalog-card.featured .catalog-price strong{color:#fff}.catalog-price span{font-size:11px;color:#7a8eaa}.catalog-card.featured .catalog-price span{color:#c1d1e8}.catalog-order-btn{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;border-radius:9px;text-decoration:none!important;font-weight:800}.catalog-card.featured .catalog-order-btn{background:#1476ff;color:white;border-color:#1476ff}.catalog-features{margin-top:20px;padding-top:16px;border-top:1px solid #edf2fa}.catalog-card.featured .catalog-features{border-color:#ffffff20}.catalog-features h4{margin:0 0 12px;font-size:12px;color:#1d3b68}.catalog-features h4 i{color:#0c9d62;margin-right:5px}.catalog-card.featured .catalog-features h4{color:#f0f6ff}.catalog-features ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.catalog-features li{display:flex;align-items:flex-start;gap:8px;color:#516987;font-size:11px;line-height:1.45;overflow-wrap:anywhere}.catalog-features li i{margin-top:2px;color:#12ad70;font-size:11px;flex:0 0 auto}.catalog-card.featured .catalog-features li{color:#e1ebfa}.catalog-empty{grid-column:1/-1;padding:38px 20px;border:1px dashed #bcd1ee;border-radius:16px;text-align:center;background:#fff}.catalog-empty>span{display:grid;place-items:center;width:55px;height:55px;margin:0 auto 12px;border-radius:16px;background:#eaf3ff;color:#0878ff;font-size:22px}.catalog-empty h3{margin:0 0 7px}.catalog-empty p{margin:0;color:#7185a3}.catalog-help{display:flex;align-items:center;gap:15px;margin-top:24px;padding:20px;border:1px solid #dbe8fa;border-radius:16px;background:linear-gradient(110deg,#fff,#f6faff)}.catalog-help-icon{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:13px;background:#e5f0ff;color:#0878ff;font-size:20px}.catalog-help>div{flex:1;min-width:0}.catalog-help h3{margin:0 0 5px;font-size:15px}.catalog-help p{margin:0;color:#6c82a2;font-size:12px;line-height:1.5}.catalog-help .btn{text-decoration:none!important;white-space:nowrap}
.services-heading{gap:16px;align-items:center}.services-heading h1{display:flex;align-items:center;gap:10px}.services-heading h1 i{color:#0878ff}.services-table-panel{overflow:hidden}.service-username{display:block;margin-top:5px;color:#6e82a0}.service-type-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:8px;background:#edf5ff;color:#2468bd;font-size:10px;font-weight:800}.generated-password-notice{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid #cde4ff;border-radius:12px;background:#f3f8ff;color:#1760ac}.generated-password-notice>i{font-size:20px;margin-top:2px}.generated-password-notice span{display:grid;gap:5px}.generated-password-notice b{font-size:13px}.generated-password-notice small{color:#607b9f;font-size:11px;line-height:1.6}
@media(max-width:1100px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-card{padding:21px}.catalog-description{min-height:0}}
@media(max-width:650px){.catalog-page{padding-top:0}.catalog-hero{padding:25px 20px;border-radius:16px}.catalog-hero h1{font-size:27px}.catalog-hero p{font-size:13px}.catalog-trust{display:grid;gap:9px}.catalog-heading{align-items:stretch;flex-direction:column;margin-top:24px}.catalog-heading h2{font-size:22px}.catalog-period-switch{width:100%;box-sizing:border-box}.catalog-period-switch button{flex:1}.catalog-grid{grid-template-columns:minmax(0,1fr);gap:13px}.catalog-card{padding:21px}.catalog-price strong{font-size:29px}.catalog-help{align-items:flex-start;flex-wrap:wrap}.catalog-help>div{flex:1 1 calc(100% - 65px)}.catalog-help .btn{width:100%;justify-content:center}.services-heading{align-items:stretch;flex-direction:column}.services-heading>.btn{width:100%;justify-content:center}.services-table-panel{padding:0!important}.services-table-panel .table-wrap{overflow-x:auto}.services-table-panel table{min-width:850px}.generated-password-notice{grid-column:1/-1}}

/* Consistent customer portal links: avoid default underlines that look like stray underscores. */
body.sh-customer-page a, body.sh-customer-page a:hover, body.sh-customer-page a:focus, body.sh-customer-page a:visited { text-decoration: none !important; }
body:not(.sh-customer-page) main a, body:not(.sh-customer-page) .container a, body:not(.sh-customer-page) .panel a { text-decoration: none; }

/* Remove browser-default link underlines across the customer-facing website. */
a, a:hover, a:focus, a:visited { text-decoration: none !important; }


/* Domain registrar management: responsive controls for DNS, DNSSEC and child nameservers. */
.domain-manage-main{display:grid;gap:18px;min-width:0}.domain-actions-grid{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.domain-actions-grid form{margin:0}.domain-manage-card .table-wrap{width:100%;overflow-x:auto}.domain-manage-card table{width:100%;min-width:620px;border-collapse:collapse}.domain-manage-card th,.domain-manage-card td{padding:11px 12px;border-bottom:1px solid #e7edf7;text-align:left;vertical-align:top}.domain-manage-card td form{display:inline-block;margin:0 5px 5px 0}.domain-manage-card details{margin-top:7px}.domain-manage-card summary{cursor:pointer;color:#075fe5;font-weight:700}.compact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.compact-form label{display:flex;flex-direction:column;gap:7px;min-width:0}.compact-form input,.compact-form select{width:100%;min-width:0}.compact-form .full{grid-column:1/-1}.break-all{overflow-wrap:anywhere;word-break:break-word}.inline-action-form{display:inline-flex;margin:0}.service-detail-main .alert form button:disabled{opacity:.55}@media(max-width:760px){.domain-manage-grid{grid-template-columns:minmax(0,1fr)!important}.domain-manage-aside{order:2}.domain-manage-heading{align-items:flex-start;flex-direction:column;gap:12px}.domain-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.domain-actions-grid .btn{width:100%;white-space:normal}.compact-form{grid-template-columns:minmax(0,1fr)}.compact-form .full{grid-column:auto}.domain-manage-card .form-grid{grid-template-columns:minmax(0,1fr)!important}.domain-manage-card .form-grid label,.domain-manage-card .form-grid .full{grid-column:1/-1!important}.inline-action-form .btn{white-space:normal}}


/* Unified compact button system: consistent btn-sm sizing across the portal and admin. */
.btn-sm,.btn:not(.btn-lg),.nav-cta:not(.btn-lg),button[type="submit"]:not(.btn-lg),input[type="submit"]:not(.btn-lg){
 display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:30px;padding:6px 10px!important;font-size:12px!important;line-height:1.25!important;font-weight:700;border-radius:8px!important;white-space:nowrap;vertical-align:middle
}
.btn-sm i,.btn:not(.btn-lg) i,.nav-cta:not(.btn-lg) i,button[type="submit"] i{font-size:11px;line-height:1}
.btn-sm:focus-visible,.btn:not(.btn-lg):focus-visible,button[type="submit"]:focus-visible{outline:3px solid #1675ff30;outline-offset:2px}
.service-shortcuts-widget>header{display:flex;align-items:center;gap:11px;padding:16px 18px;background:linear-gradient(115deg,#f8fbff,#edf5ff)}
.service-shortcuts-heading-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:#e0edff;color:#0878ff;font-size:15px}
.service-shortcuts-widget>header>span:last-child{display:flex;flex-direction:column;gap:2px}.service-shortcuts-widget>header b{font-size:14px}.service-shortcuts-widget>header small{font-size:11px;font-weight:500;color:#7b8eaa}
.service-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px}
.service-shortcuts .service-shortcut-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;min-height:122px;padding:14px 13px;border:1px solid #e5edf9;border-radius:12px;background:linear-gradient(145deg,#fff,#fbfdff);text-align:left;text-decoration:none;box-shadow:0 3px 10px #143c7205;transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden}
.service-shortcuts .service-shortcut-card:hover{transform:translateY(-2px);border-color:#b7d3ff;background:#f8fbff;box-shadow:0 8px 20px #1454a010}
.service-shortcut-icon{display:grid;place-items:center;width:35px;height:35px;margin-bottom:3px;border-radius:10px;background:#e7f1ff;color:#0878ff;font-size:16px;transition:background .18s,color .18s}
.service-shortcuts .service-shortcut-card:hover .service-shortcut-icon{background:#0878ff;color:#fff}
.service-shortcuts .service-shortcut-card>b{font-size:12px;line-height:1.35;color:#1d3b70;overflow-wrap:anywhere}
.service-shortcuts .service-shortcut-card>small{font-size:10px;line-height:1.35;color:#7a8ba5;overflow-wrap:anywhere}
.service-shortcut-arrow{position:absolute;right:11px;top:12px;color:#a1b5d2;font-size:10px}
@media(max-width:900px){.service-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){.service-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:11px}.service-shortcuts .service-shortcut-card{min-height:112px;padding:12px}.service-shortcuts-widget>header{padding:13px}.service-shortcuts-widget>header small{font-size:10px}.btn-sm,.btn:not(.btn-lg),.nav-cta:not(.btn-lg),button[type="submit"]:not(.btn-lg),input[type="submit"]:not(.btn-lg){min-height:29px;padding:6px 9px!important;font-size:11px!important}}


/* SediaHosting brand refresh: deep navy + orange accent across customer pages */
body.sh-customer-page .sh-customer-sidebar{background:linear-gradient(180deg,#071b3d 0%,#0b2b55 58%,#103b67 100%);box-shadow:4px 0 22px rgba(7,27,61,.12)}
body.sh-customer-page .sh-customer-brand b{color:#fff;letter-spacing:-.55px}
body.sh-customer-page .sh-customer-brand small{color:#dbe6f7}
body.sh-customer-page .sh-brand-mark{color:#ff7a1a}
body.sh-customer-page .sh-customer-nav a{color:#e7eefb}
body.sh-customer-page .sh-customer-nav a:hover{background:rgba(255,122,26,.15);color:#fff}
body.sh-customer-page .sh-customer-nav a.active{background:linear-gradient(105deg,#ff7618,#ff9630);box-shadow:0 8px 20px rgba(255,122,26,.2);color:#fff}
body.sh-customer-page .sh-customer-nav a.active>span{color:#fff}
body.sh-customer-page .sh-home-icon{background:#fff3e8;color:#e96910}
body.sh-customer-page .sh-notification{color:#e96910;border-color:#f4dfce}
body.sh-customer-page .sh-notification b{background:#e96910}
body.sh-customer-page .sh-language b{background:#102b52;color:#fff}
body.sh-customer-page .sh-user-avatar{background:linear-gradient(145deg,#fff0e2,#ffd0a6);color:#9d480b}
body.sh-customer-page .sh-customer-page .btn,
body.sh-customer-page .btn:not(.secondary):not(.btn-secondary):not(.btn-outline){background:linear-gradient(135deg,#ff7618,#ff9228);border-color:#ff7618;box-shadow:0 5px 13px rgba(255,122,26,.15)}
body.sh-customer-page .btn:not(.secondary):not(.btn-secondary):not(.btn-outline):hover{filter:brightness(.97);box-shadow:0 7px 17px rgba(255,122,26,.23)}
body.sh-customer-page .sh-order-cta{background:linear-gradient(110deg,#ff7618,#ff9228)!important;color:#fff!important;box-shadow:0 8px 20px rgba(255,122,26,.18)}
body.sh-customer-page .sh-stat-icon{background:#fff0e3;color:#e96910}
body.sh-customer-page .sh-product-visual{background:linear-gradient(145deg,#fff3e7,#ffe1c7);color:#b9500a}
body.sh-customer-page .sh-page-content a:not(.btn):hover{color:#e96910}
body.sh-customer-page .sh-customer-topbar{border-bottom-color:#e7eaf0}
body.sh-customer-page .sh-sidebar-help>a{background:linear-gradient(110deg,#ff7618,#ff9228);color:#fff}
body.sh-customer-page .sh-small-primary{background:linear-gradient(110deg,#ff7618,#ff9228);color:#fff}
body.sh-customer-page .sh-service-quick-actions a:hover{border-color:#ffd2b0;background:#fff8f2}
body.sh-customer-page .sh-customer-dashboard .btn-sm{min-height:30px;padding:6px 10px;font-size:11px}

/* Domain management uses a compact WHMCS-like left navigation instead of a long page */
.domain-manager-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px;align-items:start}
.domain-manager-nav{position:sticky;top:86px;display:grid;gap:3px;padding:7px;background:#fff;border:1px solid #dfe6f0;border-radius:10px;box-shadow:0 4px 16px rgba(18,48,88,.04);min-width:0}
.domain-manager-nav a{display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:7px;text-decoration:none;color:#4c607c;font-size:12px;line-height:1.35;transition:background .15s,color .15s}
.domain-manager-nav a i{width:17px;text-align:center;color:#7b8ba2}
.domain-manager-nav a:hover{background:#fff3e8;color:#9b470b}
.domain-manager-nav a.active{background:#fff0e3;color:#9b470b;font-weight:750;box-shadow:inset 3px 0 #ff7a1a}
.domain-manager-nav a.active i{color:#e96910}
.domain-manage-main{display:grid;gap:0;min-width:0}
.domain-manage-main .domain-manage-card{margin:0;border-radius:10px;padding:clamp(16px,2.2vw,24px);box-shadow:0 4px 18px rgba(18,48,88,.04)}
.domain-manage-main .domain-card-heading{padding-bottom:14px;border-bottom:1px solid #edf1f7;margin-bottom:16px}
.domain-manage-main .domain-card-icon{background:#fff0e3;color:#e96910}
.domain-manage-main .domain-card-heading h2{font-size:18px;color:#10284b}
.domain-manage-main .domain-card-heading p{font-size:12px;line-height:1.6}
.domain-manage-main .btn{min-height:30px;padding:6px 10px;font-size:11px;border-radius:7px}
.domain-manage-main .btn:not(.secondary){background:linear-gradient(110deg,#ff7618,#ff9228)}
.domain-manage-main .form-grid input,.domain-manage-main .form-grid select,.domain-manage-main .compact-form input,.domain-manage-main .compact-form select{min-height:39px;border-radius:7px}
.domain-manage-main .domain-facts>div{border-radius:9px;background:#fbfcff}
@media(max-width:850px){.domain-manager-layout{grid-template-columns:minmax(0,1fr)}.domain-manager-nav{position:static;display:flex;gap:4px;overflow-x:auto;white-space:nowrap;padding:7px;scrollbar-width:thin}.domain-manager-nav a{flex:0 0 auto;padding:9px 10px}.domain-manager-nav a.active{box-shadow:inset 0 -3px #ff7a1a}.domain-manager-nav a i{width:auto}.domain-manage-main .domain-manage-card{padding:16px}}
@media(max-width:600px){body.sh-customer-page .sh-customer-sidebar{background:linear-gradient(180deg,#071b3d,#0b2b55)}body.sh-customer-page .sh-customer-nav a.active{background:linear-gradient(105deg,#ff7618,#ff9630)}.domain-manager-nav{margin-bottom:2px}.domain-manager-nav a{font-size:11px}.domain-manage-main .domain-card-heading{align-items:flex-start}.domain-manage-main .domain-card-heading p{max-width:100%}}

/* Customer portal refresh: soft lavender SaaS workspace inspired by the supplied reference */
body.sh-customer-page{background:#f7f6ff!important;color:#25264f!important;font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif!important}
body.sh-customer-page .sh-customer-dashboard{background:linear-gradient(135deg,#f8f7ff 0%,#f0efff 100%)!important;color:#25264f!important;--sh-blue:#7164f3;--sh-navy:#292a59;--sh-border:#e6e3fb}
body.sh-customer-page .sh-customer-sidebar{background:linear-gradient(180deg,#f1efff 0%,#e9e6ff 100%)!important;color:#37346e!important;border-right:1px solid #e4e0fb;box-shadow:5px 0 28px rgba(69,57,153,.07)!important}
body.sh-customer-page .sh-customer-brand{color:#292957!important}
body.sh-customer-page .sh-customer-brand b{color:#292957!important;font-size:21px!important;letter-spacing:-.65px}
body.sh-customer-page .sh-customer-brand small{color:#7774a8!important}
body.sh-customer-page .sh-brand-logo{max-width:145px;width:auto;max-height:42px;height:auto;object-fit:contain}
body.sh-customer-page .sh-brand-mark{color:#7967f5!important;text-shadow:none!important}
body.sh-customer-page .sh-customer-nav a{color:#5d5a8d!important;border-radius:13px!important;font-weight:650!important;transition:background .18s,box-shadow .18s,transform .18s}
body.sh-customer-page .sh-customer-nav a>span{color:#7972c8!important}
body.sh-customer-page .sh-customer-nav a:hover{background:#fff!important;color:#5548d9!important;transform:translateX(2px)}
body.sh-customer-page .sh-customer-nav a.active{background:linear-gradient(115deg,#8d80ff,#6e5df0)!important;color:#fff!important;box-shadow:0 8px 18px rgba(111,93,240,.22)!important}
body.sh-customer-page .sh-customer-nav a.active>span{color:#fff!important}
body.sh-customer-page .sh-sidebar-help{background:linear-gradient(145deg,#fff,#f6f4ff)!important;border:1px solid #ded9ff!important;color:#39366d!important;box-shadow:0 8px 24px rgba(70,58,157,.07)}
body.sh-customer-page .sh-sidebar-help p{color:#7775a3!important}
body.sh-customer-page .sh-sidebar-help>a{background:linear-gradient(115deg,#8d80ff,#6e5df0)!important;color:#fff!important;border-radius:10px}
body.sh-customer-page .sh-customer-main{background:transparent!important}
body.sh-customer-page .sh-customer-topbar{background:rgba(255,255,255,.86)!important;border-bottom:1px solid #e8e5fb!important;box-shadow:0 5px 20px rgba(73,63,154,.04)!important}
body.sh-customer-page .sh-home-icon{background:#f0edff!important;color:#7566f2!important;border-radius:11px}
body.sh-customer-page .sh-notification{border-color:#e5e1fb!important;color:#7666f0!important;box-shadow:0 4px 12px rgba(89,75,191,.06)}
body.sh-customer-page .sh-notification b{background:#ff6b85!important}
body.sh-customer-page .sh-user-avatar{background:linear-gradient(145deg,#eeeaff,#dcd6ff)!important;color:#6759d8!important}
body.sh-customer-page .sh-user-menu{color:#292957!important}
body.sh-customer-page .sh-user-menu small{color:#8581aa!important}
body.sh-customer-page .sh-page-content{background:transparent!important}
body.sh-customer-page .sh-customer-dashboard .sh-dashboard-content{padding-top:25px}
body.sh-customer-page .sh-welcome-row h1{color:#282956!important;letter-spacing:-1.1px;font-weight:800}
body.sh-customer-page .sh-welcome-row p{color:#7777a4!important}
body.sh-customer-page .sh-order-cta{background:linear-gradient(115deg,#8d80ff,#6d5df0)!important;border-radius:13px!important;box-shadow:0 10px 24px rgba(111,93,240,.22)!important}
body.sh-customer-page .sh-stat-card,body.sh-customer-page .sh-dash-panel,body.sh-customer-page .sh-quick-actions>a,body.sh-customer-page .sh-page-content>.panel,body.sh-customer-page .sh-page-content>.card{background:#fff!important;border-color:#e7e4fb!important;border-radius:17px!important;box-shadow:0 7px 24px rgba(70,58,157,.055)!important}
body.sh-customer-page .sh-stat-card:hover,body.sh-customer-page .sh-quick-actions>a:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(70,58,157,.10)!important}
body.sh-customer-page .sh-stat-icon{background:#eeebff!important;color:#7564f2!important;border-radius:14px!important}
body.sh-customer-page .sh-stat-icon.green{background:#e4fbf1!important;color:#21a979!important}
body.sh-customer-page .sh-stat-icon.orange{background:#fff0e8!important;color:#fa8b52!important}
body.sh-customer-page .sh-stat-icon.purple{background:#f1eaff!important;color:#9163e9!important}
body.sh-customer-page .sh-stat-info small{color:#7775a3!important}
body.sh-customer-page .sh-stat-info strong{color:#282956!important}
body.sh-customer-page .sh-dash-panel>header{background:linear-gradient(180deg,#fff,#fcfbff)!important;border-bottom-color:#eeeafb!important}
body.sh-customer-page .sh-dash-panel>header h2{color:#302f63!important}
body.sh-customer-page .blue-text,body.sh-customer-page .sh-table-icon,body.sh-customer-page .sh-ticket-icon{color:#7564f2!important}
body.sh-customer-page .sh-service-list-item,body.sh-customer-page .sh-domain-list-item{border-bottom-color:#f0eefb!important}
body.sh-customer-page .sh-service-list-item .sh-product-visual,body.sh-customer-page .sh-domain-panel .sh-domain-icon{background:linear-gradient(145deg,#f0edff,#e4dfff)!important;color:#7463ef!important;border-color:#e3defe!important}
body.sh-customer-page .sh-service-title h3,body.sh-customer-page .sh-domain-title b{color:#302f63!important}
body.sh-customer-page .sh-domain-link,body.sh-customer-page .sh-dash-panel>header>a,body.sh-customer-page .sh-domain-footer a{color:#6e5df0!important}
body.sh-customer-page .sh-small-primary,body.sh-customer-page .sh-service-quick-actions a{background:#f4f2ff!important;color:#6657df!important;border:1px solid #e0dcff!important;box-shadow:none!important;border-radius:10px!important}
body.sh-customer-page .sh-small-primary:hover,body.sh-customer-page .sh-service-quick-actions a:hover{background:#eae6ff!important;border-color:#cfc8ff!important}
body.sh-customer-page .sh-status.active{background:#e4fbef!important;color:#159665!important;border-color:#c7f2dc!important}
body.sh-customer-page .sh-domain-footer{border-top-color:#f0eefb!important}
body.sh-customer-page .sh-dashboard-footer{color:#9895b8!important}
body.sh-customer-page .btn:not(.secondary):not(.btn-secondary):not(.btn-outline),body.sh-customer-page .btn-primary{background:linear-gradient(115deg,#8d80ff,#6d5df0)!important;border-color:#7868f4!important;box-shadow:0 5px 14px rgba(111,93,240,.14)!important}
body.sh-customer-page .btn-secondary,body.sh-customer-page .btn.secondary{background:#fff!important;color:#6356d5!important;border-color:#e0dcff!important}
body.sh-customer-page .sh-customer-dashboard .btn-sm{min-height:29px;padding:6px 9px;font-size:11px;border-radius:8px}
body.sh-customer-page a{text-decoration:none}
body.sh-customer-page a:hover{text-decoration:none}
/* Domain finder and promotion cards on customer dashboard */
.sh-dashboard-domain-search{position:relative;overflow:hidden;margin:0 0 21px;padding:clamp(20px,3vw,29px);border:1px solid #e3dfff;border-radius:20px;background:radial-gradient(circle at 94% 0%,rgba(167,151,255,.22),transparent 30%),linear-gradient(125deg,#fff 0%,#f6f3ff 100%);box-shadow:0 10px 28px rgba(70,58,157,.06)}
.sh-section-kicker{display:inline-flex;align-items:center;gap:7px;color:#8174e8;font-size:10px;font-weight:850;letter-spacing:1.25px}
.sh-domain-search-copy h2,.sh-promo-heading h2{margin:8px 0 5px;color:#2d2c5b;font-size:clamp(19px,2.1vw,25px);letter-spacing:-.55px}
.sh-domain-search-copy p,.sh-promo-heading p{margin:0;color:#8581ac;font-size:12px;line-height:1.6}
.sh-dashboard-domain-form{display:flex;align-items:center;gap:11px;margin-top:17px;padding:7px 8px 7px 15px;max-width:850px;border:1px solid #e5e0ff;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(81,66,175,.06)}
.sh-dashboard-domain-form>i{color:#9388d9;font-size:15px}
.sh-dashboard-domain-form input{width:100%;min-width:0;height:40px;margin:0!important;padding:5px 4px!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#353362!important;font-size:13px!important}
.sh-dashboard-domain-form input::placeholder{color:#aaa6c8}
.sh-domain-search-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-height:38px;padding:0 15px;border:0;border-radius:10px;background:linear-gradient(115deg,#8d80ff,#6d5df0);color:#fff;font-size:11px;font-weight:800;cursor:pointer;box-shadow:0 5px 12px rgba(111,93,240,.18)}
.sh-domain-trust{display:flex;flex-wrap:wrap;gap:15px;margin-top:13px;color:#8985ad;font-size:10px;font-weight:650}.sh-domain-trust span{display:flex;align-items:center;gap:6px}.sh-domain-trust i{color:#8375ec}
.sh-domain-promo-section{margin:0 0 23px;padding:19px;border:1px solid #e8e4fb;border-radius:18px;background:#fff;box-shadow:0 7px 24px rgba(70,58,157,.045)}
.sh-promo-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}.sh-promo-heading h2{font-size:19px}.sh-promo-heading>a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:#7463ec;font-size:11px;font-weight:800}
.sh-domain-promo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.sh-domain-promo-card{min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:14px;border:1px solid #eeebfb;border-radius:14px;background:linear-gradient(155deg,#fff,#fcfbff);transition:transform .18s,box-shadow .18s,border-color .18s}
.sh-domain-promo-card:hover{transform:translateY(-2px);border-color:#d8d0ff;box-shadow:0 9px 22px rgba(86,70,180,.09)}
.sh-domain-promo-top{display:flex;align-items:center;gap:8px;width:100%;min-width:0;margin-bottom:13px}.sh-extension-icon{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:#efecff;color:#7867ee}.sh-domain-promo-top>b{font-size:16px;color:#353361}.sh-promo-badge{margin-left:auto;padding:4px 6px;border-radius:6px;background:#ffe8f0;color:#d94d7c;font-size:8px;font-weight:900;letter-spacing:.5px}
.sh-domain-promo-card>small{color:#9792b5;font-size:10px}.sh-domain-promo-card>strong{margin-top:4px;color:#2f2d60;font-size:17px;letter-spacing:-.4px}.sh-promo-code-line{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:8px;color:#7b70df;font-size:9px;line-height:1.4}.sh-promo-code-line b{padding:3px 5px;border:1px dashed #cfc8ff;border-radius:5px;background:#f5f2ff;color:#6555dc;font-size:9px}.sh-promo-code-line.muted{color:#9b98b5}.sh-domain-promo-card>a{display:flex;align-items:center;justify-content:space-between;gap:7px;width:100%;margin-top:12px;padding-top:10px;border-top:1px solid #f0eefb;color:#6e5de9;font-size:10px;font-weight:800}
.sh-domain-catalog-empty{grid-column:1/-1;padding:22px;text-align:center;color:#8581ac}.sh-domain-catalog-empty>i{font-size:25px;color:#8c80f0}.sh-domain-catalog-empty b{display:block;margin-top:8px;color:#39366d}.sh-domain-catalog-empty p{font-size:11px}.sh-domain-catalog-empty a{color:#6e5df0;font-weight:800;font-size:11px}
@media(max-width:1100px){.sh-domain-promo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){body.sh-customer-page .sh-customer-sidebar{background:linear-gradient(180deg,#f1efff,#e9e6ff)!important}.sh-domain-promo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sh-promo-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){body.sh-customer-page .sh-customer-topbar{padding-right:12px!important}.sh-domain-search-copy h2{font-size:20px}.sh-dashboard-domain-search{padding:17px;border-radius:16px}.sh-dashboard-domain-form{flex-wrap:wrap;padding:9px 10px}.sh-dashboard-domain-form input{flex:1 1 calc(100% - 35px);height:36px}.sh-domain-search-button{width:100%;flex:1 1 100%}.sh-domain-trust{gap:9px}.sh-domain-trust span{font-size:9px}.sh-domain-promo-section{padding:13px;border-radius:15px}.sh-domain-promo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sh-domain-promo-card{padding:10px;border-radius:12px}.sh-domain-promo-top{gap:6px;margin-bottom:10px}.sh-extension-icon{width:27px;height:27px;flex-basis:27px}.sh-domain-promo-top>b{font-size:14px}.sh-promo-badge{font-size:7px;padding:3px 4px}.sh-domain-promo-card>strong{font-size:15px}.sh-promo-code-line{font-size:8px}.sh-domain-promo-card>a{font-size:9px}.sh-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sh-dashboard-two-col{grid-template-columns:minmax(0,1fr)!important}.sh-customer-page .sh-welcome-row h1{font-size:23px;line-height:1.2}.sh-customer-page .sh-order-cta{min-height:43px;font-size:11px}.sh-customer-page .sh-stat-card{min-width:0;padding:10px;gap:8px}.sh-customer-page .sh-stat-info strong{font-size:22px}.sh-customer-page .sh-service-meta{grid-template-columns:minmax(75px,.7fr) minmax(0,1fr)}.sh-customer-page .sh-service-quick-actions a{flex:1 1 auto;width:auto}.sh-customer-page .sh-dashboard-footer{padding:17px 8px}}
@media(min-width:761px){body.sh-customer-page .sh-customer-sidebar{width:242px!important}body.sh-customer-page .sh-customer-main{margin-left:242px!important}}
@media(min-width:761px) and (max-width:1050px){body.sh-customer-page .sh-customer-sidebar{width:215px!important}body.sh-customer-page .sh-customer-main{margin-left:215px!important}}

/* Revision: compact brand mark and support card */
body.sh-customer-page .sh-customer-brand{justify-content:center;min-height:84px;padding:12px 8px 20px}
body.sh-customer-page .sh-brand-logo{display:block;max-width:178px;width:100%;max-height:62px;height:auto;object-fit:contain}
body.sh-customer-page .sh-brand-text{display:none!important}
body.sh-customer-page .sh-sidebar-help .sh-help-icon{color:#fff;display:grid;place-items:center}
body.sh-customer-page .sh-sidebar-help .sh-help-icon i{font-size:21px}
@media(max-width:760px){body.sh-customer-page .sh-customer-brand{justify-content:flex-start;min-height:54px;padding:0 4px 8px}body.sh-customer-page .sh-brand-logo{max-width:148px;max-height:42px;width:auto}}

/* Domain catalogue: registrar-style price table with category tabs and badges */
.domain-catalog-modern .catalog-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:30px 0 18px}.domain-catalog-modern .catalog-heading h2{margin:7px 0;font-size:clamp(22px,3vw,30px)}.domain-catalog-modern .catalog-heading p{margin:0;line-height:1.6}.catalog-count{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;background:#f1efff;color:#5e50d6;border-radius:10px;font-size:12px;font-weight:800;white-space:nowrap}.domain-category-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0 12px}.domain-category-tabs button{display:inline-flex;align-items:center;gap:7px;border:1px solid #e2e6f3;border-radius:7px;padding:7px 10px;background:#fff;color:#59677f;font-size:11px;font-weight:700;cursor:pointer;min-height:32px}.domain-category-tabs button b{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:5px;background:#f0f2f8;color:#6f7a90;font-size:10px}.domain-category-tabs button.active{background:#6f5cf4;color:#fff;border-color:#6f5cf4;box-shadow:0 5px 14px #6f5cf426}.domain-category-tabs button.active b{background:#ffffff25;color:#fff}.domain-price-table-wrap{overflow:auto;border-radius:12px;border:1px solid #e6eaf3;background:#fff;box-shadow:0 8px 28px rgba(37,53,92,.04)}.domain-price-table{border-collapse:collapse;width:100%;min-width:620px;font-size:12px}.domain-price-table thead th{background:#f5f6fa;color:#65728a;font-size:11px;font-weight:700;padding:12px 14px;text-align:center;border-bottom:3px solid #476c9c;white-space:nowrap}.domain-price-table thead th:first-child{text-align:left}.domain-price-table tbody tr:nth-child(even){background:#f1f8fc}.domain-price-table tbody tr:hover{background:#eef2ff}.domain-price-table tbody td{padding:9px 14px;border-bottom:1px solid #eaf0f6;text-align:center;color:#263b5d;white-space:nowrap}.domain-price-table tbody td:first-child{text-align:left;min-width:150px}.domain-price-table tbody td:first-child b{font-weight:700}.domain-price-table td strong{font-weight:600}.domain-price-table td small{display:block;font-size:9px;color:#8190a8;margin-top:3px}.domain-price-table tr[hidden]{display:none!important}.domain-badge-new,.domain-badge-sale{display:inline-flex;vertical-align:middle;align-items:center;margin-left:4px;padding:2px 5px;border-radius:3px;font-size:8px;font-weight:900;letter-spacing:.25px}.domain-badge-new{background:#d1fae5;color:#07835d}.domain-badge-sale{background:#fff0bd;color:#9b6a00}.domain-table-order{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#eeebff;color:#6856ed}.domain-alert{display:flex;align-items:flex-start;gap:12px;margin:18px 0;padding:16px;border:1px solid #fecaca;background:#fff1f2;color:#991b1b;border-radius:13px}.domain-alert p{margin:5px 0 0;line-height:1.6}.sh-domain-new-badge{background:#d1fae5!important;color:#07835d!important}.sh-domain-sale-badge{background:#fff0bd!important;color:#9b6a00!important}
.sh-customer-dashboard .sh-customer-brand,.sh-customer-subpage .sh-customer-brand{justify-content:center;min-height:82px;padding:12px 8px 20px}.sh-customer-dashboard .sh-brand-logo,.sh-customer-subpage .sh-brand-logo{display:block;max-width:180px;width:100%;max-height:62px;height:auto;object-fit:contain}.sh-customer-dashboard .sh-brand-text,.sh-customer-subpage .sh-brand-text{display:none!important}.sh-customer-dashboard .sh-sidebar-help .sh-help-icon,.sh-customer-subpage .sh-sidebar-help .sh-help-icon{display:grid;place-items:center}.sh-customer-dashboard .sh-sidebar-help .sh-help-icon i,.sh-customer-subpage .sh-sidebar-help .sh-help-icon i{font-size:22px}
@media(max-width:760px){.domain-catalog-modern .catalog-heading{align-items:flex-start;flex-direction:column}.catalog-count{white-space:normal}.domain-category-tabs{gap:6px}.domain-category-tabs button{padding:6px 8px;font-size:10px}.domain-price-table{min-width:570px}.sh-customer-dashboard .sh-customer-brand,.sh-customer-subpage .sh-customer-brand{justify-content:flex-start;min-height:54px;padding:0 4px 8px}.sh-customer-dashboard .sh-brand-logo,.sh-customer-subpage .sh-brand-logo{max-width:148px;max-height:42px;width:auto}}

/* Catalog contrast fix: keep every text element readable on featured dark cards */
.catalog-page .catalog-card.featured{color:#fff!important;background:linear-gradient(155deg,#172c50 0%,#0b1d3b 100%)!important}
.catalog-page .catalog-card.featured h3,
.catalog-page .catalog-card.featured .catalog-category,
.catalog-page .catalog-card.featured .catalog-description,
.catalog-page .catalog-card.featured .catalog-price strong,
.catalog-page .catalog-card.featured .catalog-price span,
.catalog-page .catalog-card.featured .catalog-features h4,
.catalog-page .catalog-card.featured .catalog-features li,
.catalog-page .catalog-card.featured .catalog-features li span{color:#fff!important}
.catalog-page .catalog-card.featured .catalog-category{color:#c8dcff!important}
.catalog-page .catalog-card.featured .catalog-description{color:#e3edff!important}
.catalog-page .catalog-card.featured .catalog-price span{color:#d6e4ff!important}
.catalog-page .catalog-card.featured .catalog-features{border-top-color:rgba(255,255,255,.22)!important}
.catalog-page .catalog-card.featured .catalog-features h4 i{color:#72efbd!important}
.catalog-page .catalog-card.featured .catalog-order-btn{background:linear-gradient(110deg,#7767ff,#5d4ce8)!important;border-color:#7666ff!important;color:#fff!important}
.catalog-page .catalog-card.featured .catalog-order-btn:hover{filter:brightness(1.08)}

/* SSO actions are POST + CSRF protected; keep their cards visually consistent. */
.service-action-form{margin:0}.service-action-form button{display:block;width:100%;padding:11px 14px;text-align:left;border:0;border-top:1px solid #edf1f8;background:transparent;color:inherit;font:inherit;cursor:pointer}.service-action-form button:hover{background:#f4f8ff;color:#075fe5}.service-shortcut-form{margin:0;min-width:0}.service-shortcut-form .service-shortcut-card{width:100%;text-align:left;border:1px solid #e5edf9;background:#fff;color:inherit;font:inherit;cursor:pointer}.service-shortcut-form .service-shortcut-card:hover{border-color:#9dc2ff;background:#f7faff}

/* =========================================================
   SEDIAHOSTING ADMIN / RESELLER PANEL
   Tambahan khusus untuk layout includes/header.php.
   Seluruh CSS lama di atas tetap dipertahankan.
   ========================================================= */

.app{
  --sh-navy:#102b4e;
  --sh-navy-2:#173d67;
  --sh-blue:#2463a6;
  --sh-bg:#f4f7fb;
  --sh-border:#e4eaf2;
  display:flex;
  min-height:100vh;
  width:100%;
  background:var(--sh-bg);
  color:#243449;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
}
.app *{box-sizing:border-box}
.app > .sidebar{
  position:sticky;
  top:0;
  left:0;
  display:flex;
  flex:0 0 258px;
  flex-direction:column;
  width:258px;
  height:100vh;
  min-height:100vh;
  overflow-y:auto;
  padding:24px 16px 18px;
  background:linear-gradient(180deg,#102b4e 0%,#0c2340 100%);
  color:#d9e6f5;
  box-shadow:5px 0 24px rgba(16,43,78,.08);
  z-index:20;
}
.app .sidebar .brand{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 4px 30px;
  padding:0 4px;
  color:#fff;
  font-size:16px;
  font-weight:800;
  line-height:1.2;
  text-decoration:none;
  white-space:normal;
}
.app .sidebar .brand>span:last-child{display:block}
.app .sidebar .brand>span:last-child>span{color:#8fc5ff}
.app .sidebar .brand small{
  display:block;
  margin-top:6px;
  color:#91a9c5;
  font-size:9px;
  font-weight:700;
  letter-spacing:1.8px;
}
.app .sidebar .brand-mark{
  display:grid;
  flex:0 0 42px;
  width:42px;
  height:42px;
  place-items:center;
  border-radius:13px;
  background:linear-gradient(135deg,#4b9be8,#2161a4);
  color:#fff;
  font-size:22px;
  box-shadow:0 7px 18px rgba(0,0,0,.18);
}
.app .sidebar .nav-label{
  margin:18px 10px 8px;
  color:#7894b5;
  font-size:9px;
  font-weight:800;
  letter-spacing:1.7px;
}
.app .sidebar>a:not(.brand){
  display:flex;
  align-items:center;
  gap:11px;
  min-height:42px;
  margin:2px 0;
  padding:10px 12px;
  border:1px solid transparent;
  border-radius:9px;
  color:#c6d5e8;
  font-size:13px;
  font-weight:550;
  line-height:1.35;
  text-decoration:none;
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.app .sidebar>a:not(.brand):hover,
.app .sidebar>a:not(.brand):focus{
  border-color:#ffffff12;
  background:#ffffff12;
  color:#fff;
}
.app .sidebar>a.active,
.app .sidebar>a[aria-current="page"]{
  background:#ffffff18;
  color:#fff;
  border-color:#ffffff20;
}
.app .sidebar .sidebar-bottom{
  margin-top:auto;
  padding:18px 10px 2px;
  border-top:1px solid #ffffff18;
  color:#c5d5e8;
  font-size:11px;
  line-height:1.6;
}
.app .sidebar .sidebar-bottom small{color:#829bb8}
.app > .main{
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  min-width:0;
  min-height:100vh;
  margin:0;
  padding:0;
  background:var(--sh-bg);
}
.app .topbar{
  position:sticky;
  top:0;
  z-index:10;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  min-height:76px;
  margin:0;
  padding:14px 30px;
  border-bottom:1px solid var(--sh-border);
  background:rgba(255,255,255,.96);
  box-shadow:0 3px 14px rgba(16,43,78,.035);
  backdrop-filter:blur(10px);
}
.app .topbar .eyebrow{
  display:block;
  margin-bottom:4px;
  color:#7890aa;
  font-size:9px;
  font-weight:800;
  letter-spacing:1.7px;
}
.app .topbar strong{
  display:block;
  color:#173653;
  font-size:17px;
  font-weight:750;
}
.app .user-chip{
  display:flex;
  align-items:center;
  gap:10px;
  color:#263d56;
  font-size:12px;
  font-weight:700;
}
.app .user-chip small{
  display:block;
  margin-top:2px;
  color:#8a9aab;
  font-size:10px;
  font-weight:500;
}
.app .user-chip .avatar{
  display:grid;
  width:36px;
  height:36px;
  place-items:center;
  border-radius:50%;
  background:#e8f1fb;
  color:#2463a6;
  font-weight:800;
}
.app .content{
  flex:1 0 auto;
  width:100%;
  max-width:1500px;
  margin:0 auto;
  padding:28px 30px 34px;
}
.app .content h1{
  margin:4px 0 8px;
  color:#173653;
  font-size:clamp(25px,3vw,32px);
  font-weight:800;
  letter-spacing:-.7px;
}
.app .content h2,
.app .content h3{color:#1b3b5c}
.app .content p{line-height:1.65}
.app .content .card,
.app .content .panel{
  border:1px solid var(--sh-border);
  border-radius:14px;
  background:#fff;
  box-shadow:0 5px 20px rgba(16,43,78,.045);
}
.app .content .alert{
  border:1px solid transparent;
  border-radius:10px;
}
.app .content .btn{
  border-radius:8px;
  font-weight:700;
}
.app .content table{
  border-collapse:separate;
  border-spacing:0;
}
.app .content table th{
  background:#f5f8fc;
  color:#60758d;
  font-size:11px;
  letter-spacing:.45px;
}
.app .content table td,
.app .content table th{padding:13px 15px}
.app .footer{
  flex:0 0 auto;
  margin:0;
  padding:20px 30px;
  border-top:1px solid var(--sh-border);
  background:#fff;
  color:#8190a2;
  font-size:11px;
  text-align:center;
}
.app .footer span{margin-left:5px;color:#9aa7b5}

/* Reseller API page components */
.app .content .api-hero,
.app .content .reseller-api-hero{margin-bottom:22px}
.app .content .api-card,
.app .content .reseller-api-card{
  border:1px solid var(--sh-border);
  border-radius:14px;
  background:#fff;
  box-shadow:0 5px 20px rgba(16,43,78,.045);
}
.app .content pre,
.app .content code{
  max-width:100%;
  overflow-wrap:anywhere;
}
.app .content pre{
  overflow:auto;
  padding:16px;
  border:1px solid #e5ebf3;
  border-radius:10px;
  background:#f7f9fc;
  color:#233c59;
}

/* Keep mobile navigation usable without changing existing customer pages */
@media(max-width:900px){
  .app > .sidebar{flex-basis:224px;width:224px;padding:20px 12px}
  .app .topbar{padding:13px 20px}
  .app .content{padding:24px 20px}
}
@media(max-width:680px){
  .app{display:block}
  .app > .sidebar{
    position:relative;
    display:block;
    width:100%;
    height:auto;
    min-height:0;
    max-height:none;
    padding:13px 14px;
    overflow:visible;
  }
  .app .sidebar .brand{margin:0 2px 12px}
  .app .sidebar .nav-label{margin:12px 5px 5px}
  .app .sidebar>a:not(.brand){
    display:inline-flex;
    min-height:36px;
    margin:2px 2px;
    padding:8px 10px;
    font-size:11px;
  }
  .app .sidebar .sidebar-bottom{display:none}
  .app > .main{min-height:0}
  .app .topbar{
    position:relative;
    min-height:64px;
    padding:12px 16px;
  }
  .app .content{padding:20px 14px 26px}
  .app .footer{padding:17px 14px;line-height:1.7}
  .app .footer span{display:block;margin:3px 0 0}
}
@media(max-width:420px){
  .app .topbar strong{font-size:15px}
  .app .user-chip{font-size:11px}
  .app .content h1{font-size:25px}
}