/* ============================================================
   UKGS ÖZEL TEMA
   Referans tasarım: lacivert paneller + turuncu/kırmızı/mavi/yeşil vurgular.
   Metronic üzerine yalnızca eklemeler; base tema bozulmaz.
   ============================================================ */

:root {
	--ukgs-lacivert: #13294f;
	--ukgs-lacivert-2: #0e2143;
	--ukgs-mavi: #2f6bf6;
	--ukgs-turuncu: #f97316;
}

/* ---- Lacivert panel (filtre / kargo bilgileri) ---- */
.ukgs-lacivert {
	background: linear-gradient(180deg, var(--ukgs-lacivert) 0%, var(--ukgs-lacivert-2) 100%);
	border-radius: 14px;
	border: 1px solid rgba(255, 255, 255, .06);
}
.ukgs-lacivert .form-label { color: #fff; font-weight: 600; }
.ukgs-lacivert .baslik { color: #fff; font-weight: 700; }

/* Lacivert panel içindeki floating label inputlar beyaz kalır */
.ukgs-lacivert .form-floating > .form-control,
.ukgs-lacivert .form-floating > .form-select {
	background: #fff;
	border: none;
	border-radius: 9px;
}
.ukgs-lacivert .form-floating > label { color: #5a6a85; font-weight: 500; }

/* ---- Yumuşak renkli kartlar (Gönderici / Alıcı) ---- */
.ukgs-soft-blue { background: #eef4ff; border: 1px solid #dbe7ff; border-radius: 14px; }
.ukgs-soft-red  { background: #fff3f5; border: 1px solid #ffe0e6; border-radius: 14px; }

/* ---- Butonlar ---- */
.btn-lacivert { background: var(--ukgs-lacivert); color: #fff; }
.btn-lacivert:hover, .btn-lacivert:focus { background: #1f3a6f; color: #fff; }

.btn-mavi { background: var(--ukgs-mavi); color: #fff; }
.btn-mavi:hover, .btn-mavi:focus { background: #2359d6; color: #fff; }

.btn-turuncu { background: var(--ukgs-turuncu); color: #fff; }
.btn-turuncu:hover, .btn-turuncu:focus { background: #e56a09; color: #fff; }

/* ---- Sayfa başlığı çubuğu ---- */
.ukgs-sayfa-baslik { font-weight: 700; letter-spacing: -.3px; }

/* ---- Marka (logo) ---- */
.ukgs-logo { font-weight: 800; letter-spacing: -.5px; }
.ukgs-logo .vurgu { color: var(--ukgs-turuncu); }

/* ---- Marka logo görseli (img/ukgs-logo.png) ---- */
/* NOT: display AYARLANMAZ — Metronic'in app-sidebar-logo-default/minimize göster/gizle
   kurallarını ezmesin (aksi halde küçültme logosu da görünür → çift logo). */
.ukgs-logo-img { height: 30px; width: auto; vertical-align: middle; }
/* Küçültülmüş kenar çubuğunda dar alana sığması için genişlikle sınırla */
.app-sidebar-logo-minimize.ukgs-logo-img { height: auto; width: 42px; }
/* Koyu modda siyah wordmark'ı beyaza çevir; .ukgs-logo-beyaz = her zaman beyaz (koyu zeminler) */
[data-bs-theme="dark"] .ukgs-logo-img,
.ukgs-logo-beyaz { filter: brightness(0) invert(1); }

/* ---- Filtre inputları arası boşluk ---- */
.ukgs-filtre .form-floating { margin-bottom: 0; }

/* ---- Tablo satır ikon butonları ---- */
.ukgs-goz {
	width: 34px; height: 34px; border-radius: 8px;
	display: inline-flex; align-items: center; justify-content: center;
	background: var(--ukgs-mavi); color: #fff;
}
.ukgs-goz:hover { background: #2359d6; color: #fff; }

/* ---- "Etiket Bas" butonu — kargo oluşunca dikkat çeken pulse + glow ---- */
@keyframes ukgsEtiketPulse {
	0%   { transform: scale(1);    box-shadow: 0 0 0 0 rgba(47, 107, 246, .55); }
	70%  { transform: scale(1.06); box-shadow: 0 0 0 10px rgba(47, 107, 246, 0); }
	100% { transform: scale(1);    box-shadow: 0 0 0 0 rgba(47, 107, 246, 0); }
}
.yk-etiket-btn {
	animation: ukgsEtiketPulse 1.5s ease-in-out infinite;
	font-weight: 700;
}
.yk-etiket-btn:hover { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) { .yk-etiket-btn { animation: none; } }

/* ---- Header döviz kurları + saat (süs) ---- */
.ukgs-doviz { padding: 5px 4px; }
.ukgs-kur {
	display: inline-flex; align-items: center; gap: 4px;
	background: #eef4ff; border: 1px solid #dbe7ff; border-radius: 8px;
	padding: 4px 9px; font-size: 12px; color: #1e2a4a; line-height: 1;
}
.ukgs-kur b { font-weight: 700; }
.ukgs-kur-simge {
	display: inline-flex; align-items: center; justify-content: center;
	width: 16px; height: 16px; border-radius: 5px;
	background: var(--ukgs-mavi); color: #fff; font-size: 11px; font-weight: 700;
}
.ukgs-saat {
	background: var(--ukgs-lacivert); color: #fff; border-radius: 8px;
	padding: 5px 11px; font-size: 12px; font-weight: 600; letter-spacing: .3px;
}
.ukgs-saat #ukgs_saat { font-variant-numeric: tabular-nums; }
[data-bs-theme="dark"] .ukgs-kur { background: #17233b; border-color: #24344f; color: #cdd6ea; }
[data-bs-theme="dark"] .ukgs-saat { background: #0e1a30; }

/* Tablo işlem: Detay butonu (ikon + metin taşmasın) */
.btn.btn-icon-text {
	width: auto; white-space: nowrap; line-height: 1.2;
	display: inline-flex; align-items: center;
}

/* Toplu işlem çubuğu */
.ukgs-toplu-bar {
	display: flex;
	background: #eef4ff;
	border: 1px solid #dbe7ff;
	border-radius: 12px;
}
[data-bs-theme="dark"] .ukgs-toplu-bar { background: #17233b; border-color: #24344f; }

/* Barkod Al hücre butonu */
.ukgs-barkod {
	background: #f1416c; color: #fff; border-radius: 8px;
	font-size: 11px; font-weight: 600; padding: 6px 8px; line-height: 1.1;
	display: inline-flex; flex-direction: column; align-items: center; gap: 2px;
}
.ukgs-barkod:hover { background: #d9365d; color: #fff; }

/* ---- Detay modal: kart görünümlü sekmeler ---- */
.ukgs-tab {
	background: #fff; border: 1px solid #e4e6ef; color: #4b5675;
	border-radius: 12px; min-width: 110px; text-align: center;
	transition: all .15s;
}
.ukgs-tab:hover { color: #13294f; border-color: #b9c6e6; }
.ukgs-tab.active { background: #f4f8ff; border-color: var(--ukgs-mavi); color: #13294f; }

/* ---- Navy hero üzerindeki çipler (beyaz metin) ---- */
.ukgs-chip {
	background: rgba(255, 255, 255, .12); color: #fff; border-radius: 8px;
	padding: 6px 11px; font-size: 12px; font-weight: 600;
	display: inline-flex; align-items: center; gap: 6px;
}

/* ---- Durum adımları (stepper) ---- */
.ukgs-adim-ikon {
	width: 46px; height: 46px; border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	background: #eef1f6; color: #a1a5b7; border: 2px solid #eef1f6;
}
.ukgs-adim.tamam .ukgs-adim-ikon { background: #e8fff3; color: #17c653; border-color: #17c653; }
.ukgs-adim.aktif .ukgs-adim-ikon { background: #eaf1ff; color: var(--ukgs-mavi); border-color: var(--ukgs-mavi); }
.ukgs-adim-cizgi { height: 3px; background: #eef1f6; flex: 1; margin-top: 22px; border-radius: 2px; }
.ukgs-adim-cizgi.tamam { background: #17c653; }

/* ---- Detay satırı (etiket : değer) ---- */
.ukgs-satir { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px dashed #e4e6ef; }
.ukgs-satir .etk { color: #99a1b7; font-size: 12px; font-weight: 600; }
.ukgs-satir .deg { color: #1e1e2d; font-weight: 600; text-align: right; }

/* Koyu tema uyumu */
[data-bs-theme="dark"] .ukgs-soft-blue { background: #17233b; border-color: #24344f; }
[data-bs-theme="dark"] .ukgs-soft-red  { background: #2a1a20; border-color: #4a2733; }
[data-bs-theme="dark"] .ukgs-tab { background: #1b1b29; border-color: #2b2b40; color: #9a9cb5; }
[data-bs-theme="dark"] .ukgs-tab.active { background: #1e2a4a; color: #fff; }
[data-bs-theme="dark"] .ukgs-satir .deg { color: #fff; }
[data-bs-theme="dark"] .ukgs-satir { border-color: #2b2b40; }