/* inenFTS — Metronic üzerine küçük eklemeler. Satır içi stil yoktur (CSP). */

/* Kurumsal renk: Metronic'in ana rengi INENSOFT kırmızısı */
:root, [data-bs-theme=light] {
    --bs-primary: #d11f1f;
    --bs-primary-active: #a3181a;
    --bs-primary-light: #fdecec;
    --bs-primary-clarity: rgba(209, 31, 31, .2);
    --bs-primary-inverse: #fff;
    --bs-primary-rgb: 209, 31, 31;
    --bs-text-primary: #d11f1f;
    --bs-link-color: #d11f1f;
    --bs-link-hover-color: #a3181a;
    --bs-link-color-rgb: 209, 31, 31;
    --bs-link-hover-color-rgb: 163, 24, 26;
}

.form-check-input:checked { background-color: var(--bs-primary); border-color: var(--bs-primary); }

/* WeTransfer tarzı: tam ekran görsel, solda yüzen kart */
.fts-sahne { min-height: 100vh; background: #f4f5f7 url("../img/arka-plan.svg") center / cover no-repeat; display: flex; flex-direction: column; }
.fts-ust { display: flex; align-items: center; justify-content: space-between; padding: 1.5rem 2rem; }
.fts-logo { display: flex; align-items: center; gap: .85rem; color: #1a1a1a; font-weight: 700; font-size: 2rem; letter-spacing: .3px; line-height: 1; text-decoration: none; }
.fts-logo:hover { color: #1a1a1a; }
.fts-logo .fts-isaret { width: 60px; height: 60px; filter: drop-shadow(0 6px 12px rgba(209, 31, 31, .25)); }
.fts-yonetim .fts-logo { font-size: 1.6rem; }
.fts-yonetim .fts-logo .fts-isaret { width: 44px; height: 44px; }
.fts-logo span { font-weight: 500; }
.fts-logo b { font-weight: 800; color: #d11f1f; }
.fts-ust .fts-slogan { color: #6b6b73; font-size: .95rem; }
.fts-govde { flex: 1; display: flex; align-items: center; padding: 1rem 2rem 3rem 6vw; }
.fts-kart { width: 100%; max-width: 400px; border-radius: 1.25rem; box-shadow: 0 24px 60px rgba(26, 26, 26, .12); }
.fts-kart.genis { max-width: 520px; }
.fts-alt { color: #8a8a93; font-size: .85rem; padding: 0 2rem 1.5rem; }

/* Bırakma alanı: WeTransfer'deki büyük "+" düğmesi */
.fts-birak { display: flex; align-items: center; gap: 1rem; border: 2px dashed var(--bs-gray-300); border-radius: 1rem; padding: 1.25rem; cursor: pointer; transition: border-color .2s, background-color .2s; }
.fts-birak:hover, .fts-birak:focus, .fts-birak.uzerinde { border-color: var(--bs-primary); background: var(--bs-primary-light); outline: none; }
.fts-birak .arti { flex: none; width: 52px; height: 52px; border-radius: 50%; background: var(--bs-primary); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 2rem; line-height: 1; }

.fts-dosyalar { max-height: 260px; overflow-y: auto; }
.fts-dosyalar li { display: flex; align-items: center; gap: .75rem; padding: .6rem 0; border-bottom: 1px dashed var(--bs-gray-200); }
.fts-dosyalar li:last-child { border-bottom: 0; }
.fts-dosyalar .ad { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: var(--bs-gray-800); }
.fts-dosyalar .boy { flex: none; color: var(--bs-gray-500); font-size: .85rem; }
.fts-dosyalar .durum { flex: none; width: 1.25rem; text-align: center; }
.fts-dosyalar li.yuklendi .durum::before { content: "✓"; color: var(--bs-success); font-weight: 700; }
.fts-dosyalar li.bekliyor .durum::before { content: "•"; color: var(--bs-gray-400); }
.fts-dosyalar li.hatali .durum::before { content: "!"; color: var(--bs-danger); font-weight: 700; }
.fts-dosyalar li.hatali .ad { color: var(--bs-danger); }
.fts-dosyalar .kaldir { flex: none; border: 0; background: none; color: var(--bs-gray-500); padding: 0 .25rem; }
.fts-dosyalar .kaldir:hover { color: var(--bs-danger); }

.fts-ilerleme .progress-bar { transition: width .15s; }
.fts-ilerleme[hidden], .alert[hidden] { display: none !important; }
.fts-kod { font-size: 1.75rem; letter-spacing: .6rem; text-align: center; font-weight: 700; }
.fts-gorsel { height: 120px; }

/* Yönetim */
.fts-yonetim { min-height: 100vh; background: var(--bs-gray-100); }
.fts-yonetim .fts-ust { border-bottom: 1px solid var(--bs-gray-200); background: #f4f5f7 url("../img/arka-plan.svg") center / cover no-repeat; }
.fts-yonetim .nav-link { color: var(--bs-gray-700); border-radius: .65rem; padding: .5rem 1rem; }
.fts-yonetim .nav-link.active, .fts-yonetim .nav-link:hover { color: var(--bs-primary); background: var(--bs-primary-light); }
.fts-not { white-space: pre-wrap; overflow-wrap: anywhere; max-width: 360px; }
.validation-summary-valid { display: none !important; }
.validation-summary-errors ul { margin: 0; padding-left: 1rem; }

@media (max-width: 767px) {
    .fts-govde { padding: 1rem; justify-content: center; }
    .fts-ust { padding: 1rem; }
    .fts-logo { font-size: 1.5rem; }
    .fts-logo .fts-isaret { width: 44px; height: 44px; }
    .fts-ust .fts-slogan { display: none; }
}