.integration-card,.integrations-spotlight-slide{--integration-tint:var(--color-primary)}.integration-card[data-marca=google_calendar],.integration-card[data-marca=zapsign],.integration-card[data-marca=advbox],.integrations-spotlight-slide[data-marca=google_calendar],.integrations-spotlight-slide[data-marca=zapsign],.integrations-spotlight-slide[data-marca=advbox]{--integration-tint:var(--color-integrations-tint-blue)}.integration-card[data-marca=meta_capi],.integrations-spotlight-slide[data-marca=meta_capi]{--integration-tint:var(--color-trafego-meta)}.integration-card[data-marca=whatsapp],.integrations-spotlight-slide[data-marca=whatsapp]{--integration-tint:var(--color-vivid-whatsapp)}.integration-card[data-marca=radar],.integrations-spotlight-slide[data-marca=radar]{--integration-tint:var(--color-integrations-tint-amber)}.integration-card[data-marca=judit],.integrations-spotlight-slide[data-marca=judit]{--integration-tint:var(--color-integrations-judit-accent)}.integration-card{gap:var(--space-stack-md);box-sizing:border-box;block-size:100%;inline-size:100%;padding:var(--space-inset-xl) var(--space-inset-lg) var(--space-inset-lg);border:var(--size-border-hairline) solid var(--color-border);border-radius:var(--radius-panel);background-color:var(--color-surface-raised);transition:border-color var(--motion-duration-hover) var(--motion-ease-standard), box-shadow var(--motion-duration-hover) var(--motion-ease-standard), translate var(--motion-duration-hover) var(--motion-ease-standard);flex-direction:column;display:flex}.integration-card:hover{border-color:color-mix(in oklch, var(--color-border) 45%, var(--integration-tint));box-shadow:var(--elevation-card-hover)}@media (prefers-reduced-motion:no-preference){.integration-card:hover{translate:0 calc(-1 * var(--space-inset-2xs))}}.integration-card[data-estado=conectado]{border-color:color-mix(in oklch, var(--color-border) 50%, var(--color-status-pill-ok-dot))}.integration-card[data-estado=breve]{background-color:#0000;border-style:dashed}.integration-card-topo{justify-content:space-between;align-items:flex-start;gap:var(--space-stack-sm);display:flex}.integration-card-tile{inline-size:var(--size-control-height-xl);block-size:var(--size-control-height-xl);border:var(--size-border-hairline) solid color-mix(in oklch, var(--integration-tint) 35%, transparent);border-radius:var(--radius-control);background-color:color-mix(in oklch, var(--integration-tint) 16%, var(--color-surface-raised));flex-shrink:0;place-items:center;display:grid}.integration-card-logo-img{object-fit:contain}.integration-card-logo-img[data-nudge]{translate:0 var(--size-border-hairline)}.integration-judit-logo{-webkit-user-select:none;user-select:none;font-weight:var(--type-weight-heading);letter-spacing:var(--type-tracking-brand-logo);align-items:baseline;display:flex}.integration-judit-jud{color:var(--color-integrations-judit-jud)}.integration-judit-it{color:var(--color-integrations-judit-accent)}.integration-card-identidade{gap:var(--space-inset-xs);flex-direction:column;display:flex}.integration-card-title{font-size:var(--type-size-body);font-weight:var(--type-weight-heading);line-height:var(--type-leading-tight);letter-spacing:var(--type-tracking-card-title);color:var(--color-text);margin:0}.integration-card-desc{font-size:var(--type-size-control-sm);line-height:var(--type-leading-snug);color:var(--color-text-subtle);margin:0}.integration-card-features{gap:var(--space-inset-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.integration-card-feature{align-items:flex-start;gap:var(--space-inset-sm);font-size:var(--type-size-control-xs);line-height:var(--type-leading-snug);color:var(--color-text-muted);display:flex}.integration-card-feature-dot{inline-size:var(--space-vivid-dot);block-size:var(--space-vivid-dot);border-radius:var(--radius-pill);background-color:var(--integration-tint);flex-shrink:0;margin-block-start:var(--space-inset-xs)}.integration-card-rodape{align-items:stretch;gap:var(--space-inset-sm);flex-direction:column;margin-block-start:auto;display:flex}.integration-card-rodape>.btn{inline-size:100%}.integration-card-extras{min-block-size:var(--size-control-height-sm);align-items:center;gap:var(--space-inset-xs);flex-wrap:nowrap;margin-inline-start:calc(-1 * var(--space-inset-sm));display:flex}.integration-status-pill{align-items:center;gap:var(--space-connect-badge-py);border-radius:var(--radius-pill);padding:var(--space-inset-xs) var(--space-inset-sm);font-size:var(--type-size-fine);font-weight:var(--type-weight-strong);white-space:nowrap;flex-shrink:0;display:inline-flex}.integration-status-pill[data-tone=ok]{background-color:var(--color-status-pill-ok-bg);color:var(--color-status-pill-ok-text)}.integration-status-pill[data-tone=ok] .integration-status-dot{background-color:var(--color-status-pill-ok-dot)}.integration-status-pill[data-tone=off]{background-color:var(--color-status-pill-off-bg);color:var(--color-status-pill-off-text)}.integration-status-pill[data-tone=off] .integration-status-dot{background-color:var(--color-status-pill-off-dot)}.integration-status-pill[data-tone=warn]{background-color:var(--color-status-pill-warn-bg);color:var(--color-text-action)}.integration-status-pill[data-tone=warn] .integration-status-dot{background-color:var(--color-status-pill-warn-dot)}.integration-status-pill[data-tone=err]{background-color:var(--color-status-pill-err-bg);color:var(--color-status-pill-err-text)}.integration-status-pill[data-tone=err] .integration-status-dot{background-color:var(--color-status-pill-err-dot)}.integration-status-pill[data-tone=primario]{background-color:color-mix(in oklch, var(--color-primary) 16%, transparent);color:var(--color-text-action)}.integration-status-pill[data-tone=primario] .integration-status-dot{background-color:var(--color-primary)}.integration-status-pill[data-tone=neutro]{background-color:var(--color-muted);color:var(--color-text-subtle)}.integration-status-pill[data-tone=neutro] .integration-status-dot{background-color:var(--color-text-subtle)}.integration-status-dot{inline-size:var(--space-vivid-dot);block-size:var(--space-vivid-dot);border-radius:var(--radius-pill)}.integration-info-box{gap:var(--space-connect-badge-py);border:var(--size-border-hairline) solid color-mix(in srgb, var(--color-border) 50%, transparent);border-radius:var(--radius-field);background-color:color-mix(in srgb, var(--color-muted) 40%, transparent);padding:var(--space-inset-sm);flex-direction:column;display:flex}.integration-info-pixel{font-size:var(--type-size-fine);color:var(--color-text-muted);display:block}.integration-info-pixel span{font-weight:var(--type-weight-strong);color:var(--color-text)}.integration-info-expiry{font-size:var(--type-size-control-xs);color:var(--color-text);justify-content:space-between;align-items:center;display:flex}.integration-info-expiry .integration-info-muted{color:var(--color-text-muted)}.integration-info-expiry [data-expired]{font-weight:var(--type-weight-strong);color:var(--color-danger)}.integration-info-error,.integration-info-reconnect{align-items:flex-start;gap:var(--space-connect-badge-py);font-size:var(--type-size-control-xs);margin:0;display:flex}.integration-info-error svg,.integration-info-reconnect svg{flex-shrink:0;margin-block-start:var(--space-inset-2xs)}.integration-info-error span,.integration-info-reconnect span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.integration-info-error{color:var(--color-danger)}.integration-info-reconnect{color:var(--color-text-action)}.integration-skeleton-title{block-size:var(--space-stack-lg);inline-size:var(--size-integrations-skeleton-title-width)}.integration-skeleton-desc,.integration-skeleton-feature{block-size:var(--size-integrations-skeleton-line-height);inline-size:var(--size-integrations-skeleton-line-width)}