:root{
  --hm-red:#d71920;--hm-red-2:#ef2d35;--hm-red-soft:#fff0f1;--hm-red-border:#ffd7da;
  --hm-ink:#172033;--hm-ink-2:#202a3b;--hm-sidebar:#151c28;--hm-sidebar-2:#101620;
  --hm-bg:#f5f7fa;--hm-surface:#ffffff;--hm-surface-2:#f8fafc;--hm-muted:#6f7b8e;
  --hm-border:#e5e9ef;--hm-border-strong:#d8dee8;--hm-green:#15803d;--hm-amber:#b45309;
  --hm-blue:#2563eb;--hm-radius:16px;--hm-radius-sm:11px;--hm-shadow:0 10px 32px rgba(22,32,51,.055);
  --hm-sidebar-w:264px;
}
*{box-sizing:border-box}
html{background:var(--hm-bg)}
body{margin:0;background:var(--hm-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--hm-ink);font-size:14px;-webkit-font-smoothing:antialiased}
a{color:#334155}.crm-shell{display:flex;min-height:100vh}.crm-main{margin-left:var(--hm-sidebar-w);min-width:0;flex:1;display:flex;flex-direction:column}

/* Sidebar */
.crm-sidebar{width:var(--hm-sidebar-w);background:linear-gradient(180deg,var(--hm-sidebar),var(--hm-sidebar-2));color:#fff;position:fixed;inset:0 auto 0 0;z-index:1040;display:flex;flex-direction:column;box-shadow:10px 0 34px rgba(8,15,27,.16);border-right:1px solid rgba(255,255,255,.035)}
.brand{height:88px;display:flex;align-items:center;gap:12px;padding:0 18px 0 20px;border-bottom:1px solid rgba(255,255,255,.075);position:relative}
.brand-mark{position:relative;display:grid;place-items:center;width:44px;height:44px;min-width:44px;border-radius:14px;background:linear-gradient(145deg,var(--hm-red-2),#b90f16);font-weight:950;font-size:22px;box-shadow:0 9px 26px rgba(215,25,32,.34),inset 0 1px rgba(255,255,255,.25);transform:rotate(-2deg)}
.brand-mark:after{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.18);border-radius:10px}.brand-mark span{transform:rotate(2deg)}
.brand-copy{min-width:0}.brand strong{display:block;font-size:17px;font-weight:850;letter-spacing:.1px}.brand small{display:block;color:#9da8b9;font-size:10.5px;margin-top:2px;letter-spacing:.2px}.brand-live{margin-left:auto;padding:4px 6px;border-radius:6px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.22);color:#7ee2a4;font-size:8px;font-weight:900;letter-spacing:1px}
.crm-sidebar nav{padding:15px 11px 18px;display:flex;flex-direction:column;gap:3px;flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#344052 transparent}.nav-section{padding:15px 12px 6px;color:#69778d;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:1.35px}.nav-section:first-child{padding-top:5px}
.crm-sidebar nav a{position:relative;display:flex;align-items:center;gap:11px;color:#aeb8c7;text-decoration:none;padding:10px 11px;border-radius:10px;font-size:13px;font-weight:650;transition:background .16s,color .16s,transform .16s}.crm-sidebar nav a:hover{background:rgba(255,255,255,.055);color:#fff;transform:translateX(1px)}.crm-sidebar nav a.active{background:linear-gradient(90deg,rgba(215,25,32,.23),rgba(215,25,32,.07));color:#fff;box-shadow:inset 3px 0 0 var(--hm-red-2)}.crm-sidebar nav a.active:after{content:"";position:absolute;right:11px;width:6px;height:6px;border-radius:50%;background:#ff5057;box-shadow:0 0 0 4px rgba(239,45,53,.1)}.nav-icon{width:18px;height:18px;flex:none;opacity:.82}.crm-sidebar nav a.active .nav-icon,.crm-sidebar nav a:hover .nav-icon{opacity:1}
.sidebar-foot{padding:15px 17px 16px;border-top:1px solid rgba(255,255,255,.07)}.sidebar-health{display:flex;align-items:center;gap:9px}.sidebar-health strong{display:block;color:#d7dde6;font-size:10.5px}.sidebar-health small{display:block;color:#69778d;font-size:9px;margin-top:1px}.status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;display:inline-block;box-shadow:0 0 0 4px rgba(34,197,94,.09)}.powered-mini{margin-top:11px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05);font-size:8.5px;color:#566277;text-transform:uppercase;letter-spacing:.8px}

/* Top bar */
.crm-topbar{min-height:82px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--hm-border);display:grid;grid-template-columns:minmax(250px,1fr) auto minmax(250px,1fr);align-items:center;gap:18px;padding:12px 26px;position:sticky;top:0;z-index:1020;box-shadow:0 2px 12px rgba(15,23,42,.025)}.topbar-left{display:flex;align-items:center;gap:12px}.page-eyebrow{font-size:9px;color:#9aa4b3;text-transform:uppercase;letter-spacing:1px;font-weight:900;margin-bottom:2px}.crm-topbar h4{font-weight:820;font-size:20px;letter-spacing:-.25px;color:#172033}.topbar-centre{display:flex;justify-content:center}.system-flow{display:flex;gap:6px;align-items:center;white-space:nowrap;font-size:10px;color:#758195}.system-flow span{display:flex;align-items:center;gap:6px;background:#f8fafc;border:1px solid #edf0f4;border-radius:999px;padding:6px 9px;font-weight:700}.system-flow b{color:#c6cdd7;font-weight:500}.flow-dot{width:6px;height:6px;border-radius:50%;background:#94a3b8}.flow-dot.capsule{background:#64748b}.flow-dot.rate{background:#16a34a}.flow-dot.engine{background:#d71920}.flow-dot.gmail{background:#2563eb}
.top-user{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.user-avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#fff0f1;border:1px solid #ffd4d7;color:var(--hm-red);font-size:12px;font-weight:900}.user-copy{min-width:0;line-height:1.1}.user-copy strong{display:block;font-size:11.5px;color:#273244;white-space:nowrap}.user-copy small{display:block;font-size:9px;color:#98a2b1;margin-top:3px;text-transform:capitalize}.signout-link{margin-left:5px;color:#8a95a6;text-decoration:none;font-size:10px;font-weight:800;padding:7px 9px;border-radius:8px}.signout-link:hover{background:#f8fafc;color:var(--hm-red)}
.mobile-nav{display:none;width:38px;height:38px;border:1px solid var(--hm-border);border-radius:10px;background:#fff;padding:9px}.mobile-nav span{height:2px;background:#273244;border-radius:2px;display:block;margin:4px 0}.sidebar-backdrop{display:none}

/* Main content */
.crm-content{padding:26px 28px 36px;flex:1;width:100%;max-width:1780px;margin:0 auto}.crm-footer{padding:15px 28px;font-size:9.5px;color:#98a2b1;border-top:1px solid var(--hm-border);background:#fff;display:flex;align-items:center;gap:8px}.footer-grow{flex:1}.footer-sep{color:#d2d7df}

/* Surface system */
.stat-card,.panel,.integration-card{background:var(--hm-surface);border:1px solid var(--hm-border);border-radius:var(--hm-radius);box-shadow:var(--hm-shadow)}.panel{padding:21px}.stat-card{padding:18px 19px;position:relative;overflow:hidden;min-height:118px}.stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--hm-red-2),var(--hm-red));opacity:.8}.stat-card:after{content:"";position:absolute;right:-24px;top:-29px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(215,25,32,.07),rgba(215,25,32,0) 68%)}.stat-label{font-size:9.5px;text-transform:uppercase;letter-spacing:.95px;color:#8d98a8;font-weight:850}.stat-value{font-size:31px;font-weight:900;margin-top:7px;letter-spacing:-1px;color:#1d2737;line-height:1}.stat-sub{font-size:10.5px;color:#9ca6b4;margin-top:7px}.panel-title{font-size:15px;font-weight:850;letter-spacing:-.1px;margin-bottom:16px;color:#202a3b}.section-kicker{font-size:9px;color:var(--hm-red);font-weight:900;text-transform:uppercase;letter-spacing:1.15px;margin-bottom:3px}

/* Tables */
.table-responsive{border-radius:12px}.table{--bs-table-bg:transparent;margin-bottom:0}.table thead th{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#8f99a9;border-bottom:1px solid var(--hm-border-strong);background:#fafbfc;padding:11px 12px;font-weight:850;white-space:nowrap}.table thead th:first-child{border-radius:9px 0 0 9px}.table thead th:last-child{border-radius:0 9px 9px 0}.table tbody td{font-size:12.5px;vertical-align:middle;padding:12px;border-color:#eef1f5;color:#334155}.table tbody tr{transition:background .14s}.table tbody tr:hover{background:#fbfcfd}.table a{text-decoration:none}.table strong{color:#202a3b}.money{font-weight:900;color:#1f2937;white-space:nowrap}.branch-badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:#f1f5ff;border:1px solid #e1e8ff;color:#5364a4;font-weight:850;font-size:8.5px;text-transform:uppercase;letter-spacing:.35px}.status-pill{font-size:8px!important;letter-spacing:.5px;padding:6px 8px!important;border-radius:999px!important;font-weight:900!important}.badge.bg-success{background:#eaf8ef!important;color:#19763b!important;border:1px solid #d3f0dc}.badge.bg-info{background:#eef6ff!important;color:#2464a7!important;border:1px solid #dcecff}.badge.bg-warning{background:#fff8e8!important;color:#9a6400!important;border:1px solid #f8e8b9}.badge.bg-danger{background:#fff0f1!important;color:#b51b21!important;border:1px solid #ffd7da}.badge.bg-secondary{background:#f1f3f6!important;color:#667085!important;border:1px solid #e3e7ed}.badge.bg-primary{background:#eef2ff!important;color:#4f5fae!important;border:1px solid #dde3ff}

/* Forms + controls */
.form-label{font-size:10.5px;font-weight:800;color:#4a5567;margin-bottom:6px}.form-text{font-size:9.5px;color:#929dab;line-height:1.45}.form-control,.form-select{border-color:#dfe4eb;border-radius:10px;min-height:40px;font-size:12px;color:#273244;background-color:#fff;box-shadow:none;transition:border .15s,box-shadow .15s,background .15s}.form-control:focus,.form-select:focus{border-color:#e7656a;box-shadow:0 0 0 3px rgba(215,25,32,.09)}textarea.form-control{line-height:1.55}.input-group-text{border-color:#dfe4eb;background:#f8fafc;color:#758195;font-size:11px}.form-check-input:checked{background-color:var(--hm-red);border-color:var(--hm-red)}
.btn{border-radius:9px;font-weight:750;font-size:11px;min-height:36px;padding:7px 12px;box-shadow:none!important;transition:transform .12s,background .12s,border .12s,color .12s}.btn:hover{transform:translateY(-1px)}.btn-sm{min-height:32px;padding:6px 10px;font-size:10px}.btn-danger{background:linear-gradient(180deg,var(--hm-red-2),var(--hm-red));border-color:var(--hm-red);box-shadow:0 7px 16px rgba(215,25,32,.16)!important}.btn-danger:hover{background:#be1319;border-color:#be1319}.btn-dark{background:#202a3b;border-color:#202a3b}.btn-outline-dark{border-color:#d4dae3;color:#374151}.btn-outline-dark:hover{background:#202a3b;border-color:#202a3b;color:#fff}.btn-outline-secondary{border-color:#d9dfe7;color:#697586}.btn-outline-secondary:hover{background:#f5f7fa;border-color:#cbd2dc;color:#293445}.btn-outline-danger{border-color:#f1b6b9;color:#bf1920}.btn-outline-danger:hover{background:#fff0f1;border-color:#e8777c;color:#a51016}
.nav-tabs{border-bottom-color:#e6eaf0}.settings-tabs .nav-link,.nav-tabs .nav-link{font-size:10.5px;font-weight:800;color:#748095;border:0;border-radius:8px 8px 0 0;padding:9px 12px}.settings-tabs .nav-link:hover,.nav-tabs .nav-link:hover{background:#f8fafc;color:#273244}.settings-tabs .nav-link.active,.nav-tabs .nav-link.active{color:var(--hm-red);background:#fff0f1;border-bottom:2px solid var(--hm-red)}

/* Content helpers */
.quote-preview{background:#fff;border:1px solid var(--hm-border);border-radius:14px;padding:25px;min-height:280px;box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 10px 30px rgba(15,23,42,.025)}.quote-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.meta-box{background:#f8fafc;border:1px solid #eef1f5;border-radius:11px;padding:12px}.meta-box small{display:block;color:#8f99a9;text-transform:uppercase;font-size:8px;font-weight:900;letter-spacing:.75px}.meta-box strong{display:block;margin-top:5px;font-size:12px;color:#273244}.integration-card{padding:17px}.integration-status{font-size:9.5px;font-weight:900}.integration-status.ok{color:var(--hm-green)}.integration-status.warn{color:var(--hm-amber)}.review-box{background:#fffaf0;border:1px solid #f3dfad;border-radius:11px;padding:13px;font-size:11px;color:#72531c}.hint-card{background:#fafbfc;border:1px solid #edf0f4;border-left:3px solid var(--hm-red);padding:12px 14px;border-radius:10px;font-size:11px;color:#4b5565;line-height:1.5}.health-line,.safety-check{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:10px 0;border-bottom:1px solid #eef1f5;font-size:11px}.health-line:last-child,.safety-check:last-child{border-bottom:0}.health-line span{color:#778294}.health-line strong{color:#374151;text-align:right}.raw-note,.code-note{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#121a27;color:#cbd5e1;padding:15px;border-radius:11px;font-size:10px;line-height:1.55;overflow:auto}.raw-note{white-space:pre-wrap;max-height:420px}.code-note{border:1px solid #222c3d}.danger-zone{border:1px solid #ffd7da;background:#fff8f8;border-radius:12px;padding:16px}.empty-state{text-align:center;padding:48px 20px;color:#9aa4b3;background:linear-gradient(180deg,#fff,#fbfcfd);border-radius:12px}.empty-state:before{content:"";display:block;width:36px;height:36px;border-radius:12px;background:#fff0f1;margin:0 auto 12px;border:1px solid #ffd7da}.empty-state strong{display:block;color:#566273;margin-bottom:4px;font-size:12px}.price-total{font-size:31px;font-weight:950;letter-spacing:-.8px;color:#172033}.progress-thin{height:5px;border-radius:999px}
.alert{border-radius:11px;font-size:11px;border-width:1px}.crm-alert{box-shadow:0 8px 24px rgba(15,23,42,.045)}.alert-success{background:#f0faf4;border-color:#d7f0df;color:#22663b}.alert-info{background:#f4f8ff;border-color:#dfe9fb;color:#365e92}.alert-warning{background:#fffaf0;border-color:#f5e5bd;color:#78571b}.alert-danger{background:#fff4f4;border-color:#ffd9db;color:#9c1d22}

/* Login */
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 20% 15%,rgba(215,25,32,.13),transparent 34%),radial-gradient(circle at 80% 85%,rgba(255,255,255,.055),transparent 36%),linear-gradient(145deg,#151d2a,#0f151f)}.login-card{width:min(420px,94vw);background:rgba(255,255,255,.985);border:1px solid rgba(255,255,255,.7);border-radius:22px;padding:30px;box-shadow:0 32px 88px rgba(3,8,18,.36)}.login-logo{display:flex;align-items:center;gap:13px;margin-bottom:25px}.login-logo h4{font-weight:900;letter-spacing:-.4px}.login-logo small{font-size:10.5px}.login-card .btn-danger{min-height:43px}.login-card .form-control{min-height:43px}

/* Scrollbars */
*{scrollbar-width:thin;scrollbar-color:#cbd2dc transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ccd3dd;border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}

/* Responsive */
@media(max-width:1180px){.crm-topbar{grid-template-columns:1fr auto}.topbar-centre{display:none}.crm-content{padding:22px}.system-flow{display:none}}
@media(max-width:980px){:root{--hm-sidebar-w:264px}.crm-sidebar{transform:translateX(-105%);transition:transform .22s ease}.crm-sidebar.open{transform:translateX(0)}.crm-main{margin-left:0}.mobile-nav{display:block}.sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(7,12,20,.42);backdrop-filter:blur(2px);z-index:1030;opacity:0;pointer-events:none;transition:opacity .18s}.sidebar-backdrop.show{opacity:1;pointer-events:auto}.nav-open{overflow:hidden}.crm-topbar{padding:10px 16px;min-height:74px}.crm-content{padding:17px}.crm-footer{padding:13px 17px}.user-copy{display:none}.top-user{gap:5px}.signout-link{margin-left:0}.quote-meta{grid-template-columns:1fr}}
@media(max-width:640px){.crm-topbar{grid-template-columns:1fr auto}.page-eyebrow{display:none}.crm-topbar h4{font-size:17px}.user-avatar{display:none}.signout-link{font-size:9px}.crm-content{padding:13px}.panel{padding:16px;border-radius:13px}.stat-card{min-height:105px;padding:16px}.stat-value{font-size:27px}.crm-footer{flex-wrap:wrap}.footer-grow,.footer-sep{display:none}.table tbody td{font-size:11.5px}.btn{font-size:10px}}

/* Accessibility */
:focus-visible{outline:2px solid rgba(215,25,32,.72)!important;outline-offset:2px}.text-danger{color:#c81b22!important}.text-success{color:#16713a!important}.text-warning{color:#a66800!important}.text-muted{color:#8a95a5!important}

/* =========================================================
   v5.0.13 sidebar correction — deliberately high specificity
   to neutralise legacy Skote .nav-icon/menu SVG rules.
   ========================================================= */
:root{--hm-sidebar-w:252px}
.crm-sidebar{background:linear-gradient(180deg,#111827 0%,#0d1420 58%,#0a1019 100%);box-shadow:12px 0 38px rgba(8,15,27,.14)}
.crm-sidebar .brand{height:auto;min-height:118px;display:block;padding:15px 15px 13px;border-bottom:1px solid rgba(255,255,255,.07)}
.crm-sidebar .brand-logo-card{height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#fff,#f7f8fa);border-radius:14px;padding:7px 13px;border:1px solid rgba(255,255,255,.82);box-shadow:0 10px 28px rgba(0,0,0,.18)}
.crm-sidebar .brand-logo{display:block!important;width:auto!important;height:auto!important;max-width:180px!important;max-height:51px!important;object-fit:contain!important}
.crm-sidebar .brand-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 3px 0}
.crm-sidebar .brand-meta strong{font-size:12px;font-weight:850;color:#f8fafc;letter-spacing:.1px}
.crm-sidebar .brand-meta small{display:block;margin-top:1px;font-size:9px;color:#738096}
.crm-sidebar .brand-live{display:inline-flex;align-items:center;gap:5px;margin:0;padding:4px 7px;border-radius:999px;background:rgba(34,197,94,.09);border:1px solid rgba(34,197,94,.2);color:#78dda0;font-size:7.5px;font-weight:900;letter-spacing:.8px}
.crm-sidebar .brand-live i{display:block;width:5px;height:5px;border-radius:50%;background:#35d477;box-shadow:0 0 0 4px rgba(53,212,119,.08)}

.crm-sidebar nav{padding:10px 10px 18px;gap:2px}
.crm-sidebar .nav-section{padding:13px 10px 5px;font-size:8px;letter-spacing:1.25px;color:#5f6c80}
.crm-sidebar nav a{min-height:44px;gap:10px;padding:6px 8px;border-radius:11px;font-size:11.5px;font-weight:720;color:#9aa7b9;transform:none!important}
.crm-sidebar nav a:hover{background:rgba(255,255,255,.045);color:#f8fafc}
.crm-sidebar nav a.active{background:linear-gradient(90deg,rgba(221,31,38,.18),rgba(221,31,38,.055));box-shadow:inset 2px 0 0 #ec3138,0 7px 18px rgba(0,0,0,.08);color:#fff}
.crm-sidebar nav a.active:after{display:none!important}
.crm-sidebar .hm-menu-icon{display:grid!important;place-items:center!important;width:31px!important;height:31px!important;min-width:31px!important;max-width:31px!important;min-height:31px!important;max-height:31px!important;border-radius:9px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.055);color:#8492a6;overflow:hidden!important;line-height:1!important}
.crm-sidebar nav a:hover .hm-menu-icon{background:rgba(255,255,255,.075);color:#f1f5f9;border-color:rgba(255,255,255,.09)}
.crm-sidebar nav a.active .hm-menu-icon{background:linear-gradient(145deg,#ed3138,#c9161d);border-color:#ef3f46;color:white;box-shadow:0 7px 18px rgba(215,25,32,.27)}
.crm-sidebar .hm-menu-svg,.crm-sidebar svg.hm-menu-svg{display:block!important;position:static!important;width:15px!important;height:15px!important;min-width:15px!important;max-width:15px!important;min-height:15px!important;max-height:15px!important;margin:0!important;padding:0!important;transform:none!important;overflow:visible!important;stroke:currentColor!important;fill:none!important;opacity:1!important}
.crm-sidebar .hm-menu-svg path,.crm-sidebar .hm-menu-svg circle,.crm-sidebar .hm-menu-svg rect{vector-effect:non-scaling-stroke}
.crm-sidebar .hm-menu-label{display:block;min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crm-sidebar .hm-menu-arrow{font-size:15px;color:#485569;opacity:0;transform:translateX(-3px);transition:.15s}
.crm-sidebar nav a:hover .hm-menu-arrow,.crm-sidebar nav a.active .hm-menu-arrow{opacity:.8;transform:none}
.crm-sidebar .sidebar-foot{padding:11px 13px 13px;background:rgba(4,9,16,.24);border-top:1px solid rgba(255,255,255,.06)}
.crm-sidebar .sidebar-health{gap:8px}.crm-sidebar .sidebar-health strong{font-size:9px}.crm-sidebar .sidebar-health small{font-size:8px;color:#67748a}.crm-sidebar .powered-mini{font-size:7.5px;color:#566276}

/* Top-bar system flow is now operational/status-like rather than decorative. */
.crm-topbar{min-height:78px}
.system-flow{gap:7px}
.system-flow .flow-item{display:flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid #edf0f4;border-radius:10px;background:#fafbfc;color:#586476;line-height:1}
.system-flow .flow-item>span{display:block;font-size:9px;font-weight:800}
.system-flow .flow-item small{display:block;margin-top:3px;font-size:7.5px;font-weight:650;color:#a0a9b7;white-space:nowrap}
.system-flow .flow-item.capsule-auto{background:#f2fbf6;border-color:#daf2e3;color:#237a45}
.system-flow .flow-item.capsule-auto small{color:#6b9b7d}
.system-flow>b{font-size:9px;color:#c2c9d3;font-weight:700}
.flow-dot{width:6px;height:6px}
.flow-dot.capsule{background:#28b463;box-shadow:0 0 0 4px rgba(40,180,99,.09)}

/* User block: avoid name/role collisions visible in v5.0.12 screenshot. */
.top-user{gap:9px}.user-copy{line-height:1.15;min-width:0}.user-copy strong{display:block;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-copy small{display:block;margin-top:3px}.signout-link{white-space:nowrap}

@media(max-width:980px){:root{--hm-sidebar-w:252px}.crm-sidebar .brand{min-height:108px}}

/* =========================================================
   v5.0.14 shell rebuild — compact Hire Me operations UI
   ========================================================= */
:root{--hm-sidebar-w:224px}
body{background:#f4f6f8}
.crm-main{margin-left:var(--hm-sidebar-w)}
.crm-sidebar{
  width:var(--hm-sidebar-w)!important;
  background:#111722!important;
  border-right:1px solid #1f2937!important;
  box-shadow:8px 0 28px rgba(15,23,42,.10)!important;
}
.crm-sidebar .brand{
  min-height:96px!important;height:96px!important;
  display:block!important;padding:12px 14px 10px!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
.crm-sidebar .brand-logo-card{
  height:52px!important;border-radius:10px!important;padding:5px 10px!important;
  background:#fff!important;border:1px solid rgba(255,255,255,.92)!important;
  box-shadow:none!important;overflow:hidden!important;
}
.crm-sidebar .brand-logo{
  display:block!important;width:auto!important;height:auto!important;
  max-width:164px!important;max-height:41px!important;object-fit:contain!important;
}
.crm-sidebar .brand-meta{padding:7px 2px 0!important;gap:7px!important}
.crm-sidebar .brand-meta strong{font-size:11px!important;line-height:1.1!important}
.crm-sidebar .brand-meta small{font-size:8px!important;margin-top:2px!important}
.crm-sidebar .brand-live{padding:3px 6px!important;font-size:7px!important}
.crm-sidebar nav{padding:9px 9px 72px!important;gap:1px!important}
.crm-sidebar .nav-section{
  padding:13px 9px 5px!important;font-size:7.5px!important;letter-spacing:1.25px!important;
  color:#667287!important;font-weight:800!important;
}
.crm-sidebar .nav-section:first-child{padding-top:4px!important}
.crm-sidebar nav a{
  display:flex!important;align-items:center!important;min-height:39px!important;
  padding:5px 8px!important;gap:9px!important;border-radius:8px!important;
  color:#a7b0bf!important;font-size:11px!important;font-weight:650!important;
  background:transparent!important;box-shadow:none!important;overflow:hidden!important;
}
.crm-sidebar nav a:hover{background:#182131!important;color:#fff!important}
.crm-sidebar nav a.active{
  background:rgba(215,25,32,.12)!important;color:#fff!important;
  box-shadow:inset 3px 0 0 #e1262d!important;
}
.crm-sidebar nav a.active:before,.crm-sidebar nav a.active:after{display:none!important}
.crm-sidebar .hm-menu-icon{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:24px!important;height:24px!important;min-width:24px!important;max-width:24px!important;
  min-height:24px!important;max-height:24px!important;border-radius:6px!important;
  background:transparent!important;border:0!important;color:#7e899a!important;
  padding:0!important;margin:0!important;overflow:hidden!important;
}
.crm-sidebar nav a:hover .hm-menu-icon{background:transparent!important;color:#d8dee7!important}
.crm-sidebar nav a.active .hm-menu-icon{
  background:rgba(215,25,32,.14)!important;color:#ff5a60!important;
  border:0!important;box-shadow:none!important;
}
.crm-sidebar svg.hm-menu-svg,.crm-sidebar .hm-menu-svg{
  display:block!important;position:static!important;
  width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;
  max-width:18px!important;max-height:18px!important;flex:0 0 18px!important;
  margin:0!important;padding:0!important;transform:none!important;
  stroke:currentColor!important;fill:none!important;overflow:visible!important;
}
.crm-sidebar .hm-menu-label{font-size:11px!important;line-height:1!important}
.crm-sidebar .hm-menu-arrow{margin-left:auto!important;font-size:12px!important;color:#667287!important;opacity:.55!important;transform:none!important}
.crm-sidebar nav a.active .hm-menu-arrow{color:#e76a6f!important;opacity:.9!important}
.crm-sidebar .sidebar-foot{
  position:absolute!important;left:0!important;right:0!important;bottom:0!important;
  padding:9px 12px 10px!important;background:#0d131d!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
}
.crm-sidebar .sidebar-health{align-items:center!important}
.crm-sidebar .status-dot{width:6px!important;height:6px!important}
.crm-sidebar .sidebar-health strong{font-size:8.5px!important}
.crm-sidebar .sidebar-health small{font-size:7.5px!important}
.crm-sidebar .powered-mini{margin-top:4px!important;font-size:7px!important}

/* Top bar: lower visual noise and reclaim horizontal room. */
.crm-topbar{
  min-height:70px!important;padding:9px 24px!important;
  grid-template-columns:minmax(190px,1fr) auto auto!important;
  background:rgba(255,255,255,.98)!important;border-bottom:1px solid #e7ebf0!important;
}
.page-eyebrow{font-size:8px!important;letter-spacing:.65px!important;color:#8a94a3!important;text-transform:uppercase!important}
.crm-topbar h4{font-size:18px!important;letter-spacing:-.25px!important}
.system-flow{gap:5px!important}
.system-flow .flow-item{
  min-width:auto!important;padding:5px 8px!important;border-radius:999px!important;
  border:1px solid #e8edf2!important;background:#fafbfc!important;gap:5px!important;
}
.system-flow .flow-item>span{font-size:8px!important;font-weight:750!important}
.system-flow .flow-item small{font-size:6.5px!important;margin-top:2px!important}
.system-flow .flow-item.capsule-auto{background:#f1faf5!important;border-color:#d8eee1!important}
.system-flow>b{display:none!important}
.flow-dot{width:5px!important;height:5px!important}
.top-user{gap:8px!important}
.user-avatar{width:31px!important;height:31px!important;font-size:10px!important}
.user-copy strong{max-width:145px!important;font-size:10px!important}
.user-copy small{font-size:7.5px!important;margin-top:2px!important}
.signout-link{font-size:9px!important;padding-left:7px!important}

/* Dashboard/general spacing feels more like an operations console. */
.crm-content{padding:22px 24px 26px!important}
.panel{border-radius:12px!important;box-shadow:0 5px 18px rgba(15,23,42,.035)!important}
.stat-card{border-radius:12px!important;min-height:105px!important;padding:17px 18px!important;box-shadow:0 4px 16px rgba(15,23,42,.025)!important}
.stat-value{font-size:28px!important;letter-spacing:-.7px!important}
.table thead th{font-size:8px!important;letter-spacing:.65px!important}
.table tbody td{font-size:11px!important}
.crm-footer{padding:11px 24px!important;font-size:8px!important}

@media(max-width:1180px){
  .crm-topbar{grid-template-columns:1fr auto!important}.topbar-centre{display:none!important}
}
@media(max-width:980px){
  :root{--hm-sidebar-w:224px}.crm-main{margin-left:0!important}
  .crm-sidebar{transform:translateX(-105%)!important}.crm-sidebar.open{transform:translateX(0)!important}
  .crm-content{padding:16px!important}.crm-topbar{padding:9px 15px!important}
}

/* =========================================================
   v5.0.15 Hire Me red sidebar theme
   UI-only: preserves the compact v5.0.14 shell dimensions.
   ========================================================= */
.crm-sidebar{
  background:linear-gradient(180deg,#d71920 0%,#bd151b 48%,#971016 100%)!important;
  border-right:1px solid #8e0d12!important;
  box-shadow:9px 0 30px rgba(102,10,14,.16)!important;
}
.crm-sidebar .brand{
  background:linear-gradient(180deg,rgba(111,8,12,.16),rgba(111,8,12,.05))!important;
  border-bottom:1px solid rgba(255,255,255,.18)!important;
}
.crm-sidebar .brand-logo-card{
  background:#fff!important;
  border-color:rgba(255,255,255,.95)!important;
  box-shadow:0 5px 15px rgba(95,8,12,.14)!important;
}
.crm-sidebar .brand-meta strong{color:#fff!important}
.crm-sidebar .brand-meta small{color:rgba(255,255,255,.68)!important}
.crm-sidebar .brand-live{
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(255,255,255,.2)!important;
  color:#fff!important;
}
.crm-sidebar .brand-live i{background:#8af0ad!important;box-shadow:0 0 0 3px rgba(138,240,173,.14)!important}
.crm-sidebar nav{scrollbar-color:rgba(255,255,255,.3) transparent!important}
.crm-sidebar .nav-section{color:rgba(255,255,255,.52)!important}
.crm-sidebar nav a{
  color:rgba(255,255,255,.78)!important;
  border:1px solid transparent!important;
}
.crm-sidebar nav a:hover{
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.08)!important;
}
.crm-sidebar .hm-menu-icon{color:rgba(255,255,255,.72)!important}
.crm-sidebar nav a:hover .hm-menu-icon{color:#fff!important}
.crm-sidebar nav a.active{
  background:#fff!important;
  color:#a20f15!important;
  border-color:rgba(255,255,255,.95)!important;
  box-shadow:0 7px 18px rgba(99,7,11,.18)!important;
}
.crm-sidebar nav a.active .hm-menu-icon{
  background:#fff0f1!important;
  color:#d71920!important;
}
.crm-sidebar .hm-menu-arrow{color:rgba(255,255,255,.45)!important}
.crm-sidebar nav a:hover .hm-menu-arrow{color:rgba(255,255,255,.82)!important}
.crm-sidebar nav a.active .hm-menu-arrow{color:#d71920!important;opacity:.9!important}
.crm-sidebar .sidebar-foot{
  background:rgba(104,7,11,.34)!important;
  border-top:1px solid rgba(255,255,255,.15)!important;
}
.crm-sidebar .sidebar-health strong{color:#fff!important}
.crm-sidebar .sidebar-health small{color:rgba(255,255,255,.58)!important}
.crm-sidebar .powered-mini{color:rgba(255,255,255,.45)!important;border-top-color:rgba(255,255,255,.10)!important}
.crm-sidebar .status-dot{background:#62e98f!important;box-shadow:0 0 0 3px rgba(98,233,143,.12)!important}

/* =========================================================
   v5.0.16 restrained Hire Me rail — PCN-inspired visual balance
   ========================================================= */
:root{--hm-sidebar-w:80px}
.crm-main{margin-left:var(--hm-sidebar-w)!important}
.crm-sidebar{
  width:var(--hm-sidebar-w)!important;
  background:linear-gradient(180deg,#650013 0%,#5d0012 58%,#4f000f 100%)!important;
  border-right:1px solid #4b000e!important;
  box-shadow:5px 0 20px rgba(55,0,10,.11)!important;
  overflow:visible!important;
}
.crm-sidebar .brand{
  height:70px!important;min-height:70px!important;padding:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:rgba(255,255,255,.025)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}
.crm-sidebar .brand-logo-card,.crm-sidebar .brand-meta{display:none!important}
.rail-brand-mark{
  display:grid;place-items:center;width:38px;height:38px;border-radius:11px;
  border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);
  color:#fff;font-size:10px;font-weight:900;letter-spacing:.35px;
}
.crm-sidebar nav{
  padding:10px 0 82px!important;gap:7px!important;align-items:center!important;
  overflow-y:auto!important;overflow-x:visible!important;
}
.crm-sidebar .nav-section{display:none!important}
.crm-sidebar nav a{
  width:48px!important;height:48px!important;min-height:48px!important;
  padding:0!important;margin:0 auto!important;justify-content:center!important;gap:0!important;
  border-radius:12px!important;color:#e9cbd1!important;border:1px solid transparent!important;
  background:transparent!important;box-shadow:none!important;transform:none!important;overflow:visible!important;
  position:relative!important;
}
.crm-sidebar nav a:hover{
  background:rgba(255,255,255,.08)!important;color:#fff!important;
  border-color:rgba(255,255,255,.10)!important;transform:none!important;
}
.crm-sidebar nav a.active{
  background:#7a2637!important;color:#fff!important;
  border-color:#914455!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
.crm-sidebar nav a.active:before,.crm-sidebar nav a.active:after{display:none!important}
.crm-sidebar .hm-menu-icon{
  width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important;
  min-height:28px!important;max-height:28px!important;border-radius:8px!important;
  color:inherit!important;background:transparent!important;border:0!important;
}
.crm-sidebar nav a.active .hm-menu-icon{background:transparent!important;color:#fff!important}
.crm-sidebar svg.hm-menu-svg,.crm-sidebar .hm-menu-svg{
  width:19px!important;height:19px!important;min-width:19px!important;min-height:19px!important;
  max-width:19px!important;max-height:19px!important;flex:0 0 19px!important;stroke-width:1.85!important;
}
.crm-sidebar .hm-menu-label,.crm-sidebar .hm-menu-arrow{display:none!important}
.crm-sidebar nav a[data-label]:hover:after{
  content:attr(data-label);display:block!important;position:absolute;left:58px;top:50%;transform:translateY(-50%);
  padding:7px 10px;border-radius:8px;background:#172033;color:#fff;font-size:10px;font-weight:750;
  white-space:nowrap;box-shadow:0 8px 20px rgba(15,23,42,.16);z-index:1200;pointer-events:none;
}
.crm-sidebar .sidebar-foot{
  left:0!important;right:0!important;bottom:0!important;padding:12px 0!important;
  display:flex!important;justify-content:center!important;background:#570011!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
}
.crm-sidebar .sidebar-health{justify-content:center!important}.crm-sidebar .sidebar-health>div,.crm-sidebar .powered-mini{display:none!important}
.crm-sidebar .status-dot{width:8px!important;height:8px!important;background:#57dd86!important;box-shadow:0 0 0 4px rgba(87,221,134,.12)!important}

/* Hire Me brand sits in the white top bar, matching the PCN operations shell. */
.crm-topbar{
  min-height:72px!important;padding:9px 20px 9px 14px!important;
  grid-template-columns:minmax(330px,1fr) auto auto!important;
}
.topbar-left{gap:12px!important;min-width:0!important}
.topbar-brand-logo{
  width:122px;height:48px;flex:0 0 122px;display:flex;align-items:center;justify-content:center;
  padding:4px 8px;border:1px solid #e5e9ef;border-radius:12px;background:#fff;
}
.topbar-brand-logo img{display:block;max-width:108px;max-height:38px;width:auto;height:auto;object-fit:contain}
.page-heading{min-width:0}.page-eyebrow{white-space:nowrap}.crm-topbar h4{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.system-flow .flow-item{background:#f8fafc!important;border-color:#e7ebf0!important}
.system-flow .flow-item.capsule-auto{background:#f3faf6!important;border-color:#dcefe3!important}

/* Slightly softer Hire Me accents in content — red is an accent, not the canvas. */
.section-kicker{color:#a90f1a!important}
.stat-card:before{background:#9f1420!important;opacity:.75!important}
.stat-card:after{background:radial-gradient(circle,rgba(101,0,19,.045),rgba(101,0,19,0) 68%)!important}

@media(max-width:1180px){
  .crm-topbar{grid-template-columns:minmax(280px,1fr) auto!important}.topbar-centre{display:none!important}
}
@media(max-width:980px){
  :root{--hm-sidebar-w:224px}
  .crm-main{margin-left:0!important}
  .crm-sidebar{width:224px!important;transform:translateX(-105%)!important;overflow:hidden!important}
  .crm-sidebar.open{transform:translateX(0)!important}
  .crm-sidebar .brand{height:76px!important;min-height:76px!important}
  .crm-sidebar nav{align-items:stretch!important;padding:10px 9px 82px!important;gap:2px!important;overflow-y:auto!important}
  .crm-sidebar .nav-section{display:block!important;color:rgba(255,255,255,.47)!important;padding:12px 10px 5px!important;font-size:8px!important}
  .crm-sidebar nav a{width:auto!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0 10px!important;justify-content:flex-start!important;gap:10px!important}
  .crm-sidebar .hm-menu-label{display:inline!important;font-size:11px!important;color:inherit!important}
  .crm-sidebar .hm-menu-arrow{display:block!important;margin-left:auto!important;color:rgba(255,255,255,.45)!important}
  .crm-sidebar nav a[data-label]:hover:after{display:none!important}
  .topbar-brand-logo{width:92px;flex-basis:92px}.topbar-brand-logo img{max-width:80px;max-height:32px}
}
@media(max-width:640px){.topbar-brand-logo{display:none!important}}
.health-repair-link{font-size:10px;font-weight:850;color:#9f1420;text-decoration:none;background:#fff3f4;border:1px solid #f2d6d9;border-radius:999px;padding:4px 8px}.health-repair-link:hover{color:#650013;background:#ffecee}

/* =========================================================
   v5.0.20 Light CRM workspace — UI/UX only
   Full navigation restored, Hire Me logo restored, muted accent.
   ========================================================= */
:root{
  --hm-red:#9d3d48;
  --hm-red-2:#ad4a54;
  --hm-red-soft:#f7ecee;
  --hm-red-border:#ead7da;
  --hm-bg:#f5f6f8;
  --hm-surface:#ffffff;
  --hm-surface-2:#fafbfc;
  --hm-border:#e2e6eb;
  --hm-border-strong:#d4dae2;
  --hm-muted:#73808f;
  --hm-sidebar-w:238px;
  --hm-shadow:0 8px 28px rgba(25,34,48,.045);
}
body{background:#f5f6f8!important;color:#202938!important}
.crm-main{margin-left:var(--hm-sidebar-w)!important;background:#f5f6f8!important}

/* Light, calm full sidebar */
.crm-sidebar{
  width:var(--hm-sidebar-w)!important;
  background:linear-gradient(180deg,#f0f2f4 0%,#e9edf0 100%)!important;
  color:#424d5b!important;
  border-right:1px solid #d7dce2!important;
  box-shadow:5px 0 22px rgba(31,41,55,.045)!important;
  overflow:hidden!important;
}
.crm-sidebar .brand{
  height:104px!important;min-height:104px!important;
  display:block!important;padding:13px 15px 10px!important;
  background:rgba(255,255,255,.5)!important;
  border-bottom:1px solid #d9dee4!important;
}
.crm-sidebar .brand-logo-card{
  height:55px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  padding:5px 11px!important;border-radius:10px!important;background:#fff!important;
  border:1px solid #dfe4e9!important;box-shadow:0 3px 12px rgba(20,30,44,.035)!important;overflow:hidden!important;
}
.crm-sidebar .brand-logo{
  display:block!important;width:auto!important;height:auto!important;
  max-width:174px!important;max-height:42px!important;object-fit:contain!important;
}
.crm-sidebar .brand-meta{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:7px 2px 0!important;gap:8px!important}
.crm-sidebar .brand-meta strong{display:block!important;color:#3f4956!important;font-size:10.5px!important;font-weight:800!important;line-height:1.1!important}
.crm-sidebar .brand-meta small{display:block!important;color:#8993a0!important;font-size:7.5px!important;margin-top:2px!important}
.crm-sidebar .brand-live{display:inline-flex!important;align-items:center!important;gap:4px!important;margin-left:auto!important;padding:3px 6px!important;border-radius:999px!important;background:#eef8f1!important;border:1px solid #d9eadf!important;color:#3d7652!important;font-size:6.5px!important;font-weight:900!important;letter-spacing:.7px!important}
.crm-sidebar .brand-live i{display:block!important;width:5px!important;height:5px!important;border-radius:50%!important;background:#4aaa6e!important;box-shadow:0 0 0 3px rgba(74,170,110,.1)!important}
.crm-sidebar nav{padding:10px 9px 82px!important;gap:1px!important;align-items:stretch!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-color:#c3cad2 transparent!important}
.crm-sidebar .nav-section{display:block!important;padding:14px 10px 5px!important;color:#929ba7!important;font-size:7.5px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:1.15px!important}
.crm-sidebar .nav-section:first-child{padding-top:4px!important}
.crm-sidebar nav a{
  width:auto!important;height:auto!important;min-height:40px!important;margin:0!important;padding:6px 8px!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;
  border-radius:8px!important;color:#65707f!important;border:1px solid transparent!important;
  background:transparent!important;box-shadow:none!important;transform:none!important;overflow:hidden!important;
  font-size:10.5px!important;font-weight:690!important;position:relative!important;
}
.crm-sidebar nav a:hover{background:rgba(255,255,255,.62)!important;color:#2f3946!important;border-color:#dde2e7!important}
.crm-sidebar nav a.active{
  background:#fff!important;color:#323b47!important;border-color:#d9dee4!important;
  box-shadow:0 3px 11px rgba(28,38,52,.04)!important;
}
.crm-sidebar nav a.active:before{content:""!important;display:block!important;position:absolute!important;left:0!important;top:8px!important;bottom:8px!important;width:3px!important;border-radius:0 3px 3px 0!important;background:#9d5962!important}
.crm-sidebar nav a.active:after{display:none!important}
.crm-sidebar .hm-menu-icon{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:25px!important;height:25px!important;min-width:25px!important;max-width:25px!important;min-height:25px!important;max-height:25px!important;
  border-radius:7px!important;background:rgba(255,255,255,.44)!important;border:1px solid #dde2e7!important;color:#7b8694!important;padding:0!important;margin:0!important;
}
.crm-sidebar nav a:hover .hm-menu-icon{background:#fff!important;color:#596573!important;border-color:#d7dde3!important}
.crm-sidebar nav a.active .hm-menu-icon{background:#f6ecee!important;color:#93444e!important;border-color:#ead8db!important;box-shadow:none!important}
.crm-sidebar svg.hm-menu-svg,.crm-sidebar .hm-menu-svg{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important;flex:0 0 16px!important;stroke-width:1.8!important}
.crm-sidebar .hm-menu-label{display:block!important;min-width:0!important;flex:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:inherit!important;font-size:10.5px!important}
.crm-sidebar .hm-menu-arrow{display:block!important;margin-left:auto!important;font-size:12px!important;color:#a3acb7!important;opacity:.72!important;transform:none!important}
.crm-sidebar nav a.active .hm-menu-arrow{color:#9d5962!important;opacity:.85!important}
.crm-sidebar nav a[data-label]:hover:after{display:none!important}
.crm-sidebar .sidebar-foot{
  position:absolute!important;left:0!important;right:0!important;bottom:0!important;padding:10px 13px 11px!important;
  display:block!important;background:#e5e9ed!important;border-top:1px solid #d5dbe1!important;
}
.crm-sidebar .sidebar-health{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important}
.crm-sidebar .sidebar-health>div{display:block!important}.crm-sidebar .sidebar-health strong{display:block!important;color:#53606d!important;font-size:8.5px!important}.crm-sidebar .sidebar-health small{display:block!important;color:#8b95a1!important;font-size:7.3px!important;margin-top:1px!important}
.crm-sidebar .status-dot{display:block!important;width:6px!important;height:6px!important;background:#55a96d!important;box-shadow:0 0 0 3px rgba(85,169,109,.1)!important}
.crm-sidebar .powered-mini{display:block!important;margin-top:5px!important;padding-top:5px!important;border-top:1px solid #d5dbe1!important;color:#99a2ad!important;font-size:6.8px!important}

/* Top bar and global shell */
.crm-topbar{
  min-height:72px!important;padding:10px 24px!important;
  grid-template-columns:minmax(250px,1fr) auto auto!important;
  background:rgba(255,255,255,.97)!important;border-bottom:1px solid #e2e6eb!important;box-shadow:none!important;
}
.topbar-left{gap:10px!important}.topbar-brand-logo{display:none!important}
.page-eyebrow{font-size:7.7px!important;letter-spacing:.72px!important;color:#929ba7!important;text-transform:uppercase!important;font-weight:800!important}
.crm-topbar h4{font-size:17px!important;letter-spacing:-.2px!important;color:#26303d!important}
.system-flow{gap:5px!important}.system-flow .flow-item{padding:5px 8px!important;border-radius:999px!important;background:#f8f9fa!important;border-color:#e4e8ec!important;color:#596574!important}.system-flow .flow-item.capsule-auto{background:#f1f7f3!important;border-color:#dcebe1!important;color:#417356!important}.system-flow .flow-item>span{font-size:8px!important}.system-flow .flow-item small{font-size:6.5px!important}
.top-user{gap:8px!important}.user-avatar{background:#f3e8ea!important;color:#8e424b!important;border:1px solid #ead6d9!important}.signout-link{color:#697584!important}
.crm-content{padding:24px 26px 30px!important;max-width:1680px!important;width:100%!important;margin:0 auto!important}
.crm-footer{padding:11px 26px!important;color:#929aa5!important;background:#f8f9fa!important;border-top:1px solid #e3e7eb!important}

/* Softer Hire Me accent — avoid sharp red blocks. */
.section-kicker{color:#92515a!important;letter-spacing:.8px!important}
.btn-danger{--bs-btn-bg:#9d4650;--bs-btn-border-color:#9d4650;--bs-btn-hover-bg:#873b44;--bs-btn-hover-border-color:#873b44;--bs-btn-active-bg:#7d363f;--bs-btn-active-border-color:#7d363f}
.btn-outline-danger{--bs-btn-color:#93434d;--bs-btn-border-color:#d7b8bd;--bs-btn-hover-bg:#93434d;--bs-btn-hover-border-color:#93434d;--bs-btn-active-bg:#873b44;--bs-btn-active-border-color:#873b44}
.health-repair-link{color:#8d414a!important;background:#f8eff0!important;border-color:#ead7da!important}.health-repair-link:hover{color:#75343c!important;background:#f3e4e7!important}
.form-check-input:checked{background-color:#97505a!important;border-color:#97505a!important}

/* CRM content surfaces */
.panel{border:1px solid #e1e5ea!important;border-radius:13px!important;background:#fff!important;box-shadow:0 5px 20px rgba(25,35,49,.035)!important;padding:19px!important}
.panel-title{color:#2b3542!important;font-size:15px!important;font-weight:800!important;letter-spacing:-.15px!important}.panel-caption{margin-top:4px;color:#8993a0;font-size:9px;line-height:1.45}.panel-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:15px}
.form-control,.form-select,.input-group-text{border-color:#dfe4e9!important;background-color:#fbfcfd!important}.form-control:focus,.form-select:focus{border-color:#c9aeb2!important;box-shadow:0 0 0 .2rem rgba(157,61,72,.08)!important;background:#fff!important}.form-label{color:#566170!important;font-weight:700!important}.form-text{color:#8a94a0!important}.hint-card{border-color:#e2e6ea!important;background:#f8f9fa!important;color:#65717f!important}.code-note{background:#f4f6f8!important;border-color:#dfe4e9!important;color:#495563!important}
.table>thead>tr>th{background:#f8f9fb!important;color:#7c8794!important;border-bottom-color:#dfe4e9!important}.table>tbody>tr:hover>td{background:#fafbfc!important}.table-primary-text{font-weight:700;color:#35404d}.branch-badge{background:#f1f3f5!important;color:#596574!important;border:1px solid #dfe4e9!important}

/* Dashboard / CRM home */
.crm-page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:4px 2px 0}.crm-page-title{margin:3px 0 5px;color:#26313e;font-size:23px;line-height:1.18;font-weight:830;letter-spacing:-.55px}.crm-page-subtitle{max-width:760px;color:#7d8895;font-size:10.5px;line-height:1.55}.crm-page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.stat-card{min-height:108px!important;padding:16px 17px!important;border:1px solid #e1e5ea!important;border-radius:12px!important;background:#fff!important;box-shadow:0 4px 17px rgba(26,35,48,.03)!important;overflow:hidden!important}.stat-card:before{width:3px!important;background:#a26970!important;opacity:.62!important}.stat-card:after{display:none!important}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.stat-label{color:#778391!important;font-size:8px!important;letter-spacing:.55px!important}.stat-value{color:#28333f!important;font-size:29px!important;margin-top:10px!important}.stat-sub{color:#929ba6!important;font-size:8.5px!important}.stat-chip{display:inline-flex;align-items:center;padding:3px 6px;border-radius:999px;background:#f1f3f5;color:#7c8794;font-size:6.5px;font-weight:850;letter-spacing:.45px;text-transform:uppercase}.stat-chip.warning{background:#fff7e8;color:#a46b1f}.stat-chip.success{background:#edf7f1;color:#4d7d5e}.stat-chip.neutral{background:#f2f4f6;color:#78838f}
.crm-shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.crm-shortcut{display:block;padding:11px 12px;border:1px solid #e2e6ea;border-radius:10px;background:#fafbfc;text-decoration:none;transition:.15s}.crm-shortcut:hover{background:#fff;border-color:#ccd3da;box-shadow:0 4px 13px rgba(28,38,52,.04);transform:translateY(-1px)}.crm-shortcut strong{display:block;color:#3d4855;font-size:9.5px}.crm-shortcut span{display:block;color:#8d96a1;font-size:7.5px;margin-top:3px;line-height:1.35}.duty-list{margin-top:10px}.duty-row{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid #edf0f3}.duty-row:last-child{border-bottom:0}.duty-branch{display:grid;place-items:center;width:54px;height:27px;border-radius:7px;background:#f2f4f6;border:1px solid #e0e5e9;color:#596573;font-size:7.5px;font-weight:850;text-transform:uppercase}.duty-row strong{display:block;color:#3c4653;font-size:9.5px}.duty-row small{display:block;color:#919aa5;font-size:7.2px;margin-top:2px}.panel-inline-link{display:inline-block;margin-top:9px;color:#7f4750;font-size:8px;font-weight:750;text-decoration:none}.panel-inline-link:hover{color:#693942}.health-cluster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.health-cluster{padding:12px 13px;border:1px solid #e5e8ec;border-radius:10px;background:#fafbfc}.health-cluster-title{margin-bottom:5px;color:#6d7885;font-size:7.5px;font-weight:900;text-transform:uppercase;letter-spacing:.65px}.health-cluster .health-line{padding:7px 0!important}.health-cluster .health-line:last-child{border-bottom:0!important}.health-cluster .health-line span{font-size:8px!important}.health-cluster .health-line strong,.health-cluster .health-line a{font-size:8px!important;text-align:right}.crm-table td{vertical-align:middle!important}

/* Settings organisation */
.settings-command{padding:17px 18px;border:1px solid #e0e5e9;border-radius:13px;background:#fff;box-shadow:0 5px 20px rgba(25,35,49,.03)}.settings-command-copy{margin-bottom:13px}.settings-jump-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.settings-jump-grid a{display:block;min-width:0;padding:9px 10px;border:1px solid #e2e6ea;border-radius:9px;background:#f8f9fa;text-decoration:none}.settings-jump-grid a:hover{background:#fff;border-color:#cfd6dc;box-shadow:0 3px 10px rgba(26,35,48,.03)}.settings-jump-grid strong{display:block;color:#46515e;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-jump-grid span{display:block;margin-top:2px;color:#939ca6;font-size:6.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-section{scroll-margin-top:88px}.settings-columns>.col-xl-6{display:flex;flex-direction:column}.settings-columns .settings-section{position:relative}.settings-columns .settings-section:target{border-color:#d3b5b9!important;box-shadow:0 0 0 3px rgba(157,61,72,.055),0 5px 20px rgba(25,35,49,.035)!important}

@media(max-width:1280px){.settings-jump-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.health-cluster-grid{grid-template-columns:1fr 1fr}.health-cluster:last-child{grid-column:1/-1}}
@media(max-width:1180px){.crm-topbar{grid-template-columns:minmax(220px,1fr) auto!important}.topbar-centre{display:none!important}}
@media(max-width:980px){
  :root{--hm-sidebar-w:244px}
  .crm-main{margin-left:0!important}.crm-sidebar{width:244px!important;transform:translateX(-105%)!important}.crm-sidebar.open{transform:translateX(0)!important}
  .crm-sidebar .brand{height:104px!important;min-height:104px!important}.crm-sidebar nav{align-items:stretch!important;padding:10px 9px 82px!important}.crm-sidebar .nav-section{display:block!important}.crm-sidebar nav a{width:auto!important;min-height:40px!important;margin:0!important;padding:6px 8px!important;justify-content:flex-start!important}.crm-sidebar .hm-menu-label,.crm-sidebar .hm-menu-arrow{display:block!important}.crm-sidebar .sidebar-health>div,.crm-sidebar .powered-mini{display:block!important}
  .crm-content{padding:18px!important}.crm-topbar{padding:9px 16px!important}.crm-page-intro{align-items:flex-start;flex-direction:column}.crm-page-actions{justify-content:flex-start}.health-cluster-grid{grid-template-columns:1fr}.health-cluster:last-child{grid-column:auto}.settings-jump-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){.crm-content{padding:14px!important}.crm-page-title{font-size:20px}.crm-page-actions .btn{width:100%}.crm-shortcut-grid{grid-template-columns:1fr}.settings-jump-grid{grid-template-columns:1fr 1fr}.panel-head-row{flex-direction:column;align-items:stretch}.health-cluster-grid{grid-template-columns:1fr}}