/* int-catalog.css — catálogo de integrações (int-catalog.js). Tema claro por
 * padrão; dentro de body.bt-site (CAASM, BeforeTHEM) usa as cores escuras. */
.ic {
  --ic-bg: #fff; --ic-line: var(--border, #e3e7ef); --ic-text: var(--text, #1d2433); --ic-strong: var(--text-strong, #0b1020);
  --ic-muted: var(--text-muted, #5b6478); --ic-chip: #f3f5f9; --ic-on: #0b1030; --ic-on-text: #fff; --ic-logo: #eef2f8; --ic-uif: #6b5cff;
  margin-top: var(--sp-6);
}
.bt-site .ic {
  --ic-bg: rgba(255, 255, 255, 0.03); --ic-line: var(--bt-line-strong, rgba(255, 255, 255, 0.12)); --ic-text: var(--bt-text, #c9cbe0);
  --ic-strong: #fff; --ic-muted: var(--bt-muted, #8d90aa); --ic-chip: rgba(255, 255, 255, 0.05); --ic-on: var(--bt-accent, #8b7bff);
  --ic-on-text: #0c0d17; --ic-logo: rgba(255, 255, 255, 0.07); --ic-uif: #a597ff;
}
.ic__bar { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; }
.ic__search {
  flex: 1 1 260px; max-width: 360px; padding: 10px 14px; border-radius: 10px; border: 1px solid var(--ic-line);
  background: var(--ic-bg); color: var(--ic-strong); font: inherit; font-size: var(--fs-sm);
}
.ic__search::placeholder { color: var(--ic-muted); }
.ic__status, .ic__cats { display: flex; flex-wrap: wrap; gap: 6px; }
.ic__cats { margin-top: 14px; }
.ic__status button, .ic__cats button {
  display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--ic-line);
  background: var(--ic-chip); color: var(--ic-text); font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer;
}
.ic__status button.is-on, .ic__cats button.is-on { background: var(--ic-on); color: var(--ic-on-text); border-color: transparent; }
.ic__group { margin-top: var(--sp-6); }
.ic__group h3 { display: flex; align-items: baseline; gap: 10px; font-size: var(--fs-md, 1.05rem); color: var(--ic-strong); margin: 0 0 12px; }
.ic__group h3 span { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ic-muted); }
.ic__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px; }
.ic__card {
  display: flex; flex-direction: column; gap: 10px; padding: 14px 16px; border: 1px solid var(--ic-line); border-radius: 12px; background: var(--ic-bg);
}
.ic__head { display: flex; gap: 12px; align-items: center; }
.ic__head strong { display: block; color: var(--ic-strong); font-size: var(--fs-sm); line-height: 1.25; }
.ic__head small { display: block; color: var(--ic-muted); font-size: 10.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; margin-top: 2px; }
.ic__logo {
  flex: 0 0 36px; width: 36px; height: 36px; border-radius: 9px; display: grid; place-items: center; background: var(--ic-logo);
  color: var(--ic-strong); font-size: 12px; font-weight: 800; letter-spacing: .02em;
}
.ic__card p { margin: 0; color: var(--ic-text); font-size: 13px; line-height: 1.45; flex: 1; }
.ic__foot { display: flex; justify-content: flex-start; align-items: center; gap: 8px; flex-wrap: wrap; }
.ic__st { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 700; color: var(--ic-text); }
.ic__dot { width: 7px; height: 7px; border-radius: 50%; display: inline-block; }
.ic__dot--ok { background: #22c55e; }
.ic__dot--demand { background: #f59e0b; }
.ic__dot--soon { background: #94a3b8; }
.ic__scope { font-size: 10.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--ic-muted); }
.ic__scope--uif { color: var(--ic-uif); }
.ic__legend, .ic__none { margin-top: var(--sp-6); font-size: var(--fs-sm); color: var(--ic-muted); }
@media (max-width: 560px) { .ic__search { max-width: none; } .ic__grid { grid-template-columns: 1fr; } }
.ic__check { font-style: normal; color: #22c55e; font-weight: 800; }
.ic__scope { padding: 3px 8px; border-radius: 999px; border: 1px solid var(--ic-line); }
.ic__scope--base { color: #16a34a; border-color: rgba(34, 197, 94, 0.35); }
.ic__scope--uif { border-color: color-mix(in srgb, var(--ic-uif) 40%, transparent); }