:root{--db-navy:#06172a;--db-navy-2:#0a2440;--db-blue:#116cf3;--db-blue-2:#0b5bd4;--db-bg:#f5f8fc;--db-card:#fff;--db-line:#e3eaf2;--db-text:#142235;--db-muted:#6f7e91;--db-green:#21a366;--db-red:#db4d5c;--db-amber:#f0a43b;--db-radius:13px;--db-shadow:0 8px 28px rgba(16,40,75,.055)}
*{box-sizing:border-box}
body.crm-shell,body.nh-app,body.nh-admin,body.qx-site{background:var(--db-bg)!important;color:var(--db-text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
.db-universal-header{width:206px!important;background:linear-gradient(180deg,#06172a 0%,#08213a 58%,#06172a 100%)!important;border-right:1px solid rgba(255,255,255,.05)!important}
.db-universal-nav{padding:22px 12px 16px!important}
.db-universal-brand{padding:0 10px 28px!important;gap:6px!important}
.db-universal-mark{font-size:25px!important;color:#fff!important;letter-spacing:-1.8px!important}
.db-universal-brand span:last-child{font-size:18px!important;letter-spacing:-.04em!important;text-transform:none!important}
.db-universal-brand span:last-child::first-letter{text-transform:uppercase}
.db-nav-menu:before{display:none!important}.crm-client-nav:before{display:none!important}
.db-nav-menu{gap:3px!important}
.db-nav-menu a,.db-nav-group summary{min-height:40px!important;border-radius:7px!important;padding:10px 11px!important;font-size:12px!important;color:#dbe7f3!important;font-weight:600!important}
.db-nav-menu a.active,.db-nav-top.active,.db-nav-menu a:hover,.db-nav-group summary:hover,.db-nav-group summary.active{background:linear-gradient(90deg,#1478ff,#0863e5)!important;color:#fff!important;box-shadow:0 5px 16px rgba(17,108,243,.22)!important}
.crm-nav-icon{width:17px!important;height:17px!important;display:grid!important;place-items:center!important;color:currentColor!important;font-size:15px!important}.crm-nav-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.db-nav-dropdown{padding:4px 0 4px 13px!important}.db-nav-dropdown a{font-size:11px!important;min-height:34px!important;color:#aec1d3!important}
.db-nav-danger{margin-top:8px!important;border:0!important}.crm-sidebar-profile{padding:16px 8px 0!important;border-top:1px solid rgba(255,255,255,.08)!important}.crm-sidebar-profile .crm-avatar{background:#1c76d6!important}
.crm-main,.qx-page{margin-left:206px!important;background:var(--db-bg)!important;min-height:100vh!important}
.crm-wrap,.qx-wrap{max-width:1260px!important;margin:0 auto!important;padding:88px 28px 42px!important}
.crm-topbar{left:206px!important;height:64px!important;padding:0 28px!important;background:#fff!important;border-bottom:1px solid var(--db-line)!important}.crm-topbar>strong{font-size:0!important}.crm-topbar>strong:before{content:'DB Hosting - Admin';font-size:14px;font-weight:800;color:#13243a}.crm-topbar-right{gap:10px!important;font-size:11px!important}.crm-topbar .crm-avatar{background:#176fc8!important;color:#fff!important;width:30px!important;height:30px!important}
body.nh-app:before,body.portal-approved:before{left:206px!important;height:64px!important;background:#fff!important;border-bottom:1px solid var(--db-line)!important;box-shadow:none!important}
.portal-global-actions{height:64px!important;right:20px!important;top:0!important;padding:0!important;gap:10px!important}.portal-global-action{width:34px!important;height:34px!important;background:#fff!important;border:1px solid #e1e8f0!important;border-radius:50%!important}.portal-global-avatar{width:34px!important;height:34px!important;background:#176fc8!important;color:#fff!important;border-radius:50%!important}
.portal-welcome h1,.crm-page-title,.portal-page-head h1{font-size:26px!important;letter-spacing:-.035em!important;color:#142235!important;margin:0 0 5px!important}.portal-welcome p,.portal-page-head p,.crm-sub{font-size:12px!important;color:#7a8798!important}
.portal-kpis,.crm-kpis{gap:14px!important}.portal-kpi,.crm-kpi,.portal-card,.crm-card,.portal-services-card,.v2-panel,.qx-card{background:#fff!important;border:1px solid var(--db-line)!important;border-radius:var(--db-radius)!important;box-shadow:var(--db-shadow)!important}
.portal-kpi{min-height:94px!important;padding:18px!important}.portal-kpi-value{font-size:24px!important}.portal-kpi-label{font-size:10px!important}.portal-kpi-icon{width:38px!important;height:38px!important;border-radius:10px!important}.portal-kpi-link{font-size:9px!important}
.portal-card-head,.crm-card-head{min-height:52px!important;padding:0 18px!important}.portal-card-head h2,.crm-card-head h2,.crm-card-head h3{font-size:13px!important}.portal-card-head a,.crm-card-head a{font-size:10px!important;color:var(--db-blue)!important}
.portal-service{padding:17px 18px!important}.portal-service strong{font-size:12px!important}.portal-service small{font-size:9px!important}.portal-manage,.crm-button,.qx-btn,button.qx-btn{border-radius:7px!important;min-height:34px!important;font-size:10px!important;font-weight:800!important;background:var(--db-blue)!important;border-color:var(--db-blue)!important;color:#fff!important}.crm-button.secondary,.qx-btn-secondary{background:#fff!important;color:#29425f!important;border-color:#dae3ed!important}
.crm-table th{font-size:9px!important;background:#fbfcfe!important}.crm-table td{font-size:10px!important;padding:12px 14px!important}.crm-pill{font-size:8px!important;padding:4px 8px!important}.crm-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important}.crm-kpi{min-height:92px!important;padding:16px!important}.crm-kpi small{font-size:9px!important}.crm-kpi strong{font-size:23px!important}.crm-kpi span{font-size:9px!important}
.dbh-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 14px}.dbh-chart{height:190px;padding:18px}.dbh-chart-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.dbh-chart-head h2{font-size:13px;margin:0}.dbh-chart-head small{font-size:9px;color:var(--db-muted)}.dbh-linechart{height:118px;position:relative;background:linear-gradient(to top,rgba(17,108,243,.08),transparent 70%);border-bottom:1px solid #e6edf5;overflow:hidden}.dbh-linechart svg{width:100%;height:100%}.dbh-bars{height:118px;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid #e6edf5;padding:0 8px}.dbh-bars i{display:block;flex:1;min-width:7px;background:#60d49b;border-radius:4px 4px 0 0}.dbh-system-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #edf2f7;font-size:10px}.dbh-system-row:last-child{border-bottom:0}.dbh-online{color:var(--db-green);font-weight:800}.dbh-client-service-card{padding:18px!important}.dbh-client-service-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.dbh-service-title-line{display:flex;gap:10px;align-items:center}.dbh-service-status{display:inline-flex;background:#e8f8ef;color:#188b51;font-size:9px;font-weight:800;border-radius:999px;padding:5px 10px}.dbh-service-title-line strong{font-size:16px}.dbh-service-sub{font-size:10px;color:#7a8798;margin-top:3px}.dbh-service-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid #edf2f7}.dbh-service-detail-grid small{display:block;color:#8793a3;font-size:8px;margin-bottom:3px}.dbh-service-detail-grid strong{font-size:10px}.dbh-client-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.dbh-client-action{background:#fff;border:1px solid var(--db-line);border-radius:12px;padding:16px;text-decoration:none;color:#17304b;box-shadow:var(--db-shadow);min-height:94px}.dbh-client-action b{display:block;font-size:10px;margin-top:12px}.dbh-client-action small{display:block;color:#8390a0;font-size:8px;margin-top:4px;line-height:1.4}.dbh-action-icon{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#edf5ff;color:var(--db-blue);font-weight:900}
@media(max-width:1020px){.crm-kpis{grid-template-columns:repeat(2,1fr)!important}.dbh-dashboard-grid{grid-template-columns:1fr}.dbh-client-actions{grid-template-columns:repeat(2,1fr)}.dbh-service-detail-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.db-universal-header{width:76px!important}.db-universal-brand span:last-child,.db-nav-menu a:not(.active){font-size:0!important}.db-nav-menu a,.db-nav-group summary{justify-content:center!important;padding:10px!important}.db-nav-group summary{font-size:0!important}.crm-nav-icon{margin:0!important}.crm-sidebar-profile span:last-child{display:none!important}.crm-main,.qx-page{margin-left:76px!important}.crm-topbar{left:76px!important}.crm-wrap,.qx-wrap{padding:82px 14px 28px!important}body.nh-app:before,body.portal-approved:before{left:76px!important}.dbh-client-actions{grid-template-columns:1fr 1fr}.dbh-service-detail-grid{grid-template-columns:1fr 1fr}.portal-global-actions{right:10px!important}}
@media(max-width:520px){.crm-kpis,.portal-kpis,.dbh-client-actions,.dbh-service-detail-grid{grid-template-columns:1fr!important}.crm-wrap,.qx-wrap{padding-left:10px!important;padding-right:10px!important}.portal-global-action{display:none!important}}
/* Authentication screens use the same client-area visual language. */
body.crm-login,body.crm-auth{margin:0!important;background:#f5f8fc!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;color:#142235!important}
.crm-login-shell,.crm-auth-shell{min-height:100vh!important;display:grid!important;grid-template-columns:230px 1fr!important}.crm-login-side,.crm-auth-side{background:linear-gradient(180deg,#06172a,#08213a)!important;color:#fff!important;padding:28px 18px!important}.crm-login-brand,.crm-auth-brand{font-size:18px!important;color:#fff!important;text-decoration:none!important;font-weight:800!important}.crm-login-brand .mark,.crm-auth-brand .mark{font-size:28px!important;margin-right:5px!important}.crm-login-label,.crm-auth-label{color:#8da4bc!important;font-size:9px!important;margin:32px 0 12px!important}.crm-login-side .nav,.crm-auth-side .nav{display:block!important;color:#dbe7f3!important;text-decoration:none!important;border-radius:7px!important;padding:11px!important;margin:3px 0!important;font-size:11px!important}.crm-login-side .nav.active,.crm-auth-side .nav.active{background:#116cf3!important;color:#fff!important}.crm-login-main,.crm-auth-main{background:#f5f8fc!important}.crm-login-top,.crm-auth-top{height:64px!important;background:#fff!important;border-bottom:1px solid #e3eaf2!important;display:flex!important;align-items:center!important;padding:0 28px!important;font-size:12px!important;font-weight:800!important}.crm-login-center,.crm-auth-center{min-height:calc(100vh - 64px)!important;display:grid!important;place-items:center!important;padding:30px!important}.crm-login-card,.crm-auth-card{width:min(470px,100%)!important;background:#fff!important;border:1px solid #e3eaf2!important;border-radius:14px!important;box-shadow:0 12px 34px rgba(16,40,75,.07)!important;padding:32px!important}.crm-login-card h1,.crm-auth-card h1{font-size:27px!important;letter-spacing:-.035em!important;margin:0 0 7px!important}.crm-login-card p,.crm-auth-card p{font-size:11px!important;color:#738196!important}.crm-login-card label,.crm-auth-card label{font-size:10px!important;font-weight:700!important}.crm-login-card input,.crm-auth-card input{width:100%!important;border:1px solid #d9e3ed!important;border-radius:8px!important;padding:11px 12px!important;margin:6px 0 13px!important}.crm-login-card button,.crm-auth-card button{width:100%!important;border:0!important;border-radius:8px!important;background:#116cf3!important;color:#fff!important;font-weight:800!important;padding:12px!important}.crm-login-links,.crm-auth-links{font-size:10px!important;margin-top:14px!important}.crm-login-links a,.crm-auth-links a{color:#116cf3!important}.crm-login-side .foot,.crm-auth-side .foot{color:#8da4bc!important;font-size:9px!important;margin-top:auto!important}
@media(max-width:700px){.crm-login-shell,.crm-auth-shell{grid-template-columns:1fr!important}.crm-login-side,.crm-auth-side{display:none!important}.crm-login-center,.crm-auth-center{padding:18px!important}}

/* DB Hosting 2026 customer header action visibility hotfix */
.portal-global-action{
  display:grid!important;
  place-items:center!important;
  color:#52657a!important;
}
.portal-global-action svg{
  display:block!important;
  width:18px!important;
  height:18px!important;
  stroke:#52657a!important;
  fill:none!important;
}
@media(max-width:520px){
  .portal-global-action{
    display:grid!important;
  }
}