:root{--atlas-navy:#031a3d;--atlas-navy2:#062b63;--atlas-blue:#1769ff;--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:#1769ff;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:#1769ff;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:#1769ff;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,#1769ff,#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:#1769ff;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:#1769ff;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:#1769ff;text-decoration:none;font-weight:700}.auth-submit{width:100%;height:48px;border:0;border-radius:10px;background:#1769ff;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:#1769ff;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:#1769ff!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:#1769ff!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:#1769ff;
}

.auth-submit{
  height:54px!important;
  border-radius:12px!important;
  font-size:15px!important;
  background:linear-gradient(135deg,#1769ff,#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:#061d3b;
  --atlas-navy2:#0b315f;
  --atlas-blue:#1769ff;
  --atlas-cyan:#20c7e8;
  --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,#061d3b 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:#1769ff!important;color:#fff!important;border:1px solid #1769ff!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:#1769ff!important;background:#fff!important}
.tab.active{background:#1769ff!important;color:#fff!important;box-shadow:0 5px 14px rgba(23,105,255,.15)!important}
.tab.active .badge{background:#fff!important;color:#1769ff!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:#1769ff!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:#1769ff!important;
  font-size:12px!important;
  font-weight:800!important;
}
.client-tab.active .client-tab-count{
  background:#fff!important;
  color:#1769ff!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: #1769ff !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(23,105,255,.18) !important;
}
.client-tabs .client-tab.active:hover { background: #1769ff !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: #1769ff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
.client-tabs .client-tab.active .client-tab-count {
  background: #fff !important;
  color: #1769ff !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; }
}