/* ============================================================
   bs-bridge.css — Bootstrap → Kurumsal token köprüsü
   Amaç: eski sayfalardaki DÜZ Bootstrap bileşenlerini (.card/.btn/.table/
   .alert/.nav/.modal) markup'a dokunmadan kurumsal tasarım diline bağlar.
   - En SON yüklenir (corporate-theme + global'den sonra) → override eder.
   - [data-theme] altında kapsanır: sadece kabuk sayfalarını etkiler,
     Bootstrap'i özgüllükte yener, hem açık hem koyu temada doğru çalışır.
   - Durum rozetlerine (.badge + .bg-*) DOKUNMAZ (anlamsal renkler korunur).
   - Geri alma: includes/pwa-meta.php'den bu dosyanın <link>'ini kaldır.
   ============================================================ */

/* ---------- Kartlar ---------- */
[data-theme] .card {
    background: var(--bg-surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg, 14px);
    color: var(--text-primary);
    box-shadow: var(--shadow-sm, 0 1px 2px rgba(0,0,0,.06));
}
[data-theme] .card-header {
    background: var(--bg-muted);
    border-bottom: 1px solid var(--border);
    color: var(--text-strong);
    font-weight: 600;
}
[data-theme] .card-footer {
    background: var(--bg-muted);
    border-top: 1px solid var(--border);
    color: var(--text-secondary);
}
[data-theme] .card-body { color: var(--text-primary); }
[data-theme] .card-title { color: var(--text-strong); }
[data-theme] .card-text,
[data-theme] .card-subtitle { color: var(--text-secondary); }

/* ---------- Butonlar (anlamsal renk eşlemesi) ---------- */
[data-theme] .btn-primary {
    background: var(--accent); border-color: var(--accent); color: #fff;
}
[data-theme] .btn-primary:hover,
[data-theme] .btn-primary:focus {
    background: var(--accent-hover); border-color: var(--accent-hover); color: #fff;
}
[data-theme] .btn-primary:active { background: #3730a3; border-color: #3730a3; }

[data-theme] .btn-secondary {
    background: var(--bg-muted); border-color: var(--border-strong); color: var(--text-primary);
}
[data-theme] .btn-secondary:hover,
[data-theme] .btn-secondary:focus {
    background: var(--border); border-color: var(--border-strong); color: var(--text-strong);
}

[data-theme] .btn-success {
    background: var(--color-success); border-color: var(--color-success); color: #fff;
}
[data-theme] .btn-success:hover,
[data-theme] .btn-success:focus { background: #047857; border-color: #047857; color: #fff; }

[data-theme] .btn-danger {
    background: var(--color-danger); border-color: var(--color-danger); color: #fff;
}
[data-theme] .btn-danger:hover,
[data-theme] .btn-danger:focus { background: #b91c1c; border-color: #b91c1c; color: #fff; }

[data-theme] .btn-warning {
    background: var(--color-warning); border-color: var(--color-warning); color: #fff;
}
[data-theme] .btn-warning:hover,
[data-theme] .btn-warning:focus { background: #92400e; border-color: #92400e; color: #fff; }

[data-theme] .btn-info {
    background: var(--color-info); border-color: var(--color-info); color: #fff;
}
[data-theme] .btn-info:hover,
[data-theme] .btn-info:focus { background: #075985; border-color: #075985; color: #fff; }

/* Outline butonlar */
[data-theme] .btn-outline-primary   { color: var(--accent);        border-color: var(--accent); }
[data-theme] .btn-outline-primary:hover   { background: var(--accent);        color: #fff; }
[data-theme] .btn-outline-secondary { color: var(--text-secondary); border-color: var(--border-strong); }
[data-theme] .btn-outline-secondary:hover { background: var(--bg-muted);      color: var(--text-strong); }
[data-theme] .btn-outline-success   { color: var(--color-success); border-color: var(--color-success); }
[data-theme] .btn-outline-success:hover   { background: var(--color-success); color: #fff; }
[data-theme] .btn-outline-danger    { color: var(--color-danger);  border-color: var(--color-danger); }
[data-theme] .btn-outline-danger:hover    { background: var(--color-danger);  color: #fff; }
[data-theme] .btn-outline-info      { color: var(--color-info);    border-color: var(--color-info); }
[data-theme] .btn-outline-info:hover      { background: var(--color-info);    color: #fff; }
[data-theme] .btn-light {
    background: var(--bg-muted); border-color: var(--border); color: var(--text-primary);
}
[data-theme] .btn-light:hover { background: var(--border); color: var(--text-strong); }

/* ---------- Tablolar ---------- */
[data-theme] .table {
    color: var(--text-primary);
    border-color: var(--border);
    --bs-table-color: var(--text-primary);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--border);
    --bs-table-striped-color: var(--text-primary);
    --bs-table-striped-bg: var(--bg-subtle);
    --bs-table-hover-color: var(--text-strong);
    --bs-table-hover-bg: var(--accent-light);
}
[data-theme] .table > thead th,
[data-theme] .table > thead td {
    background: var(--bg-muted);
    color: var(--text-secondary);
    border-bottom: 1px solid var(--border-strong);
    font-weight: 600;
    text-transform: uppercase;
    font-size: .78em;
    letter-spacing: .03em;
}
[data-theme] .table > tbody td,
[data-theme] .table > tbody th { border-color: var(--border); }

/* Bootstrap kullanılan eski ekranları kurumsal tablolarla aynı incelikte ayır. */
[data-theme] .table:not(.table-borderless) > :not(caption) > * > * {
    border-inline-end: 1px solid color-mix(in srgb, var(--border) 56%, transparent);
}
[data-theme] .table:not(.table-borderless) > :not(caption) > * > *:last-child {
    border-inline-end: 0;
}

/* ---------- Uyarı kutuları (alert) ---------- */
[data-theme] .alert-success { background: var(--color-success-bg); border-color: var(--color-success-border); color: var(--color-success); }
[data-theme] .alert-danger  { background: var(--color-danger-bg);  border-color: var(--color-danger-border);  color: var(--color-danger); }
[data-theme] .alert-warning { background: var(--color-warning-bg); border-color: var(--color-warning-border); color: var(--color-warning); }
[data-theme] .alert-info    { background: var(--color-info-bg);    border-color: var(--color-info-border);    color: var(--color-info); }
[data-theme] .alert-secondary,
[data-theme] .alert-light   { background: var(--bg-muted); border-color: var(--border); color: var(--text-secondary); }

/* ---------- Sekmeler / nav ---------- */
[data-theme] .nav-tabs { border-bottom-color: var(--border); }
[data-theme] .nav-tabs .nav-link { color: var(--text-secondary); border: none; }
[data-theme] .nav-tabs .nav-link:hover { color: var(--text-primary); border-color: transparent; }
[data-theme] .nav-tabs .nav-link.active {
    color: var(--accent);
    background: transparent;
    border-bottom: 2px solid var(--accent);
}

/* ---------- Liste / modal / dropdown / sayfalama ---------- */
[data-theme] .list-group-item {
    background: var(--bg-surface); border-color: var(--border); color: var(--text-primary);
}
[data-theme] .modal-content {
    background: var(--bg-elevated); border: 1px solid var(--border); color: var(--text-primary);
}
[data-theme] .modal-header,
[data-theme] .modal-footer { border-color: var(--border); }
[data-theme] .dropdown-menu {
    background: var(--bg-elevated); border: 1px solid var(--border);
    box-shadow: var(--shadow-md, 0 6px 20px rgba(0,0,0,.18));
}
[data-theme] .dropdown-item { color: var(--text-primary); }
[data-theme] .dropdown-item:hover,
[data-theme] .dropdown-item:focus { background: var(--bg-muted); color: var(--text-strong); }
[data-theme] .dropdown-divider { border-color: var(--border); }
[data-theme] .page-link {
    background: var(--bg-surface); border-color: var(--border); color: var(--text-secondary);
}
[data-theme] .page-link:hover { background: var(--bg-muted); color: var(--text-strong); }
[data-theme] .page-item.active .page-link { background: var(--accent); border-color: var(--accent); color: #fff; }

/* ---------- Girdi ekleri ---------- */
[data-theme] .input-group-text {
    background: var(--bg-muted); border-color: var(--border); color: var(--text-secondary);
}