:root{--atlas-navy:#031a3d;--atlas-navy2:#062b63;--atlas-blue:#6D3BFF;--atlas-cyan:#11d8e8;--atlas-ink:#0c2345;--atlas-muted:#6d7c92;--atlas-line:#dfe7f2;--atlas-bg:#f6f9fd;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,Arial,sans-serif}
.atlas-public{margin:0;background:#fff;color:var(--atlas-ink)}
.atlas-public-nav{height:76px;background:rgba(3,26,61,.96);display:flex;align-items:center;padding:0 clamp(22px,5vw,76px);gap:35px;position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px)}
.atlas-brand{display:flex;align-items:center;gap:7px;text-decoration:none;color:#fff;font-weight:800;font-size:24px;letter-spacing:-1px;white-space:nowrap}.atlas-brand img{width:132px;height:auto;display:block;filter:none;background:transparent}.atlas-brand span{color:var(--atlas-cyan);margin-left:-4px}.atlas-nav-links{display:flex;align-items:center;justify-content:center;gap:30px;flex:1}.atlas-nav-links a{color:#dbe7f8;text-decoration:none;font-size:13px;font-weight:600;padding:29px 0;position:relative}.atlas-nav-links a.active,.atlas-nav-links a:hover{color:#fff}.atlas-nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--atlas-cyan)}.atlas-nav-signin{border:1px solid #2680ff;border-radius:10px;color:#fff;text-decoration:none;padding:11px 18px;font-size:13px;font-weight:700}.atlas-nav-signin span{color:var(--atlas-cyan);margin-left:8px}
.atlas-hero{min-height:640px;background:radial-gradient(circle at 75% 35%,#0b428b 0,#062b63 25%,#031a3d 64%,#020f26 100%);color:#fff;display:grid;grid-template-columns:minmax(360px,.82fr) minmax(560px,1.18fr);gap:35px;align-items:center;padding:72px clamp(22px,5vw,76px) 55px;overflow:hidden;position:relative}.atlas-hero:after{content:"";position:absolute;width:650px;height:300px;right:-80px;bottom:-100px;border-radius:50%;border:1px solid rgba(24,111,255,.35);box-shadow:0 0 0 18px rgba(24,111,255,.04),0 0 0 38px rgba(24,111,255,.03),0 0 0 58px rgba(24,111,255,.02);transform:rotate(-7deg)}.atlas-hero-copy{position:relative;z-index:2;max-width:600px}.atlas-eyebrow{font-size:11px;letter-spacing:3px;font-weight:800;color:#18d9df;margin-bottom:18px}.atlas-hero h1{font-size:clamp(44px,5vw,70px);line-height:1.02;letter-spacing:-3px;margin:0 0 22px;font-weight:800}.atlas-hero h1 em,.atlas-login-copy h1 em{font-style:normal;color:#2081ff}.atlas-hero-copy>p{font-size:16px;line-height:1.75;color:#c9d7eb;max-width:540px;margin:0 0 30px}.atlas-hero-actions{display:flex;gap:13px}.atlas-btn{display:inline-flex;align-items:center;gap:12px;text-decoration:none;border-radius:10px;padding:14px 20px;font-weight:800;font-size:13px}.atlas-btn.primary{background:#6D3BFF;color:#fff;box-shadow:0 10px 30px rgba(23,105,255,.25)}.atlas-btn.ghost{color:#fff;border:1px solid rgba(255,255,255,.45)}.atlas-trust-row{display:flex;gap:0;margin-top:50px}.atlas-trust-row div{padding:0 26px;border-left:1px solid rgba(255,255,255,.18)}.atlas-trust-row div:first-child{padding-left:0;border-left:0}.atlas-trust-row b{display:block;font-size:20px}.atlas-trust-row span{font-size:10px;color:#91a6c5;display:block;margin-top:4px}
.atlas-dashboard-mock{position:relative;z-index:2;background:#0b2347;border:1px solid rgba(132,183,255,.25);border-radius:20px;padding:11px;box-shadow:0 25px 70px rgba(0,0,0,.3);transform:translateY(10px)}.mock-top{height:42px;display:flex;align-items:center;gap:18px;padding:0 8px;color:#fff}.mock-mini-brand{font-weight:800;font-size:17px}.mock-mini-brand i{font-style:normal;color:#16d9e7}.mock-search{background:#fff;color:#a5b1c2;border-radius:8px;padding:8px 12px;font-size:10px;flex:1}.mock-user{font-size:10px}.mock-user span{color:#20d8e3}.mock-body{display:grid;grid-template-columns:128px 1fr;background:#f6f9fd;border-radius:13px;overflow:hidden;min-height:390px}.mock-body aside{background:#06224a;color:#9eb3d2;padding:22px 12px;display:flex;flex-direction:column;gap:15px;font-size:10px}.mock-body aside b{background:#6D3BFF;color:#fff;padding:10px;border-radius:7px}.mock-content{padding:18px}.mock-title{font-size:15px;font-weight:800;margin-bottom:13px}.mock-title small{float:right;color:#8291a7;font-weight:500;font-size:9px}.mock-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mock-kpis>div{background:#fff;border:1px solid #e5ebf3;border-radius:9px;padding:10px;position:relative}.mock-kpis small{display:block;font-size:8px;color:#7e8da2}.mock-kpis strong{display:block;font-size:15px;margin-top:5px}.mock-kpis i{position:absolute;right:8px;bottom:8px;color:#6D3BFF;font-style:normal}.mock-pipeline{background:#fff;border:1px solid #e5ebf3;border-radius:9px;padding:12px;margin-top:9px}.mock-pipeline>b,.mock-chart>b,.mock-clients>b{font-size:9px}.mock-pipeline>div{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.mock-pipeline span{font-size:8px;color:#728199}.mock-pipeline span strong{display:block;color:#1b3152;font-size:11px;margin-top:3px}.mock-pipeline i{color:#a3afc0;font-style:normal}.mock-pipeline .won strong{color:#1da56a}.mock-lower{display:grid;grid-template-columns:1.2fr 1fr;gap:9px;margin-top:9px}.mock-chart,.mock-clients{background:#fff;border:1px solid #e5ebf3;border-radius:9px;padding:12px}.fake-chart{height:90px;display:flex;align-items:flex-end;gap:8px;padding-top:15px}.fake-chart span{flex:1;background:linear-gradient(to top,#6D3BFF,#53b9ff);border-radius:4px 4px 0 0}.mock-clients p{font-size:8px;margin:12px 0;color:#53657d}.mock-clients strong{float:right;color:#1b3152}
.atlas-feature-intro{padding:90px clamp(22px,5vw,76px);display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.atlas-feature-intro h2,.atlas-process h2,.atlas-cta h2{font-size:clamp(32px,4vw,50px);line-height:1.05;letter-spacing:-2px;margin:0 0 18px}.atlas-feature-intro>div>p,.atlas-process>p,.atlas-cta p{color:var(--atlas-muted);line-height:1.7;font-size:14px;max-width:500px}.atlas-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.atlas-feature-grid article{border:1px solid var(--atlas-line);border-radius:16px;padding:24px;background:#fff;box-shadow:0 10px 35px rgba(11,40,80,.05)}.atlas-feature-grid article span{display:grid;place-items:center;width:36px;height:36px;background:#eaf2ff;color:#6D3BFF;border-radius:10px;font-weight:800}.atlas-feature-grid h3{font-size:15px;margin:16px 0 8px}.atlas-feature-grid p{font-size:12px;line-height:1.65;color:var(--atlas-muted);margin:0}.atlas-process{padding:90px clamp(22px,5vw,76px);background:#f5f8fc;text-align:center}.atlas-process>p{margin:0 auto 35px}.atlas-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;text-align:left}.atlas-process-grid div{background:#fff;border:1px solid var(--atlas-line);border-radius:15px;padding:22px}.atlas-process-grid b{color:#6D3BFF;font-size:11px}.atlas-process-grid h3{margin:22px 0 6px;font-size:16px}.atlas-process-grid span{font-size:11px;color:var(--atlas-muted)}.atlas-cta{margin:0;padding:80px clamp(22px,5vw,76px);background:linear-gradient(110deg,#031a3d,#0a3e83);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}.atlas-cta p{color:#b9cae2}.atlas-footer{background:#020f26;color:#8094b3;text-align:center;padding:24px;font-size:10px}
/* Login */
.atlas-login-page{margin:0;min-height:100vh;overflow-x:hidden;background:#f4f7fb;color:var(--atlas-ink)}.atlas-login-shell{min-height:100vh;display:grid;grid-template-columns:1.02fr .98fr}.atlas-login-visual{background:radial-gradient(circle at 70% 20%,#0b438d,#05275b 35%,#031a3d 72%,#020f26);color:#fff;padding:34px clamp(28px,6vw,90px);position:relative;overflow:hidden}.atlas-login-visual:after{content:"";position:absolute;width:560px;height:280px;right:-100px;bottom:-100px;border:1px solid rgba(34,129,255,.35);border-radius:50%;box-shadow:0 0 0 20px rgba(34,129,255,.04),0 0 0 45px rgba(34,129,255,.025)}.login-brand{position:relative;z-index:2}.atlas-login-copy{position:relative;z-index:2;max-width:620px;margin-top:100px}.atlas-login-copy h1{font-size:clamp(38px,4.2vw,62px);line-height:1.04;letter-spacing:-2.5px;margin:0 0 20px}.atlas-login-copy p{color:#c5d5e9;line-height:1.75;max-width:520px}.login-benefits{display:grid;gap:15px;margin-top:35px}.login-benefits>div{display:flex;gap:13px;align-items:center}.login-benefits b{width:36px;height:36px;border-radius:10px;background:rgba(22,216,231,.12);color:#19d9e3;display:grid;place-items:center}.login-benefits span{font-size:11px;color:#8fa5c3}.login-benefits strong{display:block;color:#fff;font-size:12px;margin-bottom:3px}.login-mini-dashboard{position:absolute;right:6%;bottom:35px;width:75%;background:rgba(255,255,255,.08);border:1px solid rgba(160,200,255,.22);border-radius:15px;padding:13px;backdrop-filter:blur(10px);z-index:2}.mini-head{display:flex;justify-content:space-between;font-size:10px;font-weight:800}.mini-head small{color:#9eb3d0;font-weight:500}.mini-stages{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:10px}.mini-stages span{background:rgba(255,255,255,.08);padding:9px;border-radius:7px;font-size:8px;color:#9eb3d0}.mini-stages b{display:block;color:#fff;font-size:11px;margin-top:3px}.mini-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px}.mini-bottom div{background:rgba(255,255,255,.07);padding:9px;border-radius:7px}.mini-bottom small{display:block;color:#9eb3d0;font-size:8px}.mini-bottom strong{font-size:12px}.atlas-login-form-wrap{background:#fff;display:flex;align-items:center;justify-content:center;padding:50px;position:relative;z-index:5;pointer-events:auto}.atlas-login-form-wrap *{pointer-events:auto}.atlas-auth-form{position:relative;z-index:10}.auth-submit{cursor:pointer;position:relative;z-index:20;pointer-events:auto}.atlas-login-form{width:min(470px,100%)}.mobile-login-brand{display:none}.atlas-login-form h2{font-size:34px;letter-spacing:-1.3px;margin:0 0 8px}.login-subtitle{color:#7b899d;font-size:13px;line-height:1.6;margin:0 0 28px}.atlas-auth-form label{display:block;font-size:11px;font-weight:800;margin:16px 0 7px}.auth-input{height:48px;border:1px solid #d9e2ee;border-radius:10px;display:flex;align-items:center;padding:0 13px;gap:9px;background:#fff}.auth-input>span{color:#6680a2}.auth-input input{border:0!important;outline:0!important;box-shadow:none!important;padding:0!important;min-height:0!important;font-size:13px!important}.show-pass{margin:0!important;width:auto!important;padding:0!important;background:none!important;color:#7e8da3!important}.auth-options{display:flex;justify-content:space-between;align-items:center;margin:14px 0 20px;font-size:11px}.auth-options label{margin:0!important;font-weight:500!important;display:flex!important;align-items:center;gap:4px}.auth-options a{color:#6D3BFF;text-decoration:none;font-weight:700}.auth-submit{width:100%;height:48px;border:0;border-radius:10px;background:#6D3BFF;cursor:pointer;position:relative;z-index:20;pointer-events:auto;color:#fff;font-weight:800;font-size:13px;box-shadow:0 10px 25px rgba(23,105,255,.18)}.auth-submit span{float:right;margin-right:14px}.login-help{text-align:center;color:#8a96a8;font-size:10px;margin-top:20px}.login-help a{color:#6D3BFF;font-weight:700;text-decoration:none}.back-home{display:block;text-align:center;margin-top:20px;color:#52647d;font-size:11px;text-decoration:none}.atlas-login-form .err{background:#fff1f1;color:#b42318;border:1px solid #ffd3d0;padding:10px;border-radius:9px;font-size:11px}
@media(max-width:1100px){.atlas-hero{grid-template-columns:1fr}.atlas-dashboard-mock{max-width:900px;width:100%;margin:0 auto}.atlas-feature-intro{grid-template-columns:1fr;gap:35px}.atlas-process-grid{grid-template-columns:1fr 1fr}.atlas-login-shell{grid-template-columns:1fr}.atlas-login-visual{min-height:560px}.atlas-login-form-wrap{padding:55px 25px}.login-mini-dashboard{width:88%}}
@media(max-width:700px){.atlas-public-nav{height:66px;padding:0 16px}.atlas-nav-links{display:none}.atlas-nav-signin{margin-left:auto;padding:9px 13px}.atlas-brand{font-size:20px}.atlas-brand img{width:118px}.atlas-hero{padding:48px 18px 35px;min-height:auto}.atlas-hero h1{font-size:43px;letter-spacing:-2px}.atlas-hero-copy>p{font-size:14px}.atlas-trust-row{margin-top:34px;justify-content:space-between}.atlas-trust-row div{padding:0 12px}.atlas-trust-row b{font-size:16px}.atlas-trust-row span{font-size:8px}.atlas-dashboard-mock{padding:7px;border-radius:15px;overflow:hidden}.mock-top{gap:7px;height:34px}.mock-mini-brand{font-size:12px}.mock-search{display:none}.mock-user{font-size:8px;margin-left:auto}.mock-body{grid-template-columns:72px minmax(0,1fr);min-height:290px}.mock-body aside{padding:14px 7px;gap:10px;font-size:7px}.mock-body aside b{padding:7px}.mock-content{padding:10px}.mock-title{font-size:11px}.mock-kpis{grid-template-columns:1fr 1fr}.mock-kpis strong{font-size:12px}.mock-pipeline>div{gap:3px}.mock-pipeline span{font-size:6px}.mock-pipeline span strong{font-size:8px}.mock-pipeline i{font-size:7px}.mock-lower{grid-template-columns:1fr}.mock-clients{display:none}.atlas-feature-intro,.atlas-process,.atlas-cta{padding:55px 18px}.atlas-feature-grid{grid-template-columns:1fr}.atlas-process-grid{grid-template-columns:1fr 1fr}.atlas-cta{display:block}.atlas-cta .atlas-btn{margin-top:20px}.atlas-login-visual{min-height:520px;padding:25px 22px}.atlas-login-copy{margin-top:70px}.atlas-login-copy h1{font-size:42px}.login-mini-dashboard{display:none}.atlas-login-form-wrap{padding:38px 20px}.atlas-login-form h2{font-size:28px}.mobile-login-brand{display:block;margin-bottom:45px}.atlas-login-form .atlas-eyebrow{margin-bottom:10px}}
@media(max-width:390px){.atlas-hero h1{font-size:37px}.atlas-process-grid{grid-template-columns:1fr}.atlas-trust-row div{padding:0 8px}.atlas-trust-row span{font-size:7px}}


/* =========================================================
   ATLAS CRM LOGIN — V8 TARGETED REDESIGN
   Keeps the existing CRM/public design intact.
   ========================================================= */

.atlas-login-page{
  background:#f5f8fc!important;
  color:var(--atlas-ink);
}

.atlas-login-shell{
  min-height:100svh!important;
  grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr)!important;
}

.atlas-login-visual{
  padding:38px clamp(28px,6vw,88px)!important;
  background:
    radial-gradient(circle at 78% 16%,rgba(23,105,255,.42),transparent 30%),
    linear-gradient(145deg,#031a3d 0%,#05275b 55%,#061f4d 100%)!important;
}

.atlas-login-copy{
  margin-top:clamp(70px,11vh,125px)!important;
  max-width:620px!important;
}

.atlas-login-copy h1{
  font-size:clamp(40px,4.4vw,62px)!important;
}

.login-benefits>div{
  padding:12px 0;
}

.login-mini-dashboard{
  width:min(700px,82%)!important;
  right:7%!important;
  bottom:34px!important;
}

.atlas-login-form-wrap{
  padding:40px clamp(28px,5vw,70px)!important;
  background:#fff!important;
}

.atlas-login-form{
  width:min(470px,100%)!important;
}

.atlas-login-form .atlas-eyebrow{
  margin-bottom:12px;
}

.atlas-login-form h2{
  font-size:clamp(30px,3vw,38px)!important;
  line-height:1.12!important;
  margin-bottom:10px!important;
}

.login-subtitle{
  font-size:14px!important;
  line-height:1.65!important;
  margin-bottom:30px!important;
}

.atlas-auth-form{
  display:grid;
  gap:0;
}

.auth-field{
  margin-top:18px;
}

.auth-field:first-child{
  margin-top:0;
}

.auth-field>label{
  margin:0 0 8px!important;
  font-size:13px!important;
  color:#102b50;
}

.auth-input{
  height:54px!important;
  border:1px solid #d6e0eb!important;
  border-radius:12px!important;
  padding:0 15px!important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}

.auth-input:focus-within{
  border-color:#6D3BFF!important;
  box-shadow:0 0 0 4px rgba(23,105,255,.10)!important;
}

.auth-input input{
  width:100%!important;
  height:100%!important;
  font-size:15px!important;
  color:#10213d!important;
  background:transparent!important;
}

.password-input{
  padding-right:8px!important;
}

.show-pass{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  border:0!important;
  border-radius:9px!important;
  display:grid!important;
  place-items:center!important;
  color:#60738d!important;
  cursor:pointer!important;
  background:transparent!important;
}

.show-pass:hover{
  background:#f1f5fa!important;
  color:#6D3BFF!important;
}

.eye-icon{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.eye-closed{display:none}
.show-pass.is-visible .eye-open{display:none}
.show-pass.is-visible .eye-closed{display:block}

.auth-options{
  margin:17px 0 22px!important;
  font-size:12px!important;
}

.remember-label input{
  width:16px;
  height:16px;
  accent-color:#6D3BFF;
}

.auth-submit{
  height:54px!important;
  border-radius:12px!important;
  font-size:15px!important;
  background:linear-gradient(135deg,#6D3BFF,#1257d4)!important;
  box-shadow:0 12px 28px rgba(23,105,255,.20)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
}

.auth-submit-label{
  float:none!important;
  margin:0!important;
}

.auth-submit-arrow{
  position:absolute!important;
  left:18px!important;
  margin:0!important;
  font-size:19px!important;
}

.login-help{
  font-size:12px!important;
  margin-top:24px!important;
}

.back-home{
  font-size:12px!important;
  margin-top:18px!important;
}

.mobile-login-brand{
  margin-bottom:30px!important;
}

@media(max-width:1100px){
  .atlas-login-shell{
    grid-template-columns:1fr!important;
  }
  .atlas-login-visual{
    min-height:390px!important;
  }
  .atlas-login-copy{
    margin-top:55px!important;
  }
  .login-mini-dashboard{
    display:none!important;
  }
  .atlas-login-form-wrap{
    padding:46px 28px 60px!important;
  }
}

@media(max-width:700px){
  .atlas-login-page{
    min-height:100svh!important;
  }
  .atlas-login-shell{
    display:block!important;
    min-height:100svh!important;
  }
  .atlas-login-visual{
    min-height:auto!important;
    padding:24px 20px 32px!important;
  }
  .atlas-login-copy{
    margin-top:42px!important;
  }
  .atlas-login-copy h1{
    font-size:38px!important;
    letter-spacing:-1.7px!important;
  }
  .atlas-login-copy p{
    font-size:13px!important;
    line-height:1.65!important;
  }
  .login-benefits{
    display:none!important;
  }
  .atlas-login-form-wrap{
    padding:34px 20px 42px!important;
  }
  .mobile-login-brand{
    display:block!important;
    margin-bottom:28px!important;
  }
  .atlas-login-form h2{
    font-size:30px!important;
  }
  .login-subtitle{
    font-size:14px!important;
    margin-bottom:25px!important;
  }
  .auth-input{
    height:56px!important;
  }
  .auth-submit{
    height:56px!important;
  }
}

@media(max-width:390px){
  .atlas-login-copy h1{
    font-size:34px!important;
  }
  .atlas-login-form-wrap{
    padding-left:16px!important;
    padding-right:16px!important;
  }
}

/* V8.2 LOGIN PREMIUM — guaranteed password eye placement */
.atlas-login-page .auth-input.password-input{
  position:relative!important;
  display:block!important;
  padding:0 58px 0 15px!important;
  overflow:hidden!important;
}
.atlas-login-page .auth-input.password-input input#login-password{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
.atlas-login-page .auth-input.password-input .show-pass{
  position:absolute!important;
  right:8px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  margin:0!important;
  padding:0!important;
  z-index:3!important;
}
.atlas-login-page .auth-input.password-input .eye-icon{
  width:20px!important;
  height:20px!important;
  display:block!important;
}
.atlas-login-page .auth-input.password-input .eye-closed{display:none!important}
.atlas-login-page .auth-input.password-input .show-pass.is-visible .eye-open{display:none!important}
.atlas-login-page .auth-input.password-input .show-pass.is-visible .eye-closed{display:block!important}

/* V8.2 — clean mobile login: no desktop hero strip */
@media(max-width:700px){
  .atlas-login-page .atlas-login-shell{
    display:block!important;
    min-height:100svh!important;
    background:#fff!important;
  }
  .atlas-login-page .atlas-login-visual{
    display:none!important;
  }
  .atlas-login-page .atlas-login-form-wrap{
    display:flex!important;
    min-height:100svh!important;
    width:100%!important;
    box-sizing:border-box!important;
    padding:42px 20px 36px!important;
    align-items:flex-start!important;
    justify-content:center!important;
  }
  .atlas-login-page .atlas-login-form{
    width:min(470px,100%)!important;
    margin:0 auto!important;
  }
  .atlas-login-page .mobile-login-brand{
    display:block!important;
    margin-bottom:48px!important;
  }
  .atlas-login-page .mobile-login-brand .atlas-brand{
    display:inline-flex!important;
    align-items:center!important;
  }
  .atlas-login-page .mobile-login-brand img{
    max-width:230px!important;
    height:auto!important;
  }
  .atlas-login-page .atlas-login-form h2{
    font-size:32px!important;
    line-height:1.12!important;
    letter-spacing:-1.2px!important;
  }
  .atlas-login-page .login-subtitle{
    font-size:15px!important;
    line-height:1.6!important;
  }
  .atlas-login-page .auth-input.password-input{
    height:56px!important;
  }
  .atlas-login-page .auth-submit{
    height:56px!important;
    border-radius:14px!important;
  }
  .atlas-login-page .auth-submit-label{
    position:absolute!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    white-space:nowrap!important;
  }
  .atlas-login-page .auth-submit-arrow{
    left:18px!important;
    right:auto!important;
  }
  .atlas-login-page .login-help{
    margin-top:24px!important;
    font-size:12px!important;
  }
}
@media(max-width:390px){
  .atlas-login-page .atlas-login-form-wrap{padding:32px 16px 30px!important}
  .atlas-login-page .mobile-login-brand{margin-bottom:40px!important}
  .atlas-login-page .atlas-login-form h2{font-size:29px!important}
}

/* =========================================================
   ATLAS CRM P1/P2 — MOBILE + BRAND POLISH
   ========================================================= */
@media(max-width:900px){
  /* Keep the mobile drawer proportional and keep the brand clear of the hamburger. */
  .side .brand{
    padding:8px 14px 22px 64px!important;
    min-height:58px!important;
    display:flex!important;
    align-items:center!important;
  }
  .side .brand img{
    width:145px!important;
    max-width:calc(100% - 8px)!important;
    max-height:48px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .side .nav{
    padding-bottom:72px!important;
    scrollbar-width:thin!important;
  }
  .side .nav .logout{
    position:sticky!important;
    bottom:0!important;
    z-index:5!important;
    margin-top:14px!important;
    padding-top:14px!important;
    padding-bottom:14px!important;
    background:#062A50!important;
    border-top:1px solid rgba(255,255,255,.12)!important;
  }

  /* Sales Pipeline becomes readable cards instead of a clipped 8-column table. */
  .pipeline-table-wrap{overflow:visible!important;padding:10px!important}
  .pipeline-table-wrap .pipeline-table{
    width:100%!important;
    min-width:0!important;
    border-collapse:separate!important;
    border-spacing:0!important;
  }
  .pipeline-table thead{display:none!important}
  .pipeline-table tr:first-child{display:none!important}
  .pipeline-table tr:not(:first-child){
    display:block!important;
    margin:0 0 12px!important;
    padding:12px!important;
    border:1px solid #e4eaf2!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:0 5px 14px rgba(26,56,94,.05)!important;
  }
  .pipeline-table td{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
    padding:7px 0!important;
    border:0!important;
    text-align:right!important;
    line-height:1.35!important;
  }
  .pipeline-table td:not(:last-child){border-bottom:1px solid #f0f3f7!important}
  .pipeline-table td::before{
    flex:0 0 92px!important;
    text-align:left!important;
    color:#7c899d!important;
    font-size:10px!important;
    font-weight:800!important;
    text-transform:uppercase!important;
    letter-spacing:.04em!important;
  }
  .pipeline-table td:nth-child(1)::before{content:"Stage"}
  .pipeline-table td:nth-child(2)::before{content:"Client"}
  .pipeline-table td:nth-child(3)::before{content:"Product"}
  .pipeline-table td:nth-child(4)::before{content:"Value"}
  .pipeline-table td:nth-child(5)::before{content:"Probability"}
  .pipeline-table td:nth-child(6)::before{content:"Weighted"}
  .pipeline-table td:nth-child(7)::before{content:"BD"}
  .pipeline-table td:nth-child(8)::before{content:"Action"}
  .pipeline-table td>*{max-width:calc(100% - 104px)}

  /* All other wide tables stay inside their own scroll area; never widen the page. */
  .tablewrap{
    max-width:100%!important;
    width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain!important;
  }
  .tablewrap table{max-width:none!important}
  .rev-category-table,.bd-category-table,.rev-monthly-table,.bd-monthly-table{
    border-radius:10px!important;
    scrollbar-width:thin!important;
  }

  /* KPI cards: cleaner two-column rhythm on phones. */
  .rev-summary-cards,.bd-summary-cards-clean{
    gap:10px!important;
  }
  .rev-kpi,.bd-summary-cards-clean .card{
    min-height:96px!important;
    padding:13px!important;
  }
  .rev-kpi .value,.bd-summary-cards-clean .value{
    font-size:20px!important;
    line-height:1.1!important;
  }

  /* Top controls stack cleanly without causing horizontal overflow. */
  .top .actions form{width:auto!important;max-width:100%!important}
  .top .actions select,.top .actions button,.top .actions a{min-height:42px!important}
}

@media(max-width:560px){
  .mobile-menu-toggle{
    top:12px!important;
    left:12px!important;
    width:48px!important;
    height:48px!important;
    border-radius:14px!important;
    font-size:24px!important;
  }
  .side{width:min(86vw,360px)!important}
  .side .brand{padding-left:66px!important}
  .side .brand img{width:138px!important}
  .pipeline-table td::before{flex-basis:82px!important}
  .pipeline-table td>*{max-width:calc(100% - 94px)!important}
  .rev-summary-cards,.bd-summary-cards-clean{grid-template-columns:1fr 1fr!important}
}

/* P2: no stray icon/glyph decoration in the application navigation. */
.nav a::before,.nav a::after{content:none!important}
.nav a .icon,.nav a .menu-icon,.nav a i,.nav a svg{display:none!important}

/* P2: browser tab uses the compact Atlas A mark. */

/* P3 global mobile cleanup */
@media (max-width: 560px){
  .top{gap:12px}
  .top h1{font-size:28px;line-height:1.15}
  .top .actions{width:100%}
  .top .actions .btn,.top .actions .btn2{flex:1}
  .panel{border-radius:16px}
}

/* KPI monthly achievement column */
.kpi-achv{font-weight:800;text-align:center;white-space:nowrap;}
.kpi-current td{background:#fff8dc;}


/* =========================================================
   ATLAS CRM — GLOBAL SAAS UI REVAMP
   Applied consistently across all CRM modules.
   ========================================================= */
:root{
  --atlas-navy:#22145C;
  --atlas-navy2:#38207F;
  --atlas-blue:#6D3BFF;
  --atlas-cyan:#9B6CFF;
  --atlas-ink:#142845;
  --atlas-muted:#71829b;
  --atlas-line:#e4eaf3;
  --atlas-bg:#f5f8fc;
  --atlas-card:#ffffff;
  --atlas-shadow:0 12px 34px rgba(20,45,82,.07);
}
body{background:var(--atlas-bg)!important;color:var(--atlas-ink)!important;font-family:Inter,Arial,sans-serif!important}
.side{background:linear-gradient(180deg,#22145C 0%,#08264d 100%)!important;box-shadow:8px 0 28px rgba(4,25,52,.08)!important}
.side .brand{padding:28px 28px 26px!important;min-height:92px!important}
.side .brand img{width:118px!important;height:auto!important;object-fit:contain!important}
.nav{padding:8px 14px 20px!important;gap:5px!important}
.nav a{border-radius:11px!important;margin:1px 0!important;padding:12px 15px!important;color:#aebfd6!important;font-size:13px!important;font-weight:600!important;transition:all .18s ease!important}
.nav a:hover{background:rgba(37,125,255,.10)!important;color:#fff!important}
.nav a.active{background:linear-gradient(90deg,#174b87,#155ca4)!important;color:#fff!important;box-shadow:inset 3px 0 0 #24c8e9!important}
.nav a.logout{margin-top:12px!important;border-top:1px solid rgba(255,255,255,.09)!important;border-radius:0 0 10px 10px!important;color:#aebfd6!important}
.main{background:var(--atlas-bg)!important;min-height:100vh!important;padding:30px 34px 44px!important}
.top{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:20px!important;margin-bottom:22px!important}
.top h1{font-size:32px!important;line-height:1.1!important;letter-spacing:-1.1px!important;margin:0 0 5px!important;color:#152a48!important}
.muted{color:#7a8ba4!important}
.actions{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important}
.btn,.btn2,.dangerbtn{min-height:42px!important;border-radius:10px!important;padding:10px 16px!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;cursor:pointer!important}
.btn{background:#6D3BFF!important;color:#fff!important;border:1px solid #6D3BFF!important;box-shadow:0 7px 18px rgba(23,105,255,.16)!important}
.btn:hover{background:#0f5de9!important}
.btn2{background:#fff!important;color:#24569b!important;border:1px solid #dbe4ef!important;box-shadow:0 2px 8px rgba(24,48,82,.03)!important}
.btn2:hover{border-color:#b9cae1!important;background:#f9fbfe!important}
.dangerbtn{background:#fff!important;color:#c52b35!important;border:1px solid #f0c9cc!important}
.panel,.card{background:var(--atlas-card)!important;border:1px solid #e8edf5!important;border-radius:16px!important;box-shadow:var(--atlas-shadow)!important}
.panel{padding:20px!important}
.panel h2{font-size:17px!important;letter-spacing:-.2px!important;color:#18304f!important;margin:0 0 10px!important}
.grid{gap:16px!important}
.formgrid{gap:15px!important}
label{font-size:11px!important;font-weight:800!important;color:#51657f!important;margin-bottom:7px!important;display:block!important}
input,select,textarea{border:1px solid #dce5f0!important;background:#fff!important;border-radius:10px!important;min-height:42px!important;color:#203550!important;box-shadow:none!important;outline:none!important}
input:focus,select:focus,textarea:focus{border-color:#74a5ff!important;box-shadow:0 0 0 3px rgba(23,105,255,.08)!important}
table{border-collapse:separate!important;border-spacing:0!important;width:100%!important;font-size:12px!important}
table tr:first-child th{background:#f5f8fc!important;color:#71829a!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.045em!important;font-weight:800!important}
table th,table td{padding:14px 14px!important;border-bottom:1px solid #edf1f6!important;vertical-align:middle!important}
table tr:not(:first-child):hover td{background:#fbfdff!important}
table tr:last-child td{border-bottom:0!important}
.badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:26px!important;padding:4px 10px!important;border-radius:999px!important;background:#edf4ff!important;color:#1e5db5!important;font-size:10px!important;font-weight:800!important;white-space:nowrap!important}
.tabs{display:flex!important;gap:6px!important;padding:5px!important;background:#eef3fa!important;border:1px solid #dde6f1!important;border-radius:13px!important;width:max-content!important;max-width:100%!important}
.tab{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:10px 18px!important;border-radius:9px!important;text-decoration:none!important;color:#58708f!important;font-size:12px!important;font-weight:800!important}
.tab:hover{color:#6D3BFF!important;background:#fff!important}
.tab.active{background:#6D3BFF!important;color:#fff!important;box-shadow:0 5px 14px rgba(23,105,255,.15)!important}
.tab.active .badge{background:#fff!important;color:#6D3BFF!important}
.tablewrap{overflow-x:auto!important;border-radius:16px!important}
.tablewrap table{min-width:760px!important}
.detailgrid{gap:12px 18px!important}
.detailgrid>div{background:#f9fbfd!important;border:1px solid #edf1f6!important;border-radius:11px!important;padding:12px 14px!important}
.detailgrid small{color:#7b8ca3!important;font-size:10px!important;font-weight:700!important}
.detailgrid b{color:#1a304d!important;font-size:12px!important;display:block!important;margin-top:5px!important}
.timeline-item{padding-bottom:17px!important}
.top .actions form{margin:0!important}
/* Client workspace */
.client-workspace .panel{box-shadow:0 10px 30px rgba(20,45,82,.055)!important}
/* Global KPI/dashboard cards */
.rev-summary-cards,.bd-summary-cards-clean{gap:14px!important}
.rev-kpi,.bd-summary-cards-clean .card{border-radius:15px!important;box-shadow:0 9px 26px rgba(20,45,82,.06)!important}
/* Forms and action areas */
hr.sep{border:0!important;border-top:1px solid #edf1f6!important;margin:20px 0!important}
/* Mobile */
@media(max-width:900px){
 .main{padding:22px 18px 34px!important}
 .top h1{font-size:27px!important}
 .panel{padding:16px!important;border-radius:14px!important}
 .top{gap:12px!important}
 .tabs{width:100%!important}
 .tab{flex:1!important;justify-content:center!important;padding:10px 12px!important}
}
@media(max-width:560px){
 .main{padding:18px 12px 28px!important}
 .top{display:block!important}
 .top .actions{margin-top:13px!important}
 .top .actions>*{flex:1 1 auto!important}
 .top h1{font-size:24px!important}
 .tabs{overflow:auto!important}
 .tab{flex:0 0 auto!important}
 .panel{padding:13px!important}
}


/* Clients: Existing Client / Prospect segmented tabs */
.client-tabs{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  padding:4px!important;
  margin:0 0 18px!important;
  background:#f4f7fb!important;
  border:1px solid #dbe5f1!important;
  border-radius:14px!important;
  max-width:100%!important;
}
.client-tab{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  min-width:170px!important;
  padding:11px 20px!important;
  border-radius:10px!important;
  text-decoration:none!important;
  color:#1454a6!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
  transition:all .15s ease!important;
}
.client-tab:hover{background:#fff!important;color:#1454a6!important}
.client-tab.active{
  background:#6D3BFF!important;
  color:#fff!important;
  box-shadow:0 5px 14px rgba(23,105,255,.16)!important;
}
.client-tab-count{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:28px!important;
  height:28px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  background:#eaf1ff!important;
  color:#6D3BFF!important;
  font-size:12px!important;
  font-weight:800!important;
}
.client-tab.active .client-tab-count{
  background:#fff!important;
  color:#6D3BFF!important;
}
@media(max-width:560px){
 .client-tabs{width:100%!important}
 .client-tab{min-width:0!important;flex:1!important;padding:11px 12px!important}
}


/* CLIENTS TABS v9 - locked approved segmented UI */
.client-tabs {
  display: flex !important;
  width: min(390px, 100%) !important;
  box-sizing: border-box !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 4px !important;
  margin: 0 0 20px !important;
  background: #f7f9fc !important;
  border: 1px solid #cfe0f7 !important;
  border-radius: 14px !important;
}
.client-tabs .client-tab {
  flex: 1 1 50% !important;
  min-width: 0 !important;
  height: 40px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #1454a6 !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}
.client-tabs .client-tab:hover {
  background: #eef5ff !important;
  color: #1454a6 !important;
  text-decoration: none !important;
}
.client-tabs .client-tab.active {
  background: #6D3BFF !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(23,105,255,.18) !important;
}
.client-tabs .client-tab.active:hover { background: #6D3BFF !important; color: #fff !important; }
.client-tabs .client-tab-count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 28px !important;
  height: 28px !important;
  padding: 0 7px !important;
  box-sizing: border-box !important;
  border-radius: 999px !important;
  background: #eaf1ff !important;
  color: #6D3BFF !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
.client-tabs .client-tab.active .client-tab-count {
  background: #fff !important;
  color: #6D3BFF !important;
}
@media (max-width:560px) {
  .client-tabs { width: 100% !important; }
  .client-tabs .client-tab { height: 40px !important; padding: 0 10px !important; }
}

/* =========================================================
   PIPELINE — APPROVED VISUAL BASELINE
   Match the approved Atlas Pipeline PNG: horizontal filters,
   four KPI cards, single opportunity table card.
   ========================================================= */
.pipeline-filter-panel{
  padding:18px !important;
  margin-bottom:16px !important;
}
.pipeline-filters{
  display:grid !important;
  grid-template-columns:1.05fr 1.05fr 1fr 1fr auto !important;
  align-items:end !important;
  gap:12px !important;
  width:100% !important;
}
.pipeline-filters > div{min-width:0 !important}
.pipeline-filters label{
  display:block !important;
  margin:0 0 7px !important;
  color:#51657f !important;
  font-size:11px !important;
  font-weight:800 !important;
}
.pipeline-filters select{
  width:100% !important;
  height:44px !important;
  min-height:44px !important;
  padding:0 13px !important;
  border:1px solid #dce5f0 !important;
  border-radius:10px !important;
  background:#fff !important;
  color:#203550 !important;
  font-size:12px !important;
}
.pipeline-filter-actions{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  white-space:nowrap !important;
}
.pipeline-filter-actions .btn,
.pipeline-filter-actions .btn2{
  height:44px !important;
  min-height:44px !important;
  padding:0 18px !important;
}
.pipeline-kpis{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
  margin:0 0 16px !important;
}
.pipeline-kpis .card{
  min-width:0 !important;
  min-height:116px !important;
  padding:18px !important;
  border-radius:15px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  background:#fff !important;
}
.pipeline-kpis .card small{
  display:block !important;
  color:#6f819a !important;
  font-size:11px !important;
  font-weight:700 !important;
  margin-bottom:7px !important;
}
.pipeline-kpis .card strong{
  display:block !important;
  color:#142b49 !important;
  font-size:20px !important;
  line-height:1.2 !important;
  letter-spacing:-.25px !important;
}
.pipeline-kpis .card:nth-child(1){background:linear-gradient(135deg,#eef6ff,#fff) !important;border-color:#cfe1fb !important}
.pipeline-kpis .card:nth-child(2){background:linear-gradient(135deg,#effcf8,#fff) !important;border-color:#ccefe3 !important}
.pipeline-kpis .card:nth-child(3){background:linear-gradient(135deg,#eef5ff,#fff) !important;border-color:#d0e0fb !important}
.pipeline-kpis .card:nth-child(4){background:linear-gradient(135deg,#f5f1ff,#fff) !important;border-color:#e1d8fb !important}
.pipeline-table-wrap{
  padding:16px !important;
  overflow-x:auto !important;
  border-radius:16px !important;
}
.pipeline-table-wrap table.pipeline-table{
  width:100% !important;
  min-width:980px !important;
  table-layout:auto !important;
}
.pipeline-table th{
  padding:13px 12px !important;
  white-space:nowrap !important;
}
.pipeline-table td{
  padding:13px 12px !important;
  white-space:nowrap !important;
}
.pipeline-table td:nth-child(2),
.pipeline-table td:nth-child(3){
  white-space:normal !important;
  min-width:150px !important;
}
.pipeline-table td:nth-child(8){min-width:130px !important}
.pipeline-table .badge{background:#edf4ff !important;color:#1e5db5 !important}
.pipeline-table td:last-child .edit{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:32px !important;
  padding:6px 11px !important;
  border:1px solid #dce5f0 !important;
  border-radius:9px !important;
  background:#fff !important;
  color:#24569b !important;
  text-decoration:none !important;
  font-size:11px !important;
  font-weight:800 !important;
}
.pipeline-table td:last-child .edit:hover{background:#f4f8ff !important;border-color:#b9cae1 !important}
@media(max-width:1100px){
  .pipeline-filters{grid-template-columns:1fr 1fr !important}
  .pipeline-filter-actions{grid-column:1/-1 !important}
  .pipeline-kpis{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media(max-width:700px){
  .pipeline-filters{grid-template-columns:1fr !important;gap:12px !important}
  .pipeline-filter-actions{grid-column:auto !important}
  .pipeline-filter-actions .btn,.pipeline-filter-actions .btn2{flex:1 !important}
  .pipeline-kpis{grid-template-columns:1fr !important;gap:10px !important}
  .pipeline-kpis .card{min-height:92px !important;padding:15px 16px !important}
  .pipeline-kpis .card strong{font-size:17px !important}
  .pipeline-table-wrap{padding:10px !important}
}


/* =========================================================
   LEADS UI — APPROVED VISUAL BASELINE
   KPI follow-up cards: Overdue / Today / Upcoming
   ========================================================= */
.lead-tabs-panel{
  padding: 16px;
  margin-top: 18px;
}
.lead-workspace-tabs{
  display:flex;
  align-items:stretch;
  gap:12px;
  flex-wrap:wrap;
}
.lead-workspace-tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:58px;
  padding:0 30px;
  border:1px solid #d7e3f4;
  border-radius:14px;
  background:#fff;
  color:#315a86;
  text-decoration:none !important;
  font-weight:700;
  font-size:16px;
  line-height:1;
  box-sizing:border-box;
  transition:.18s ease;
}
.lead-workspace-tab:hover{
  border-color:#a9c8f4;
  background:#f5f9ff;
  color:#1559ae;
  transform:translateY(-1px);
}
.lead-workspace-tab.active{
  background:#1769e8;
  border-color:#1769e8;
  color:#fff !important;
  box-shadow:0 8px 20px rgba(23,105,232,.16);
}

.lead-followup-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin:20px 0 22px;
}
.lead-followup-card{
  min-height:112px;
  border-radius:18px;
  border:1px solid #dce6f3;
  background:#fff;
  padding:22px 26px;
  display:flex;
  align-items:center;
  gap:20px;
  text-decoration:none !important;
  box-sizing:border-box;
  box-shadow:0 4px 16px rgba(18,52,86,.05);
  transition:.18s ease;
}
.lead-followup-card:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 22px rgba(18,52,86,.09);
}
.lead-followup-card small{
  display:block;
  font-size:16px;
  font-weight:700;
  margin:0 0 5px;
}
.lead-followup-card strong{
  display:block;
  font-size:34px;
  line-height:1;
  font-weight:800;
}
.lead-followup-card::before{
  content:'';
  width:58px;
  height:58px;
  flex:0 0 58px;
  border-radius:16px;
  display:block;
  background:rgba(23,105,232,.09);
}
.lead-followup-card.overdue{
  border-color:#ffd0d5;
  background:linear-gradient(135deg,#fff8f8 0%,#fff 100%);
  color:#c81e2a;
}
.lead-followup-card.overdue::before{background:rgba(220,38,38,.10);}
.lead-followup-card.today{
  border-color:#c7dcff;
  background:linear-gradient(135deg,#f5f9ff 0%,#fff 100%);
  color:#1769e8;
}
.lead-followup-card.today::before{background:rgba(23,105,232,.10);}
.lead-followup-card.upcoming{
  border-color:#bfe9d8;
  background:linear-gradient(135deg,#f2fcf7 0%,#fff 100%);
  color:#13845a;
}
.lead-followup-card.upcoming::before{background:rgba(16,185,129,.11);}

.lead-view-context{
  margin:0 0 16px;
  padding:0 4px;
}
.lead-view-context > div{
  display:flex;
  align-items:baseline;
  gap:12px;
}
.lead-view-context strong{
  font-size:22px;
  line-height:1.2;
  color:#173250;
}
.lead-view-context span{
  color:#8295ad;
  font-size:16px;
}
.lead-data-view{
  overflow:hidden;
}
.lead-data-view .tablewrap{overflow-x:auto;}

@media (max-width: 900px){
  .lead-followup-strip{grid-template-columns:1fr;}
  .lead-followup-card{min-height:96px;}
}
@media (max-width: 640px){
  .lead-tabs-panel{padding:10px;}
  .lead-workspace-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
  .lead-workspace-tab{
    min-height:48px;
    padding:0 12px;
    border-radius:12px;
    font-size:14px;
    text-align:center;
  }
  .lead-followup-strip{gap:10px;margin:14px 0 18px;}
  .lead-followup-card{padding:16px 18px;min-height:84px;border-radius:14px;gap:14px;}
  .lead-followup-card::before{width:46px;height:46px;flex-basis:46px;border-radius:13px;}
  .lead-followup-card small{font-size:14px;}
  .lead-followup-card strong{font-size:28px;}
  .lead-view-context > div{gap:8px;}
  .lead-view-context strong{font-size:19px;}
  .lead-view-context span{font-size:14px;}
}

/* LEADS APPROVED INLINE-SAFE OVERRIDE */
@media(min-width:561px){.lead-followup-strip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;width:100%!important}.lead-followup-card{display:flex!important;align-items:center!important;min-height:112px!important;padding:22px 26px!important;box-sizing:border-box!important}.lead-followup-card small{display:block!important;font-size:16px!important}.lead-followup-card strong{display:block!important;font-size:34px!important}}
@media(max-width:560px){.lead-followup-strip{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.lead-followup-card{min-height:84px!important;padding:16px 18px!important}}


/* KPI 2026 — PORTFOLIO APPROVED LAYOUT */
.kpi-bottom-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-top:18px}
.kpi-achievement-panel{min-width:0}
.kpi-achievement-row{margin:14px 0}
.kpi-achievement-label{display:flex;justify-content:space-between;gap:12px;align-items:center;font-family:"Times New Roman",Times,serif;font-size:12px;color:#142b49}
.kpi-achievement-track{height:10px;background:#edf2f7;border-radius:999px;overflow:hidden;margin-top:5px}
.kpi-achievement-track>div{height:100%;background:#2487e8;border-radius:999px}
.portfolio-panel{padding:28px 32px!important;background:#fff!important;border:1px solid #e2eaf3!important;border-radius:20px!important;box-shadow:0 10px 30px rgba(24,48,80,.06)!important;font-family:"Times New Roman",Times,serif!important}
.portfolio-panel h2{margin:0 0 8px!important;font-family:"Times New Roman",Times,serif!important;font-size:24px!important;line-height:1.2!important;color:#142b49!important;font-weight:700!important}
.portfolio-subtitle{font-family:"Times New Roman",Times,serif;font-size:16px;color:#8293ad;margin-bottom:20px}
.portfolio-content{display:grid;grid-template-columns:minmax(330px,.9fr) minmax(420px,1.1fr);gap:34px;align-items:center}
.portfolio-chart{display:grid;place-items:center;min-width:0}
.portfolio-svg{width:340px;height:340px;display:block;max-width:100%}
.portfolio-summary{display:grid;gap:18px;min-width:0}
.portfolio-summary-card{display:grid;grid-template-columns:48px 1fr auto;gap:18px;align-items:center;padding:24px 28px;border:1px solid #dbe8f6;border-radius:18px;background:#f7fbff;min-height:118px}
.portfolio-summary-card.existing-card{border-color:#d5eee3;background:#f5fbf8}
.portfolio-summary-dot{width:42px;height:42px;border-radius:50%;display:block}
.new-dot{background:#2487e8;box-shadow:0 0 0 9px rgba(36,135,232,.08)}
.existing-dot{background:#2fb879;box-shadow:0 0 0 9px rgba(47,184,121,.10)}
.portfolio-summary-label{display:flex;flex-direction:column;gap:3px;min-width:0}
.portfolio-summary-label b{font-size:20px;line-height:1.1;color:#142b49}
.portfolio-summary-label strong{font-size:22px;line-height:1.05;color:#2487e8}
.existing-card .portfolio-summary-label strong{color:#20ad70}
.portfolio-summary-label small{font-size:12px;color:#71849d}
.portfolio-summary-value{text-align:right;border-left:1px solid #dbe5f0;padding-left:20px;white-space:nowrap}
.portfolio-summary-value strong{display:block;font-size:20px;line-height:1.2;color:#142b49}
.portfolio-summary-value small{display:block;margin-top:5px;font-size:12px;color:#7c8ea7}
.portfolio-note{margin-top:22px;padding:17px 22px;border-radius:15px;background:#eef6ff;color:#4e6790;font-family:"Times New Roman",Times,serif;font-size:15px;line-height:1.45;display:flex;align-items:center;gap:16px;border:1px solid #dcecff}
.portfolio-info-icon{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;background:#2487e8;color:#fff;font-family:Arial,sans-serif;font-weight:800;font-size:21px}
@media(max-width:900px){.portfolio-content{grid-template-columns:1fr 1fr;gap:20px}.portfolio-svg{width:280px;height:280px}.portfolio-summary-card{grid-template-columns:40px 1fr;gap:12px;padding:18px}.portfolio-summary-value{grid-column:2;text-align:left;border-left:0;padding-left:0}.portfolio-summary-label b{font-size:18px}.portfolio-summary-label strong{font-size:20px}}
@media(max-width:680px){.portfolio-content{grid-template-columns:1fr}.portfolio-svg{width:270px;height:270px}.portfolio-summary-card{grid-template-columns:42px 1fr auto}.portfolio-summary-value{grid-column:auto;text-align:right;border-left:1px solid #dbe5f0;padding-left:12px}.portfolio-panel{padding:22px 18px!important}.portfolio-note{font-size:13px}}
@media(max-width:480px){.portfolio-summary-card{grid-template-columns:38px 1fr}.portfolio-summary-value{grid-column:2;text-align:left;border-left:0;padding-left:0}.portfolio-summary-value strong{font-size:17px}.portfolio-svg{width:245px;height:245px}}

/* KPI 2026 achievement approved layout - global so it applies to the KPI page */
.kpi-achievement-approved{padding:30px 32px!important;border-radius:18px!important;box-sizing:border-box!important;overflow:hidden!important;font-family:"Times New Roman",Times,serif!important;background:#fff!important}
.kpi-achievement-head{display:flex!important;align-items:center!important;gap:20px!important;margin:0 0 26px!important}
.kpi-achievement-head-icon{width:58px!important;height:58px!important;flex:0 0 58px!important;border-radius:16px!important;background:#e9f3ff!important;display:grid!important;place-items:center!important}
.kpi-achievement-head-icon svg{width:31px!important;height:31px!important;fill:#2487e8!important;stroke:#2487e8!important;display:block!important}
.kpi-achievement-head h2{margin:0!important;font-family:"Times New Roman",Times,serif!important;font-size:25px!important;line-height:1.18!important;color:#10294b!important;font-weight:700!important}
.kpi-achievement-subtitle{margin-top:7px!important;font-family:"Times New Roman",Times,serif!important;font-size:16px!important;line-height:1.2!important;color:#8193ad!important}
.kpi-achievement-row-approved{display:grid!important;grid-template-columns:68px 235px minmax(180px,1fr) 120px!important;gap:18px!important;align-items:center!important;min-height:74px!important;padding:10px 20px!important;margin:7px 0!important;border:1px solid #edf2f7!important;border-radius:17px!important;background:#fbfdff!important;box-sizing:border-box!important}
.kpi-achievement-icon{width:48px!important;height:48px!important;border-radius:13px!important;display:grid!important;place-items:center!important;box-sizing:border-box!important}
.kpi-achievement-icon svg{width:28px!important;height:28px!important;max-width:28px!important;max-height:28px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;display:block!important}
.kpi-achievement-icon.blue{background:#e8f3ff!important;color:#2487e8!important}.kpi-achievement-icon.green{background:#e6f8ef!important;color:#27b978!important}.kpi-achievement-icon.orange{background:#fff1df!important;color:#ff9718!important}.kpi-achievement-icon.purple{background:#f0eaff!important;color:#8752e8!important}
.kpi-achievement-name{min-width:0!important}.kpi-achievement-name b{font-family:"Times New Roman",Times,serif!important;font-size:20px!important;line-height:1.1!important;color:#10294b!important;font-weight:700!important;white-space:nowrap!important}
.kpi-achievement-bar{height:14px!important;background:#dfe7f0!important;border-radius:999px!important;overflow:hidden!important;min-width:0!important}
.kpi-achievement-bar>div{height:100%!important;border-radius:999px!important;min-width:4px!important;display:block!important}
.kpi-achievement-pct{text-align:right!important;font-family:"Times New Roman",Times,serif!important;font-size:21px!important;line-height:1!important;color:#10294b!important;font-weight:700!important;white-space:nowrap!important}
@media(max-width:1100px){.kpi-achievement-row-approved{grid-template-columns:58px 190px minmax(140px,1fr) 100px!important}.kpi-achievement-name b{font-size:18px!important}}
@media(max-width:700px){.kpi-achievement-approved{padding:22px 16px!important}.kpi-achievement-head{gap:13px!important}.kpi-achievement-head h2{font-size:21px!important}.kpi-achievement-subtitle{font-size:14px!important}.kpi-achievement-row-approved{grid-template-columns:52px 1fr 78px!important;gap:12px!important;padding:12px!important}.kpi-achievement-icon{width:42px!important;height:42px!important}.kpi-achievement-icon svg{width:24px!important;height:24px!important}.kpi-achievement-name{grid-column:2!important}.kpi-achievement-bar{grid-column:2!important}.kpi-achievement-pct{grid-column:3!important;grid-row:1 / span 2!important;font-size:18px!important}.kpi-achievement-name b{font-size:17px!important;white-space:normal!important}}

/* KPI 2026 ACHIEVEMENT HARD-SAFE RENDER v17: no SVG dependency */
.kpi-achievement-approved{display:block!important;position:relative!important;width:100%!important;min-width:0!important;overflow:hidden!important;box-sizing:border-box!important;font-family:"Times New Roman",Times,serif!important;background:#fff!important}
.kpi-achievement-approved *{box-sizing:border-box!important}
.kpi-achievement-head{display:flex!important;align-items:center!important;gap:20px!important;margin:0 0 24px!important;min-height:58px!important}
.kpi-achievement-head-icon{width:58px!important;height:58px!important;min-width:58px!important;max-width:58px!important;border-radius:16px!important;background:#e9f3ff!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.kpi-achievement-head-icon .bar-icon{display:flex!important;align-items:flex-end!important;justify-content:center!important;gap:4px!important;width:28px!important;height:28px!important}
.kpi-achievement-head-icon .bar-icon i{display:block!important;width:6px!important;border-radius:3px 3px 1px 1px!important;background:#2487e8!important}
.kpi-achievement-head-icon .bar-icon i:nth-child(1){height:11px!important}.kpi-achievement-head-icon .bar-icon i:nth-child(2){height:18px!important}.kpi-achievement-head-icon .bar-icon i:nth-child(3){height:25px!important}
.kpi-achievement-head h2{margin:0!important;font-family:"Times New Roman",Times,serif!important;font-size:25px!important;line-height:1.18!important;color:#10294b!important;font-weight:700!important}
.kpi-achievement-subtitle{margin-top:7px!important;font-family:"Times New Roman",Times,serif!important;font-size:16px!important;line-height:1.2!important;color:#8193ad!important}
.kpi-achievement-row-approved{display:grid!important;grid-template-columns:68px 235px minmax(180px,1fr) 120px!important;gap:18px!important;align-items:center!important;width:100%!important;min-height:74px!important;padding:10px 20px!important;margin:7px 0!important;border:1px solid #edf2f7!important;border-radius:17px!important;background:#fbfdff!important;overflow:hidden!important}
.kpi-achievement-icon{width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;border-radius:13px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;font-family:"Times New Roman",Times,serif!important;font-size:21px!important;font-weight:700!important}
.kpi-achievement-icon span{display:block!important;line-height:1!important}
.kpi-achievement-icon.blue{background:#e8f3ff!important;color:#2487e8!important}.kpi-achievement-icon.green{background:#e6f8ef!important;color:#27b978!important}.kpi-achievement-icon.orange{background:#fff1df!important;color:#ff9718!important}.kpi-achievement-icon.purple{background:#f0eaff!important;color:#8752e8!important}
.kpi-achievement-name{min-width:0!important;overflow:hidden!important}.kpi-achievement-name b{display:block!important;font-family:"Times New Roman",Times,serif!important;font-size:20px!important;line-height:1.1!important;color:#10294b!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.kpi-achievement-bar{height:14px!important;min-width:0!important;width:100%!important;background:#dfe7f0!important;border-radius:999px!important;overflow:hidden!important}
.kpi-achievement-bar>div{height:100%!important;min-width:0!important;border-radius:999px!important;display:block!important}
.kpi-achievement-pct{text-align:right!important;font-family:"Times New Roman",Times,serif!important;font-size:21px!important;line-height:1!important;color:#10294b!important;font-weight:700!important;white-space:nowrap!important}
@media(max-width:1100px){.kpi-achievement-row-approved{grid-template-columns:58px 190px minmax(140px,1fr) 100px!important}.kpi-achievement-name b{font-size:18px!important}}
@media(max-width:700px){.kpi-achievement-approved{padding:22px 16px!important}.kpi-achievement-head{gap:13px!important}.kpi-achievement-head h2{font-size:21px!important}.kpi-achievement-subtitle{font-size:14px!important}.kpi-achievement-row-approved{grid-template-columns:48px minmax(0,1fr) 82px!important;gap:12px!important;padding:12px!important}.kpi-achievement-icon{width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important}.kpi-achievement-name{grid-column:2!important}.kpi-achievement-bar{grid-column:2!important}.kpi-achievement-pct{grid-column:3!important;grid-row:1 / span 2!important;font-size:18px!important}.kpi-achievement-name b{font-size:17px!important;white-space:normal!important}}

/* KPI 2026 Achievement - global component styles (must apply outside login page) */
.kpi-achievement-approved{padding:30px 32px!important;border-radius:18px!important;box-sizing:border-box!important;overflow:hidden!important;font-family:"Times New Roman",Times,serif!important;background:#fff!important}
.kpi-achievement-head{display:flex!important;align-items:center!important;gap:20px!important;margin:0 0 26px!important}
.kpi-achievement-head-icon{width:58px!important;height:58px!important;flex:0 0 58px!important;border-radius:16px!important;background:#e9f3ff!important;display:grid!important;place-items:center!important}
.kpi-achievement-head-icon .bar-icon{width:31px!important;height:31px!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;gap:4px!important}
.kpi-achievement-head-icon .bar-icon i{display:block!important;width:7px!important;border-radius:4px 4px 2px 2px!important;background:#2487e8!important}
.kpi-achievement-head-icon .bar-icon i:nth-child(1){height:12px!important}.kpi-achievement-head-icon .bar-icon i:nth-child(2){height:21px!important}.kpi-achievement-head-icon .bar-icon i:nth-child(3){height:28px!important}
.kpi-achievement-head h2{margin:0!important;font-family:"Times New Roman",Times,serif!important;font-size:25px!important;line-height:1.18!important;color:#10294b!important;font-weight:700!important}
.kpi-achievement-subtitle{margin-top:7px!important;font-family:"Times New Roman",Times,serif!important;font-size:16px!important;line-height:1.2!important;color:#8193ad!important}
.kpi-achievement-row-approved{display:grid!important;grid-template-columns:68px 235px minmax(180px,1fr) 120px!important;gap:18px!important;align-items:center!important;min-height:74px!important;padding:10px 20px!important;margin:7px 0!important;border:1px solid #edf2f7!important;border-radius:17px!important;background:#fbfdff!important;box-sizing:border-box!important}
.kpi-achievement-icon{width:48px!important;height:48px!important;border-radius:13px!important;display:grid!important;place-items:center!important;font-family:"Times New Roman",Times,serif!important;font-size:20px!important;font-weight:700!important}
.kpi-achievement-icon.blue{background:#e8f3ff!important;color:#2487e8!important}.kpi-achievement-icon.green{background:#e6f8ef!important;color:#27b978!important}.kpi-achievement-icon.orange{background:#fff1df!important;color:#ff9718!important}.kpi-achievement-icon.purple{background:#f0eaff!important;color:#8752e8!important}
.kpi-achievement-name{min-width:0!important}.kpi-achievement-name b{font-family:"Times New Roman",Times,serif!important;font-size:20px!important;line-height:1.1!important;color:#10294b!important;font-weight:700!important;white-space:nowrap!important}
.kpi-achievement-bar{height:14px!important;background:#dfe7f0!important;border-radius:999px!important;overflow:hidden!important;min-width:0!important}
.kpi-achievement-bar>div{height:100%!important;border-radius:999px!important;min-width:4px!important}
.kpi-achievement-pct{text-align:right!important;font-family:"Times New Roman",Times,serif!important;font-size:21px!important;line-height:1!important;color:#10294b!important;font-weight:700!important;white-space:nowrap!important}
@media(max-width:1100px){.kpi-achievement-row-approved{grid-template-columns:58px 190px minmax(140px,1fr) 100px!important}.kpi-achievement-name b{font-size:18px!important}}
@media(max-width:700px){.kpi-achievement-approved{padding:22px 16px!important}.kpi-achievement-head{gap:13px!important}.kpi-achievement-head h2{font-size:21px!important}.kpi-achievement-subtitle{font-size:14px!important}.kpi-achievement-row-approved{grid-template-columns:52px 1fr 78px!important;gap:12px!important;padding:12px!important}.kpi-achievement-icon{width:42px!important;height:42px!important}.kpi-achievement-name{grid-column:2!important}.kpi-achievement-bar{grid-column:2!important}.kpi-achievement-pct{grid-column:3!important;grid-row:1 / span 2!important;font-size:18px!important}.kpi-achievement-name b{font-size:17px!important;white-space:normal!important}}

/* KPI 2026 — LOCKED APPROVED LAYOUT v18 */
.kpi-bottom-grid.portfolio-layout-final{
  display:grid!important;
  grid-template-columns:minmax(0,1.18fr) minmax(420px,.82fr)!important;
  gap:20px!important;
  align-items:stretch!important;
  margin-top:18px!important;
}
.kpi-achievement-locked{
  padding:28px!important;
  border-radius:18px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  font-family:"Times New Roman",Times,serif!important;
}
.kpi-achievement-head-locked{margin:0 0 18px!important}
.kpi-achievement-head-locked h2{
  margin:0!important;
  color:#10294b!important;
  font-family:"Times New Roman",Times,serif!important;
  font-size:25px!important;
  line-height:1.2!important;
  font-weight:700!important;
}
.kpi-achievement-subtitle-locked{
  margin-top:7px!important;
  color:#8193ad!important;
  font-family:"Times New Roman",Times,serif!important;
  font-size:16px!important;
  line-height:1.25!important;
}
.kpi-achievement-card-locked{
  width:100%!important;
  min-width:0!important;
  padding:13px 18px 14px!important;
  margin:8px 0!important;
  border:1px solid #e7edf4!important;
  border-radius:15px!important;
  background:#fbfdff!important;
  box-sizing:border-box!important;
}
.kpi-achievement-card-top{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 112px!important;
  gap:14px!important;
  align-items:center!important;
  margin-bottom:8px!important;
}
.kpi-achievement-card-top strong{
  color:#10294b!important;
  font-family:"Times New Roman",Times,serif!important;
  font-size:19px!important;
  line-height:1.15!important;
  font-weight:700!important;
}
.kpi-achievement-card-top strong:last-child{text-align:right!important;white-space:nowrap!important;font-size:20px!important}
.kpi-achievement-line-locked{
  display:grid!important;
  grid-template-columns:92px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  margin-top:6px!important;
}
.kpi-achievement-line-locked>span{
  font-family:"Times New Roman",Times,serif!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:700!important;
  color:#8193ad!important;
  white-space:nowrap!important;
}
.kpi-track-locked{
  width:100%!important;
  height:10px!important;
  border-radius:999px!important;
  background:#e7edf4!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.kpi-track-locked.achievement{height:11px!important}
.kpi-track-locked i{display:block!important;height:100%!important;min-width:0!important;border-radius:999px!important}

.portfolio-layout-final .portfolio-final{
  padding:28px!important;
  border-radius:18px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:#fff!important;
  font-family:"Times New Roman",Times,serif!important;
}
.portfolio-layout-final .portfolio-final h2{margin:0 0 8px!important;font-family:"Times New Roman",Times,serif!important;font-size:25px!important;line-height:1.2!important;color:#10294b!important}
.portfolio-layout-final .portfolio-final .portfolio-subtitle{margin-bottom:20px!important;font-family:"Times New Roman",Times,serif!important;font-size:16px!important;color:#8193ad!important}
.portfolio-layout-final .portfolio-final .portfolio-wrap{display:grid!important;grid-template-columns:minmax(220px,.95fr) minmax(240px,1.05fr)!important;gap:20px!important;align-items:center!important}
.portfolio-layout-final .portfolio-final .portfolio-donut{width:260px!important;height:260px!important;max-width:100%!important;margin:0 auto!important;position:relative!important;display:grid!important;place-items:center!important}
.portfolio-layout-final .portfolio-final .portfolio-donut-svg{width:260px!important;height:260px!important;max-width:100%!important;display:block!important}
.portfolio-layout-final .portfolio-final .portfolio-donut-center{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;text-align:center!important;padding:20px!important;pointer-events:none!important}
.portfolio-layout-final .portfolio-final .portfolio-donut-center span{font-family:"Times New Roman",Times,serif!important;font-size:14px!important;color:#637895!important}
.portfolio-layout-final .portfolio-final .portfolio-donut-center strong{font-family:"Times New Roman",Times,serif!important;font-size:22px!important;color:#142b49!important;white-space:nowrap!important}
.portfolio-layout-final .portfolio-final .portfolio-donut-center small{font-family:"Times New Roman",Times,serif!important;font-size:11px!important;color:#8191a9!important;margin-top:4px!important}
.portfolio-layout-final .portfolio-final .portfolio-legend{display:flex!important;flex-direction:column!important;gap:14px!important;width:100%!important}
.portfolio-layout-final .portfolio-final .portfolio-item{display:grid!important;grid-template-columns:1fr auto!important;gap:12px!important;align-items:center!important;padding:18px!important;min-height:100px!important;border:1px solid #dbe8f6!important;border-radius:16px!important;background:#f7fbff!important;box-sizing:border-box!important}
.portfolio-layout-final .portfolio-final .portfolio-item.existing-card{border-color:#d5eee3!important;background:#f5fbf8!important}
.portfolio-layout-final .portfolio-final .portfolio-dot{display:none!important}
.portfolio-layout-final .portfolio-final .portfolio-item-main{display:flex!important;flex-direction:column!important;gap:3px!important}
.portfolio-layout-final .portfolio-final .portfolio-item-main b{font-family:"Times New Roman",Times,serif!important;font-size:19px!important;color:#142b49!important}
.portfolio-layout-final .portfolio-final .portfolio-item-main strong{font-family:"Times New Roman",Times,serif!important;font-size:22px!important;color:#2487e8!important}
.portfolio-layout-final .portfolio-final .existing-card .portfolio-item-main strong{color:#20ad70!important}
.portfolio-layout-final .portfolio-final .portfolio-item-main small{font-family:"Times New Roman",Times,serif!important;font-size:12px!important;color:#71849d!important}
.portfolio-layout-final .portfolio-final .portfolio-item-value{text-align:right!important;white-space:nowrap!important;padding-left:14px!important;border-left:1px solid #dbe5f0!important}
.portfolio-layout-final .portfolio-final .portfolio-item-value strong{display:block!important;font-family:"Times New Roman",Times,serif!important;font-size:17px!important;color:#142b49!important}
.portfolio-layout-final .portfolio-final .portfolio-item-value small{display:block!important;margin-top:4px!important;font-family:"Times New Roman",Times,serif!important;font-size:11px!important;color:#7c8ea7!important}
.portfolio-layout-final .portfolio-final .portfolio-note{margin-top:18px!important;padding:14px 16px!important;border-radius:14px!important;background:#eef6ff!important;color:#4e6790!important;font-family:"Times New Roman",Times,serif!important;font-size:13px!important;line-height:1.4!important;display:flex!important;align-items:center!important;gap:12px!important;border:1px solid #dcecff!important}
@media(max-width:1100px){
 .kpi-bottom-grid.portfolio-layout-final{grid-template-columns:1fr!important}
 .portfolio-layout-final .portfolio-final .portfolio-wrap{grid-template-columns:1fr 1fr!important}
}
@media(max-width:700px){
 .kpi-achievement-locked{padding:20px 16px!important}
 .kpi-achievement-head-locked h2{font-size:21px!important}
 .kpi-achievement-subtitle-locked{font-size:14px!important}
 .kpi-achievement-card-top{grid-template-columns:minmax(0,1fr) 88px!important}
 .kpi-achievement-card-top strong{font-size:17px!important}
 .kpi-achievement-card-top strong:last-child{font-size:18px!important}
 .kpi-achievement-line-locked{grid-template-columns:82px minmax(0,1fr)!important}
 .portfolio-layout-final .portfolio-final .portfolio-wrap{grid-template-columns:1fr!important}
 .portfolio-layout-final .portfolio-final .portfolio-donut,.portfolio-layout-final .portfolio-final .portfolio-donut-svg{width:240px!important;height:240px!important}
}

/* Leads — industry summary */
.lead-industry-summary-panel { margin-top: 20px; }
.lead-industry-summary-panel h2 { margin-bottom: 6px; }
.lead-industry-summary-panel .tablewrap { margin-top: 16px; }
.lead-industry-summary-panel table { width: 100%; border-collapse: collapse; }
.lead-industry-summary-panel th,
.lead-industry-summary-panel td { padding: 14px 16px; text-align: left; border-bottom: 1px solid #edf1f6; }
.lead-industry-summary-panel th { background: #f7f9fc; color: #718096; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; }
@media (max-width: 700px) {
  .lead-industry-summary-panel { margin-top: 14px; }
  .lead-industry-summary-panel th, .lead-industry-summary-panel td { padding: 12px; }
}

/* =========================================================
   MUFIDA CRM BRAND OVERRIDE v1.0
   Preserve Atlas engine/layout; replace visual identity.
   ========================================================= */
:root{--mufida-primary:#A51F70;--mufida-deep:#76104D;--mufida-pink:#C83A88;--mufida-soft:#FFF3F9;--mufida-ink:#18253D}
.atlas-login-page{background:#fff!important;color:var(--mufida-ink)!important}
.atlas-login-shell{min-height:100vh!important;grid-template-columns:1.02fr .98fr!important}
.atlas-login-visual{background:radial-gradient(circle at 70% 20%,#c83a88 0,#a51f70 32%,#76104d 72%,#4c0b32 100%)!important;padding:34px clamp(28px,6vw,90px)!important}
.atlas-login-visual:after{border-color:rgba(255,255,255,.18)!important;box-shadow:0 0 0 20px rgba(255,255,255,.025),0 0 0 45px rgba(255,255,255,.018)!important}
.login-brand{display:flex!important;align-items:center!important;gap:12px!important;color:#fff!important;text-decoration:none!important}
.login-brand img{display:none!important}
.mufida-mark{width:52px;height:52px;border-radius:14px;background:#fff;color:var(--mufida-primary);display:grid;place-items:center;font-size:30px;font-weight:900;box-shadow:0 8px 25px rgba(0,0,0,.12)}
.mufida-brand-text{display:flex;flex-direction:column;line-height:1.05;color:#fff;letter-spacing:.6px}
.mufida-brand-text b{font-size:11px;font-weight:600}.mufida-brand-text strong{font-size:17px;font-weight:800}
.atlas-login-copy{margin-top:92px!important}
.atlas-login-copy h1{letter-spacing:-2.5px!important}
.atlas-login-copy h1 em{color:#FFD1E8!important}
.atlas-eyebrow{color:#FFD0E7!important}
.atlas-login-copy p{color:#F6DCEB!important}
.login-benefits b{background:rgba(255,255,255,.12)!important;color:#fff!important}
.login-mini-dashboard{border-color:rgba(255,255,255,.22)!important;background:rgba(255,255,255,.10)!important}
.atlas-login-form-wrap{background:#fff!important}
.atlas-login-form h2{color:var(--mufida-ink)!important;font-size:38px!important}
.atlas-login-form .atlas-eyebrow{color:var(--mufida-primary)!important}
.auth-input:focus-within{border-color:#D04A95!important;box-shadow:0 0 0 4px rgba(165,31,112,.10)!important}
.auth-submit{background:linear-gradient(135deg,#A51F70,#C83A88)!important;box-shadow:0 12px 28px rgba(165,31,112,.22)!important}
.auth-options a,.login-help a{color:var(--mufida-primary)!important}
.back-home{color:#667085!important}
.mobile-login-brand .mufida-brand-text{color:var(--mufida-primary)!important}
.mobile-login-brand .mufida-brand-text b{color:var(--mufida-primary)!important}.mobile-login-brand .mufida-brand-text strong{color:var(--mufida-primary)!important}
@media(max-width:700px){.atlas-login-visual{min-height:540px!important}.atlas-login-copy{margin-top:70px!important}.atlas-login-copy h1{font-size:40px!important}.atlas-login-form h2{font-size:30px!important}}

/* WEKOMERZ GENERIC BRAND OVERRIDE */
:root{--wk-primary:#6D3BFF;--wk-purple:#8B63FF;--wk-deep:#22145C;--wk-soft:#F4F1FF;--wk-ink:#18204A}
.atlas-public-nav,.atlas-hero,.atlas-login-visual{background-color:var(--wk-deep)!important}
.atlas-eyebrow{color:#9B7BFF!important}
.atlas-btn.primary,.auth-submit{background:linear-gradient(135deg,#6D3BFF,#9B6CFF)!important}
.atlas-btn.ghost{border-color:rgba(155,108,255,.55)!important}
.wekomerz-brand-text{display:flex;flex-direction:column;line-height:1.05;color:#fff;letter-spacing:.3px}
.wekomerz-brand-text strong{font-size:19px;font-weight:800}.wekomerz-brand-text b{font-size:8px;font-weight:500;color:#BDB0FF;letter-spacing:1.2px;text-transform:uppercase;margin-top:4px}
.wekomerz-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#6D3BFF,#9B6CFF);color:#fff;display:grid;place-items:center;font-size:25px;font-weight:900;box-shadow:0 8px 25px rgba(109,59,255,.28)}
.mobile-login-brand .wekomerz-brand-text{color:var(--wk-deep)!important}.mobile-login-brand .wekomerz-brand-text strong{color:var(--wk-deep)!important}.mobile-login-brand .wekomerz-brand-text b{color:#6D3BFF!important}
.side .brand{font-size:0!important}.side .brand:before{content:"Wekomerz";display:block;color:#fff;font-size:21px;font-weight:800;letter-spacing:.3px}.side .brand:after{content:"CUSTOMIZED CRM PLATFORM";display:block;color:#9B7BFF;font-size:9px;margin-top:4px;letter-spacing:1.4px}
.mock-mini-brand{color:#6D3BFF!important}
.atlas-feature-intro,.atlas-process{background:#fff}
.atlas-cta{background:linear-gradient(135deg,#22145C,#38207F)!important}
/* WEKOMERZ LOCKED PUBLIC LANDING PAGE - PURPLE + BLUE */
:root{--wk-navy:#11124f;--wk-navy2:#19166b;--wk-purple:#6d3bff;--wk-purple2:#8b5cff;--wk-lilac:#dcd5ff;--wk-bg:#fff;--wk-ink:#151b50;--wk-muted:#64709a;--wk-line:#e9e8f6}
html{scroll-behavior:smooth}body.wk-home{margin:0;background:#fff;color:var(--wk-ink);font-family:Inter,Arial,Helvetica,sans-serif;overflow-x:hidden}.wk-home *{box-sizing:border-box}.wk-home a{font-family:inherit}.wk-nav{height:72px;background:linear-gradient(90deg,#12134f,#21157a);display:flex;align-items:center;padding:0 clamp(22px,5vw,68px);gap:34px;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.1)}.wk-brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;white-space:nowrap}.wk-brand strong{font-size:22px;letter-spacing:-.8px}.wk-mark{display:grid;place-items:center;width:31px;height:31px;font-size:25px;font-weight:900;line-height:1;color:#7650ff}.wk-nav-links{display:flex;align-items:center;gap:29px;flex:1;justify-content:center}.wk-nav-links a{color:#d9d8f2;text-decoration:none;font-size:12px;font-weight:600;padding:27px 0;position:relative}.wk-nav-links a:hover,.wk-nav-links a.active{color:#fff}.wk-nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#9a73ff}.wk-nav-actions{display:flex;gap:10px;align-items:center}.wk-signin,.wk-demo{font-size:12px;font-weight:700;text-decoration:none;border-radius:9px;padding:11px 16px}.wk-signin{color:#fff;border:1px solid rgba(255,255,255,.35)}.wk-demo{color:#fff;background:linear-gradient(135deg,#7650ff,#8b50ff);box-shadow:0 8px 25px rgba(109,59,255,.35)}.wk-demo span,.wk-btn span{margin-left:7px}.wk-hero{min-height:610px;background:radial-gradient(circle at 77% 38%,#38219b 0,#25166f 28%,#17165b 55%,#101244 100%);color:#fff;display:grid;grid-template-columns:minmax(390px,.86fr) minmax(560px,1.14fr);align-items:center;gap:35px;padding:62px clamp(22px,5vw,68px) 54px;position:relative;overflow:hidden}.wk-hero:before{content:"";position:absolute;width:800px;height:300px;right:-180px;bottom:-150px;border-radius:50%;border:1px solid rgba(139,92,255,.45);box-shadow:0 0 0 25px rgba(139,92,255,.06),0 0 0 55px rgba(139,92,255,.04);transform:rotate(-10deg)}.wk-hero-copy{position:relative;z-index:2;max-width:590px}.wk-eyebrow{font-size:10px;letter-spacing:3px;font-weight:800;color:#a982ff;margin-bottom:17px}.wk-hero h1{font-size:clamp(45px,5vw,69px);line-height:1.02;letter-spacing:-3px;margin:0 0 20px;font-weight:800}.wk-hero h1 em,.wk-custom h2 em,.wk-cta h2 em{font-style:normal;color:#8c63ff}.wk-hero-copy>p{font-size:15px;line-height:1.7;color:#cfd0ed;max-width:545px;margin:0 0 28px}.wk-actions{display:flex;gap:12px;flex-wrap:wrap}.wk-btn{display:inline-flex;align-items:center;text-decoration:none;border-radius:9px;padding:13px 19px;font-size:12px;font-weight:800}.wk-btn.primary{background:linear-gradient(135deg,#744cff,#985aff);color:#fff;box-shadow:0 12px 30px rgba(109,59,255,.28)}.wk-btn.outline{color:#fff;border:1px solid rgba(255,255,255,.48)}.wk-checks{display:flex;gap:24px;margin-top:40px;flex-wrap:wrap}.wk-checks span{font-size:10px;color:#e0def6;font-weight:600}.wk-checks span:first-letter{color:#9b75ff}.wk-dashboard{position:relative;z-index:2;background:#0d1648;border:1px solid rgba(170,147,255,.28);border-radius:19px;padding:10px;box-shadow:0 28px 75px rgba(0,0,0,.35);transform:translateY(8px) rotate(-1deg)}.wk-dash-head{height:39px;display:flex;align-items:center;gap:14px;padding:0 8px;color:#fff}.wk-dash-logo{font-size:14px;font-weight:800;white-space:nowrap}.wk-dash-logo span{color:#8158ff;margin-right:4px}.wk-dash-logo b{color:#9ba2c8;font-size:9px;margin-left:3px}.wk-search{background:#fff;color:#a0a7bd;border-radius:7px;padding:7px 10px;font-size:9px;flex:1}.wk-avatar{width:23px;height:23px;border-radius:50%;background:#fff;color:#515c83;display:grid;place-items:center;font-size:9px;font-weight:800}.wk-dash-body{display:grid;grid-template-columns:116px 1fr;background:#f7f7fc;border-radius:11px;overflow:hidden;min-height:360px}.wk-side{background:#101b50;color:#b2b8d2;padding:18px 9px;display:flex;flex-direction:column;gap:11px;font-size:9px}.wk-side b{background:linear-gradient(135deg,#754dff,#8b5bff);color:#fff;padding:9px;border-radius:6px}.wk-dash-content{padding:17px}.wk-dash-title{font-size:14px;color:#1d2453;margin-bottom:11px}.wk-dash-title small{float:right;color:#8990ad;font-weight:500;font-size:8px}.wk-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.wk-kpis>div{background:#fff;border:1px solid #e9eaf3;border-radius:8px;padding:9px;position:relative}.wk-kpis small{display:block;font-size:7px;color:#8990aa}.wk-kpis strong{display:block;font-size:14px;margin-top:4px;color:#192052}.wk-kpis i{display:block;font-style:normal;font-size:7px;color:#22a96e;margin-top:3px}.wk-charts{display:grid;grid-template-columns:1.08fr .92fr;gap:8px;margin-top:8px}.wk-chart,.wk-pie{background:#fff;border:1px solid #e9eaf3;border-radius:8px;padding:11px}.wk-chart>b,.wk-pie>b{font-size:8px;color:#1c2555}.wk-bars{height:103px;display:flex;align-items:flex-end;gap:8px;padding:13px 8px 2px}.wk-bars span{flex:1;background:linear-gradient(to top,#6d3bff,#a77aff);border-radius:4px 4px 0 0;min-height:10px}.wk-pie{position:relative}.wk-donut{width:115px;height:115px;border-radius:50%;margin:13px auto 7px;background:conic-gradient(#6d3bff 0 25%,#7e9bff 25% 47%,#9a75ff 47% 66%,#d3a2d9 66% 82%,#44b879 82% 95%,#ff725f 95%);display:grid;place-items:center}.wk-donut:after{content:"";width:67px;height:67px;background:#fff;border-radius:50%;position:absolute}.wk-donut span{position:relative;z-index:2;font-weight:800;font-size:16px;color:#1d2453}.wk-donut small{display:block;text-align:center;font-size:6px;color:#8790ad;font-weight:500}.wk-pie ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 8px}.wk-pie li{font-size:6px;color:#7d87a2}.wk-pie li b{float:right;color:#27315d}.wk-features{padding:80px clamp(22px,5vw,68px);background:#fff}.wk-section-head{max-width:900px;margin-bottom:30px}.wk-section-head h2{font-size:35px;line-height:1.05;letter-spacing:-1.6px;margin:0 0 10px;color:#151b50}.wk-section-head p{font-size:13px;line-height:1.65;color:#69749b;margin:0}.wk-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.wk-feature-grid article{min-height:155px;border:1px solid #e8e8f4;border-radius:13px;padding:21px;background:#fff;box-shadow:0 8px 28px rgba(31,25,93,.045)}.wk-feature-grid article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#eeeaff;color:#6d3bff;font-size:18px;font-weight:800}.wk-feature-grid h3{font-size:13px;margin:15px 0 7px;color:#172052}.wk-feature-grid p{font-size:10px;line-height:1.55;color:#727c9c;margin:0}.wk-custom{padding:78px clamp(22px,5vw,68px);background:linear-gradient(110deg,#f3f1ff,#e9e6ff);display:grid;grid-template-columns:.75fr 1.25fr;gap:48px;align-items:center}.wk-custom h2{font-size:42px;line-height:1.04;letter-spacing:-2px;color:#151b50;margin:0 0 14px}.wk-custom-copy>p{font-size:12px;line-height:1.65;color:#65709a;max-width:510px}.wk-custom-list{display:grid;gap:12px;margin-top:25px}.wk-custom-list>div{display:flex;gap:12px;align-items:center}.wk-custom-list b{width:34px;height:34px;border-radius:9px;background:#fff;color:#6d3bff;display:grid;place-items:center;box-shadow:0 5px 15px rgba(68,45,160,.08)}.wk-custom-list span{font-size:10px;color:#68739b}.wk-custom-list strong{display:block;font-size:11px;color:#20285d;margin-bottom:2px}.wk-pipeline-mock{background:#fff;border:1px solid #ddd8fa;border-radius:15px;padding:11px;box-shadow:0 18px 45px rgba(55,42,144,.1);transform:rotate(-1deg)}.wk-pipeline-head{height:40px;display:flex;align-items:center;gap:12px;color:#737b99;font-size:8px}.wk-pipeline-head strong{font-size:13px;color:#1c2456;margin-right:auto}.wk-pipeline-head b{background:#6d3bff;color:#fff;padding:8px 10px;border-radius:6px}.wk-pipeline-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.wk-pipeline-cols>div{background:#f7f7fc;border-radius:8px;padding:8px;min-height:200px}.wk-pipeline-cols>div>strong{font-size:8px;color:#66709a}.wk-pipeline-cols article{background:#fff;border:1px solid #ececf4;border-radius:7px;padding:8px;margin-top:7px;font-size:7px;color:#29315d;box-shadow:0 3px 8px rgba(20,20,70,.03)}.wk-pipeline-cols article small{display:block;color:#8991ab;margin-top:3px}.wk-pipeline-cols article b{display:block;color:#6d3bff;margin-top:4px;font-size:7px}.wk-growth{display:flex;gap:10px;align-items:center;width:60%;margin:13px auto 0;background:#fff;border:1px solid #e6e1fb;border-radius:10px;padding:10px;box-shadow:0 7px 20px rgba(64,48,145,.08)}.wk-growth>b{font-size:25px;color:#6d3bff}.wk-growth span{font-size:8px;color:#6d7594}.wk-growth strong{display:block;color:#20285d;font-size:10px;margin-bottom:2px}.wk-audience{padding:75px clamp(22px,5vw,68px);background:#fff}.wk-audience-grid{display:grid;grid-template-columns:1.15fr repeat(3,1fr);gap:14px;align-items:stretch}.wk-audience-grid h2{font-size:38px;line-height:1.05;letter-spacing:-1.7px;margin:0 0 10px;color:#151b50}.wk-audience-grid>div p{font-size:12px;line-height:1.65;color:#6a7598;max-width:460px}.wk-audience-grid article{border:1px solid #e9e8f4;border-radius:13px;padding:22px;background:#fff;box-shadow:0 8px 25px rgba(31,25,93,.035);display:flex;flex-direction:column;justify-content:center}.wk-audience-grid article span{font-size:23px;color:#6d3bff;margin-bottom:15px}.wk-audience-grid article strong{font-size:11px;color:#1e275b}.wk-audience-grid article small{font-size:9px;line-height:1.5;color:#737d9b;margin-top:6px}.wk-cta{padding:65px clamp(22px,5vw,68px);background:linear-gradient(115deg,#11134f,#2b1685 70%,#3c1aa3);color:#fff;display:flex;justify-content:space-between;gap:40px;align-items:center;position:relative;overflow:hidden}.wk-cta:after{content:"";position:absolute;width:620px;height:280px;right:-170px;bottom:-150px;border:1px solid rgba(164,128,255,.35);border-radius:50%;box-shadow:0 0 0 25px rgba(164,128,255,.05),0 0 0 50px rgba(164,128,255,.03)}.wk-cta h2{font-size:39px;line-height:1.04;letter-spacing:-1.8px;margin:0 0 12px;position:relative;z-index:2}.wk-cta p{font-size:12px;line-height:1.6;color:#d1d0e9;max-width:540px;position:relative;z-index:2}.wk-cta-points{position:relative;z-index:2;display:grid;gap:10px;min-width:250px}.wk-cta-points span{font-size:10px;color:#eeeaff}.wk-cta-points b{font-size:18px;line-height:1.2;color:#bda5ff;font-style:italic;margin-top:9px}.wk-footer{background:#080b2c;color:#7d85a6;padding:25px clamp(22px,5vw,68px);display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.wk-footer>div:first-child{display:flex;align-items:center;gap:18px}.wk-footer .wk-brand strong{font-size:19px}.wk-footer small{font-size:9px}.wk-footer nav{display:flex;gap:20px}.wk-footer nav a,.wk-legal span{color:#8f96b2;text-decoration:none;font-size:9px}.wk-copy{font-size:8px}.wk-legal{display:flex;gap:16px;justify-content:flex-end}
@media(max-width:1050px){.wk-hero{grid-template-columns:1fr}.wk-dashboard{max-width:850px;width:100%;margin:auto}.wk-feature-grid{grid-template-columns:repeat(2,1fr)}.wk-custom{grid-template-columns:1fr}.wk-pipeline-mock{max-width:850px;margin:auto}.wk-audience-grid{grid-template-columns:1fr 1fr}.wk-audience-grid>div{grid-column:1/-1}.wk-footer{grid-template-columns:1fr}.wk-footer nav,.wk-legal{justify-content:flex-start}}
@media(max-width:700px){.wk-nav{height:64px;padding:0 16px;gap:10px}.wk-nav-links{display:none}.wk-nav-actions{margin-left:auto}.wk-signin{padding:9px 11px}.wk-demo{padding:9px 11px}.wk-brand strong{font-size:19px}.wk-hero{padding:45px 18px 35px;min-height:auto}.wk-hero h1{font-size:42px;letter-spacing:-2px}.wk-hero-copy>p{font-size:13px}.wk-checks{gap:12px;margin-top:28px}.wk-checks span{font-size:8px}.wk-dashboard{transform:none}.wk-dash-body{grid-template-columns:72px 1fr;min-height:300px}.wk-side{padding:12px 6px;gap:9px;font-size:7px}.wk-side b{padding:7px}.wk-dash-content{padding:10px}.wk-kpis{grid-template-columns:1fr 1fr}.wk-kpis strong{font-size:12px}.wk-charts{grid-template-columns:1fr}.wk-pie{display:none}.wk-features,.wk-custom,.wk-audience{padding:55px 18px}.wk-section-head h2{font-size:30px}.wk-feature-grid{grid-template-columns:1fr}.wk-custom h2{font-size:35px}.wk-pipeline-cols{grid-template-columns:repeat(2,1fr)}.wk-pipeline-cols>div{min-height:180px}.wk-growth{width:90%}.wk-audience-grid{grid-template-columns:1fr}.wk-audience-grid>div{grid-column:auto}.wk-audience-grid h2{font-size:33px}.wk-cta{padding:55px 18px;display:block}.wk-cta h2{font-size:34px}.wk-cta-points{margin-top:28px}.wk-footer{padding:24px 18px}.wk-footer>div:first-child{flex-wrap:wrap}.wk-footer nav{flex-wrap:wrap;gap:13px}}
/* WEKOMERZ MASTER BUTTERFLY + WHITE LANDING OVERRIDES */
.wekomerz-mark-img{width:42px!important;height:42px!important;display:block!important;object-fit:contain!important;flex:0 0 42px!important;margin:0!important;filter:none!important;background:transparent!important}
.atlas-login-page .wekomerz-mark-img{width:52px!important;height:52px!important;flex-basis:52px!important}
.wk-white-home{background:#fff!important;color:#111b50!important;font-family:Inter,Arial,Helvetica,sans-serif;overflow-x:hidden}.wk-white-home *{box-sizing:border-box}.wk-white-home a{font-family:inherit}
.wk-white-nav{height:82px;background:#fff;display:flex;align-items:center;padding:0 clamp(24px,5vw,78px);gap:34px;position:sticky;top:0;z-index:100;border-bottom:1px solid #eef0fa}.wk-white-brand{display:block;width:245px;flex:0 0 245px}.wk-white-brand img{display:block;width:225px;height:auto}.wk-white-nav nav{display:flex;align-items:center;justify-content:center;gap:38px;flex:1}.wk-white-nav nav a{color:#1e2a5d;text-decoration:none;font-size:15px;font-weight:650;padding:31px 0;position:relative}.wk-white-nav nav a.active,.wk-white-nav nav a:hover{color:#4e3cff}.wk-white-nav nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px;background:#5b43ff}.wk-white-actions{display:flex;gap:11px;align-items:center}.wk-white-signin,.wk-white-demo{font-size:14px;font-weight:750;text-decoration:none;border-radius:12px;padding:13px 19px;white-space:nowrap}.wk-white-signin{color:#17214f;border:1px solid #bfc4ff;background:#fff}.wk-white-demo{color:#fff;background:linear-gradient(135deg,#6244ff,#347dff);box-shadow:0 12px 28px rgba(82,69,255,.22)}
.wk-white-hero{display:grid;grid-template-columns:minmax(420px,.84fr) minmax(580px,1.16fr);align-items:center;gap:36px;padding:68px clamp(24px,5vw,78px) 62px;background:radial-gradient(circle at 78% 48%,#eef0ff 0,#fff 38%);min-height:620px}.wk-white-hero-copy{max-width:610px}.wk-white-eyebrow{font-size:12px;letter-spacing:4px;font-weight:800;color:#5644f4;margin-bottom:19px}.wk-white-hero h1{font-size:clamp(54px,5vw,78px);line-height:.98;letter-spacing:-4px;color:#101b50;margin:0 0 24px;font-weight:850}.wk-white-hero h1 em,.wk-white-solutions h2 em,.wk-white-cta h2 em{font-style:normal;color:#5d43ff}.wk-white-hero-copy>p{font-size:18px;line-height:1.55;color:#596889;max-width:590px;margin:0 0 30px}.wk-white-actions{display:flex;gap:14px;flex-wrap:wrap}.wk-white-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;padding:15px 24px;font-size:14px;font-weight:800}.wk-white-btn span{margin-left:8px}.wk-white-btn.primary{background:linear-gradient(135deg,#6244ff,#347dff);color:#fff;box-shadow:0 13px 30px rgba(81,70,255,.2)}.wk-white-btn.outline{color:#15204e;border:1px solid #c8caff;background:#fff}.wk-white-checks{display:flex;gap:25px;flex-wrap:wrap;margin-top:31px}.wk-white-checks span{font-size:12px;color:#354265;font-weight:650}.wk-white-checks span::first-letter{color:#5d43ff}.wk-white-dashboard{background:#fff;border:1px solid #dfe3ff;border-radius:23px;padding:10px;box-shadow:0 24px 70px rgba(68,68,180,.14);transform:rotate(-1deg);overflow:hidden}.wk-white-dash-top{height:54px;display:flex;align-items:center;gap:13px;padding:0 12px}.wk-white-mini-brand{display:flex;align-items:center;gap:5px;white-space:nowrap;color:#17204e;font-size:17px}.wk-white-mini-brand img{width:27px;height:27px}.wk-white-mini-brand i{font-style:normal;color:#347dff}.wk-white-search{height:34px;display:flex;align-items:center;padding:0 13px;border:1px solid #e1e5f3;border-radius:8px;color:#9aa5c0;font-size:11px;flex:1}.wk-white-avatar{width:30px;height:30px;border-radius:50%;background:#101b50;color:#fff;display:grid;place-items:center;font-weight:800;font-size:11px}.wk-white-dash-body{display:grid;grid-template-columns:145px 1fr;background:#f7f8fd;border-radius:15px;overflow:hidden;min-height:395px}.wk-white-dash-body aside{background:#101b50;color:#aeb7d2;padding:22px 11px;display:flex;flex-direction:column;gap:12px;font-size:11px}.wk-white-dash-body aside b{background:linear-gradient(135deg,#6041ff,#3d82ff);color:#fff;padding:11px;border-radius:8px}.wk-white-dash-body aside span{padding:4px 8px}.wk-white-dash-content{padding:20px}.wk-white-dash-title{font-size:17px;color:#111b50;font-weight:800;margin-bottom:13px}.wk-white-dash-title small{float:right;font-size:10px;color:#7c88a6;font-weight:500}.wk-white-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.wk-white-kpis>div{background:#fff;border:1px solid #e8eaf4;border-radius:10px;padding:12px}.wk-white-kpis small{display:block;font-size:9px;color:#8590ab}.wk-white-kpis strong{display:block;font-size:19px;color:#14204f;margin-top:5px}.wk-white-kpis i{display:block;font-size:9px;color:#1cad6f;font-style:normal;margin-top:3px}.wk-white-chartrow{display:grid;grid-template-columns:1.05fr .95fr;gap:10px;margin-top:10px}.wk-white-chart,.wk-white-pipeline{background:#fff;border:1px solid #e8eaf4;border-radius:10px;padding:13px}.wk-white-chart>b,.wk-white-pipeline>b{font-size:11px;color:#17214f}.wk-white-bars{height:145px;display:flex;align-items:flex-end;gap:8px;padding:17px 10px 4px}.wk-white-bars span{flex:1;min-height:12px;border-radius:5px 5px 0 0;background:linear-gradient(to top,#5e43ff,#68b8ff)}.wk-white-pipeline{position:relative}.wk-white-donut{width:108px;height:108px;border-radius:50%;background:conic-gradient(#6244ff 0 25%,#638cff 25% 47%,#a35bff 47% 66%,#f3a34a 66% 82%,#4bc58b 82% 96%,#ff6d72 96%);display:grid;place-items:center;margin:16px auto 10px;color:#14204f;position:relative}.wk-white-donut:after{content:"";position:absolute;width:62px;height:62px;border-radius:50%;background:#fff}.wk-white-donut strong,.wk-white-donut small{position:relative;z-index:2}.wk-white-donut strong{font-size:19px}.wk-white-donut small{font-size:7px;display:block;margin-top:28px;color:#7e8aa6}.wk-white-pipeline ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}.wk-white-pipeline li{font-size:8px;color:#73809e}.wk-white-pipeline li b{float:right;color:#27335f}
.wk-white-features{padding:75px clamp(24px,5vw,78px);background:#fff}.wk-white-section-head{max-width:980px;margin-bottom:28px}.wk-white-section-head h2{font-size:39px;letter-spacing:-2px;line-height:1.05;color:#101b50;margin:0 0 10px}.wk-white-section-head p{font-size:15px;line-height:1.6;color:#65718f;margin:0}.wk-white-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.wk-white-feature-grid article{min-height:145px;border:1px solid #e7e9f3;border-radius:14px;padding:20px;background:#fff;box-shadow:0 8px 25px rgba(44,51,112,.04)}.wk-white-feature-grid article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#f0edff;color:#5e43ff;font-size:20px}.wk-white-feature-grid h3{font-size:14px;color:#15204e;margin:14px 0 6px}.wk-white-feature-grid p{font-size:11px;line-height:1.5;color:#72809d;margin:0}
.wk-white-solutions{padding:76px clamp(24px,5vw,78px);background:linear-gradient(115deg,#f5f3ff,#edf1ff);display:grid;grid-template-columns:.78fr 1.22fr;gap:45px;align-items:center}.wk-white-solutions h2{font-size:46px;letter-spacing:-2.5px;line-height:1.02;color:#101b50;margin:0 0 15px}.wk-white-solution-copy>p{font-size:14px;line-height:1.65;color:#65718f;max-width:560px}.wk-white-list{display:grid;gap:12px;margin-top:25px}.wk-white-list>div{display:flex;gap:12px;align-items:center}.wk-white-list b{width:37px;height:37px;border-radius:10px;background:#fff;color:#5e43ff;display:grid;place-items:center;box-shadow:0 7px 18px rgba(74,60,160,.08)}.wk-white-list strong{display:block;color:#202a57;font-size:12px;margin-bottom:2px}.wk-white-list span{font-size:10px;color:#76829e}.wk-white-pipeline-card{background:#fff;border:1px solid #dedffc;border-radius:17px;padding:12px;box-shadow:0 20px 45px rgba(67,61,160,.1)}.wk-white-pipeline-head{height:43px;display:flex;align-items:center;gap:12px;color:#7d88a4;font-size:9px}.wk-white-pipeline-head strong{font-size:14px;color:#17214f;margin-right:auto}.wk-white-pipeline-head b{background:#5e43ff;color:#fff;border-radius:7px;padding:9px 11px}.wk-white-pipeline-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.wk-white-pipeline-cols>div{background:#f7f8fc;border-radius:9px;padding:9px;min-height:220px}.wk-white-pipeline-cols>div>strong{font-size:9px;color:#697691}.wk-white-pipeline-cols article{background:#fff;border:1px solid #e7e9f2;border-radius:8px;padding:9px;margin-top:8px;font-size:8px;color:#29335e}.wk-white-pipeline-cols article small{display:block;color:#8993aa;margin-top:4px}.wk-white-pipeline-cols article b{display:block;color:#5e43ff;margin-top:4px}
.wk-white-pipeline-story{padding:78px clamp(24px,5vw,78px);background:#fff;text-align:center}.wk-white-pipeline-story>h2{font-size:43px;letter-spacing:-2px;color:#101b50;margin:0 0 10px}.wk-white-pipeline-story>p{font-size:14px;line-height:1.6;color:#687594;max-width:850px;margin:0 auto 38px}.wk-white-story-grid{display:grid;grid-template-columns:1fr 250px 1fr;gap:28px;align-items:center;max-width:1200px;margin:auto}.wk-white-story-col{display:grid;gap:13px}.wk-white-story-col span{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;align-items:center;text-align:left;padding:14px 16px;border:1px solid #e6e8f2;border-radius:13px;background:#fff;box-shadow:0 7px 20px rgba(40,45,110,.04);color:#15204f;font-size:13px;font-weight:800}.wk-white-story-col b{grid-row:1/3;color:#5e43ff}.wk-white-story-col small{grid-column:2;color:#8290ac;font-size:9px;font-weight:500;margin-top:3px}.wk-white-story-col.right span{border-right:3px solid #4b7dff}.wk-white-story-col:not(.right) span{border-left:3px solid #6c4cff}.wk-white-story-mark img{width:145px;height:145px;object-fit:contain;display:block;margin:0 auto 12px}.wk-white-story-mark strong{display:block;font-size:18px;color:#111b50}.wk-white-story-mark small{display:block;color:#7a86a2;font-size:10px;margin-top:5px}.wk-white-audience{padding:72px clamp(24px,5vw,78px);display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:14px;background:#fff}.wk-white-audience h2{font-size:40px;letter-spacing:-2px;line-height:1.02;color:#101b50;margin:0 0 10px}.wk-white-audience>div p{font-size:13px;line-height:1.6;color:#687594;max-width:480px}.wk-white-audience article{border:1px solid #e7e9f2;border-radius:14px;padding:22px;background:#fff;box-shadow:0 8px 22px rgba(42,46,105,.04);display:flex;flex-direction:column;justify-content:center}.wk-white-audience article>b{font-size:24px;color:#5e43ff;margin-bottom:15px}.wk-white-audience article strong{font-size:13px;color:#1c2755}.wk-white-audience article small{font-size:10px;line-height:1.55;color:#74819d;margin-top:7px}.wk-white-cta{padding:65px clamp(24px,5vw,78px);display:flex;justify-content:space-between;align-items:center;gap:30px;background:linear-gradient(115deg,#11184f,#3b2ee1);color:#fff}.wk-white-cta h2{font-size:42px;line-height:1.04;letter-spacing:-2px;margin:0 0 12px}.wk-white-cta p{font-size:13px;line-height:1.6;color:#d8dcf1;margin:0}.wk-white-cta>div:last-child{display:flex;gap:11px;flex-wrap:wrap}.wk-white-cta .outline{color:#fff;border-color:rgba(255,255,255,.45);background:transparent}.wk-white-footer{background:#0a1036;color:#9ba5c2;padding:28px clamp(24px,5vw,78px);display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.wk-white-footer img{width:210px}.wk-white-footer nav{display:flex;gap:22px}.wk-white-footer nav a{color:#b8c0d7;text-decoration:none;font-size:10px}.wk-white-footer small{grid-column:1/-1;font-size:9px;color:#727e9e}
@media(max-width:1050px){.wk-white-nav{gap:18px}.wk-white-brand{width:205px;flex-basis:205px}.wk-white-brand img{width:195px}.wk-white-nav nav{gap:20px}.wk-white-hero{grid-template-columns:1fr;padding-top:55px}.wk-white-dashboard{max-width:900px;width:100%;margin:auto}.wk-white-feature-grid{grid-template-columns:repeat(2,1fr)}.wk-white-solutions{grid-template-columns:1fr}.wk-white-pipeline-card{max-width:900px;width:100%;margin:auto}.wk-white-story-grid{grid-template-columns:1fr 210px 1fr}.wk-white-audience{grid-template-columns:1fr 1fr}.wk-white-audience>div{grid-column:1/-1}}
@media(max-width:700px){.wk-white-nav{height:68px;padding:0 15px}.wk-white-brand{width:160px;flex-basis:160px}.wk-white-brand img{width:155px}.wk-white-nav nav{display:none}.wk-white-actions{margin-left:auto}.wk-white-signin,.wk-white-demo{font-size:11px;padding:9px 11px}.wk-white-hero{padding:43px 17px 38px;min-height:auto}.wk-white-eyebrow{font-size:9px;letter-spacing:3px}.wk-white-hero h1{font-size:44px;letter-spacing:-2.5px}.wk-white-hero-copy>p{font-size:14px}.wk-white-checks{gap:10px}.wk-white-checks span{font-size:9px}.wk-white-dashboard{transform:none;border-radius:16px}.wk-white-dash-top{height:43px;padding:0 6px;gap:7px}.wk-white-mini-brand{font-size:11px}.wk-white-mini-brand img{width:22px;height:22px}.wk-white-search{display:none}.wk-white-dash-body{grid-template-columns:68px 1fr;min-height:310px}.wk-white-dash-body aside{padding:12px 5px;gap:8px;font-size:7px}.wk-white-dash-body aside b{padding:7px}.wk-white-dash-content{padding:10px}.wk-white-dash-title{font-size:11px}.wk-white-kpis{grid-template-columns:1fr 1fr}.wk-white-kpis strong{font-size:12px}.wk-white-chartrow{grid-template-columns:1fr}.wk-white-pipeline{display:none}.wk-white-features,.wk-white-solutions,.wk-white-pipeline-story,.wk-white-audience{padding:55px 17px}.wk-white-section-head h2{font-size:30px}.wk-white-feature-grid{grid-template-columns:1fr}.wk-white-solutions h2{font-size:35px}.wk-white-pipeline-cols{grid-template-columns:1fr 1fr}.wk-white-pipeline-cols>div{min-height:170px}.wk-white-pipeline-head b{display:none}.wk-white-story-grid{grid-template-columns:1fr;gap:20px}.wk-white-story-mark{order:-1}.wk-white-story-mark img{width:105px;height:105px}.wk-white-story-col.right{order:2}.wk-white-story-col span{font-size:11px}.wk-white-pipeline-story>h2{font-size:34px}.wk-white-audience{grid-template-columns:1fr}.wk-white-audience>div{grid-column:auto}.wk-white-audience h2{font-size:34px}.wk-white-cta{padding:52px 17px;display:block}.wk-white-cta h2{font-size:34px}.wk-white-cta>div:last-child{margin-top:24px}.wk-white-footer{padding:25px 17px;grid-template-columns:1fr}.wk-white-footer nav{flex-wrap:wrap;gap:13px}.wk-white-footer small{grid-column:auto}}

/* FINAL MOBILE SIDEBAR BRAND CLEANUP */
@media(max-width:900px){
  .side .brand{
    padding:12px 18px 18px 78px!important;
    min-height:58px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }
  .side .brand:before,.side .brand:after{content:none!important;display:none!important;}
  .side .brand > div{
    display:block!important;
    margin:0!important;
    white-space:nowrap!important;
    color:#fff!important;
    font-size:20px!important;
    line-height:1!important;
    letter-spacing:.3px!important;
  }
  .mobile-menu-toggle{
    top:12px!important;
    left:12px!important;
    width:52px!important;
    height:52px!important;
    border-radius:14px!important;
    z-index:3300!important;
  }
}