/* ============================================================
   UKGS KURUMSAL TEMA — sarı / siyah / beyaz  (10.09.2026, müşteri portalı v3 MV-01)
   ozel.css'ten SONRA yüklenir; yalnız renk değişkenleri ve vurgu sınıflarını ezer. Uyarı renkleri (DDP kırmızı,
   success yeşil, warning turuncu) DEĞİŞMEZ. Renk kodları müşteriden gelmediği için varsayılan: sarı #FFC20E,
   siyah #111111 (plan ❓13) — değiştirmek için yalnız aşağıdaki :root satırları düzenlenir.
   İki panelde aynı dosya (yonetim/ ve musteri_panel/ kopyaları).
   ============================================================ */
:root {
	--ukgs-sari: #FFC20E;
	--ukgs-sari-koyu: #E0A800;
	--ukgs-sari-acik: #FFF4CC;
	--ukgs-siyah: #111111;
	--ukgs-siyah-2: #000000;
	--ukgs-siyah-3: #1f1f1f;

	/* ozel.css değişkenleri: lacivert → siyah, mavi → sarı */
	--ukgs-lacivert: var(--ukgs-siyah);
	--ukgs-lacivert-2: var(--ukgs-siyah-2);
	--ukgs-mavi: var(--ukgs-sari);

	/* Metronic ana rengi → sarı (sarı zeminde SİYAH metin — beyaz okunmaz) */
	--bs-primary: var(--ukgs-sari);
	--bs-primary-rgb: 255, 194, 14;
	--bs-primary-active: var(--ukgs-sari-koyu);
	--bs-primary-light: var(--ukgs-sari-acik);
	--bs-primary-inverse: var(--ukgs-siyah);
	--bs-primary-clarity: rgba(255, 194, 14, .2);
	--bs-text-primary: var(--ukgs-siyah-3);
	--bs-link-color: var(--ukgs-siyah-3);
	--bs-link-hover-color: var(--ukgs-siyah-2);
	--bs-app-sidebar-light-bg-color: var(--ukgs-siyah);
	--bs-app-sidebar-light-separator-color: #2a2a2a;
	--bs-app-header-light-bg-color: #ffffff;
}

/* ---- Butonlar: sarı zemin + siyah metin ---- */
.btn.btn-primary, .btn-mavi, .btn-turuncu {
	background-color: var(--ukgs-sari) !important; border-color: var(--ukgs-sari) !important; color: var(--ukgs-siyah) !important;
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn-mavi:hover, .btn-mavi:focus, .btn-turuncu:hover {
	background-color: var(--ukgs-sari-koyu) !important; border-color: var(--ukgs-sari-koyu) !important; color: var(--ukgs-siyah) !important;
}
.btn.btn-primary .ki-duotone, .btn.btn-primary i, .btn-mavi i { color: var(--ukgs-siyah) !important; }
.btn.btn-light-primary { background-color: var(--ukgs-sari-acik) !important; color: var(--ukgs-siyah) !important; }
.btn.btn-light-primary:hover, .btn.btn-light-primary:focus { background-color: var(--ukgs-sari) !important; color: var(--ukgs-siyah) !important; }
.btn.btn-light-primary i, .btn.btn-light-primary .ki-duotone { color: var(--ukgs-siyah) !important; }
.btn-lacivert { background: var(--ukgs-siyah); color: #fff; }
.btn-lacivert:hover, .btn-lacivert:focus { background: var(--ukgs-siyah-3); color: var(--ukgs-sari); }
.btn-success, .btn-danger, .btn-warning, .btn-info { /* uyarı/işlem renkleri korunur */ }

/* ---- Rozetler / metin ---- */
.badge.badge-primary { background-color: var(--ukgs-sari) !important; color: var(--ukgs-siyah) !important; }
.badge.badge-light-primary { background-color: var(--ukgs-sari-acik) !important; color: var(--ukgs-siyah) !important; }
.text-primary { color: var(--ukgs-siyah-3) !important; }
.bg-light-primary { background-color: var(--ukgs-sari-acik) !important; }
.symbol-label.bg-light-primary .text-primary, .bg-light-primary .text-primary { color: var(--ukgs-siyah) !important; }
.form-check-input:checked { background-color: var(--ukgs-siyah); border-color: var(--ukgs-siyah); }
.form-control:focus, .form-select:focus { border-color: var(--ukgs-sari-koyu); }
.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item .nav-link:hover { border-bottom-color: var(--ukgs-sari); color: var(--ukgs-siyah); }
.page-item.active .page-link { background-color: var(--ukgs-sari); border-color: var(--ukgs-sari); color: var(--ukgs-siyah); }
.spinner-border.text-primary { color: var(--ukgs-sari) !important; }

/* ---- Sayfa başlığı satırı: üst bardan uzak (11.09.2026) ---- */
.ukgs-sayfa-ust { padding-top: 1.75rem; }
#kt_app_content > .app-container > .d-flex:first-child:not(.ukgs-sayfa-ust) { padding-top: 1.75rem; }

/* ---- Sol menü: siyah zemin, sarı aktif çizgi ---- */
#kt_app_sidebar, .app-sidebar { background-color: var(--ukgs-siyah) !important; border-right: 1px solid #2a2a2a; }
#kt_app_sidebar .menu-title, #kt_app_sidebar .menu-link, #kt_app_sidebar .menu-icon i, #kt_app_sidebar .menu-arrow { color: #d9d9d9 !important; }
#kt_app_sidebar .menu-item .menu-link.active { background-color: #262626 !important; box-shadow: inset 4px 0 0 var(--ukgs-sari); }
#kt_app_sidebar .menu-item .menu-link.active .menu-title, #kt_app_sidebar .menu-item .menu-link.active .menu-icon i { color: var(--ukgs-sari) !important; }
#kt_app_sidebar .menu-item .menu-link:hover:not(.active) .menu-title, #kt_app_sidebar .menu-item .menu-link:hover:not(.active) .menu-icon i { color: #fff !important; }
#kt_app_sidebar .menu-item.here > .menu-link .menu-title, #kt_app_sidebar .menu-item.here > .menu-link .menu-icon i { color: var(--ukgs-sari) !important; }
#kt_app_sidebar .menu-bullet .bullet { background-color: var(--ukgs-sari) !important; }
/* Logo alanı BEYAZ zemin (11.09.2026): siyah wordmark siyah zeminde görünmüyordu; koyu modda da beyaz kalır, logo ters çevrilmez */
#kt_app_sidebar_logo, .app-sidebar-logo { background-color: #ffffff !important; border-bottom: 1px solid #e9e9e9; }
[data-bs-theme="dark"] #kt_app_sidebar_logo .ukgs-logo-img, [data-bs-theme="dark"] .app-sidebar-logo .ukgs-logo-img { filter: none !important; }
/* Kenar çubuğu altındaki "Yeni Kargo" butonu: kırmızı → sarı zemin, siyah metin (11.09.2026) */
.app-sidebar-footer .btn.btn-danger { background-color: var(--ukgs-sari) !important; border-color: var(--ukgs-sari) !important; color: var(--ukgs-siyah) !important; }
.app-sidebar-footer .btn.btn-danger:hover, .app-sidebar-footer .btn.btn-danger:focus { background-color: var(--ukgs-sari-koyu) !important; border-color: var(--ukgs-sari-koyu) !important; color: var(--ukgs-siyah) !important; }
.app-sidebar-footer .btn.btn-danger i, .app-sidebar-footer .btn.btn-danger .ki-duotone { color: var(--ukgs-siyah) !important; }
#kt_app_sidebar .badge.badge-circle { background-color: var(--ukgs-sari); color: var(--ukgs-siyah); }
.ukgs-logo, .ukgs-logo-beyaz { color: var(--ukgs-sari) !important; }

/* ---- Üst bar: beyaz ---- */
#kt_app_header, .app-header { background-color: #fff !important; border-bottom: 1px solid #e9e9e9; }
.ukgs-ust-firma { color: var(--ukgs-siyah) !important; }
.ukgs-ust-firma i { color: var(--ukgs-sari-koyu) !important; }

/* ---- Lacivert paneller → siyah gradient; içindeki mavi vurgular sarı ---- */
.ukgs-lacivert { background: linear-gradient(180deg, var(--ukgs-siyah) 0%, var(--ukgs-siyah-2) 100%); border-color: #2a2a2a; }
.ukgs-lacivert .text-warning, .ukgs-lacivert .form-label .text-warning { color: var(--ukgs-sari) !important; }
.ukgs-chip { border-color: rgba(255, 194, 14, .35); }
.ukgs-soft-blue { background: #fffbea; border-color: #ffe9a3; }
/* Alıcı paneli (soft-red): pembe yerine buton sarısı tonu — gönderici panelinden ayırt edilsin diye
   daha belirgin sarı kenarlık kullanılır (15.09.2026, teklif 1.2 / 2.2). "Yeni Alıcı" rozetine dokunulmaz. */
.ukgs-soft-red { background: var(--ukgs-sari-acik); border-color: var(--ukgs-sari); }
[data-bs-theme="dark"] .ukgs-soft-red { background: #3a3000; border-color: var(--ukgs-sari); }
.ukgs-adim.aktif .ukgs-adim-ikon { background: var(--ukgs-sari-acik); color: var(--ukgs-siyah); border-color: var(--ukgs-sari); }
.ukgs-tab.active { background: var(--ukgs-siyah) !important; color: var(--ukgs-sari) !important; border-color: var(--ukgs-siyah) !important; }
.ukgs-tab.active i { color: var(--ukgs-sari) !important; }
.ukgs-sayfa-baslik { color: var(--ukgs-siyah); }
.ukgs-sayfa-baslik::before { background: var(--ukgs-sari); }
.card-flush .symbol-label.bg-light-primary i { color: var(--ukgs-siyah) !important; }

/* ---- Giriş sayfası ---- */
body.ukgs-m-giris, body.ukgs-giris { background: linear-gradient(135deg, var(--ukgs-siyah) 0%, #2a2a2a 60%, var(--ukgs-sari-koyu) 100%) !important; }

/* ---- Koyu tema uyumu ---- */
[data-bs-theme="dark"] .btn.btn-light-primary { background-color: #3a3000 !important; color: var(--ukgs-sari) !important; }
[data-bs-theme="dark"] .text-primary { color: var(--ukgs-sari) !important; }
[data-bs-theme="dark"] #kt_app_header, [data-bs-theme="dark"] .app-header { background-color: #151521 !important; }

/* 07.10.2026 (02 Ekim talep 12): takip no önündeki taşıyıcı logosu (Kargo Sorgulama / Kargolarım) */
.ukgs-tasiyici-logo { height: 18px; width: auto; max-width: 64px; object-fit: contain; vertical-align: middle; }

/* ---- 07.10.2026 (02 Ekim talep 10): sayfa başlığı arkasında menü grubunun bandı (ukgs_bant_ozellik) ---- */
.ukgs-sayfa-ust.ukgs-bant { margin-top: 1.25rem; padding: 2rem 2rem !important; min-height: 130px; border-radius: 14px; overflow: hidden;
    background-color: var(--ukgs-siyah); background-size: cover; background-position: right center; background-repeat: no-repeat; }
.ukgs-bant-koyu { background-image: linear-gradient(90deg, rgba(17,17,17,.88) 0%, rgba(17,17,17,.6) 40%, rgba(17,17,17,.05) 75%), var(--ukgs-bant); }
.ukgs-bant-acik { background-color: #f4f6fa; background-image: linear-gradient(90deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.75) 40%, rgba(255,255,255,0) 72%), var(--ukgs-bant); }
.ukgs-bant-koyu .ukgs-sayfa-baslik { color: #fff !important; text-shadow: 0 1px 3px rgba(0,0,0,.35); }
.ukgs-bant-koyu .ukgs-sayfa-baslik .text-muted { color: rgba(255,255,255,.78) !important; }
.ukgs-bant-acik .ukgs-sayfa-baslik { color: var(--ukgs-siyah) !important; }
@media (max-width: 767.98px) {
    .ukgs-sayfa-ust.ukgs-bant { min-height: 96px; padding: 1.25rem 1rem !important; border-radius: 10px; }
    .ukgs-bant-koyu { background-image: linear-gradient(90deg, rgba(17,17,17,.9) 0%, rgba(17,17,17,.55) 70%), var(--ukgs-bant-m); }
    .ukgs-bant-acik { background-image: linear-gradient(90deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.7) 70%), var(--ukgs-bant-m); }
}
[data-bs-theme="dark"] .ukgs-bant-acik { background-image: linear-gradient(90deg, rgba(30,30,30,.92) 0%, rgba(30,30,30,.6) 45%, rgba(30,30,30,.05) 75%), var(--ukgs-bant); }
[data-bs-theme="dark"] .ukgs-bant-acik .ukgs-sayfa-baslik { color: #fff !important; }
/* denetim K1: görsel yüklenemese de başlık okunur kalsın (zemin rengi) */
.ukgs-sayfa-ust.ukgs-bant-koyu { background-color: #1b1b1b; }
.ukgs-sayfa-ust.ukgs-bant-acik { background-color: #f4f6fa; }
[data-bs-theme="dark"] .ukgs-sayfa-ust.ukgs-bant-acik { background-color: #1e1e1e; }
/* Sol menünün altındaki görsel — menü daraltılınca (üzerine gelinmedikçe) ve kısa ekranda gizli */
.ukgs-sol-gorsel { border-radius: 10px; overflow: hidden; line-height: 0; }
.ukgs-sol-gorsel img { width: 100%; height: auto; display: block; }
[data-kt-app-sidebar-minimize=on] .app-sidebar:not(:hover) .ukgs-sol-gorsel { display: none; }
@media (max-height: 760px) { .ukgs-sol-gorsel { display: none; } }