.lead-nav-badge{display:grid;place-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;border-radius:999px;background:#b85e52;color:#fff;font-size:8px;font-weight:850}.leads-workspace{display:grid;gap:18px}.lead-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.lead-metrics article{position:relative;overflow:hidden;padding:18px 19px;border:1px solid rgba(23,63,53,.08);border-radius:18px;background:linear-gradient(180deg,#fff,#fbfaf6);box-shadow:0 10px 26px rgba(23,63,53,.035)}.lead-metrics article:after{content:"";position:absolute;width:90px;height:90px;right:-40px;top:-45px;border-radius:50%;background:radial-gradient(circle,rgba(210,170,91,.11),transparent 68%)}.lead-metrics span{display:block;color:#7c8982;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.45px}.lead-metrics strong{display:block;margin:8px 0 4px;color:#173f35;font:400 28px Georgia,serif}.lead-metrics small{color:#97a19c;font-size:8px}.lead-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:15px 16px;border:1px solid rgba(23,63,53,.07);border-radius:16px;background:#fff}.lead-toolbar form{flex:1;max-width:470px}.lead-toolbar label>span{display:block;margin-bottom:6px;color:#738179;font-size:8px;font-weight:750;text-transform:uppercase}.lead-toolbar label>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.lead-toolbar input{height:39px;padding:0 12px;border:1px solid rgba(23,63,53,.11);border-radius:10px;outline:0}.lead-toolbar form button{padding:0 14px;border:0;border-radius:10px;background:#173f35;color:#fff;font-size:9px;font-weight:800}.lead-toolbar>div{display:flex;align-items:center;gap:6px;color:#849089;font-size:8px}.lead-toolbar>div i{width:6px;height:6px;border-radius:50%;background:#7fa878;box-shadow:0 0 9px rgba(127,168,120,.45)}.lead-pipeline{display:grid;grid-template-columns:repeat(6,minmax(245px,1fr));gap:11px;overflow-x:auto;padding:2px 2px 12px}.lead-stage{min-height:350px;padding:10px;border:1px solid rgba(23,63,53,.07);border-radius:18px;background:rgba(247,247,242,.72)}.lead-stage>header{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 11px}.lead-stage>header>div{display:flex;align-items:center;gap:7px}.lead-stage>header strong{color:#53665c;font-size:9px;text-transform:uppercase}.lead-stage>header em{display:grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:#fff;color:#7d8983;font-size:8px;font-style:normal}.lead-stage>header i{width:7px;height:7px;border-radius:50%;background:#aab3ae}.lead-stage>header i.new{background:#d2aa5b}.lead-stage>header i.contacted{background:#799b8c}.lead-stage>header i.demo{background:#6f879e}.lead-stage>header i.trial{background:#8d7ca0}.lead-stage>header i.customer{background:#6f9b73}.lead-stage>header i.lost{background:#a8928d}.lead-cards{display:grid;gap:8px}.lead-card{display:grid;gap:6px;width:100%;padding:13px;text-align:left;border:1px solid rgba(23,63,53,.075);border-radius:14px;background:#fff;color:#53665c;box-shadow:0 7px 16px rgba(23,63,53,.03);transition:.22s}.lead-card.unread{border-color:rgba(210,170,91,.33);box-shadow:0 9px 22px rgba(210,170,91,.08)}.lead-card-top{display:flex;align-items:center;justify-content:space-between}.lead-card-top i{width:6px;height:6px;border-radius:50%;background:#c7cec9}.lead-card.unread .lead-card-top i{background:#d2aa5b;box-shadow:0 0 8px rgba(210,170,91,.45)}.lead-card-top small{color:#a0aaa4;font-size:7px}.lead-card>strong{color:#173f35;font:400 14px Georgia,serif}.lead-card>span{font-size:8px;color:#7c8982}.lead-card>em{padding-top:4px;color:#947a42;font-size:7px;font-style:normal}.lead-card>div{display:flex;flex-wrap:wrap;gap:4px}.lead-card b{padding:4px 6px;border-radius:999px;background:#f0f4ee;color:#617469;font-size:6.5px}.lead-card b:first-child{background:#fbf3e3;color:#8c713d}.lead-empty{padding:24px 10px;text-align:center;color:#9aa49f;font-size:8px}.lead-backdrop{position:fixed;inset:0;z-index:180;display:grid;place-items:center;padding:20px;background:rgba(15,37,31,.42);backdrop-filter:blur(8px)}.lead-detail{width:min(720px,100%);max-height:calc(100vh - 34px);overflow:auto;border-radius:24px;background:#fffdf9;box-shadow:0 34px 90px rgba(15,37,31,.25)}.lead-detail>header{display:flex;gap:16px;padding:22px 23px 18px;border-bottom:1px solid rgba(23,63,53,.07);background:linear-gradient(180deg,#f0f4ee,#fffdf9)}.lead-detail>header>div{flex:1}.lead-detail h2{margin:4px 0;color:#173f35;font:400 27px Georgia,serif}.lead-detail header p:last-child{margin:0;color:#77857d;font-size:9px}.lead-close{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(23,63,53,.08);border-radius:11px;background:#fff;color:#738179;font-size:18px}.lead-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:18px 22px 0}.lead-facts article{padding:11px;border:1px solid rgba(23,63,53,.07);border-radius:12px;background:#fff}.lead-facts span,.lead-summary span{display:block;margin-bottom:5px;color:#9a8654;font-size:6.5px;font-weight:850;text-transform:uppercase}.lead-facts strong{color:#52665c;font-size:9px}.lead-summary{margin:12px 22px 0;padding:13px;border:1px solid rgba(210,170,91,.18);border-radius:13px;background:#fbf6ea}.lead-summary p{margin:0;color:#65756c;font-size:9px;line-height:1.65}#lead-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 22px 22px}#lead-form label{display:grid;gap:6px;color:#68786f;font-size:8px;font-weight:750}#lead-form select,#lead-form input,#lead-form textarea{width:100%;border:1px solid rgba(23,63,53,.1);border-radius:11px;background:#fff;color:#173f35;outline:0}#lead-form select,#lead-form input{height:42px;padding:0 11px}#lead-form textarea{padding:11px;resize:vertical}.lead-notes{grid-column:1/-1}#lead-form footer{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}#lead-form footer a{text-decoration:none}@media(hover:hover){.lead-card:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(23,63,53,.07)}}@media(max-width:900px){.lead-metrics{grid-template-columns:repeat(2,1fr)}.lead-facts{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.lead-toolbar{align-items:stretch;flex-direction:column}.lead-pipeline{grid-template-columns:repeat(6,minmax(225px,82vw))}.lead-backdrop{padding:8px}.lead-detail{border-radius:19px;max-height:calc(100vh - 16px)}.lead-facts{padding:15px 15px 0}.lead-summary{margin:10px 15px 0}#lead-form{grid-template-columns:1fr;padding:15px}.lead-notes,#lead-form footer{grid-column:auto}#lead-form footer{flex-direction:column-reverse}#lead-form footer>*{width:100%;text-align:center}}

/* Commercial / Leads readability normalization */
.lead-nav-badge{font-size:10px}
.leads-workspace{gap:20px}
.lead-metrics article{min-height:112px;padding:20px 21px}
.lead-metrics span{font-size:10.5px}
.lead-metrics strong{font-size:32px}
.lead-metrics small{font-size:10px;line-height:1.45}
.lead-toolbar{padding:16px 17px}
.lead-toolbar label>span{font-size:10px}
.lead-toolbar input{height:43px;font-size:12px}
.lead-toolbar form button{min-height:43px;font-size:11px}
.lead-toolbar>div{font-size:10.5px}
.lead-stage{min-height:380px;padding:11px}
.lead-stage>header{padding:5px 5px 12px}
.lead-stage>header strong{font-size:10.5px}
.lead-stage>header em{min-width:25px;height:25px;font-size:10px}
.lead-card{gap:8px;padding:15px}
.lead-card-top small{font-size:9.5px}
.lead-card>strong{font-size:17px;line-height:1.25}
.lead-card>span{font-size:10.5px;line-height:1.45}
.lead-card>em{font-size:9.5px}
.lead-card b{padding:5px 8px;font-size:9px}
.lead-empty{font-size:10.5px}
.lead-detail{width:min(760px,100%)}
.lead-detail h2{font-size:31px}
.lead-detail header p:last-child{font-size:11.5px;line-height:1.5}
.lead-facts article{padding:13px}
.lead-facts span,.lead-summary span{font-size:9px}
.lead-facts strong{font-size:11.5px}
.lead-summary p{font-size:11.5px;line-height:1.65}
#lead-form label{font-size:10.5px}
#lead-form select,#lead-form input,#lead-form textarea{font-size:12px}
#lead-form select,#lead-form input{height:44px}
#lead-form textarea{line-height:1.55}
#lead-form footer a,#lead-form footer button{font-size:11px}
@media(max-width:620px){
  .lead-metrics article{min-height:100px;padding:16px}
  .lead-metrics span{font-size:10px}
  .lead-metrics strong{font-size:29px}
  .lead-metrics small{font-size:9.5px}
  .lead-stage{min-height:360px}
  .lead-card>strong{font-size:16px}
  .lead-card>span{font-size:10.5px}
  .lead-card b{font-size:9px}
  .lead-detail h2{font-size:27px}
  .lead-detail header p:last-child{font-size:11px}
  .lead-facts span,.lead-summary span{font-size:8.8px}
  .lead-facts strong,.lead-summary p{font-size:11px}
  #lead-form label{font-size:10.5px}
}

/* Self-service checkout stage */
.lead-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}
.lead-pipeline{grid-template-columns:repeat(7,minmax(245px,1fr))}
.lead-stage>header i.checkout{background:#c28b4f}
.lead-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1100px){.lead-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.lead-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.lead-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.lead-pipeline{grid-template-columns:repeat(7,minmax(225px,82vw))}.lead-metrics{grid-template-columns:1fr 1fr}}