/* ============================================================
   PASSAGE by Khoshà — CMA / CA lookup page styles
   Namespaced cc- so it can never collide with styles.css. Reuses the
   app's tokens + existing .panel/.pill/.btn/.hint classes throughout.
   ============================================================ */

.cc-input{max-width:320px;flex:0 0 auto}

.cc-caveat{
  margin-top:12px;
  font-size:12px;
  line-height:1.55;
  padding:10px 14px;
  border-radius:var(--r-sm);
  background:rgba(169,130,76,.09);
  color:var(--gold-deep);
  border:1px solid rgba(169,130,76,.20);
}

.cc-panel{margin-top:16px}

.cc-place{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.cc-place-prov{font-size:12.5px}

.cc-kind-badge{
  display:inline-flex;
  align-items:center;
  font-family:var(--disp);
  font-weight:700;
  font-size:11px;
  letter-spacing:.05em;
  padding:3px 10px;
  border-radius:99px;
}
.cc-kind-cma{background:rgba(140,59,46,.12);color:var(--red)}
.cc-kind-ca{background:rgba(47,82,73,.14);color:var(--green-soft)}

.cc-verdict{
  font-size:13.5px;
  line-height:1.6;
  padding:12px 14px;
  border-radius:var(--r-md);
}
.cc-verdict-ok{background:rgba(47,82,73,.09);color:var(--green-soft)}
.cc-verdict-risk{background:rgba(140,59,46,.09);color:var(--red)}
.cc-verdict-unknown{background:var(--bone);color:var(--ink-soft)}
.cc-verdict a{color:inherit;text-decoration:underline;font-weight:600}

.cc-windows{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.cc-win{
  border:1px solid var(--stroke-soft);
  border-radius:var(--r-sm);
  padding:10px 12px;
  text-align:center;
}
.cc-win-range{font-size:11px;color:var(--ink-faint);margin-bottom:6px;line-height:1.4}
.cc-win-rate{font-variant-numeric:tabular-nums;display:flex;align-items:center;justify-content:center;gap:6px}
.cc-win.cc-win-now{
  background:rgba(169,130,76,.07);
  box-shadow:inset 0 0 0 1px rgba(169,130,76,.32);
}

.cc-notfound{
  font-size:13.5px;
  line-height:1.6;
  color:var(--ink-soft);
  background:var(--bone);
  border-radius:var(--r-md);
  padding:12px 14px;
}

@media (max-width:760px){
  .cc-input{max-width:100%;width:100%;flex:1 1 100%}
  .cc-place{flex-direction:column;align-items:flex-start;gap:4px}
}