/* Ayarlar > Platform Entegrasyonlari */
.atl-integrations { width: 100%; margin-top: 14px; }
.atl-int__ws { font-size: 12.5px; color: var(--atl-faint); margin: 0 0 14px; }
.atl-int__grid {
    display: grid; gap: 12px;
    grid-template-columns: repeat(auto-fill, minmax(268px, 1fr));
}
.atl-int {
    border: 1px solid var(--atl-line); border-radius: 14px;
    background: var(--atl-surface-1); padding: 14px;
    display: flex; flex-direction: column; gap: 12px;
}
/* Henuz desteklenmeyen platformlar: yerini goster ama one cikma. */
.atl-int--soon { opacity: .55; }
.atl-int__head { display: flex; align-items: center; gap: 11px; }
.atl-int__icon {
    width: 34px; height: 34px; border-radius: 10px; flex: none;
    display: grid; place-items: center; font-size: 16px; color: #fff;
    background: var(--int-color, #555);
}
.atl-int__name { font-size: 13.5px; font-weight: 700; color: var(--atl-ink); }
.atl-int__count { font-size: 11.5px; color: var(--atl-faint); margin-top: 1px; }
.atl-int__body { display: flex; flex-direction: column; gap: 9px; }
.atl-int__empty { margin: 0; font-size: 12.5px; color: var(--atl-faint); }
.atl-int__soon {
    font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
    color: var(--atl-faint);
}
.atl-int__acct {
    display: flex; align-items: center; gap: 10px;
    padding: 9px; border: 1px solid var(--atl-line); border-radius: 11px;
}
.atl-int__avatar { width: 30px; height: 30px; border-radius: 50%; flex: none; object-fit: cover; }
.atl-int__avatar--blank { display: grid; place-items: center; background: var(--atl-surface-2); color: var(--atl-faint); }
.atl-int__acct-main { flex: 1; min-width: 0; }
.atl-int__acct-name {
    font-size: 12.5px; font-weight: 600; color: var(--atl-ink);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.atl-int__acct-meta { margin-top: 3px; }
.atl-int__badge {
    font-size: 10.5px; font-weight: 700; padding: 2px 7px; border-radius: 999px;
    background: color-mix(in oklab, var(--atl-accent) 16%, transparent); color: var(--atl-accent);
}
.atl-int__link {
    background: none; border: 0; padding: 0; cursor: pointer; font-family: inherit;
    font-size: 11.5px; color: var(--atl-faint); text-decoration: underline;
}
.atl-int__link:hover { color: var(--atl-ink); }
.atl-int__cut {
    background: none; border: 0; cursor: pointer; font-family: inherit; flex: none;
    font-size: 11.5px; color: var(--atl-faint);
}
.atl-int__cut:hover { color: var(--atl-danger, #ef4444); }
.atl-int__err { font-size: 11.5px; color: var(--atl-warn); margin-top: 4px; }
.atl-int__sk {
    height: 46px; border-radius: 11px;
    background: linear-gradient(90deg, var(--atl-surface-2) 25%, var(--atl-surface-1) 50%, var(--atl-surface-2) 75%);
    background-size: 200% 100%; animation: atl-int-sk 1.2s infinite;
}
@keyframes atl-int-sk { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
@media (prefers-reduced-motion: reduce) { .atl-int__sk { animation: none; } }