:root{--nav:#101827;--nav2:#1d2939;--bg:#f5f7fb;--card:#fff;--ink:#101828;--muted:#667085;--line:#e4e7ec;--blue:#2f5bea;--blue2:#244bd0;--good:#067647;--goodbg:#ecfdf3;--bad:#b42318;--badbg:#fef3f2;--radius:16px}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}a{text-decoration:none;color:inherit}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:22px}.auth-card{width:min(100%,440px);background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 24px 70px rgba(16,24,40,.10)}.auth-card.center{text-align:center}.logo{width:56px;height:56px;background:var(--blue);color:#fff;display:grid;place-items:center;border-radius:17px;font-weight:850;letter-spacing:-1px;margin-bottom:18px}.logo.small{width:40px;height:40px;border-radius:12px;margin:0;font-size:13px}h1{font-size:30px;line-height:1.1;margin:0 0 7px}h2{font-size:19px;margin:0 0 15px}p{color:var(--muted)}.stack{display:grid;gap:16px;margin-top:20px}label{display:grid;gap:7px;font-weight:650;font-size:13px}input,select,textarea{border:1px solid #d0d5dd;border-radius:11px;padding:12px 13px;background:#fff;font:inherit;color:var(--ink);outline:none;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(47,91,234,.12)}button{font:inherit}.primary,.button{border:0;border-radius:10px;padding:11px 15px;font-weight:750;cursor:pointer}.primary{background:var(--blue);color:#fff}.primary:hover{background:var(--blue2)}.button{background:#eef2ff;color:#2743a5}.button.white{background:#fff;color:#1b3a9a}.button:disabled{opacity:.45;cursor:not-allowed}.secure{font-size:12px;color:var(--muted);text-align:center;margin-top:18px}.alert{padding:12px 14px;border-radius:11px;margin:0 0 18px}.badbox{background:var(--badbg);color:var(--bad);border:1px solid #fecdca}.goodbox{background:var(--goodbg);color:var(--good);border:1px solid #abefc6}.app{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;background:var(--nav);color:#fff;padding:20px 14px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;gap:11px;align-items:center;padding:3px 8px 24px}.brand>div:last-child{display:grid}.brand small{color:#98a2b3;margin-top:2px}.sidebar nav{display:grid;gap:3px}.sidebar nav a,.signout{padding:11px 13px;border-radius:10px;color:#d0d5dd}.sidebar nav a:hover,.sidebar nav a.active{background:#243147;color:#fff}.signout{margin-top:auto}.main{margin-left:250px;min-height:100vh}.top{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;padding:0 28px;position:sticky;top:0;z-index:20}.identity{display:grid;text-align:right}.identity small{color:var(--muted);margin-top:2px}.hamb{display:none;border:0;background:none;font-size:24px}.page{padding:30px;max-width:1220px;margin:0 auto}.pagehead{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.pagehead p{margin:4px 0 0}.due-banner,.ok-banner{border-radius:18px;padding:20px 22px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.due-banner{background:linear-gradient(135deg,#294ed3,#4269ef);color:#fff}.due-banner div{display:grid;gap:3px}.due-banner small{font-weight:800;opacity:.85}.due-banner strong{font-size:30px}.due-banner span{opacity:.9}.ok-banner{background:var(--goodbg);border:1px solid #abefc6;color:var(--good);display:grid;gap:3px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.metric,.panel,.record,.mail-card,.billing-summary,.empty{background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.metric{padding:18px}.metric small{color:var(--muted)}.metric strong{display:block;font-size:28px;margin-top:7px}.metric strong.date{font-size:18px}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{padding:20px}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick a{border:1px solid var(--line);border-radius:12px;padding:14px;font-weight:700;background:#fafbff}.panel dl,.account-panel dl{display:grid;grid-template-columns:150px 1fr;gap:11px;margin:0}.panel dt{color:var(--muted)}.panel dd{margin:0;font-weight:650}.mail-list,.records{display:grid;gap:10px}.mail-card{display:flex;align-items:center;gap:14px;padding:16px}.mail-icon{width:42px;height:42px;border-radius:12px;background:#eef2ff;color:#3157c8;display:grid;place-items:center;font-size:20px;font-weight:800}.mail-main{flex:1;min-width:0}.mail-main strong{display:block;overflow:hidden;text-overflow:ellipsis}.mail-main small{color:var(--muted)}.usage{height:6px;background:#eef2f6;border-radius:99px;overflow:hidden;margin:8px 0 5px}.usage span{display:block;height:100%;background:var(--blue);border-radius:99px}.billing-summary{display:grid;grid-template-columns:1fr 1fr;margin-bottom:22px}.billing-summary>div{padding:20px}.billing-summary>div+div{border-left:1px solid var(--line)}.billing-summary small{color:var(--muted);font-weight:700}.billing-summary strong{display:block;font-size:28px;margin-top:6px}.section-title{margin:25px 0 12px}.record{display:flex;flex-wrap:wrap;gap:20px;padding:15px}.record>div{min-width:135px;display:grid;gap:4px;flex:1}.record small{color:var(--muted)}.record strong{font-size:14px}.empty{padding:25px}.empty h3{margin:0 0 6px}.badge{display:inline-flex;width:max-content;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:750}.badge.ok{background:var(--goodbg);color:var(--good)}.badge.bad{background:var(--badbg);color:var(--bad)}.badge.neutral{background:#f2f4f7;color:#475467}.loader{width:42px;height:42px;border:4px solid #eaecf0;border-top-color:var(--blue);border-radius:50%;margin:0 auto 18px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.hamb{display:block;margin-right:auto}.top{justify-content:space-between}.grid4{grid-template-columns:repeat(2,1fr)}.page{padding:22px}.split{grid-template-columns:1fr}}@media(max-width:560px){.auth-card{padding:24px 20px}.page{padding:17px}.grid4{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:14px}.metric strong{font-size:24px}.quick{grid-template-columns:1fr}.due-banner{align-items:flex-start;flex-direction:column}.mail-card{align-items:flex-start;flex-wrap:wrap}.mail-main{width:calc(100% - 56px);flex:none}.mail-card form{width:100%}.mail-card .button{width:100%}.billing-summary{grid-template-columns:1fr}.billing-summary>div+div{border-left:0;border-top:1px solid var(--line)}.panel dl,.account-panel dl{grid-template-columns:1fr;gap:4px}.panel dd{margin-bottom:9px}}
.mail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;margin-bottom:14px}.mail-toolbar>div{display:grid;gap:3px}.mail-toolbar small,.message-meta,.portal-note{color:var(--muted)}.backlink{color:#3157c8;font-weight:700;font-size:13px}.inbox-list{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.inbox-row{display:grid;grid-template-columns:20px minmax(160px,.9fr) minmax(220px,1.8fr) 90px;gap:12px;align-items:center;padding:13px 15px;border-bottom:1px solid var(--line)}.inbox-row:last-child{border-bottom:0}.inbox-row:hover{background:#fafbff}.inbox-row.unread{background:#f8faff}.inbox-row.unread .inbox-from,.inbox-row.unread .inbox-subject{font-weight:800}.inbox-dot{color:var(--blue);font-size:22px;line-height:1}.inbox-from,.inbox-subject{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-date{text-align:right;color:var(--muted);font-size:12px}.message-view{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.message-head{padding:20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.message-head h2{font-size:24px;margin:14px 0 8px}.message-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:13px}.message-body{padding:22px;line-height:1.6;white-space:normal;overflow-wrap:anywhere}.button.secondary{background:#f2f4f7;color:#344054}.portal-note{font-size:12px;margin-top:12px;padding:0 4px}
@media(max-width:720px){.inbox-row{grid-template-columns:14px 1fr 72px;gap:8px}.inbox-subject{grid-column:2/4;color:#475467}.inbox-date{grid-column:3;grid-row:1}.message-head{flex-direction:column}.mail-toolbar{align-items:flex-start;flex-direction:column}.mail-card>a.button{width:100%;text-align:center}}


/* Stage 5 portal polish */
.ok-banner.compact{padding:15px 18px}
.metric-link{display:block;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.metric-link:hover{transform:translateY(-1px);border-color:#c7d2fe;box-shadow:0 8px 24px rgba(16,24,40,.06)}
.metric-link span{display:block;color:var(--muted);font-size:12px;margin-top:7px}
.portal-strip{display:grid;grid-template-columns:1.5fr 1fr .8fr;background:#fff;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:18px;overflow:hidden}
.portal-strip>div{padding:16px 18px;display:grid;gap:5px}
.portal-strip>div+div{border-left:1px solid var(--line)}
.portal-strip small{color:var(--muted)}
.portal-strip strong{font-size:14px;overflow-wrap:anywhere}
.quick-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.quick-row a{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:17px;display:grid;gap:5px}
.quick-row a:hover{border-color:#c7d2fe}
.quick-row span{color:var(--muted);font-size:12px}
.nav-overlay{display:none;position:fixed;inset:0;background:rgba(16,24,40,.45);z-index:25}
.portal-footer{margin:8px 30px 24px 280px;color:var(--muted);font-size:11px;text-align:center}
.sidebar{overflow-y:auto}
.sidebar .signout{border-top:1px solid rgba(255,255,255,.08);border-radius:0;padding-top:16px;margin-left:8px;margin-right:8px}
.top{min-width:0}
.identity{min-width:0}
.identity strong,.identity small{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:900px){
  .sidebar{width:min(84vw,300px)}
  .nav-overlay.open{display:block}
  .portal-footer{margin:8px 20px 22px}
}
@media(max-width:620px){
  .pagehead h1{font-size:27px}
  .grid4{grid-template-columns:1fr 1fr}
  .portal-strip{grid-template-columns:1fr}
  .portal-strip>div+div{border-left:0;border-top:1px solid var(--line)}
  .quick-row{grid-template-columns:1fr}
  .top{height:62px;padding:0 16px}
  .page{padding:16px}
}
@media(max-width:390px){
  .grid4{grid-template-columns:1fr}
}


/* Email Milestone — portal-first webmail access */
.session-note{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin-bottom:14px}
.session-note strong{display:block;margin-bottom:5px}
.session-note p{margin:0;color:var(--muted);line-height:1.45}
.portal-mailbox-card{align-items:center}
.mail-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.mail-actions .button{white-space:nowrap}
@media(max-width:720px){
  .portal-mailbox-card{align-items:flex-start}
  .mail-actions{width:100%;justify-content:stretch}
  .mail-actions .button{flex:1;text-align:center}
  .mail-toolbar>a.button{width:100%;text-align:center}
}


/* Email Release Candidate */
.toolbar-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.storage-pill{display:inline-flex;align-items:center;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700}
.storage-pill.good{background:#ecfdf3;color:#067647}
.storage-pill.warn{background:#fffaeb;color:#b54708}
.storage-pill.danger{background:#fef3f2;color:#b42318}
.attachment-section{border-top:1px solid var(--line);padding:18px 22px}
.attachment-section>strong{display:block;margin-bottom:10px}
.attachment-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.attachment-card{display:flex;gap:10px;align-items:center;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:#fff}
.attachment-card:hover{border-color:#c7d2fe;background:#fafbff}
.attachment-card>span:last-child{min-width:0;display:grid;gap:3px}
.attachment-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.attachment-card small{color:var(--muted);font-size:11px}
.attachment-icon{width:30px;height:30px;border-radius:8px;background:#eef4ff;display:grid;place-items:center;color:#3157c8;font-weight:800}
@media(max-width:720px){
  .toolbar-actions{width:100%;justify-content:space-between}
  .attachment-list{grid-template-columns:1fr}
}


/* Security Foundation */
.code-input{font-size:28px!important;letter-spacing:8px;text-align:center;font-weight:800}
.auth-link{display:block;text-align:center;margin-top:14px;color:#3157c8;font-size:13px;font-weight:700}


/* Security stable candidate */
.verify-help{font-size:12px;color:var(--muted);line-height:1.45;margin-top:-2px}
.verify-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:12px}
.verify-actions form{margin:0}
.text-button{border:0;background:transparent;color:#3157c8;font-weight:700;cursor:pointer;padding:6px 4px}
.danger-text{color:#b42318}
.noticebox{background:#eff8ff;color:#175cd3;border:1px solid #b2ddff;border-radius:10px;padding:10px 12px;margin:12px 0;font-size:13px}


/* Email final stable milestone */
.mailbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mailbox-tile{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:17px;display:flex;align-items:center;gap:13px;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.mailbox-tile:hover{border-color:#c7d2fe;box-shadow:0 8px 24px rgba(16,24,40,.06);transform:translateY(-1px)}
.mailbox-tile-icon{width:42px;height:42px;border-radius:12px;background:#eef4ff;color:#3157c8;display:grid;place-items:center;font-size:20px;font-weight:900;flex:0 0 auto}
.mailbox-tile-main{display:grid;gap:4px;min-width:0;flex:1}
.mailbox-tile-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mailbox-tile-main span{font-size:12px;color:var(--muted)}
.mailbox-tile-main small{font-size:11px;font-weight:700}
.mailbox-tile-main small.good{color:#067647}.mailbox-tile-main small.warn{color:#b54708}.mailbox-tile-main small.danger{color:#b42318}
.mailbox-open{font-size:12px;font-weight:800;color:#3157c8;white-space:nowrap}
@media(max-width:720px){
  .mailbox-grid{grid-template-columns:1fr}
  .mailbox-tile{align-items:flex-start}
  .mailbox-open{align-self:center}
}


/* ==========================================================
   KreativHost Portal UI/UX Foundation
   ========================================================== */
:root{
  --nav:#102a4d;
  --nav-deep:#0a213e;
  --nav-hover:#173b68;
  --blue:#1473e6;
  --blue2:#0f63c6;
  --blue-soft:#edf5ff;
  --bg:#f4f7fb;
  --card:#ffffff;
  --ink:#0f2341;
  --muted:#6f7f94;
  --line:#e2e8f0;
  --good:#0f9d62;
  --goodbg:#eaf8f1;
  --bad:#d92d20;
  --badbg:#fff0ee;
  --warn:#f79009;
  --warnbg:#fff5e6;
  --radius:15px;
}
body{background:var(--bg);color:var(--ink)}
.sidebar{width:224px;background:linear-gradient(180deg,var(--nav) 0%,var(--nav-deep) 100%);padding:20px 12px}
.main{margin-left:224px}
.brand{padding:0 10px 24px}.brand strong{font-size:18px}.brand small{color:#b9c9da}
.logo.small{background:linear-gradient(135deg,#0d8bff,#1261dd);box-shadow:0 8px 24px rgba(20,115,230,.28)}
.side-label{font-size:10px;letter-spacing:.1em;color:#8298b0;padding:4px 12px 8px;font-weight:800}
.main-nav{gap:5px!important}.main-nav a,.signout{display:flex;align-items:center;gap:12px;padding:12px 13px!important;border-radius:10px!important}
.main-nav a:hover{background:rgba(255,255,255,.08)!important}
.main-nav a.active{background:linear-gradient(90deg,#235d9e,#2769af)!important;box-shadow:0 8px 20px rgba(0,0,0,.12);color:#fff}
.nav-icon{width:20px;height:20px;display:grid;place-items:center;flex:0 0 auto}.nav-icon svg,.top-icon svg,.card-icon svg,.metric-icon svg,.good-circle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.main-nav a em{margin-left:auto;background:#fff;color:#173b68;border-radius:99px;min-width:22px;height:22px;display:grid;place-items:center;font-size:10px;font-style:normal;font-weight:900}
.sidebar-client{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:16px 13px 10px;display:grid;gap:3px}.sidebar-client small{font-size:9px;letter-spacing:.1em;color:#8298b0}.sidebar-client strong{font-size:12px}.sidebar-client span{font-size:11px;color:#9fb1c5}.signout{margin-top:4px;color:#d6e0ea}
.top{height:72px;padding:0 24px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);justify-content:flex-start}.crumb{display:flex;align-items:center;gap:9px;font-size:12px;color:#8592a6}.crumb strong{color:#33445d}.top-spacer{flex:1}.top-date,.top-client{display:flex;align-items:center;gap:10px}.top-date{padding-right:18px;margin-right:18px;border-right:1px solid var(--line)}.top-date>div,.top-client>div:last-child{display:grid}.top-date strong,.top-client strong{font-size:12px}.top-date small,.top-client small{font-size:10px;color:var(--muted)}.top-icon{color:var(--blue);width:19px;height:19px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#245f9f;color:#fff;font-weight:900}
.page{max-width:1380px;padding:26px 28px 42px}
.dashboard-welcome{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.dashboard-welcome>div>span{color:#607189;font-size:14px}.dashboard-welcome h1{font-size:31px;margin:3px 0 7px}.welcome-meta{display:flex;align-items:center;gap:10px}.welcome-meta b{font-size:11px;color:#5c6d84}
.status-chip{display:inline-flex;align-items:center;gap:5px;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:800}.status-chip.active{background:var(--goodbg);color:var(--good)}.status-chip.pending{background:var(--warnbg);color:#b54708}
.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.dash-metric{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;gap:12px;align-items:flex-start;min-width:0;transition:.18s ease}.dash-metric:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(15,35,65,.07);border-color:#ced9e8}.dash-metric>div{min-width:0;flex:1}.dash-metric small{display:block;font-weight:800;color:#52647c;font-size:11px}.dash-metric strong{display:block;font-size:26px;margin:4px 0 1px}.dash-metric span{display:block;font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-metric i{font-style:normal;font-weight:900;color:#5f7693}
.metric-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto}.metric-icon.blue{background:var(--blue-soft);color:var(--blue)}.metric-icon.green{background:var(--goodbg);color:var(--good)}.metric-icon.red{background:var(--badbg);color:var(--bad)}
.dashboard-grid{display:grid;grid-template-columns:1.15fr 1fr .95fr;gap:14px;margin-bottom:14px}.dash-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.card-heading>div{display:flex;align-items:center;gap:9px;min-width:0}.card-heading h2{font-size:15px;margin:0}.card-heading small{font-size:10px;color:var(--muted);font-weight:500}.card-icon{width:25px;height:25px;display:grid;place-items:center;color:var(--blue)}.soft-tag{background:var(--blue-soft);color:var(--blue);padding:5px 9px;border-radius:99px;font-size:9px;font-weight:800}.tiny-link{font-size:10px;color:var(--blue);font-weight:800}
.storage-figure{display:flex;align-items:baseline;gap:6px;position:relative}.storage-figure strong{font-size:22px}.storage-figure span{font-size:12px;color:var(--muted)}.storage-figure b{margin-left:auto;font-size:16px}.storage-track{height:10px;background:#e7edf5;border-radius:99px;margin:13px 0 16px;overflow:hidden}.storage-track span{display:block;height:100%;background:linear-gradient(90deg,#1473e6,#2d8cff);border-radius:99px}.storage-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:13px}.storage-stats div{display:grid;gap:2px}.storage-stats div+div{border-left:1px solid var(--line);padding-left:12px}.storage-stats strong{font-size:12px}.storage-stats small{font-size:9px;color:var(--muted)}
.email-stat{display:grid;gap:4px;margin-bottom:10px}.email-stat strong{font-size:18px}.email-stat span{font-size:11px;color:var(--muted)}.mini-mailboxes{display:grid;gap:7px;margin:11px 0}.mini-mailboxes a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;background:#f8fafc;border-radius:9px}.mini-mailboxes span{font-size:10px;overflow:hidden;text-overflow:ellipsis}.mini-mailboxes b{font-size:9px;color:var(--good);background:var(--goodbg);padding:4px 7px;border-radius:99px}.card-action{display:flex;align-items:center;justify-content:space-between;margin-top:12px;background:var(--blue);color:#fff;border-radius:10px;padding:10px 12px;font-size:11px;font-weight:800}
.billing-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:5px}.billing-pair>div+div{border-left:1px solid var(--line);padding-left:12px}.billing-pair small{display:block;color:var(--muted);font-size:9px}.billing-pair strong{display:block;font-size:16px;margin-top:4px}.billing-foot{border-top:1px solid var(--line);margin-top:18px;padding-top:13px;display:flex;align-items:center;justify-content:space-between}.billing-foot a{font-size:10px;color:var(--blue);font-weight:800}
.service-mini-list{display:grid;border:1px solid var(--line);border-radius:10px;overflow:hidden}.service-mini-list>div{display:grid;grid-template-columns:1fr 1.4fr auto;align-items:center;gap:8px;padding:9px 10px}.service-mini-list>div+div{border-top:1px solid var(--line)}.service-mini-list span{font-size:10px;font-weight:800}.service-mini-list small{font-size:9px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-mini-list .badge{font-size:8px;padding:4px 7px}
.all-good{text-align:center;padding:8px 16px 2px}.good-circle{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;margin:0 auto 8px;background:var(--goodbg);color:var(--good)}.all-good strong{display:block;font-size:13px}.all-good p{font-size:10px;line-height:1.5;max-width:270px;margin:5px auto}.all-good.attention .good-circle{background:var(--warnbg);color:var(--warn)}
.need-card{background:linear-gradient(145deg,#f4f9ff,#dcecff);position:relative;overflow:hidden}.need-card:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.25);right:-60px;bottom:-80px}.need-spark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#d8eaff;color:var(--blue);font-size:17px}.need-card h2{font-size:18px;margin:17px 0 4px}.need-card p{font-size:11px;line-height:1.5}.primary-cta{position:relative;z-index:2;display:inline-block;background:var(--blue);color:#fff;border-radius:10px;padding:10px 13px;font-size:10px;font-weight:800;margin-top:8px}
.activity-card{padding-bottom:12px}.activity-table{border:1px solid var(--line);border-radius:10px;overflow:hidden}.activity-head,.activity-row{display:grid;grid-template-columns:150px 1fr 1.5fr 120px;gap:10px;align-items:center;padding:9px 12px}.activity-head{background:#f8fafc;color:#728197;font-size:9px;font-weight:800}.activity-row{font-size:10px}.activity-row+.activity-row{border-top:1px solid var(--line)}.activity-row strong{font-size:10px}.activity-row .badge{justify-self:start;font-size:8px}
.modern-head{margin-bottom:14px}.section-tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);margin-bottom:20px}.section-tabs a{padding:10px 13px;font-size:11px;font-weight:800;color:var(--muted);border-bottom:2px solid transparent}.section-tabs a.active{color:var(--blue);border-bottom-color:var(--blue)}
.summary-cards{display:grid;gap:12px;margin-bottom:22px}.summary-cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-cards>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.summary-cards small{display:block;color:var(--muted);font-size:9px;font-weight:800}.summary-cards strong{display:block;font-size:24px;margin:5px 0}.summary-cards strong.smaller{font-size:17px}.summary-cards span{font-size:10px;color:var(--muted)}
.empty-mini{padding:18px;color:var(--muted);font-size:11px;text-align:center}
.mailbox-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1100px){
  .dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .billing-overview-card{grid-column:auto}
  .activity-head,.activity-row{grid-template-columns:110px 1fr 1.2fr 100px}
}
@media(max-width:820px){
  .sidebar{width:250px}.main{margin-left:0}.top{padding:0 16px}.hamb{display:block;margin-right:12px}.crumb{display:none}.top-date{display:none}.page{padding:20px 15px 32px}
  .dashboard-grid{grid-template-columns:1fr}.dashboard-metrics{grid-template-columns:1fr 1fr}
  .top-client>div:last-child{display:none}
}
@media(max-width:600px){
  .dashboard-welcome h1{font-size:27px}.dashboard-metrics{grid-template-columns:1fr}
  .summary-cards.two{grid-template-columns:1fr}.activity-head{display:none}.activity-row{grid-template-columns:1fr auto;gap:5px 10px}.activity-row>span:nth-child(1),.activity-row>span:nth-child(3){grid-column:1/3}.activity-row>span:nth-child(4){grid-column:2}
  .billing-pair{grid-template-columns:1fr}.billing-pair>div+div{border-left:0;border-top:1px solid var(--line);padding:10px 0 0}
  .mailbox-grid{grid-template-columns:1fr}
}


/* ==========================================================
   UI/UX Finalization
   ========================================================== */
.personalized-auth{background:
    radial-gradient(circle at 20% 10%,rgba(20,115,230,.10),transparent 30%),
    radial-gradient(circle at 90% 90%,rgba(16,42,77,.08),transparent 34%),
    #f5f8fc}
.personalized-auth .auth-card,.auth-shell .auth-card{
    border-radius:22px;
    border:1px solid #e0e7f0;
    box-shadow:0 28px 80px rgba(15,35,65,.11)
}
.portal-mark{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#1473e6,#0f5fc4);color:#fff;margin-bottom:18px;box-shadow:0 10px 24px rgba(20,115,230,.22)}
.portal-mark span{font-size:18px;transform:rotate(45deg)}
.auth-eyebrow{display:block;font-size:9px;letter-spacing:.14em;font-weight:900;color:#718198;margin-bottom:9px}
.personalized-auth h1,.auth-shell .auth-card h1{font-size:29px;letter-spacing:-.03em}
.auth-submit{width:100%;padding:13px 16px}
.powered-by{text-align:center;color:#8a98aa;font-size:10px;margin-top:20px}
.updates-card{min-height:230px;display:flex;flex-direction:column}
.updates-icon{font-size:15px;font-weight:900}
.updates-scroll{display:grid;overflow-y:auto;max-height:175px;margin:0 -4px;padding-right:4px;scrollbar-width:thin;scrollbar-color:#c8d4e3 transparent}
.update-item{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:10px 8px;border-radius:9px}
.update-item+.update-item{border-top:1px solid var(--line);border-radius:0}
.update-item:hover{background:#f7faff}
.update-item>div{display:grid;gap:3px;min-width:0}
.update-item strong{font-size:10px;line-height:1.35;color:#213a5b}
.update-item small{font-size:8px;color:var(--muted)}
.update-item>span{color:var(--blue);font-weight:900}
.updates-empty{margin:auto 0;text-align:center;padding:18px}
.updates-empty strong{font-size:12px}.updates-empty p{font-size:10px;line-height:1.5;margin:5px auto;max-width:230px}


/* ==========================================================
   EcoCash Invoice Payment Workflow
   ========================================================== */
.payment-action-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:14px}.payment-action-card.unpaid,.payment-action-card.rejected{border-left:4px solid var(--warn)}.payment-action-card.awaiting{border-left:4px solid var(--blue)}.payment-action-card.paid{border-left:4px solid var(--good)}.payment-action-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#eaf8f1;color:#0f9d62}.payment-action-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}.payment-action-main{flex:1;display:grid;gap:3px}.payment-action-main>span{font-size:9px;font-weight:900;letter-spacing:.06em;color:#b54708;text-transform:uppercase}.payment-action-main strong{font-size:14px}.payment-action-main small{font-size:10px;color:var(--muted)}.payment-action-buttons{display:flex;gap:8px;align-items:center}.payment-action-buttons .primary-cta{margin:0}
.billing-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;margin-bottom:15px}.billing-section-head{margin-bottom:12px}.billing-section-head h2{font-size:15px;margin:0}.billing-section-head p{font-size:10px;margin:4px 0 0}.invoice-list-final{display:grid;gap:8px}.invoice-row-final{border:1px solid var(--line);border-radius:11px;padding:12px;display:flex;align-items:center;gap:14px}.invoice-row-main{flex:1;min-width:0}.invoice-row-main>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.invoice-row-main>small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.invoice-row-main p{font-size:9px;color:#5e7088;margin:5px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoice-row-money{display:grid;grid-template-columns:repeat(2,minmax(80px,1fr));gap:12px;text-align:right}.invoice-row-money small{display:block;font-size:8px;color:var(--muted)}.invoice-row-money strong{font-size:11px}
.billing-state{display:inline-flex;border-radius:99px;padding:4px 8px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.billing-state.unpaid{background:#fff5e6;color:#b54708}.billing-state.awaiting{background:#edf5ff;color:#1473e6}.billing-state.paid{background:#eaf8f1;color:#0f9d62}.billing-state.rejected{background:#fff0ee;color:#d92d20}
.invoice-detail-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(310px,.8fr);gap:14px;align-items:start}.billing-document{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}.billing-document-top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}.billing-document-top>div:first-child{display:flex;align-items:center;gap:11px}.billing-document-top>div:first-child>div{display:grid}.billing-document-top small{color:var(--muted);font-size:10px}.billing-doc-mark{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#1473e6,#0f63c6);color:#fff;font-weight:900}.billing-document-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:20px 0}.billing-document-grid>div{display:grid;gap:5px}.billing-document-grid small,.billing-description small{font-size:9px;color:var(--muted);font-weight:800}.billing-document-grid strong{font-size:12px}.billing-description{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0}.billing-description p{margin:6px 0 0;font-size:11px;line-height:1.5}.billing-totals{max-width:340px;margin:18px 0 0 auto}.billing-totals>div{display:flex;justify-content:space-between;gap:20px;padding:7px 0;font-size:11px}.billing-totals .grand{border-top:1px solid var(--line);margin-top:6px;padding-top:13px;font-size:16px}
.ecocash-pay-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;position:sticky;top:92px}.ecocash-pay-card.unpaid,.ecocash-pay-card.rejected{border-top:4px solid #12a660}.ecocash-pay-card.awaiting{border-top:4px solid #1473e6}.ecocash-pay-card.paid{border-top:4px solid #0f9d62}.ecocash-brand{display:flex;gap:10px;align-items:center;margin-bottom:15px}.ecocash-brand>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#eaf8f1;color:#0f9d62;font-weight:900;font-size:18px}.ecocash-brand>div{display:grid}.ecocash-brand strong{font-size:14px}.ecocash-brand small{font-size:9px;color:var(--muted)}.ecocash-state{display:inline-block;border-radius:99px;padding:5px 9px;font-size:8px;font-weight:900;text-transform:uppercase;margin-bottom:12px}.ecocash-state.unpaid{background:#fff5e6;color:#b54708}.ecocash-state.awaiting{background:#edf5ff;color:#1473e6}.ecocash-state.rejected{background:#fff0ee;color:#d92d20}.ecocash-payment-info{display:grid;gap:9px;border:1px solid var(--line);border-radius:10px;padding:11px;margin-bottom:12px}.ecocash-payment-info div{display:flex;justify-content:space-between;gap:12px}.ecocash-payment-info small{font-size:8px;color:var(--muted);font-weight:800}.ecocash-payment-info strong{font-size:10px;text-align:right}.ecocash-pay-button{display:block;background:#0f9d62;color:#fff;text-align:center;border-radius:10px;padding:12px;font-size:11px;font-weight:900}.paid-divider{display:flex;align-items:center;gap:8px;margin:15px 0}.paid-divider:before,.paid-divider:after{content:"";height:1px;background:var(--line);flex:1}.paid-divider span{font-size:8px;color:var(--muted);text-transform:uppercase;font-weight:800}.paid-form{display:grid;gap:10px}.paid-form label{font-size:10px}.paid-form input{font-size:11px}.paid-form .primary{width:100%;font-size:10px}.ecocash-security-note{font-size:8px;line-height:1.45;text-align:center;margin:10px 0 0}.ecocash-warning{background:#fff0ee;color:#b42318;border-radius:9px;padding:9px;font-size:9px;margin-bottom:10px}.payment-complete{text-align:center;padding:18px 5px}.payment-complete>span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#eaf8f1;color:#0f9d62;margin:0 auto 8px;font-weight:900}.payment-complete.waiting>span{background:#edf5ff;color:#1473e6}.payment-complete strong{display:block;font-size:13px}.payment-complete p{font-size:9px;line-height:1.5}.payment-complete small{font-size:9px;color:var(--muted)}.ecocash-empty{text-align:center;padding:18px}.ecocash-empty strong{font-size:12px}.ecocash-empty p{font-size:9px;line-height:1.5}
@media(max-width:980px){.invoice-detail-grid{grid-template-columns:1fr}.ecocash-pay-card{position:static}.payment-action-card{align-items:flex-start;flex-wrap:wrap}.payment-action-buttons{width:100%}.invoice-row-final{flex-wrap:wrap}.invoice-row-money{width:100%;text-align:left}.invoice-row-final>.button{width:100%;text-align:center}}
@media(max-width:600px){.payment-action-buttons{display:grid}.billing-document-grid{grid-template-columns:1fr}.billing-document{padding:17px}}
@media print{.ecocash-pay-card,.no-print,.sidebar,.top{display:none!important}.main{margin:0!important}.page{padding:0!important;max-width:none!important}.invoice-detail-grid{display:block}.billing-document{border:0!important;padding:0!important}}

/* Official KreativHost logo */
.official-brand{display:block;padding:4px 10px 26px}.official-brand img{display:block;width:174px;max-width:100%;height:auto}

/* KreativHost icon logo update */
.official-brand{display:flex!important;align-items:center;gap:10px;padding:4px 10px 24px!important}
.official-brand img{width:38px!important;height:38px!important;object-fit:contain!important;flex:0 0 auto}
.official-brand>div{display:grid}
.official-brand strong{font-size:17px;color:#fff}
.official-brand small{font-size:10px;color:#b9c9da;margin-top:1px}

/* Manual EcoCash payment + POP upload */
.manual-pay-instructions{display:grid;grid-template-columns:26px 1fr;gap:8px 9px;margin:12px 0;background:#f7fbf9;border:1px solid #ccebdc;border-radius:10px;padding:11px}.manual-pay-instructions>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#eaf8f1;color:#0f9d62;font-size:9px;font-weight:900}.manual-pay-instructions p{font-size:9px;line-height:1.45;margin:4px 0;color:#52647c}.paid-form input[type=file]{padding:9px;background:#f8fafc}.paid-form label>small{font-size:8px;color:var(--muted);font-weight:400}


/* ==========================================================
   v10 Deployment RC — service catalogue, domains, state gates
   ========================================================== */
.account-state-banner{display:flex;justify-content:space-between;gap:16px;align-items:center;border-radius:14px;padding:16px 18px;margin-bottom:16px;border:1px solid var(--line);background:#fff}.account-state-banner strong{display:block;font-size:14px}.account-state-banner p{font-size:10px;line-height:1.5;margin:4px 0 0;color:var(--muted)}.account-state-banner>span{font-size:13px;font-weight:900}.account-state-banner.suspended{background:#fff5f3;border-color:#ffd0c9}.account-state-banner.suspended strong,.account-state-banner.suspended>span{color:#b42318}.account-state-banner.pending{background:#fff9e8;border-color:#f6df9a}.account-state-banner.pending strong{color:#8a5d00}
.restricted-dashboard{display:grid;gap:14px}.restricted-state-card{border-radius:16px;padding:24px;background:#fff;border:1px solid var(--line)}.restricted-state-card.suspended{border-top:5px solid #d92d20}.restricted-state-card.inactive{border-top:5px solid #7a899e}.restricted-state-card>span{font-size:9px;font-weight:900;letter-spacing:.08em;color:var(--muted)}.restricted-state-card h1{font-size:25px;margin:7px 0}.restricted-state-card p{font-size:11px;max-width:780px;line-height:1.6;color:var(--muted)}.restricted-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}.restricted-actions a{display:grid;grid-template-columns:40px 1fr;gap:4px 12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;text-decoration:none;color:inherit}.restricted-actions a>span{grid-row:1/3;width:38px;height:38px;border-radius:10px;background:#edf5ff;display:grid;place-items:center}.restricted-actions svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.restricted-actions strong{font-size:12px}.restricted-actions small{font-size:9px;color:var(--muted)}
.service-tabs-final,.support-tabs-final{flex-wrap:wrap}.service-action-panel{display:grid;grid-template-columns:1fr minmax(360px,560px);gap:20px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:14px}.service-action-panel h2{margin:0 0 4px}.service-action-panel p{font-size:10px;color:var(--muted);margin:0}.domain-search-form{display:grid;grid-template-columns:1fr auto;gap:8px}.domain-search-form input{width:100%;border:1px solid var(--line);border-radius:9px;padding:12px;font-size:12px}.domain-search-form button{border:0;border-radius:9px;padding:0 17px}
.domain-result{display:grid;grid-template-columns:1.5fr 1fr auto;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:14px}.domain-result.available,.domain-result.available_registry_review{border-left:5px solid #12b76a}.domain-result.registered{border-left:5px solid #d92d20}.domain-result.unknown{border-left:5px solid #f79009}.domain-result>div>small{font-size:8px;font-weight:900;letter-spacing:.08em;color:var(--muted)}.domain-result h2{margin:4px 0;font-size:18px}.domain-result p{font-size:9px;color:var(--muted);max-width:520px}.domain-result-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.domain-result-prices span{background:#f8fafc;border:1px solid var(--line);border-radius:9px;padding:10px;display:grid;gap:3px}.domain-result-prices small{font-size:7px;color:var(--muted)}.domain-result-prices b{font-size:11px}.domain-result-actions form{margin:0}.domain-price-list{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;margin-top:14px}.domain-price-list h2{margin-top:0}.price-table-scroll{overflow:auto}.domain-price-list table{width:100%;border-collapse:collapse;font-size:10px}.domain-price-list th,.domain-price-list td{text-align:left;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}.domain-price-list th{font-size:8px;color:var(--muted);text-transform:uppercase}
.limit-reached{background:#fff8e7;border:1px solid #f5d98c;border-radius:11px;padding:13px}.limit-reached strong{font-size:11px}.limit-reached p{font-size:9px;color:var(--muted)}
.catalog-intro{background:linear-gradient(135deg,#102a4d,#173f73);color:#fff;border-radius:16px;padding:21px;margin-bottom:14px}.catalog-intro span{font-size:8px;letter-spacing:.1em;font-weight:900;color:#94bbf0}.catalog-intro h2{margin:5px 0 4px;font-size:23px}.catalog-intro p{font-size:10px;color:#c7d5e8;max-width:760px}.catalog-category{margin:20px 0}.catalog-heading h2{font-size:15px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.catalog-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px}.catalog-card>div>small{font-size:7px;font-weight:900;letter-spacing:.08em;color:var(--muted)}.catalog-card h3{font-size:15px;margin:4px 0}.catalog-card p{font-size:9px;line-height:1.45;color:var(--muted);margin:0}.catalog-price strong{font-size:20px}.catalog-price span{font-size:9px;color:var(--muted)}.catalog-price small{display:block;margin-top:3px;font-size:8px;color:#0d5bd7}.catalog-card ul{list-style:none;padding:0;margin:0;display:grid;gap:5px}.catalog-card li{font-size:8px;color:#52647c}.catalog-order-form{display:grid;gap:8px;margin-top:auto;padding-top:6px;border-top:1px solid var(--line)}.catalog-order-form label{display:grid;gap:4px;font-size:8px;font-weight:700}.catalog-order-form input,.catalog-order-form select{width:100%;border:1px solid var(--line);border-radius:8px;padding:9px;font-size:9px}
.my-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.my-service-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;grid-template-columns:42px 1fr;gap:12px}.service-type-icon{width:42px;height:42px;border-radius:11px;background:#edf5ff;color:#0d5bd7;display:grid;place-items:center;font-weight:900}.my-service-card small{font-size:7px;letter-spacing:.07em;color:var(--muted);font-weight:900}.my-service-card h3{font-size:13px;margin:3px 0}.my-service-card p{font-size:9px;color:var(--muted);margin:0}.my-service-foot{grid-column:1/3;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px}.orders-mini{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px}
.announcement-list{display:grid;gap:11px}.announcement-list article{border:1px solid var(--line);border-radius:12px;padding:14px}.announcement-list article small{font-size:8px;color:var(--muted)}.announcement-list article h3{font-size:13px;margin:4px 0}.announcement-list article p{font-size:10px;line-height:1.6;color:#52647c}.announcement-list article a{font-size:9px}.kb-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kb-grid article{border:1px solid var(--line);border-radius:12px;padding:14px}.kb-grid strong{font-size:11px}.kb-grid p{font-size:9px;color:var(--muted);line-height:1.5}.internal-update{cursor:default}.internal-update p{font-size:8px;color:var(--muted);margin:4px 0 0;max-width:520px}
@media(max-width:1100px){.catalog-grid,.my-service-grid{grid-template-columns:1fr 1fr}.domain-result{grid-template-columns:1fr}.service-action-panel{grid-template-columns:1fr}.domain-result-actions{justify-self:start}}
@media(max-width:700px){.catalog-grid,.my-service-grid,.restricted-actions,.kb-grid{grid-template-columns:1fr}.domain-search-form{grid-template-columns:1fr}.domain-result-prices{grid-template-columns:1fr 1fr 1fr}.account-state-banner{align-items:flex-start;flex-direction:column}.service-action-panel{padding:14px}}
.page-subhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0}.page-subhead h2{margin:0;font-size:16px}.page-subhead p{margin:4px 0 0;font-size:9px;color:var(--muted)}.hosting-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.hosting-service-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;grid-template-columns:42px 1fr;gap:12px}.hosting-icon{width:42px;height:42px;border-radius:11px;background:#edf5ff;color:#0d5bd7;display:grid;place-items:center;font-weight:900}.hosting-service-grid small{font-size:7px;color:var(--muted);font-weight:900;letter-spacing:.08em}.hosting-service-grid h3{font-size:14px;margin:3px 0}.hosting-service-grid p{font-size:9px;color:var(--muted);margin:0}.hosting-service-grid dl{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 0;padding-top:10px;border-top:1px solid var(--line)}.hosting-service-grid dt{font-size:8px;color:var(--muted)}.hosting-service-grid dd{font-size:9px;margin:0;text-align:right;font-weight:700}@media(max-width:700px){.hosting-service-grid{grid-template-columns:1fr}.page-subhead{align-items:flex-start;flex-direction:column}}


/* ==========================================================
   v11 Manage Services UX overhaul
   ========================================================== */
.ms-head-v11{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:0 0 16px}
.ms-head-v11>div{min-width:0}.ms-head-v11>div>span{font-size:8px;letter-spacing:.11em;font-weight:900;color:#0d5bd7}.ms-head-v11 h1{font-size:25px;line-height:1.15;margin:5px 0}.ms-head-v11 p{font-size:10px;color:var(--muted);margin:0}
.ms-primary-v11,.ms-secondary-v11{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;border-radius:9px;padding:10px 13px;font-size:9px;font-weight:850;white-space:nowrap;border:0;cursor:pointer}
.ms-primary-v11{background:#0d5bd7;color:#fff!important}.ms-secondary-v11{background:#eef4fb;color:#174a87!important;border:1px solid #d4e3f5}
.ms-nav-v11{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:16px}
.ms-nav-v11>a{display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 12px;text-decoration:none;color:inherit;min-width:0;transition:.15s}
.ms-nav-v11>a:hover{border-color:#a9c9f2;transform:translateY(-1px)}.ms-nav-v11>a.active{background:#102a4d;border-color:#102a4d;color:#fff}
.ms-nav-v11>a>span{width:38px;height:38px;border-radius:10px;background:#edf5ff;color:#0d5bd7;display:grid;place-items:center;font-size:16px;font-weight:900}
.ms-nav-v11>a.active>span{background:#244d7d;color:#fff}.ms-nav-v11 svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.ms-nav-v11 strong{font-size:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ms-nav-v11 small{font-size:8px;color:var(--muted);display:block;margin-top:2px}.ms-nav-v11>a.active small{color:#b9cce3}

.ms-section-v11{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;margin:0 0 16px;clear:both;overflow:hidden}
.ms-section-head-v11{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.ms-section-head-v11>div{min-width:0;flex:1}.ms-section-head-v11>div>span{font-size:7px;font-weight:900;letter-spacing:.1em;color:#0d5bd7}.ms-section-head-v11 h2{font-size:16px;margin:4px 0}.ms-section-head-v11 p{font-size:9px;color:var(--muted);margin:0}.ms-section-head-v11>b{display:grid;place-items:center;min-width:32px;height:32px;padding:0 8px;border-radius:999px;background:#edf5ff;color:#0d5bd7;font-size:10px}
.ms-empty-v11{display:grid;place-items:start;gap:7px;background:#f8fafc;border:1px dashed #cfdae7;border-radius:11px;padding:19px}.ms-empty-v11 strong{font-size:12px}.ms-empty-v11 span{font-size:9px;color:var(--muted)}

.service-overview-v11{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.service-overview-stat-v11{display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px;min-width:0}
.service-overview-stat-v11>span{width:42px;height:42px;border-radius:11px;background:#edf5ff;color:#0d5bd7;display:grid;place-items:center}.service-overview-stat-v11 svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}
.service-overview-stat-v11 small{font-size:7px;color:var(--muted);font-weight:900;letter-spacing:.07em}.service-overview-stat-v11 strong{display:block;font-size:20px;line-height:1.05;margin:3px 0}.service-overview-stat-v11 p{font-size:8px;color:var(--muted);margin:0}

.quick-manage-v11{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.quick-manage-v11>a{display:grid;grid-template-columns:42px 1fr 18px;align-items:center;gap:11px;border:1px solid var(--line);border-radius:11px;padding:13px;text-decoration:none;color:inherit;min-width:0}
.quick-manage-v11>a:hover{border-color:#a9c9f2;background:#fbfdff}.quick-manage-v11>a>span{width:42px;height:42px;border-radius:10px;background:#edf5ff;color:#0d5bd7;display:grid;place-items:center;font-size:18px;font-weight:900}.quick-manage-v11 svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.quick-manage-v11 strong{font-size:11px;display:block}.quick-manage-v11 small{font-size:8px;color:var(--muted);display:block;margin-top:2px}.quick-manage-v11 b{font-size:18px;color:#8aa2bf}

.service-list-v11{display:grid;gap:9px}
.service-row-v11{display:grid;grid-template-columns:44px minmax(180px,1.4fr) minmax(180px,1fr) auto minmax(115px,auto);gap:12px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:12px;min-width:0}
.service-row-icon-v11{width:44px;height:44px;border-radius:11px;background:#edf5ff;color:#0d5bd7;display:grid;place-items:center;font-size:13px;font-weight:900}
.service-row-main-v11{min-width:0}.service-row-main-v11 small{font-size:7px;color:var(--muted);font-weight:900;letter-spacing:.07em}.service-row-main-v11 h3{font-size:12px;margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-row-main-v11 p{font-size:8px;color:var(--muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.service-row-meta-v11{display:grid;grid-template-columns:1fr 1fr;gap:6px}.service-row-meta-v11 span{background:#f8fafc;border-radius:8px;padding:7px 8px;min-width:0}.service-row-meta-v11 small{font-size:7px;color:var(--muted);display:block}.service-row-meta-v11 strong{font-size:8px;display:block;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.service-row-state-v11{white-space:nowrap}.service-row-action-v11{justify-self:end}.service-row-action-v11 a{display:inline-flex;align-items:center;gap:7px;background:#eef4fb;color:#174a87;border:1px solid #d4e3f5;border-radius:8px;padding:8px 10px;text-decoration:none;font-size:8px;font-weight:850;white-space:nowrap}.service-row-action-v11 a span{font-size:13px}
.orders-v11{margin-top:16px!important}

.domain-search-v11{background:linear-gradient(135deg,#102a4d,#173f73);border-radius:16px;padding:22px;margin-bottom:14px;color:#fff;display:grid;grid-template-columns:minmax(260px,.75fr) 1.25fr;gap:22px;align-items:end}
.domain-search-copy-v11>span{font-size:7px;letter-spacing:.12em;font-weight:900;color:#92b7ed}.domain-search-copy-v11 h2{font-size:22px;margin:5px 0}.domain-search-copy-v11 p{font-size:9px;color:#c7d5e8;line-height:1.55;margin:0;max-width:460px}
.domain-search-box-v11{display:grid;grid-template-columns:38px 1fr auto;align-items:center;background:#fff;border-radius:11px;padding:5px;box-shadow:0 7px 25px rgba(0,0,0,.14)}
.domain-search-box-v11>span{width:38px;height:38px;display:grid;place-items:center;color:#0d5bd7}.domain-search-box-v11 svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.domain-search-box-v11 input{border:0!important;outline:0;font-size:11px;padding:9px;background:transparent;min-width:0}.domain-search-box-v11 button{border:0;background:#0d5bd7;color:#fff;border-radius:8px;padding:11px 13px;font-size:8px;font-weight:850;white-space:nowrap}

.domain-result-v11{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;margin-bottom:16px;overflow:hidden}.domain-result-v11.available,.domain-result-v11.available_registry_review{border-top:4px solid #12b76a}.domain-result-v11.registered{border-top:4px solid #d92d20}.domain-result-v11.unknown{border-top:4px solid #f79009}
.domain-result-status-v11{display:flex;align-items:center;gap:12px}.domain-status-icon-v11{width:42px;height:42px;border-radius:50%;background:#eaf9f0;color:#177245;display:grid;place-items:center;font-size:19px;font-weight:900}.domain-result-v11.registered .domain-status-icon-v11{background:#fff0ee;color:#b42318}.domain-result-v11.unknown .domain-status-icon-v11{background:#fff7df;color:#9a6700}
.domain-result-status-v11 small{font-size:7px;color:var(--muted);font-weight:900;letter-spacing:.08em}.domain-result-status-v11 h2{font-size:20px;margin:3px 0}.domain-result-status-v11 strong{font-size:9px;color:#177245}.domain-result-v11.registered .domain-result-status-v11 strong{color:#b42318}.domain-note-v11{font-size:9px!important;color:var(--muted);margin:10px 0 0 54px!important}
.domain-buy-row-v11{display:grid;grid-template-columns:150px minmax(220px,1fr) auto;gap:12px;align-items:center;border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.domain-main-price-v11 small{display:block;font-size:7px;color:var(--muted);font-weight:900}.domain-main-price-v11 strong{font-size:24px;color:#102a4d}.domain-main-price-v11>span{font-size:8px;color:var(--muted);margin-left:3px}.domain-secondary-prices-v11{display:flex;gap:7px}.domain-secondary-prices-v11>span{background:#f8fafc;border-radius:8px;padding:8px 10px;min-width:90px}.domain-secondary-prices-v11 small{font-size:7px;color:var(--muted);display:block}.domain-secondary-prices-v11 b{font-size:10px;display:block;margin-top:2px}.domain-action-v11{justify-self:end}.domain-action-v11 form{margin:0}

.domain-owned-grid-v11{display:grid;grid-template-columns:1fr 1fr;gap:9px}.domain-owned-card-v11{display:grid;grid-template-columns:48px 1fr;gap:11px;border:1px solid var(--line);border-radius:11px;padding:12px;min-width:0}.domain-owned-icon-v11{width:48px;height:48px;border-radius:11px;background:#102a4d;color:#fff;display:grid;place-items:center;font-size:9px;font-weight:900;overflow:hidden}.domain-owned-main-v11{min-width:0}.domain-owned-main-v11 small{font-size:7px;color:var(--muted);font-weight:900}.domain-owned-main-v11 h3{font-size:12px;margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.domain-owned-main-v11 p{font-size:8px;color:var(--muted);margin:0}.domain-owned-meta-v11{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid var(--line);padding-top:9px}.domain-owned-meta-v11>span{display:flex;justify-content:space-between;align-items:center;gap:8px}.domain-owned-meta-v11 small{font-size:7px;color:var(--muted)}.domain-owned-meta-v11 strong{font-size:8px}

.domain-price-grid-v11{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.domain-price-grid-v11 article{border:1px solid var(--line);border-radius:10px;padding:11px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;align-items:end}.domain-price-grid-v11 article>strong{grid-column:1/4;font-size:14px;color:#102a4d;border-bottom:1px solid var(--line);padding-bottom:7px;margin-bottom:2px}.domain-price-grid-v11 article>span{display:grid;gap:2px}.domain-price-grid-v11 small{font-size:6.5px;color:var(--muted);text-transform:uppercase}.domain-price-grid-v11 b{font-size:9px}
.domain-all-prices-v11{margin-top:10px;border-top:1px solid var(--line);padding-top:10px}.domain-all-prices-v11 summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:9px 0;font-size:9px;font-weight:850;color:#174a87}.domain-all-prices-v11 summary::-webkit-details-marker{display:none}.domain-all-prices-v11 summary span{font-size:16px}.domain-all-prices-v11[open] summary span{transform:rotate(45deg)}

.hosting-grid-v11{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hosting-card-v11{border:1px solid var(--line);border-radius:12px;padding:13px}.hosting-card-title-v11{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center}.hosting-card-title-v11>span:first-child{width:42px;height:42px;border-radius:10px;background:#edf5ff;color:#0d5bd7;display:grid;place-items:center}.hosting-card-title-v11 svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.hosting-card-title-v11 small{font-size:7px;color:var(--muted);font-weight:900}.hosting-card-title-v11 h3{font-size:12px;margin:3px 0}.hosting-card-title-v11 p{font-size:8px;color:var(--muted);margin:0}.hosting-specs-v11{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;border-top:1px solid var(--line);padding-top:10px;margin-top:11px}.hosting-specs-v11>span{background:#f8fafc;border-radius:8px;padding:8px}.hosting-specs-v11 small{font-size:7px;color:var(--muted);display:block}.hosting-specs-v11 strong{font-size:8px;display:block;margin-top:2px}

.email-overview-v11{display:grid;grid-template-columns:.75fr 1.25fr;gap:11px;margin-bottom:16px}.email-allocation-v11,.email-request-v11{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px}.email-allocation-v11>div:first-child>span,.email-request-v11>div>span{font-size:7px;color:#0d5bd7;letter-spacing:.09em;font-weight:900}.email-allocation-v11 h2{font-size:28px;margin:5px 0}.email-allocation-v11 h2 small{font-size:12px;color:var(--muted)}.email-allocation-v11 p,.email-request-v11 p{font-size:9px;color:var(--muted);margin:0}.email-request-v11 h2{font-size:15px;margin:4px 0}.email-meter-v11{height:7px;background:#edf1f5;border-radius:999px;margin-top:14px;overflow:hidden}.email-meter-v11 span{display:block;height:100%;background:#0d5bd7;border-radius:999px}.email-request-form-v11{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:13px}.email-request-form-v11 input{border:1px solid var(--line);border-radius:8px;padding:10px;font-size:9px;min-width:0}.email-request-form-v11 button{background:#0d5bd7;color:#fff;border:0;border-radius:8px;padding:10px 12px;font-size:8px;font-weight:850;white-space:nowrap}

.store-hero-v11{background:#102a4d;color:#fff;border-radius:16px;padding:22px;margin-bottom:16px}.store-hero-v11>span{font-size:7px;color:#92b7ed;letter-spacing:.1em;font-weight:900}.store-hero-v11 h2{font-size:23px;margin:5px 0}.store-hero-v11 p{font-size:9px;color:#c7d5e8;max-width:720px;margin:0}.store-category-links-v11{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.store-category-links-v11 a{background:#173a67;color:#fff;border:1px solid #315988;border-radius:999px;padding:7px 10px;font-size:8px;text-decoration:none}
.store-category-v11{margin-bottom:21px}.store-category-title-v11{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:10px}.store-category-title-v11 span{font-size:7px;letter-spacing:.09em;color:#0d5bd7;font-weight:900}.store-category-title-v11 h2{font-size:16px;margin:3px 0 0}.store-category-title-v11>small{font-size:8px;color:var(--muted)}
.store-grid-v11{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.store-card-v11{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px;display:flex;flex-direction:column;gap:10px;min-width:0}.store-card-top-v11{display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center}.store-card-top-v11>span{width:38px;height:38px;border-radius:10px;background:#edf5ff;color:#0d5bd7;display:grid;place-items:center}.store-card-top-v11 svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.store-card-top-v11 small{font-size:6.5px;color:var(--muted);font-weight:900}.store-card-top-v11 h3{font-size:13px;margin:3px 0}.store-desc-v11{font-size:8.5px!important;line-height:1.5!important;color:var(--muted)!important;margin:0!important;min-height:38px}.store-price-v11{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px 0}.store-price-v11 strong{font-size:21px;color:#102a4d}.store-price-v11>span{font-size:8px;color:var(--muted)}.store-price-v11>small{font-size:7px;color:#0d5bd7;display:block;margin-top:2px}.store-card-v11 ul{list-style:none;padding:0;margin:0;display:grid;gap:5px}.store-card-v11 li{font-size:8px;color:#52647c;display:grid;grid-template-columns:13px 1fr;gap:5px}.store-card-v11 li span{color:#12b76a;font-weight:900}.store-order-v11{display:grid;gap:8px;margin-top:auto;padding-top:8px}.store-order-v11 label{display:grid;gap:4px;font-size:7px;font-weight:850;color:#52647c}.store-order-v11 label small{font-weight:400;color:var(--muted);margin-left:3px}.store-order-v11 input,.store-order-v11 select{width:100%;border:1px solid var(--line);border-radius:8px;padding:9px;font-size:8px;background:#fff}.store-order-v11 button{width:100%;background:#0d5bd7;color:#fff;border:0;border-radius:8px;padding:10px 11px;font-size:8px;font-weight:900;cursor:pointer}

/* hard stop for the old overlap issue */
.my-service-grid,.my-service-card,.my-service-foot,.orders-mini{float:none!important;position:static!important}
.service-row-v11,.ms-section-v11,.orders-v11{position:relative;z-index:auto}
.ms-section-v11+.ms-section-v11{margin-top:0}

@media(max-width:1180px){
  .ms-nav-v11{grid-template-columns:repeat(3,1fr)}
  .service-overview-v11{grid-template-columns:1fr 1fr}
  .store-grid-v11,.domain-price-grid-v11{grid-template-columns:1fr 1fr}
  .service-row-v11{grid-template-columns:44px 1.4fr 1fr auto}
  .service-row-action-v11{grid-column:2/5;justify-self:start}
}
@media(max-width:820px){
  .ms-head-v11{align-items:stretch;flex-direction:column}.ms-head-v11>.ms-primary-v11{width:100%}
  .ms-nav-v11{grid-template-columns:1fr 1fr}
  .domain-search-v11{grid-template-columns:1fr}.domain-buy-row-v11{grid-template-columns:1fr}.domain-action-v11{justify-self:stretch}.domain-action-v11 .ms-primary-v11,.domain-action-v11 .ms-secondary-v11{width:100%}
  .domain-owned-grid-v11,.hosting-grid-v11,.email-overview-v11{grid-template-columns:1fr}
  .service-row-v11{grid-template-columns:44px 1fr auto}.service-row-meta-v11{grid-column:2/4}.service-row-action-v11{grid-column:2/4}
}
@media(max-width:620px){
  .ms-nav-v11{grid-template-columns:1fr}
  .service-overview-v11,.quick-manage-v11,.store-grid-v11,.domain-price-grid-v11{grid-template-columns:1fr}
  .domain-search-box-v11{grid-template-columns:34px 1fr}.domain-search-box-v11 button{grid-column:1/3;width:100%}
  .domain-secondary-prices-v11{display:grid;grid-template-columns:1fr 1fr}
  .domain-price-grid-v11 article{grid-template-columns:1fr 1fr 1fr}
  .service-row-v11{grid-template-columns:42px 1fr}.service-row-state-v11{grid-column:2/3}.service-row-meta-v11,.service-row-action-v11{grid-column:1/3}.service-row-action-v11 a{width:100%;justify-content:center}
  .email-request-form-v11{grid-template-columns:1fr}
  .hosting-specs-v11{grid-template-columns:1fr 1fr 1fr}
}


/* ==========================================================
   v12 client-portal polish
   ========================================================== */
.billing-action-v12,.payment-action-buttons .primary-cta,.payment-action-buttons .button,.invoice-row-final .button,.invoice-head-actions-v12 .button{min-height:34px!important;padding:8px 11px!important;border-radius:8px!important;font-size:8.5px!important;line-height:1.2!important;font-weight:850!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;white-space:nowrap!important}
.invoice-head-actions-v12{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.invoice-head-actions-v12 form,.invoice-row-actions-v12 form{margin:0}.cancel-invoice-v12{background:#fff!important;color:#b42318!important;border:1px solid #f3c7c2!important;cursor:pointer}.cancel-invoice-v12:hover{background:#fff6f5!important}
.invoice-row-actions-v12{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.invoice-cancelled-state-v12{text-align:center;padding:19px 7px}.invoice-cancelled-state-v12>span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;margin:0 auto 8px;background:#f2f4f7;color:#667085;font-size:19px;font-weight:900}.invoice-cancelled-state-v12 strong{display:block;font-size:12px}.invoice-cancelled-state-v12 p{font-size:9px;color:var(--muted);line-height:1.45}

.recent-orders-v12{border:1px solid var(--line);border-radius:11px;overflow:hidden}.recent-orders-head-v12,.recent-order-row-v12{display:grid;grid-template-columns:minmax(65px,.55fr) minmax(170px,2fr) minmax(110px,.9fr) minmax(110px,1fr) minmax(86px,.75fr);gap:12px;align-items:center;padding:10px 12px}.recent-orders-head-v12{background:#f8fafc;color:var(--muted);font-size:7px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.recent-order-row-v12+.recent-order-row-v12{border-top:1px solid var(--line)}.recent-order-row-v12>span{min-width:0}.recent-order-row-v12 strong{display:block;font-size:9px;line-height:1.3}.recent-order-row-v12 small{display:block;font-size:7.5px;color:var(--muted);line-height:1.35;margin-top:2px}.recent-order-service-v12 strong{font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-order-amount-v12 strong{font-size:9px;color:#102a4d}.recent-order-date-v12{font-size:8px;color:#5d6e85}.recent-order-row-v12 .badge{font-size:7px!important;padding:4px 7px!important}

.email-pagehead-v12{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}.email-more-v12{display:grid;grid-template-columns:31px 1fr 23px;gap:8px;align-items:center;border:1px solid #d4e3f5;background:#f7fbff;border-radius:10px;padding:8px 9px;text-decoration:none;color:#174a87;min-width:210px}.email-more-v12>span{width:31px;height:31px;border-radius:8px;background:#0d5bd7;color:#fff;display:grid;place-items:center;font-size:16px;font-weight:800}.email-more-v12 strong{display:block;font-size:8.5px}.email-more-v12 small{display:block;font-size:7px;color:#718198;margin-top:2px}.email-more-v12>b{width:21px;height:21px;border-radius:50%;border:1px solid #c8d8eb;display:grid;place-items:center;font-size:8px;color:#54708f}

.kb-head-v12>div>span,.downloads-head-v12>div>span,.kb-article-v12>span{font-size:7px;color:#0d5bd7;font-weight:900;letter-spacing:.09em}.kb-head-v12 h2,.downloads-head-v12 h2{font-size:16px;margin:4px 0}.kb-head-v12 p,.downloads-head-v12 p{font-size:9px;color:var(--muted);margin:0 0 13px}.kb-clickable-v12{display:grid;grid-template-columns:1fr 1fr;gap:9px}.kb-clickable-v12>a{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:11px;padding:13px;text-decoration:none;color:inherit;background:#fff}.kb-clickable-v12>a:hover{border-color:#a9c9f2;background:#fbfdff}.kb-clickable-v12>a>div{min-width:0}.kb-clickable-v12 strong{font-size:10px}.kb-clickable-v12 p{font-size:8px!important;color:var(--muted)!important;line-height:1.45!important;margin:4px 0 0!important}.kb-clickable-v12>a>span{font-size:7.5px;color:#0d5bd7;font-weight:850;white-space:nowrap}
.kb-article-v12{max-width:900px}.kb-article-v12 h2{font-size:20px;margin:6px 0}.kb-lead-v12{font-size:10px!important;line-height:1.55!important;color:#52647c!important}.kb-article-v12 ol{margin:16px 0 0;padding:0;list-style:none;counter-reset:kb;display:grid;gap:9px}.kb-article-v12 li{counter-increment:kb;display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:start;border:1px solid var(--line);border-radius:10px;padding:10px;font-size:9px;line-height:1.55;color:#52647c}.kb-article-v12 li:before{content:counter(kb);width:28px;height:28px;border-radius:50%;background:#edf5ff;color:#0d5bd7;display:grid;place-items:center;font-size:8px;font-weight:900}

.invoice-downloads-v12{display:grid;gap:8px}.invoice-downloads-v12>a{display:grid;grid-template-columns:42px minmax(170px,1fr) minmax(130px,auto) minmax(105px,auto);gap:11px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:11px;text-decoration:none;color:inherit}.invoice-downloads-v12>a:hover{border-color:#a9c9f2;background:#fbfdff}.invoice-file-icon-v12{width:42px;height:42px;border-radius:9px;background:#fff0ee;color:#b42318;display:grid;place-items:center;font-size:8px;font-weight:900}.invoice-downloads-v12>a>div:nth-child(2){min-width:0}.invoice-downloads-v12>a>div:nth-child(2)>strong{display:block;font-size:9.5px}.invoice-downloads-v12>a>div:nth-child(2)>small{display:block;font-size:7.5px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoice-download-money-v12{text-align:right}.invoice-download-money-v12>strong{font-size:9px;display:block;margin-bottom:3px}.invoice-downloads-v12>a>b{font-size:7.5px;color:#0d5bd7;white-space:nowrap}
.store-order-v11 button,.domain-search-box-v11 button,.email-request-form-v11 button,.ms-primary-v11,.ms-secondary-v11{font-size:8.5px!important;line-height:1.2!important}.store-order-v11 label{font-size:7.5px}.store-order-v11 input,.store-order-v11 select{font-size:8.5px}.orders-v11 .ms-section-head-v11{align-items:center}

@media(max-width:900px){.recent-orders-head-v12{display:none}.recent-order-row-v12{grid-template-columns:65px 1fr auto}.recent-order-amount-v12{grid-column:2/3}.recent-order-row-v12>span:nth-child(4){grid-column:3/4;grid-row:1/3}.recent-order-date-v12{grid-column:2/3}.invoice-downloads-v12>a{grid-template-columns:42px 1fr auto}.invoice-download-money-v12{grid-column:2/3;text-align:left}.invoice-downloads-v12>a>b{grid-column:3/4;grid-row:1/3}}
@media(max-width:650px){.kb-clickable-v12{grid-template-columns:1fr}.invoice-row-actions-v12{width:100%;justify-content:stretch}.invoice-row-actions-v12>.button,.invoice-row-actions-v12 form,.invoice-row-actions-v12 form button{width:100%}.invoice-head-actions-v12{width:100%;justify-content:stretch}.invoice-head-actions-v12>.button,.invoice-head-actions-v12 form,.invoice-head-actions-v12 form button{width:100%}.email-more-v12{width:100%}.invoice-downloads-v12>a{grid-template-columns:40px 1fr}.invoice-downloads-v12>a>b{grid-column:1/3;grid-row:auto;text-align:center;border-top:1px solid var(--line);padding-top:8px}.invoice-download-money-v12{grid-column:2/3}.recent-order-row-v12{grid-template-columns:55px 1fr}.recent-order-row-v12>span:nth-child(4){grid-column:2/3;grid-row:auto}.recent-order-amount-v12,.recent-order-date-v12{grid-column:2/3}}