/* /lead-attribution/cal-com/ only: the hash vault, the lookup ladder, the week scrubber,
   the event-type matcher. Every part reads as plain text without JS. */

/* ---------- hero: the hash vault ---------- */
.cc-vault{border:1px solid var(--sk-line-2);border-radius:8px;background:var(--sk-deep);overflow:hidden;font:400 .8rem/1.5 var(--sk-mono)}
.cc-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .9rem;border-bottom:1px solid var(--sk-line);color:var(--sk-text-3);font-size:.7rem;letter-spacing:.04em}
.cc-btn{flex:none;padding:.25rem .55rem;border:1px solid var(--sk-line-2);border-radius:3px;background:none;color:var(--sk-text-2);font:500 .68rem var(--sk-mono);cursor:pointer}
.cc-in{padding:.9rem .9rem .3rem}
.cc-req{margin:0 0 .7rem;padding:.55rem .7rem;border:1px solid var(--sk-line-2);border-radius:4px;background:var(--sk-ink-2);color:var(--sk-text-2);font-size:.72rem;overflow-wrap:anywhere}
.cc-req b{color:var(--sk-text);font-weight:600}
.cc-req.arrive{animation:ccIn .45s cubic-bezier(.2,1.2,.5,1) both}
@keyframes ccIn{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}
.cc-steps{margin:0;padding:0;list-style:none;display:grid;gap:.3rem}
.cc-steps li{display:flex;gap:.6rem;align-items:center;color:var(--sk-text-2);font-size:.74rem;transition:opacity .3s,color .3s}
.cc-steps span{display:inline-grid;place-items:center;flex:none;width:1.25rem;height:1.25rem;border:1px solid var(--sk-line-2);border-radius:50%;font-size:.62rem;color:var(--sk-text-3);transition:background .3s,border-color .3s,color .3s}
.cc-vault.run .cc-steps li{opacity:.35}
.cc-vault.run .cc-steps li.ok{opacity:1;color:var(--sk-text)}
.cc-steps li.ok span{background:var(--sk-search);border-color:var(--sk-search);color:var(--sk-deep)}
.cc-steps li.hit span{background:var(--sk-bots);border-color:var(--sk-bots);color:var(--sk-deep)}
.cc-hash{display:flex;gap:.6rem;align-items:baseline;margin:.7rem 0 0;padding:.45rem .7rem;border-left:3px solid var(--sk-ai);background:#0d1620;overflow:hidden;white-space:nowrap}
.cc-hash span{color:var(--sk-text-4);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em}
.cc-hash b{font-weight:500;color:var(--sk-ai);overflow:hidden;text-overflow:ellipsis}
.cc-slots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.4rem;padding:.8rem .9rem}
.cc-slot{position:relative;padding:.45rem .35rem .6rem;border:1px solid var(--sk-line-2);border-radius:4px;background:var(--sk-ink-2);text-align:center;overflow:hidden;transition:border-color .3s,background .3s}
.cc-slot b{display:block;font-weight:500;font-size:.66rem;color:var(--sk-text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-slot i{position:absolute;left:0;bottom:0;height:3px;width:calc(100% - var(--age,0%));background:var(--sk-search);opacity:.7;transition:width .6s}
.cc-slot.empty{border-style:dashed;background:none}
.cc-slot.empty b{color:var(--sk-text-4)}
.cc-slot.empty i{width:0}
.cc-slot.lock{border-color:var(--sk-ai);animation:ccLock .5s cubic-bezier(.2,1.4,.5,1) both}
.cc-slot.lock b{color:var(--sk-text)}
.cc-slot.seen{border-color:var(--sk-bots);background:#2a2410}
.cc-slot.seen b{color:var(--sk-bots)}
@keyframes ccLock{from{transform:scale(.6);opacity:.2}to{transform:none;opacity:1}}
.cc-out{display:flex;flex-wrap:wrap;gap:.4rem .6rem;align-items:center;margin:0;padding:.7rem .9rem;min-height:3.6em;border-top:1px solid var(--sk-line);color:var(--sk-text-2);font:400 .84rem/1.5 var(--sk-sans)}

/* ---------- 01: the lookup ladder ---------- */
.cc-lad{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:2rem;align-items:start;margin-top:1.5rem}
.cc-pick{display:flex;flex-direction:column;gap:.45rem}
.cc-pick button{position:relative;display:flex;flex-direction:column;gap:.1rem;padding:.65rem .9rem;border:1px solid var(--sk-line-2);border-radius:6px;background:var(--sk-ink-2);color:var(--sk-text-2);text-align:left;cursor:pointer;overflow:hidden;transition:border-color .25s,background .25s}
.cc-pick button b{font:600 .82rem var(--sk-mono);color:var(--sk-text)}
.cc-pick button small{font:400 .78rem var(--sk-sans);color:var(--sk-text-3)}
.cc-pick button[aria-checked="true"]{border-color:var(--sk-ai);background:#1f1812}
.cc-pick button[aria-checked="true"] b{color:var(--sk-ai)}
.cc-try{margin:.4rem 0 0}
.cc-id .cc-try{margin:.7rem 0 1.1rem}
.cc-ladder{padding:1.3rem;border:1px solid var(--sk-line-2);border-radius:8px;background:var(--sk-deep)}
.cc-k{margin:0 0 .5rem;font:500 .68rem var(--sk-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sk-text-4)}
.cc-body{margin:0 0 1.1rem;padding:.75rem .9rem;border-left:3px solid var(--sk-line-2);background:#0d1620;color:var(--sk-text-2);font:400 .76rem/1.55 var(--sk-mono);white-space:pre-wrap;overflow-wrap:anywhere}
.cc-rungs{margin:0;padding:0;list-style:none;counter-reset:r}
.cc-rungs li{counter-increment:r;position:relative;display:flex;flex-direction:column;gap:.2rem;margin:0 0 .45rem;padding:.6rem .8rem .6rem 2.6rem;border:1px solid var(--sk-line);border-radius:5px;color:var(--sk-text-3);font-size:.84rem;transition:border-color .3s,background .3s,color .3s}
.cc-rungs li::before{content:counter(r);position:absolute;left:.8rem;top:.6rem;display:inline-grid;place-items:center;width:1.2rem;height:1.2rem;border:1px solid var(--sk-line-2);border-radius:50%;font:500 .64rem var(--sk-mono)}
.cc-rungs code{font-size:.74rem;color:var(--sk-text-2)}
.cc-ladder[data-state="skv"] .cc-r1,.cc-ladder[data-state="utm"] .cc-r2,.cc-ladder[data-state="ask"] .cc-r3{border-color:var(--sk-search);background:#0f231c;color:var(--sk-text)}
.cc-ladder[data-state="skv"] .cc-r1::before,.cc-ladder[data-state="utm"] .cc-r2::before,.cc-ladder[data-state="ask"] .cc-r3::before{background:var(--sk-search);border-color:var(--sk-search);color:var(--sk-deep)}
.cc-ladder[data-state="bad"] .cc-r1{border-color:var(--sk-bots);border-style:dashed}
.cc-ladder[data-state="skv"] .cc-r2,.cc-ladder[data-state="skv"] .cc-r3,.cc-ladder[data-state="utm"] .cc-r3{opacity:.45}
.cc-vid{margin:1rem 0 .4rem;color:var(--sk-text-3);font:400 .76rem var(--sk-mono);overflow-wrap:anywhere}
.cc-vid b{color:var(--sk-people-t);font-weight:600}
.cc-ladder[data-state="bad"] .cc-vid b,.cc-ladder[data-state="none"] .cc-vid b{color:var(--sk-text-4)}
.cc-say{margin:0;color:var(--sk-text-2);line-height:1.55}

/* ---------- 02: the week scrubber ---------- */
.cc-wk{margin-top:1.5rem;padding:1.4rem;border:1px solid var(--sk-paper-line);border-radius:8px;background:#fbf8f2}
.cc-wk-top{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem;margin-bottom:1.2rem}
.cc-wk-top label{font:600 .9rem var(--sk-sans)}
.cc-wk-top label b{font-family:var(--sk-mono);color:var(--sk-ai-deep)}
.cc-wk-top input{flex:1 1 14rem;max-width:26rem;accent-color:var(--sk-ai)}
.cc-wk-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:.35rem}
.cc-wk-who{margin:.6rem 0 0;font:500 .68rem var(--sk-mono);letter-spacing:.08em;text-transform:uppercase;color:#6c7783}
.cc-wk-lane{display:flex;flex-wrap:wrap;gap:.45rem;padding:.55rem;border:1px dashed var(--sk-paper-line);border-radius:6px;min-height:3rem}
.cc-ev{display:inline-flex;flex-wrap:wrap;gap:.3rem;align-items:baseline;padding:.4rem .65rem;border-radius:4px;font:400 .78rem/1.4 var(--sk-mono);transition:opacity .3s,transform .3s}
.cc-ev b{font-weight:600}
.cc-ev code{font-size:.72rem;opacity:.75}
.cc-ev.pg{background:#e3eefb;color:#1d4f8c}
.cc-ev.wh{background:var(--sk-ink);color:#e8edf2}
.cc-ev.wh b{color:#ffb38a}
.cc-ev.off{opacity:.18;transform:scale(.97)}
.cc-ev.now{box-shadow:0 0 0 2px var(--sk-ai)}
.cc-wk-days{display:grid;grid-template-columns:repeat(5,1fr);margin-top:.5rem;font:500 .68rem var(--sk-mono);color:#7c8792}
.cc-wk-days span{padding-top:.3rem;border-top:2px solid var(--sk-paper-line)}
.cc-wk-head{display:none}
.cc-wk-out{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.3rem 0 0}
.cc-wk-out div{padding:.8rem .9rem;border-top:2px solid var(--sk-ink);background:#fff}
.cc-wk-out dt{font:500 .68rem var(--sk-mono);letter-spacing:.08em;text-transform:uppercase;color:#6c7783}
.cc-wk-out dd{margin:.3rem 0 0;line-height:1.5}

/* ---------- 03: the event-type matcher ---------- */
.cc-id{padding:1.4rem;border:1px solid var(--sk-line-2);border-radius:8px;background:var(--sk-ink-2)}
.cc-id-l{display:block;margin-bottom:.4rem;font:600 .85rem var(--sk-sans);color:var(--sk-text-2)}
.cc-id-in{box-sizing:border-box;width:100%;padding:.7rem .85rem;border:1px solid var(--sk-line-2);border-radius:5px;background:var(--sk-deep);color:var(--sk-text);font:400 .84rem var(--sk-mono)}
.cc-id-in:focus{outline:2px solid var(--sk-ai);outline-offset:1px}
.cc-id-pre{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.6rem}
.cc-id-pre button{max-width:100%;padding:.3rem .6rem;border:1px solid var(--sk-line-2);border-radius:999px;background:none;color:var(--sk-text-3);font:400 .72rem var(--sk-mono);overflow-wrap:anywhere;text-align:left;cursor:pointer}
.cc-id-pre button[aria-pressed="true"]{border-color:var(--sk-ai);color:var(--sk-text)}
.cc-forms{display:flex;flex-wrap:wrap;gap:.4rem;min-height:2rem;margin:0 0 1.1rem}
.cc-forms span{padding:.3rem .6rem;border:1px solid var(--sk-line-2);border-radius:4px;background:var(--sk-deep);color:var(--sk-text-2);font:400 .76rem var(--sk-mono);overflow-wrap:anywhere;max-width:100%}
.cc-forms span.hit{border-color:var(--sk-search);color:#9ff0cf}
.cc-forms em{color:var(--sk-text-4);font:400 .8rem var(--sk-sans)}
.cc-evs{display:grid;gap:.5rem}
.cc-evt{display:grid;grid-template-columns:minmax(0,1fr);gap:.3rem;padding:.7rem .8rem;border:1px solid var(--sk-line);border-left-width:3px;border-radius:5px;transition:border-color .3s}
.cc-evt p{margin:0;color:var(--sk-text-2);font-size:.82rem}
.cc-evt code{font-size:.72rem}
.cc-evt b{font:600 .74rem var(--sk-mono);color:var(--sk-text-4)}
.cc-evt.keep{border-left-color:var(--sk-search)}
.cc-evt.keep b{color:var(--sk-search)}
.cc-evt.gone{border-left-color:#5a6672}

/* ---------- 04: setup ---------- */
.cc-setup{margin:1.2rem 0 0;padding-left:1.3rem;line-height:1.6;color:var(--sk-text-2)}
.cc-setup li{margin-bottom:.55rem}

@media (max-width:980px){
  .cc-lad{grid-template-columns:minmax(0,1fr)}
  .cc-wk-out{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .cc-slots{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cc-ladder,.cc-wk,.cc-id{padding:1rem}
  .cc-wk-days{display:none}
}