:root{--crm-navy:#07182b;--crm-navy2:#0b2038;--crm-blue:#1467db;--crm-blue2:#0c57c7;--crm-bg:#f4f7fb;--crm-card:#fff;--crm-line:#dfe6ef;--crm-text:#122033;--crm-muted:#6c7889;--crm-green:#167c46;--crm-green-bg:#e7f7ed;--crm-red:#c63030;--crm-red-bg:#fdeaea;--crm-amber:#9b6410;--crm-amber-bg:#fff3d6}
*{box-sizing:border-box}body.crm-shell,body.nh-admin,body.nh-app{background:var(--crm-bg)!important;color:var(--crm-text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;margin:0!important}
body.crm-shell a,body.nh-admin a,body.nh-app a{transition:.15s ease}.db-universal-header{position:fixed!important;inset:0 auto 0 0!important;width:176px!important;height:100vh!important;background:linear-gradient(180deg,var(--crm-navy),#041221)!important;border:0!important;z-index:1000!important;box-shadow:none!important}.db-universal-nav{display:flex!important;flex-direction:column!important;height:100%!important;max-width:none!important;margin:0!important;padding:18px 12px!important;align-items:stretch!important}.db-universal-brand{display:flex!important;align-items:center!important;gap:4px!important;padding:0 6px 26px!important;color:#fff!important;font-weight:800!important;text-decoration:none!important;white-space:nowrap}.db-universal-mark{font-size:25px!important;font-weight:900!important;letter-spacing:-1.5px!important;color:#2479ee!important}.db-universal-brand span:last-child{font-size:13px!important;color:#fff!important}.db-nav-toggle,.db-header-cart,.db-header-notifications,.db-profile-toggle{display:none!important}.db-nav-menu{display:flex!important;flex-direction:column!important;position:static!important;background:transparent!important;border:0!important;padding:0!important;margin:0!important;width:100%!important;box-shadow:none!important;overflow-y:auto!important;min-height:0!important;flex:1!important}.db-nav-menu:before{content:"ADMIN CRM";display:block;color:#9fb0c4;font-size:9px;font-weight:700;letter-spacing:.06em;padding:3px 8px 10px}.crm-client-nav:before{content:"CUSTOMER PORTAL"}.db-nav-menu a,.db-nav-group summary{display:flex!important;align-items:center!important;gap:10px!important;min-height:34px!important;padding:8px 9px!important;margin:1px 0!important;border-radius:5px!important;color:#f6f8fb!important;text-decoration:none!important;font-size:11px!important;font-weight:520!important;border:0!important;background:transparent!important;cursor:pointer!important}.db-nav-menu a:hover,.db-nav-group summary:hover,.db-nav-menu a.active,.db-nav-group summary.active,.db-nav-top.active{background:linear-gradient(90deg,#1c69dd,#1359bd)!important;color:#fff!important}.crm-nav-icon{width:16px;text-align:center;opacity:.95;font-size:13px}.db-nav-group{border:0!important;margin:0!important}.db-nav-group summary{list-style:none}.db-nav-group summary::-webkit-details-marker{display:none}.db-nav-dropdown{padding:0 0 2px 12px!important;border:0!important;background:transparent!important}.db-nav-dropdown a{color:#c9d5e2!important;font-size:10.5px!important}.db-client-menu-identity{display:none!important}.db-nav-danger{margin-top:auto!important;border:1px solid rgba(255,255,255,.2)!important;background:rgba(255,255,255,.02)!important}.crm-sidebar-profile{margin-top:auto;border-top:1px solid rgba(255,255,255,.09);padding:14px 4px 0;display:flex;align-items:center;gap:9px;color:#fff}.crm-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#aab5c4;color:#fff;font-size:10px;font-weight:800}.crm-sidebar-profile strong{font-size:10px;display:block}.crm-sidebar-profile small{font-size:8.5px;color:#9fb0c4;display:block;margin-top:1px}.qx-page,.crm-main{margin-left:176px!important;padding:0!important;min-height:100vh!important;background:var(--crm-bg)!important}.qx-wrap,.crm-wrap{max-width:none!important;margin:0!important;padding:66px 22px 28px!important}.crm-topbar{position:fixed;z-index:900;top:0;left:176px;right:0;height:48px;background:#fff;border-bottom:1px solid var(--crm-line);display:flex;align-items:center;justify-content:space-between;padding:0 22px}.crm-topbar strong{font-size:12px}.crm-topbar-right{display:flex;align-items:center;gap:12px;font-size:10px;color:#28374a}.crm-topbar .crm-avatar{width:24px;height:24px;background:#bac3cf}.crm-page-title{font-size:20px!important;line-height:1.2!important;margin:0 0 4px!important;color:#111c2c!important;font-weight:780!important;letter-spacing:-.02em}.crm-sub{margin:0 0 18px;color:var(--crm-muted);font-size:10px}.crm-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:14px 0 20px}.crm-kpi{background:#fff;border:1px solid var(--crm-line);border-radius:7px;padding:13px 14px;min-height:92px}.crm-kpi small{display:block;color:#27374a;font-size:9px;margin-bottom:8px}.crm-kpi strong{display:block;font-size:22px;line-height:1;color:#111c2c;margin-bottom:7px}.crm-kpi span{font-size:8.5px;color:var(--crm-muted)}.crm-kpi .up{color:var(--crm-green)}.crm-kpi .down{color:var(--crm-red)}.crm-grid-2{display:grid;grid-template-columns:1.45fr .75fr;gap:12px}.crm-grid-equal{display:grid;grid-template-columns:1fr 1fr;gap:12px}.crm-card{background:#fff;border:1px solid var(--crm-line);border-radius:7px;overflow:hidden}.crm-card-head{min-height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--crm-line)}.crm-card-head h2,.crm-card-head h3{font-size:11px!important;margin:0!important;color:#172335!important}.crm-card-head a{font-size:8.5px;color:var(--crm-blue);text-decoration:none}.crm-card-body{padding:13px 14px}.crm-table-wrap{overflow:auto}.crm-table{width:100%;border-collapse:collapse;min-width:650px}.crm-table th{padding:9px 12px;text-align:left;color:#778395;font-size:8px;font-weight:700;border-bottom:1px solid var(--crm-line);white-space:nowrap}.crm-table td{padding:10px 12px;border-bottom:1px solid #edf1f6;color:#2c3949;font-size:9px;vertical-align:middle}.crm-table tr:last-child td{border-bottom:0}.crm-table a{color:var(--crm-blue)!important;text-decoration:none!important}.crm-pill{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;font-size:7.5px;font-weight:700;background:#edf3fb;color:#53647a;white-space:nowrap}.crm-pill.green{background:var(--crm-green-bg);color:var(--crm-green)}.crm-pill.red{background:var(--crm-red-bg);color:var(--crm-red)}.crm-pill.amber{background:var(--crm-amber-bg);color:var(--crm-amber)}.crm-button{display:inline-flex;align-items:center;justify-content:center;min-height:29px;padding:0 12px;border-radius:5px;border:1px solid var(--crm-blue);background:var(--crm-blue);color:#fff!important;text-decoration:none!important;font-size:8.5px;font-weight:700;cursor:pointer}.crm-button.secondary{background:#fff;color:var(--crm-blue)!important;border-color:#d6e0ec}.crm-button.danger{background:#fff;color:var(--crm-red)!important;border-color:#f2c9c9}.crm-service-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border-bottom:1px solid #edf1f6}.crm-service-row:last-child{border-bottom:0}.crm-service-main{display:flex;align-items:center;gap:12px;min-width:0}.crm-service-icon{width:30px;height:30px;border:1px solid #d9e0e9;border-radius:5px;display:grid;place-items:center;color:#16283d;background:#fbfcfe;font-size:15px}.crm-service-title strong{display:block;font-size:9px;color:#162236}.crm-service-title small{display:block;color:#7c8897;font-size:8px;margin-top:2px}.crm-meta{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:12px 14px;border-bottom:1px solid #edf1f6}.crm-meta small{display:block;font-size:7.5px;color:#7d8998;margin-bottom:3px}.crm-meta strong{display:block;font-size:8.5px;color:#283647}.crm-tabs{display:flex;gap:22px;border-bottom:1px solid var(--crm-line);padding:0 14px}.crm-tabs a{padding:11px 0 9px;color:#586678!important;text-decoration:none;font-size:8.5px;border-bottom:2px solid transparent}.crm-tabs a.active{color:var(--crm-blue)!important;border-bottom-color:var(--crm-blue)}.crm-progress-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:13px 14px}.crm-progress{border:1px solid #e2e7ee;border-radius:6px;padding:12px}.crm-progress small{font-size:8px;color:#344458}.crm-progress strong{font-size:8px;float:right;color:#28374a}.crm-track{height:5px;background:#e9eef4;border-radius:9px;margin-top:10px;overflow:hidden}.crm-fill{height:100%;background:#1c67d6;border-radius:9px}.crm-quick{padding:13px 14px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.crm-quick .crm-button{background:#fff;color:var(--crm-blue)!important;border-color:#dce4ee}.crm-record-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.crm-record-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.crm-record-title h1{font-size:17px;margin:0;color:#132033}.crm-record-actions{display:flex;gap:6px}.crm-record-grid{display:grid;grid-template-columns:190px minmax(0,1fr) 225px;gap:10px}.crm-info-list{padding:12px}.crm-info-list dt{font-size:7.5px;color:#818c9b;margin-top:10px}.crm-info-list dd{font-size:8.5px;color:#243346;margin:2px 0 0}.crm-side-stack{display:grid;gap:10px;align-content:start}.crm-note{padding:11px;border-bottom:1px solid #edf1f6}.crm-note:last-child{border-bottom:0}.crm-note small{font-size:7px;color:#7d8998}.crm-note p{font-size:8.5px;line-height:1.45;color:#344153;margin:5px 0 0}.crm-empty{padding:20px;text-align:center;color:#8792a1;font-size:9px}.crm-form{display:grid;gap:8px}.crm-form textarea,.crm-form input,.crm-form select{width:100%;border:1px solid #d8e0ea;border-radius:5px;padding:9px 10px;font:inherit;font-size:9px;background:#fff;color:#243346}.crm-section-title{font-size:11px;margin:18px 0 8px}.crm-breadcrumb{font-size:8px;color:#7d8998;margin-bottom:10px}.crm-breadcrumb a{color:#6e7d90!important;text-decoration:none}.crm-customer-card{display:flex;align-items:center;gap:10px}.crm-customer-card .crm-avatar{background:#d6deea;color:#4a586b}.crm-inline-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.crm-alert{padding:10px 12px;border-radius:6px;border:1px solid #cfe0f3;background:#eef6ff;color:#33506e;font-size:9px;margin-bottom:12px}.crm-alert.success{border-color:#bfe1cd;background:#effaf3;color:#22623c}.crm-alert.error{border-color:#efc8c8;background:#fff1f1;color:#8e2f2f}
/* tame legacy panels on pages that still use old markup */
body.nh-admin .v2-panel,body.nh-admin .hm-card,body.nh-admin .hm-service,body.nh-admin .admin-section,body.nh-app .v2-panel,body.nh-app .v2-service{background:#fff!important;border:1px solid var(--crm-line)!important;color:var(--crm-text)!important;box-shadow:none!important;border-radius:7px!important}body.nh-admin .qx-page,body.nh-app .qx-page{padding:0!important}body.nh-admin .qx-wrap,body.nh-app .qx-wrap{padding-top:66px!important}body.nh-admin h1,body.nh-admin h2,body.nh-admin h3,body.nh-app h1,body.nh-app h2,body.nh-app h3{color:#142033!important}body.nh-admin .qx-muted,body.nh-app .qx-muted,body.nh-admin .hm-note,body.nh-app .hm-note{color:#728093!important}
@media(max-width:1050px){.crm-kpis{grid-template-columns:repeat(3,1fr)}.crm-record-grid{grid-template-columns:180px 1fr}.crm-side-stack{grid-column:1/-1;grid-template-columns:1fr 1fr}.crm-grid-2{grid-template-columns:1fr}.crm-meta{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.db-universal-header{transform:translateX(-100%);transition:.2s}.crm-nav-open .db-universal-header{transform:translateX(0)}.qx-page,.crm-main{margin-left:0!important}.crm-topbar{left:0;padding-left:54px}.crm-mobile-toggle{display:grid!important;position:fixed;z-index:1100;top:10px;left:10px;width:30px;height:30px;place-items:center;border:1px solid #dbe3ec;border-radius:6px;background:#fff;color:#15253a}.crm-kpis{grid-template-columns:1fr 1fr}.crm-record-grid{grid-template-columns:1fr}.crm-side-stack{grid-template-columns:1fr}.crm-grid-equal{grid-template-columns:1fr}.crm-progress-grid{grid-template-columns:1fr}.crm-quick{grid-template-columns:1fr 1fr}.crm-meta{grid-template-columns:1fr 1fr}.qx-wrap,.crm-wrap{padding:66px 12px 24px!important}}
@media(min-width:761px){.crm-mobile-toggle{display:none!important}}

/* 2026-08-30 strict sketch-match mobile correction.
   Keep the dark CRM rail visible on phones instead of replacing it with a generic mobile header. */
@media(max-width:760px){
  .db-universal-header{
    transform:none!important;
    width:124px!important;
    height:100vh!important;
    position:fixed!important;
    inset:0 auto 0 0!important;
  }
  .db-universal-nav{padding:14px 8px!important}
  .db-universal-brand{padding:0 4px 20px!important;gap:2px!important}
  .db-universal-mark{font-size:21px!important}
  .db-universal-brand span:last-child{font-size:10px!important}
  .db-nav-menu:before{font-size:7px!important;padding:2px 5px 8px!important}
  .db-nav-menu a,.db-nav-group summary{
    min-height:31px!important;
    padding:7px 6px!important;
    gap:6px!important;
    font-size:8.5px!important;
    border-radius:4px!important;
  }
  .crm-nav-icon{width:13px!important;font-size:11px!important}
  .db-nav-dropdown{padding-left:6px!important}
  .db-nav-dropdown a{font-size:8px!important}
  .crm-sidebar-profile{padding:10px 2px 0!important;gap:5px!important}
  .crm-sidebar-profile .crm-avatar{width:23px!important;height:23px!important;font-size:8px!important}
  .crm-sidebar-profile strong{font-size:7.5px!important}
  .crm-sidebar-profile small{font-size:6.5px!important}
  .crm-mobile-toggle{display:none!important}

  .qx-page,.crm-main{margin-left:124px!important;min-width:0!important}
  .crm-topbar{
    left:124px!important;
    height:44px!important;
    padding:0 10px!important;
  }
  .crm-topbar>strong{font-size:9px!important}
  .crm-topbar-right{gap:6px!important;font-size:8px!important}
  .crm-topbar-right>span:first-child{display:none!important}
  .crm-topbar .crm-avatar{width:22px!important;height:22px!important;font-size:8px!important}

  .qx-wrap,.crm-wrap{padding:58px 10px 22px!important}
  .crm-page-title{font-size:18px!important}
  .crm-sub{font-size:9px!important;margin-bottom:12px!important}
  .crm-button{min-height:25px!important;padding:0 8px!important;font-size:7.5px!important}

  .crm-kpis{grid-template-columns:1fr 1fr!important;gap:8px!important;margin:11px 0 14px!important}
  .crm-kpi{min-height:84px!important;padding:11px!important;border-radius:6px!important}
  .crm-kpi small{font-size:8px!important;margin-bottom:6px!important}
  .crm-kpi strong{font-size:19px!important;margin-bottom:6px!important}
  .crm-kpi span{font-size:7px!important}
  .crm-kpi:last-child{grid-column:1/-1!important}

  .crm-grid-2,.crm-grid-equal{grid-template-columns:1fr!important;gap:9px!important}
  .crm-card{border-radius:6px!important}
  .crm-card-head{min-height:38px!important;padding:0 10px!important}
  .crm-card-head h2,.crm-card-head h3{font-size:10px!important}
  .crm-card-head a{font-size:7.5px!important}
  .crm-table{min-width:470px!important}
  .crm-table th{padding:8px 9px!important;font-size:7px!important}
  .crm-table td{padding:9px!important;font-size:7.5px!important}
  .crm-empty{padding:16px!important;font-size:8px!important}
  .crm-note{padding:9px!important}
  .crm-note p{font-size:8px!important}

  .crm-record-head{align-items:flex-start!important}
  .crm-record-grid{grid-template-columns:1fr!important}
  .crm-side-stack{grid-template-columns:1fr!important}
  .crm-meta{grid-template-columns:1fr 1fr!important;gap:8px!important;padding:10px!important}
  .crm-progress-grid{grid-template-columns:1fr!important;padding:10px!important}
  .crm-quick{grid-template-columns:1fr 1fr!important;padding:10px!important}
  .crm-tabs{gap:12px!important;padding:0 10px!important;overflow:auto!important}
  .crm-tabs a{font-size:7.5px!important;white-space:nowrap!important}
}

/* v4 full admin/client consistency layer — legacy pages inherit the approved CRM shell. */
body.qx-site.nh-admin,body.qx-site.nh-app{min-height:100vh;background:var(--crm-bg)!important;color:var(--crm-text)!important}
body.qx-site.nh-admin:before,body.qx-site.nh-app:before{content:"DB Hosting CRM";position:fixed;z-index:850;top:0;left:176px;right:0;height:48px;background:#fff;border-bottom:1px solid var(--crm-line);display:flex;align-items:center;padding:0 22px;color:#26374b;font-size:12px;font-weight:750}
body.qx-site.nh-app:before{content:"Customer Portal"}
body.qx-site.nh-admin .qx-inner-hero,body.qx-site.nh-app .qx-inner-hero{margin-left:176px!important;background:transparent!important;border:0!important;padding:68px 22px 8px!important;min-height:0!important;color:var(--crm-text)!important}
body.qx-site.nh-admin .qx-inner-hero .qx-wrap,body.qx-site.nh-app .qx-inner-hero .qx-wrap{padding:0!important;max-width:none!important}
body.qx-site.nh-admin .qx-inner-hero h1,body.qx-site.nh-app .qx-inner-hero h1{font-size:20px!important;line-height:1.2!important;margin:0 0 4px!important;color:#111c2c!important;font-weight:780!important;letter-spacing:-.02em!important}
body.qx-site.nh-admin .qx-inner-hero p,body.qx-site.nh-app .qx-inner-hero p{margin:0!important;color:var(--crm-muted)!important;font-size:10px!important}
body.qx-site.nh-admin .qx-kicker,body.qx-site.nh-app .qx-kicker{display:none!important}
body.qx-site.nh-admin .qx-page,body.qx-site.nh-app .qx-page{margin-left:176px!important;background:var(--crm-bg)!important;min-height:100vh!important;padding:0!important}
body.qx-site.nh-admin .qx-inner-hero + .qx-page .qx-wrap,body.qx-site.nh-app .qx-inner-hero + .qx-page .qx-wrap{padding-top:8px!important}
body.qx-site.nh-admin .qx-panel,body.qx-site.nh-app .qx-panel,body.qx-site.nh-admin .v2-panel,body.qx-site.nh-app .v2-panel,body.qx-site.nh-admin .hm-card,body.qx-site.nh-app .hm-card,body.qx-site.nh-admin .hm-service,body.qx-site.nh-app .hm-service{background:#fff!important;border:1px solid var(--crm-line)!important;border-radius:7px!important;box-shadow:none!important;color:var(--crm-text)!important}
body.qx-site.nh-admin .qx-btn,body.qx-site.nh-app .qx-btn,body.qx-site.nh-admin button.qx-btn,body.qx-site.nh-app button.qx-btn{border-radius:5px!important;background:var(--crm-blue)!important;border:1px solid var(--crm-blue)!important;color:#fff!important;box-shadow:none!important;font-size:9px!important;font-weight:700!important;min-height:30px!important;padding:7px 12px!important}
body.qx-site.nh-admin .qx-btn-secondary,body.qx-site.nh-app .qx-btn-secondary{background:#fff!important;color:var(--crm-blue)!important;border-color:#d6e0ec!important}
body.qx-site.nh-admin input,body.qx-site.nh-admin select,body.qx-site.nh-admin textarea,body.qx-site.nh-app input,body.qx-site.nh-app select,body.qx-site.nh-app textarea{border:1px solid #d8e0ea!important;border-radius:5px!important;background:#fff!important;color:#243346!important;box-shadow:none!important}
body.qx-site.nh-admin table,body.qx-site.nh-app table{background:#fff!important;color:#2c3949!important}
body.qx-site.nh-admin th,body.qx-site.nh-app th{color:#778395!important;background:#fafbfd!important;border-color:var(--crm-line)!important}
body.qx-site.nh-admin td,body.qx-site.nh-app td{border-color:#edf1f6!important;color:#2c3949!important}
body.qx-site.nh-admin .qx-alert,body.qx-site.nh-app .qx-alert{border-radius:6px!important;box-shadow:none!important}
@media(max-width:760px){
 body.qx-site.nh-admin:before,body.qx-site.nh-app:before{left:124px!important;height:44px!important;padding:0 10px!important;font-size:9px!important}
 body.qx-site.nh-admin .qx-inner-hero,body.qx-site.nh-app .qx-inner-hero{margin-left:124px!important;padding:58px 10px 6px!important}
 body.qx-site.nh-admin .qx-page,body.qx-site.nh-app .qx-page{margin-left:124px!important}
 body.qx-site.nh-admin .qx-wrap,body.qx-site.nh-app .qx-wrap{padding-left:10px!important;padding-right:10px!important}
 body.qx-site.nh-admin .qx-inner-hero h1,body.qx-site.nh-app .qx-inner-hero h1{font-size:18px!important}
 body.qx-site.nh-admin .qx-inner-hero p,body.qx-site.nh-app .qx-inner-hero p{font-size:9px!important}
}

/* v5 strict visual consistency pass — 2026-08-30
   Neutralises legacy Quantix/V2/Nova presentation so every Admin and Client page
   renders inside the same light-card CRM system as the approved mock-up. */
body.qx-site.nh-admin .v2-hero,
body.qx-site.nh-app .v2-hero,
body.nh-admin .v2-hero,
body.nh-app .v2-hero{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0 0 14px!important;
  color:var(--crm-text)!important;
}
body.qx-site.nh-admin .v2-hero .eyebrow,
body.qx-site.nh-app .v2-hero .eyebrow,
body.nh-admin .v2-hero .eyebrow,
body.nh-app .v2-hero .eyebrow{
  color:#728093!important;
  font-size:8px!important;
  letter-spacing:.08em!important;
  font-weight:750!important;
  margin:0 0 5px!important;
}
body.qx-site.nh-admin .v2-hero h1,
body.qx-site.nh-app .v2-hero h1,
body.nh-admin .v2-hero h1,
body.nh-app .v2-hero h1{
  color:#111c2c!important;
  font-size:20px!important;
  line-height:1.2!important;
  font-weight:780!important;
  margin:0 0 4px!important;
  letter-spacing:-.02em!important;
}
body.qx-site.nh-admin .v2-hero p,
body.qx-site.nh-app .v2-hero p,
body.nh-admin .v2-hero p,
body.nh-app .v2-hero p{
  color:var(--crm-muted)!important;
  font-size:10px!important;
  line-height:1.5!important;
  margin:0!important;
  max-width:720px!important;
}
body.qx-site.nh-admin .v2-hero-actions,
body.qx-site.nh-app .v2-hero-actions{display:flex!important;gap:7px!important;align-items:center!important;flex-wrap:wrap!important;margin-top:9px!important}

body.qx-site.nh-admin .admin-quick-links,
body.qx-site.nh-app .admin-quick-links,
body.nh-admin .admin-quick-links,
body.nh-app .admin-quick-links{display:flex!important;gap:6px!important;flex-wrap:wrap!important;margin:0 0 10px!important}

body.qx-site.nh-admin .v2-panel,
body.qx-site.nh-app .v2-panel,
body.qx-site.nh-admin .admin-section,
body.qx-site.nh-app .admin-section,
body.qx-site.nh-admin .billing-panel,
body.qx-site.nh-admin .fin-panel,
body.qx-site.nh-admin .admin-card,
body.qx-site.nh-admin .hc-card,
body.qx-site.nh-app .checkout-card,
body.qx-site.nh-app .service-flat-section,
body.qx-site.nh-app .guide-item{
  background:#fff!important;
  border:1px solid var(--crm-line)!important;
  color:var(--crm-text)!important;
  border-radius:7px!important;
  box-shadow:none!important;
}
body.qx-site.nh-admin .v2-panel,
body.qx-site.nh-app .v2-panel{padding:14px!important;margin:0 0 10px!important}
body.qx-site.nh-admin .v2-panel h2,
body.qx-site.nh-app .v2-panel h2,
body.qx-site.nh-admin .v2-heading,
body.qx-site.nh-app .v2-heading{font-size:11px!important;color:#172335!important;margin-top:0!important}

body.qx-site.nh-admin details.admin-section,
body.qx-site.nh-app details.admin-section{overflow:hidden!important;margin:0 0 10px!important}
body.qx-site.nh-admin details.admin-section>summary,
body.qx-site.nh-app details.admin-section>summary{
  list-style:none!important;
  display:flex!important;
  align-items:center!important;
  min-height:42px!important;
  padding:0 14px!important;
  background:#fff!important;
  color:#172335!important;
  border:0!important;
  border-bottom:1px solid var(--crm-line)!important;
  cursor:pointer!important;
}
body.qx-site.nh-admin details.admin-section>summary::-webkit-details-marker,
body.qx-site.nh-app details.admin-section>summary::-webkit-details-marker{display:none!important}
body.qx-site.nh-admin .admin-section-summary,
body.qx-site.nh-app .admin-section-summary{display:flex!important;align-items:center!important;gap:5px!important;color:#172335!important}
body.qx-site.nh-admin .admin-section-summary small,
body.qx-site.nh-app .admin-section-summary small{font-size:10px!important;color:#172335!important;font-weight:700!important}
body.qx-site.nh-admin .admin-section-summary strong,
body.qx-site.nh-app .admin-section-summary strong{font-size:10px!important;color:#172335!important;font-weight:700!important}
body.qx-site.nh-admin .admin-section-body,
body.qx-site.nh-app .admin-section-body{background:#fff!important;color:var(--crm-text)!important;padding:0!important}

body.qx-site.nh-admin .v2-table-wrap,
body.qx-site.nh-app .v2-table-wrap,
body.qx-site.nh-admin .billing-table-wrap,
body.qx-site.nh-app .billing-table-wrap{overflow-x:auto!important;background:#fff!important;border-radius:0 0 7px 7px!important}
body.qx-site.nh-admin table.v2-table,
body.qx-site.nh-app table.v2-table,
body.qx-site.nh-admin table.billing-table,
body.qx-site.nh-app table.billing-table{
  width:100%!important;
  border-collapse:collapse!important;
  background:#fff!important;
  color:#2c3949!important;
}
body.qx-site.nh-admin table.v2-table thead,
body.qx-site.nh-app table.v2-table thead,
body.qx-site.nh-admin table.billing-table thead,
body.qx-site.nh-app table.billing-table thead{background:#fafbfd!important}
body.qx-site.nh-admin table.v2-table th,
body.qx-site.nh-app table.v2-table th,
body.qx-site.nh-admin table.billing-table th,
body.qx-site.nh-app table.billing-table th{
  background:#fafbfd!important;
  color:#778395!important;
  border-bottom:1px solid var(--crm-line)!important;
  padding:9px 11px!important;
  font-size:8px!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
body.qx-site.nh-admin table.v2-table td,
body.qx-site.nh-app table.v2-table td,
body.qx-site.nh-admin table.billing-table td,
body.qx-site.nh-app table.billing-table td{
  background:#fff!important;
  color:#2c3949!important;
  border-bottom:1px solid #edf1f6!important;
  padding:10px 11px!important;
  font-size:9px!important;
}
body.qx-site.nh-admin table.v2-table td small,
body.qx-site.nh-app table.v2-table td small{display:block!important;color:#7c8897!important;font-size:8px!important;margin-top:2px!important}

body.qx-site.nh-admin .orders-filter,
body.qx-site.nh-app .orders-filter,
body.qx-site.nh-admin .support-filter,
body.qx-site.nh-app .support-filter{display:flex!important;gap:8px!important;align-items:end!important;flex-wrap:wrap!important}
body.qx-site.nh-admin .orders-filter label,
body.qx-site.nh-app .orders-filter label,
body.qx-site.nh-admin .support-filter label,
body.qx-site.nh-app .support-filter label{display:grid!important;gap:4px!important;color:#344458!important;font-size:9px!important;font-weight:650!important}
body.qx-site.nh-admin .orders-filter input,
body.qx-site.nh-admin .orders-filter select,
body.qx-site.nh-app .orders-filter input,
body.qx-site.nh-app .orders-filter select,
body.qx-site.nh-admin .support-filter input,
body.qx-site.nh-admin .support-filter select,
body.qx-site.nh-app .support-filter input,
body.qx-site.nh-app .support-filter select{
  min-height:34px!important;
  padding:7px 9px!important;
  border:1px solid #d8e0ea!important;
  border-radius:5px!important;
  background:#fff!important;
  color:#243346!important;
  font-size:9px!important;
}

body.qx-site.nh-admin .v2-stat-grid,
body.qx-site.nh-app .v2-stat-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;margin:0 0 14px!important}
body.qx-site.nh-admin .v2-stat,
body.qx-site.nh-app .v2-stat,
body.qx-site.nh-admin .billing-stat,
body.qx-site.nh-admin .fin-stat,
body.qx-site.nh-admin .support-stat{
  background:#fff!important;
  color:var(--crm-text)!important;
  border:1px solid var(--crm-line)!important;
  border-radius:7px!important;
  box-shadow:none!important;
  padding:12px!important;
}
body.qx-site.nh-admin .v2-stat strong,
body.qx-site.nh-app .v2-stat strong,
body.qx-site.nh-admin .billing-stat strong,
body.qx-site.nh-admin .fin-stat strong,
body.qx-site.nh-admin .support-stat strong{color:#111c2c!important}

body.qx-site.nh-admin .qx-alert,
body.qx-site.nh-app .qx-alert,
body.qx-site.nh-app .service-alert,
body.qx-site.nh-app .v2-alert{
  background:#eef6ff!important;
  border:1px solid #cfe0f3!important;
  color:#33506e!important;
  box-shadow:none!important;
  border-radius:6px!important;
}
body.qx-site.nh-admin .qx-alert-success,
body.qx-site.nh-app .qx-alert-success{background:#effaf3!important;border-color:#bfe1cd!important;color:#22623c!important}
body.qx-site.nh-admin .qx-alert-error,
body.qx-site.nh-app .qx-alert-error{background:#fff1f1!important;border-color:#efc8c8!important;color:#8e2f2f!important}

/* Customer legacy checkout/service/guide elements */
body.qx-site.nh-app .checkout-wrap,
body.qx-site.nh-app .checkout-shell{max-width:none!important;background:transparent!important;color:var(--crm-text)!important}
body.qx-site.nh-app .checkout-hero{background:transparent!important;color:var(--crm-text)!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 0 14px!important}
body.qx-site.nh-app .checkout-hero h1{color:#111c2c!important;font-size:20px!important}
body.qx-site.nh-app .checkout-hero p{color:var(--crm-muted)!important;font-size:10px!important}
body.qx-site.nh-app .checkout-kicker{color:#728093!important;font-size:8px!important}
body.qx-site.nh-app .guide-body,
body.qx-site.nh-app .guide-values,
body.qx-site.nh-app .service-info,
body.qx-site.nh-app .service-info-grid{background:#fff!important;color:var(--crm-text)!important}
body.qx-site.nh-app .guide-note{color:var(--crm-muted)!important}

@media(max-width:760px){
  body.qx-site.nh-admin .v2-hero,
  body.qx-site.nh-app .v2-hero{margin-bottom:10px!important}
  body.qx-site.nh-admin .v2-hero h1,
  body.qx-site.nh-app .v2-hero h1{font-size:18px!important}
  body.qx-site.nh-admin .v2-hero p,
  body.qx-site.nh-app .v2-hero p{font-size:8.5px!important}
  body.qx-site.nh-admin .v2-panel,
  body.qx-site.nh-app .v2-panel{padding:10px!important}
  body.qx-site.nh-admin .v2-stat-grid,
  body.qx-site.nh-app .v2-stat-grid{grid-template-columns:1fr 1fr!important;gap:7px!important}
  body.qx-site.nh-admin .v2-stat-grid>*:last-child,
  body.qx-site.nh-app .v2-stat-grid>*:last-child{grid-column:1/-1!important}
  body.qx-site.nh-admin .orders-filter,
  body.qx-site.nh-app .orders-filter,
  body.qx-site.nh-admin .support-filter,
  body.qx-site.nh-app .support-filter{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  body.qx-site.nh-admin .orders-filter label:first-child,
  body.qx-site.nh-app .orders-filter label:first-child,
  body.qx-site.nh-admin .support-filter label:first-child,
  body.qx-site.nh-app .support-filter label:first-child{grid-column:1/-1!important}
  body.qx-site.nh-admin .orders-filter .qx-btn,
  body.qx-site.nh-app .orders-filter .qx-btn,
  body.qx-site.nh-admin .support-filter .qx-btn,
  body.qx-site.nh-app .support-filter .qx-btn{width:100%!important}
  body.qx-site.nh-admin table.v2-table,
  body.qx-site.nh-app table.v2-table{min-width:560px!important}
  body.qx-site.nh-admin details.admin-section>summary,
  body.qx-site.nh-app details.admin-section>summary{min-height:38px!important;padding:0 10px!important}
}


/* 2026-08-30 sidebar clean-up patch */
.crm-mobile-toggle{display:none!important}
.db-universal-nav{padding-top:22px!important}
.db-universal-brand{border-bottom:1px solid rgba(255,255,255,.09)!important;margin-bottom:16px!important;padding-bottom:18px!important}
.db-nav-menu:before{padding:4px 10px 9px!important;color:#8397ad!important;letter-spacing:.13em!important}
.db-nav-menu a,.db-nav-group summary{
  min-height:38px!important;
  padding:9px 10px!important;
  margin:1px 0!important;
  border-radius:7px!important;
  font-size:11px!important;
  font-weight:560!important;
  letter-spacing:0!important;
  color:#dbe5ef!important;
}
.db-nav-menu a:hover,.db-nav-group summary:hover{background:rgba(255,255,255,.055)!important;color:#fff!important}
.db-nav-menu a.active,.db-nav-group summary.active,.db-nav-top.active{
  background:linear-gradient(90deg,rgba(28,105,221,.24),rgba(28,105,221,.08))!important;
  box-shadow:inset 3px 0 0 #2c7df0!important;
  color:#fff!important;
}
.crm-nav-icon{width:18px!important;min-width:18px!important;color:#aebdd0!important;font-size:13px!important;opacity:1!important}
.db-nav-menu a.active .crm-nav-icon,.db-nav-group summary.active .crm-nav-icon{color:#69a7ff!important}
.db-nav-group{margin-top:8px!important;padding-top:8px!important;border-top:1px solid rgba(255,255,255,.08)!important}
.db-nav-group summary{color:#f3f7fb!important}
.db-nav-dropdown{padding:2px 0 2px 18px!important}
.db-nav-dropdown a{min-height:34px!important;padding:7px 9px!important;color:#aebdd0!important;font-size:10px!important}
.db-nav-danger{margin-top:12px!important;border:0!important;color:#aebdd0!important}
.crm-sidebar-profile{order:-1!important;margin:0 0 12px!important;padding:0 8px 12px!important;border-top:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
@media(max-width:760px){
  .db-universal-header{width:168px!important}
  .qx-page,.crm-main{margin-left:168px!important}
  .crm-topbar{left:168px!important}
  body.qx-site.nh-admin:before,body.qx-site.nh-app:before{left:168px!important}
  body.qx-site.nh-admin .qx-inner-hero,body.qx-site.nh-app .qx-inner-hero{margin-left:168px!important}
  body.qx-site.nh-admin .qx-page,body.qx-site.nh-app .qx-page{margin-left:168px!important}
  .db-universal-nav{padding:16px 10px!important}
  .db-universal-brand{padding:0 6px 16px!important;margin-bottom:12px!important}
  .db-universal-mark{font-size:24px!important}
  .db-universal-brand span:last-child{font-size:11px!important}
  .db-nav-menu:before{font-size:8px!important;padding:3px 8px 8px!important}
  .db-nav-menu a,.db-nav-group summary{min-height:36px!important;padding:8px 8px!important;gap:8px!important;font-size:9.5px!important}
  .crm-nav-icon{width:16px!important;min-width:16px!important;font-size:11px!important}
  .db-nav-dropdown{padding-left:14px!important}
  .db-nav-dropdown a{font-size:9px!important;min-height:31px!important}
  .crm-sidebar-profile{padding:0 6px 10px!important;margin-bottom:10px!important}
  .crm-sidebar-profile strong{font-size:8px!important}
  .crm-sidebar-profile small{font-size:7px!important}
}