/* Ayarlar > Platform Entegrasyonlari (Bagli Hesaplar) */
.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 acilmamis platform: ad + "Yakinda", dugme yok. */
.atl-int--soon { opacity: .55; }
.atl-int__soon {
    font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
    color: var(--atl-faint);
}
.atl-int__head { display: flex; align-items: center; gap: 11px; }
.atl-int__head-main { min-width: 0; }
.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);
    display: flex; align-items: center; flex-wrap: wrap; gap: 6px;
}
.atl-int__desc { font-size: 11.5px; line-height: 1.35; color: var(--atl-faint); margin-top: 2px; }
/* Onay bekleyen platform: yalniz ic kullaniciya gorunur, ona da hatirlatilir. */
.atl-int__stage {
    font-size: 9.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
    padding: 2px 7px; border-radius: 999px;
    background: var(--atl-surface-2); color: var(--atl-faint);
}
.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__acct {
    display: flex; align-items: flex-start; gap: 10px;
    padding: 9px; border: 1px solid var(--atl-line); border-radius: 11px;
}
/* Yeniden baglanmasi gereken hesap: sari, tek bir "Yeniden bagla". */
.atl-int__acct--warn {
    border-color: color-mix(in oklab, var(--atl-warn, #f59e0b) 55%, var(--atl-line));
    background: color-mix(in oklab, var(--atl-warn, #f59e0b) 8%, transparent);
}
.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-handle {
    font-size: 11.5px; color: var(--atl-faint);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.atl-int__acct-meta { margin-top: 5px; display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
/* Varsayilan yap / Baglantiyi kes: etiketlerin altinda, kucuk baglantilar. */
.atl-int__acct-actions { margin-top: 6px; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.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);
}
/* Ne yapabildigi: Canli yayin / Kisa video / Gonderi. */
.atl-int__cap {
    font-size: 10.5px; font-weight: 600; padding: 1px 7px; border-radius: 999px;
    border: 1px solid var(--atl-line); color: var(--atl-ink);
}
.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__link--strong { font-weight: 700; color: var(--atl-ink); }
.atl-int__cut {
    background: none; border: 0; padding: 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__warn { font-size: 11.5px; color: var(--atl-warn, #b45309); margin-top: 5px; }
.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; } }

/* Ekipte viewer: neden "Hesap bagla" olmadigini soyleyen satir. */
.atl-int__ws--note { margin-top: -8px; }
/* Birden fazla hesap var, hicbiri varsayilan degil. */
.atl-int__hint { margin: 0; font-size: 11.5px; color: var(--atl-faint); }

/* Facebook birden cok Sayfa dondurdu: bu alana hangileri eklensin (yalniz secilenler). */
.atl-int__pick {
    display: flex; flex-direction: column; gap: 8px;
    padding: 10px; border-radius: 11px;
    border: 1px solid color-mix(in oklab, var(--atl-accent) 45%, var(--atl-line));
    background: color-mix(in oklab, var(--atl-accent) 6%, transparent);
}
.atl-int__pick-title { font-size: 12.5px; font-weight: 700; color: var(--atl-ink); }
.atl-int__pick-row { display: flex; align-items: center; gap: 9px; min-width: 0; cursor: pointer; }
.atl-int__pick-row input { flex: none; margin: 0; width: 15px; height: 15px; accent-color: var(--atl-accent); }
.atl-int__pick-main { flex: 1; min-width: 0; }
.atl-int__pick-main .atl-int__acct-name,
.atl-int__pick-main .atl-int__acct-handle { display: block; }
.atl-int__pick-actions { display: flex; align-items: center; gap: 12px; margin-top: 2px; }
.atl-int .atl-btn:disabled { opacity: .45; cursor: default; transform: none; box-shadow: none; }
.atl-int__link:disabled { opacity: .45; cursor: default; }