/* brain.maximyzeai.com — Sales page: pipeline board, lead cards, lead detail. Tokens from app.css. */
.stat .big.muted{color:var(--steel)}
.link-btn{background:none;border:0;padding:0;color:var(--blue-deep);font:600 11px var(--font-h);cursor:pointer;margin-top:4px}
.link-btn:hover{text-decoration:underline}

/* horizontal bar list inside a stat tile */
.hb{list-style:none;margin:8px 0 4px;font-size:11px;color:var(--slate)}
.hb li{display:grid;grid-template-columns:44px 1fr 24px;align-items:center;gap:8px;padding:1px 0}
.hb .b{height:8px;background:var(--mist-2);border-radius:4px;overflow:hidden}
.hb .b i{display:block;height:100%;border-radius:4px;background:var(--blue)}
.hb .b i.on{background:var(--green)}.hb .b i.warn{background:var(--amber)}.hb .b i.off{background:var(--red)}
.hb .n{text-align:right;font-weight:700;color:var(--ink)}

/* board */
.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.lane{background:var(--mist-2);border:1px solid var(--mist);border-radius:var(--r);padding:10px;min-width:0}
.lane.hot{background:#fdf2f2;border-color:#f6d3d3}
.lane.warm{background:#fdf7ea;border-color:#f3e1b8}
.lane-h{display:flex;align-items:center;gap:8px;font:700 13px var(--font-h);color:var(--ink);padding:2px 4px 10px}
.lane-h .n{font-weight:600;color:var(--slate);font-family:var(--font-b)}
.lane-h a{margin-left:auto;color:var(--blue-deep);font-weight:600}
.lane-body{display:flex;flex-direction:column;gap:8px}
.lane-more{margin-top:2px}
.lane-more summary{cursor:pointer;font:600 12px var(--font-h);color:var(--blue-deep);padding:6px 4px;list-style:none}
.lane-more summary::-webkit-details-marker{display:none}
.lane-more[open] summary{margin-bottom:8px}
.lane-more>.lead-card{margin-bottom:8px}
.lead-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}

/* lead card: name · age · company · stage · next action */
.lead-card{display:block;background:#fff;border:1px solid var(--mist);border-radius:8px;padding:10px 12px;color:inherit;box-shadow:var(--shadow);min-height:44px;transition:border-color .12s,box-shadow .12s,transform .12s}
.lead-card:hover{text-decoration:none;border-color:var(--blue);box-shadow:0 4px 14px rgba(16,42,77,.12);transform:translateY(-1px)}
.lead-card:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.lc-top{display:flex;align-items:center;gap:8px}
.lc-top strong{flex:1;min-width:0;font:700 13.5px var(--font-h);color:var(--ink)}
.lc-co{font-size:11.5px;color:var(--slate);margin-top:1px}
.lc-stage{margin:6px 0 4px;display:flex;flex-wrap:wrap;gap:4px}
.lc-next{font-size:12px;color:var(--slate-2)}
.age{font:700 10.5px var(--font-h);padding:1px 7px;border-radius:999px;background:var(--mist-2);color:var(--slate);white-space:nowrap}
.age.on{background:var(--green-bg);color:var(--green)}.age.warn{background:var(--amber-bg);color:var(--amber)}.age.off{background:var(--red-bg);color:var(--red)}

/* what's slipping */
.slip .slip-head{display:flex;gap:8px;align-items:flex-start}
.slip .slip-title{font-weight:600;font-size:13px}
.slip .slip-body{margin-top:6px;font-size:12.5px;color:var(--slate-2)}
.slip .slip-body.clamp{-webkit-line-clamp:unset}

/* lead detail key/value */
.kv{display:grid;grid-template-columns:96px 1fr;gap:8px 12px;font-size:13px}
.kv .k{font:600 11px var(--font-h);letter-spacing:.06em;text-transform:uppercase;color:var(--slate);padding-top:2px}
.kv .v{min-width:0;line-height:1.55}
.kv .v.md{font-size:13px}

@media(max-width:1100px){.board{grid-template-columns:repeat(2,minmax(0,1fr))}.board .lane.cold{grid-column:span 2}}
@media(max-width:700px){
  .board{grid-template-columns:1fr}.board .lane.cold{grid-column:span 1}
  .lead-grid{grid-template-columns:1fr}
  .kv{grid-template-columns:1fr;gap:2px 0}.kv .v{margin-bottom:8px}
}