.integration-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--panel);margin-bottom:24px}.integration-intro small{color:#4676ca;font-weight:700;letter-spacing:1.5px}.integration-intro h2{margin:10px 0;font-size:24px}.integration-intro p{color:var(--muted);max-width:750px;line-height:1.6}.integration-toolbar{display:flex;gap:20px;align-items:end;flex-wrap:wrap;margin-bottom:24px}.integration-toolbar label{display:grid;gap:8px;font-size:13px;min-width:250px}.integration-tabs{display:flex;gap:8px;flex-wrap:wrap}.integration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.integration-card{padding:24px;display:flex;flex-direction:column;gap:10px}.integration-logo{display:grid;place-items:center;width:56px;height:56px;background:var(--app-color);border-radius:15px;color:white;font-size:22px;font-weight:700;margin-bottom:8px}.integration-card h3{margin:0;font-size:18px}.integration-card>small,.integration-card p{color:var(--muted)}.integration-card p{line-height:1.6;margin:0 0 16px;flex:1}.integration-card footer{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}.integration-pipeline{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px}.integration-pipeline aside{align-self:start;line-height:1.6}.integration-stages{display:flex;gap:16px;overflow:auto;padding-bottom:12px;align-items:flex-start}.integration-stage{flex:0 0 280px;padding:18px;min-height:250px;border-top:3px solid #4775d1}.integration-stage h3{margin:0 0 22px}.integration-rule{padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--panel-soft);margin-bottom:16px}.integration-rule h4{margin:14px 0 8px}.integration-rule small{display:block;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);margin-bottom:14px}.integration-rule p{font-size:14px}@media(max-width:750px){.integration-intro{flex-direction:column;align-items:start}.integration-pipeline{grid-template-columns:1fr}}
.integration-brand img,.integration-brand svg{display:block;width:34px;height:34px;object-fit:contain}.integration-brand img{filter:brightness(0) invert(1)}.integration-brand[data-brand="IG"]{background:linear-gradient(35deg,#ffbf45,#ed386e 48%,#943ec5 80%)}.integration-brand[data-brand="M"]{background:linear-gradient(145deg,#497aff,#a345ef)}.integration-brand[data-brand="C"]{background:#fff;border:1px solid var(--line)}.integration-brand[data-brand="C"] img{filter:none;width:48px;height:48px}.integration-brand[data-brand="AI"]{background:#172b32}
/* Categorias no padrão de abas da Clarity. */
.integration-tabs{gap:0;align-items:stretch;border-bottom:1px solid var(--line);flex:1;min-width:0}.integration-tab{font:inherit;font-size:13px;font-weight:500;color:var(--muted);background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;padding:13px 16px;cursor:pointer;margin-bottom:-1px;white-space:nowrap}.integration-tab.active{color:#2457c5;border-bottom-color:#4b8bff}.integration-tab:hover{color:#2457c5;background:var(--panel-soft)}.integration-tab:focus-visible{outline:2px solid #4b8bff;outline-offset:-3px}body.dark .integration-tab.active,body.dark .integration-tab:hover{color:#93b8ff}
.meta-readiness{padding-left:20px;line-height:1.6}.meta-readiness li{padding:10px 0;border-bottom:1px solid var(--line)}.meta-readiness .pill{margin-right:8px}