/* ============================================================
   AgeKaderWeb - UYE/YONETIM CALISMA ALANI (acik zemin)
   ------------------------------------------------------------
   Sol menu koyu kaliyor, sagdaki calisma alani acik bej zemine
   geciyor: uzun sureli okuma/veri girisi icin siyah zemin yoruyordu.

   Kapsam: .app-content ve altindakiler. Menu (.app-sidebar) bu
   dosyadan hic etkilenmez, linear-theme.css'teki koyu tokenlarla
   devam eder. Ziyaretci temasina (body.theme-light) da dokunmaz.

   Kontrast: govde metni ve ikincil metinler bej zeminde en az
   4.5:1 olacak sekilde secildi; linear-theme'deki acik-uzerine-koyu
   icin ayarlanmis sabit renkler (rozet/uyari metinleri) burada
   koyu karsiliklariyla eziliyor.
   ============================================================ */

.app-content {
    /* Zemin ve yuzeyler - ziyaretci temasiyla ayni aileden, biraz daha noter */
    --ak-canvas: #f7f3ed;
    --ak-surface-1: #fffdf9;   /* kartlar, form alanlari */
    --ak-surface-2: #f0eae1;
    --ak-surface-3: #e6ded2;
    --ak-surface-4: #dbd1c3;

    --ak-hairline: #e3dbd0;
    --ak-hairline-strong: #cec2b3;
    --ak-hairline-tertiary: #b3a89a;

    /* Metin - hepsi bej zeminde >= 4.5:1 */
    --ak-ink: #1b1713;
    --ak-ink-muted: #564d44;
    --ak-ink-subtle: #6b6259;
    --ak-ink-tertiary: #6f665c;   /* eyebrow/placeholder da 4.5:1 gecsin */

    /* Vurgu - menudeki indigo ile ayni aile, acik zeminde okunacak kadar koyu */
    --ak-primary: #4a55c7;
    --ak-primary-hover: #3a44a8;
    --ak-primary-focus: #3a44a8;
    --ak-on-primary: #ffffff;

    --ak-success: #1e7a38;
    --ak-warning: #8a6412;
    --ak-danger: #b3272c;
    --ak-info: #4a55c7;

    --bs-body-bg: var(--ak-canvas);
    --bs-body-color: var(--ak-ink);
    --bs-border-color: var(--ak-hairline);
    --bs-secondary-color: var(--ak-ink-subtle);
    --bs-tertiary-color: var(--ak-ink-tertiary);
    --bs-tertiary-bg: var(--ak-surface-2);
    --bs-link-color: var(--ak-primary);
    --bs-link-hover-color: var(--ak-primary-hover);
    --bs-emphasis-color: var(--ak-ink);
    --bs-heading-color: var(--ak-ink);

    background: var(--ak-canvas);
    color: var(--ak-ink);
}

/* Menu ile calisma alani arasinda kalan bosluk da acik olsun */
body.app-authed { background: #f7f3ed; }

.app-content h1, .app-content h2, .app-content h3,
.app-content .h1, .app-content .h2, .app-content .h3,
.app-content h4, .app-content h5, .app-content h6 {
    color: var(--ak-ink);
}

/* :not(.btn) sart: dugme olarak cizilen <a>'larin kendi metin rengi ezilmesin,
   yoksa dolu dugmede yazi zeminle ayni renge duser. */
.app-content a:not(.btn) { color: var(--ak-primary); }
.app-content a:not(.btn):hover { color: var(--ak-primary-hover); }

/* Dolu dugmelerde metin her zaman beyaz kalir */
.app-content .btn-primary,
.app-content .btn-primary:hover,
.app-content .btn-primary:focus,
.app-content a.btn-primary { color: #ffffff; }
.app-content .btn-gold { color: #1b1713; }

/* Bootstrap'in yardimci metin siniflari koyu zemin icin ayarlanmisti */
.app-content .text-muted { color: var(--ak-ink-subtle) !important; }
.app-content .form-text { color: var(--ak-ink-subtle); }
.app-content .text-soft { color: var(--ak-ink-subtle); }

/* Bootstrap renk yardimcilari da koyu zemine gore ezilmisti (ornek: .text-success
   #4ed670 bej uzerinde 1.85:1 kaliyordu). Acik zemin karsiliklari: */
.app-content .text-success { color: #1a6a31 !important; }
.app-content .text-warning { color: #7a5710 !important; }
.app-content .text-danger  { color: #9e2126 !important; }
.app-content .text-info    { color: #2f3aa3 !important; }
.app-content .text-primary { color: #2f3aa3 !important; }

/* ---------- Rozetler: acik zeminde koyu metin ---------- */
.app-content .badge.bg-info {
    background-color: #e6e8fa !important;
    color: #2f3aa3 !important;
    border-color: #c3c8f0;
}
.app-content .badge.bg-warning {
    background-color: #f8eed2 !important;
    color: #7a5710 !important;
    border-color: #e6d3a1;
}
.app-content .badge.bg-success {
    background-color: #dcefe1 !important;
    color: #1a6a31 !important;
    border-color: #b3ddc0;
}
.app-content .badge.bg-danger {
    background-color: #f9dedf !important;
    color: #9e2126 !important;
    border-color: #eec0c2;
}
.app-content .badge.bg-primary {
    background-color: #e6e8fa !important;
    color: #2f3aa3 !important;
    border-color: #c3c8f0;
}
.app-content .badge.bg-secondary {
    background-color: var(--ak-surface-2) !important;
    color: var(--ak-ink-muted) !important;
    border-color: var(--ak-hairline);
}
.app-content .badge.bg-dark {
    background-color: var(--ak-surface-3) !important;
    color: var(--ak-ink-muted) !important;
    border-color: var(--ak-hairline-strong);
}

/* ---------- Uyari kutulari ---------- */
.app-content .alert-success {
    background-color: #e8f4ec;
    border-color: #b3ddc0;
    color: #17592a;
}
.app-content .alert-danger {
    background-color: #fbe9ea;
    border-color: #eec0c2;
    color: #8f1e23;
}
.app-content .alert-warning {
    background-color: #fbf3de;
    border-color: #e6d3a1;
    color: #6d4d0e;
}
.app-content .alert-info {
    background-color: #eceefb;
    border-color: #c3c8f0;
    color: #2b3596;
}
.app-content .alert-secondary {
    background-color: var(--ak-surface-2);
    border-color: var(--ak-hairline);
    color: var(--ak-ink-muted);
}
.app-content .alert a { color: inherit; text-decoration: underline; }

/* ---------- Tablolar ---------- */
.app-content .table {
    --bs-table-bg: transparent;
    --bs-table-color: var(--ak-ink);
    --bs-table-border-color: var(--ak-hairline);
    --bs-table-striped-bg: var(--ak-surface-2);
    --bs-table-striped-color: var(--ak-ink);
    --bs-table-hover-bg: var(--ak-surface-2);
    --bs-table-hover-color: var(--ak-ink);
    color: var(--ak-ink);
}
.app-content .table > thead th {
    color: var(--ak-ink-subtle);
    border-bottom-color: var(--ak-hairline-strong);
}

/* ---------- Formlar ---------- */
.app-content .form-control,
.app-content .form-select {
    background-color: var(--ak-surface-1);
    border-color: var(--ak-hairline-strong);
    color: var(--ak-ink);
}
.app-content .form-control:focus,
.app-content .form-select:focus {
    background-color: #ffffff;
    border-color: var(--ak-primary);
    box-shadow: 0 0 0 2px rgba(74, 85, 199, 0.22);
}
.app-content .form-control::placeholder { color: var(--ak-ink-tertiary); }
.app-content .form-label { color: var(--ak-ink-muted); font-weight: 600; }
.app-content .form-check-input {
    background-color: var(--ak-surface-1);
    border-color: var(--ak-hairline-tertiary);
}
.app-content .form-check-input:checked {
    background-color: var(--ak-primary);
    border-color: var(--ak-primary);
}

/* ---------- Dugmeler ---------- */
.app-content .btn-outline-secondary {
    color: var(--ak-ink-muted);
    border-color: var(--ak-hairline-strong);
    background-color: transparent;
}
.app-content .btn-outline-secondary:hover {
    background-color: var(--ak-surface-2);
    color: var(--ak-ink);
    border-color: var(--ak-hairline-tertiary);
}
.app-content .btn-outline-primary {
    color: var(--ak-primary);
    border-color: var(--ak-primary);
}
.app-content .btn-outline-primary:hover {
    background-color: var(--ak-primary);
    color: #ffffff;
}
.app-content .btn-outline-danger {
    color: var(--ak-danger);
    border-color: #e3a9ab;
}
.app-content .btn-outline-danger:hover {
    background-color: var(--ak-danger);
    border-color: var(--ak-danger);
    color: #ffffff;
}

/* ---------- Kart ve panel ---------- */
.app-content .card {
    background-color: var(--ak-surface-1);
    border-color: var(--ak-hairline);
    box-shadow: 0 1px 2px rgba(27, 23, 19, 0.04);
}
.app-content .panel-soft {
    background-color: var(--ak-surface-2);
    border: 1px solid var(--ak-hairline);
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
}

/* Koyu vurgu kutusu (basvuru bandi) acik zeminde de koyu kalir - kasitli kontrast */
.app-content .band-dark {
    background: #1c1e23;
    color: #f7f8f8;
    border-radius: 12px;
    padding: 1.25rem;
}
.app-content .band-dark a { color: #a8b0ff; }

/* ---------- Kucuk basliklar ---------- */
/* Kucuk ve buyuk harf oldugu icin ink-subtle: 4.5:1 esigini rahat geciyor */
.app-content .eyebrow {
    color: var(--ak-ink-subtle);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
}
.app-content .eyebrow-muted { color: var(--ak-ink-subtle); }

/* ---------- Asama seridi ---------- */
.app-content .stage-strip {
    background: var(--ak-surface-1);
    border-color: var(--ak-hairline);
}
.app-content .stage-dot {
    background: var(--ak-surface-3);
    border-color: var(--ak-hairline-strong);
}
.app-content .stage-step + .stage-step::after { background: var(--ak-hairline-strong); }
.app-content .stage-step.done .stage-dot,
.app-content .stage-step.done + .stage-step::after { background: var(--ak-primary); border-color: var(--ak-primary); }
.app-content .stage-step.current .stage-dot {
    background: var(--ak-primary);
    border-color: var(--ak-primary);
    box-shadow: 0 0 0 4px rgba(74, 85, 199, 0.18);
}

/* ---------- Ust bar (dar ekran) ---------- */
.app-content .app-topbar {
    background: var(--ak-surface-1);
    border-bottom-color: var(--ak-hairline);
}
/* a:not(.btn) kuralindan daha spesifik olmali, yoksa marka bag rengine kayiyor */
.app-content a.app-topbar-brand { color: var(--ak-ink); }
.app-content .app-menu-toggle {
    color: var(--ak-ink);
    border-color: var(--ak-hairline-strong);
}

/* ---------- Footer calisma alaninda da acik ---------- */
.app-content .footer {
    background: var(--ak-surface-2);
    border-top: 1px solid var(--ak-hairline);
    color: var(--ak-ink-muted);
}
.app-content .footer a { color: var(--ak-ink-muted); }
.app-content .footer a:hover { color: var(--ak-primary); }
.app-content .footer .footer-brand { color: var(--ak-ink); }
.app-content .footer .footer-head { color: var(--ak-ink); }
.app-content .footer .footer-fine { color: var(--ak-ink-subtle); }