/* Minification failed. Returning unminified contents.
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,17): run-time error CSS1039: Token not allowed after unary operator: '-kk-metin'
(24,22): run-time error CSS1039: Token not allowed after unary operator: '-kk-zemin'
(35,22): run-time error CSS1039: Token not allowed after unary operator: '-kk-petrol'
(80,22): run-time error CSS1039: Token not allowed after unary operator: '-kk-petrol-koyu'
(119,17): run-time error CSS1039: Token not allowed after unary operator: '-kk-metin'
(125,22): run-time error CSS1039: Token not allowed after unary operator: '-kk-petrol'
(146,17): run-time error CSS1039: Token not allowed after unary operator: '-kk-ikincil'
(155,22): run-time error CSS1039: Token not allowed after unary operator: '-kk-zemin'
(161,17): run-time error CSS1039: Token not allowed after unary operator: '-kk-metin'
(165,22): run-time error CSS1039: Token not allowed after unary operator: '-kk-metin'
(169,22): run-time error CSS1039: Token not allowed after unary operator: '-kk-zemin'
(190,17): run-time error CSS1039: Token not allowed after unary operator: '-kk-ikincil'
(195,17): run-time error CSS1039: Token not allowed after unary operator: '-kk-metin'
(202,25): run-time error CSS1039: Token not allowed after unary operator: '-kk-petrol'
(213,22): run-time error CSS1039: Token not allowed after unary operator: '-kk-fis'
(216,22): run-time error CSS1039: Token not allowed after unary operator: '-kk-golge'
(222,35): run-time error CSS1039: Token not allowed after unary operator: '-kk-cizgi'
(244,35): run-time error CSS1039: Token not allowed after unary operator: '-kk-cizgi'
(262,17): run-time error CSS1039: Token not allowed after unary operator: '-kk-petrol'
(271,17): run-time error CSS1039: Token not allowed after unary operator: '-kk-metin'
(277,17): run-time error CSS1039: Token not allowed after unary operator: '-kk-ikincil'
(281,17): run-time error CSS1039: Token not allowed after unary operator: '-kk-ikincil'
(295,22): run-time error CSS1039: Token not allowed after unary operator: '-kk-pirinc'
(300,22): run-time error CSS1039: Token not allowed after unary operator: '-kk-fis'
(301,17): run-time error CSS1039: Token not allowed after unary operator: '-kk-pirinc'
(302,38): run-time error CSS1039: Token not allowed after unary operator: '-kk-pirinc'
(306,22): run-time error CSS1039: Token not allowed after unary operator: '-kk-fis'
(307,17): run-time error CSS1039: Token not allowed after unary operator: '-kk-ikincil'
(308,38): run-time error CSS1039: Token not allowed after unary operator: '-kk-ikincil'
(317,17): run-time error CSS1039: Token not allowed after unary operator: '-kk-metin'
(323,17): run-time error CSS1039: Token not allowed after unary operator: '-kk-petrol-koyu'
(344,17): run-time error CSS1039: Token not allowed after unary operator: '-kk-ikincil'
(353,22): run-time error CSS1039: Token not allowed after unary operator: '-kk-petrol'
(375,17): run-time error CSS1039: Token not allowed after unary operator: '-kk-petrol-koyu'
(380,22): run-time error CSS1039: Token not allowed after unary operator: '-kk-petrol-acik'
(381,24): run-time error CSS1039: Token not allowed after unary operator: '-kk-petrol-acik'
(394,22): run-time error CSS1039: Token not allowed after unary operator: '-kk-golge'
(413,32): run-time error CSS1039: Token not allowed after unary operator: '-kk-ayrac'
(420,17): run-time error CSS1039: Token not allowed after unary operator: '-kk-petrol-koyu'
(426,17): run-time error CSS1039: Token not allowed after unary operator: '-kk-ikincil'
(431,17): run-time error CSS1039: Token not allowed after unary operator: '-kk-ikincil'
(438,17): run-time error CSS1039: Token not allowed after unary operator: '-kk-ikincil'
(489,22): run-time error CSS1039: Token not allowed after unary operator: '-kk-petrol'
(490,24): run-time error CSS1039: Token not allowed after unary operator: '-kk-petrol'
(495,22): run-time error CSS1039: Token not allowed after unary operator: '-kk-petrol-koyu'
(496,24): run-time error CSS1039: Token not allowed after unary operator: '-kk-petrol-koyu'
(502,17): run-time error CSS1039: Token not allowed after unary operator: '-kk-metin'
(507,22): run-time error CSS1039: Token not allowed after unary operator: '-kk-petrol'
(508,24): run-time error CSS1039: Token not allowed after unary operator: '-kk-petrol'
(514,22): run-time error CSS1039: Token not allowed after unary operator: '-kk-petrol-koyu'
(515,24): run-time error CSS1039: Token not allowed after unary operator: '-kk-petrol-koyu'
(521,17): run-time error CSS1039: Token not allowed after unary operator: '-kk-petrol'
(522,28): run-time error CSS1039: Token not allowed after unary operator: '-kk-petrol'
(529,22): run-time error CSS1039: Token not allowed after unary operator: '-kk-petrol'
(554,24): run-time error CSS1039: Token not allowed after unary operator: '-kk-petrol'
(561,17): run-time error CSS1039: Token not allowed after unary operator: '-kk-metin'
(570,22): run-time error CSS1039: Token not allowed after unary operator: '-kk-petrol-acik'
(571,24): run-time error CSS1039: Token not allowed after unary operator: '-kk-petrol-acik'
(572,17): run-time error CSS1039: Token not allowed after unary operator: '-kk-petrol-koyu'
(587,22): run-time error CSS1039: Token not allowed after unary operator: '-kk-petrol'
(597,22): run-time error CSS1039: Token not allowed after unary operator: '-kk-fis'
(613,32): run-time error CSS1039: Token not allowed after unary operator: '-kk-ayrac'
(621,17): run-time error CSS1039: Token not allowed after unary operator: '-kk-ikincil'
(629,17): run-time error CSS1039: Token not allowed after unary operator: '-kk-petrol-koyu'
(634,17): run-time error CSS1039: Token not allowed after unary operator: '-kk-ikincil'
(639,17): run-time error CSS1039: Token not allowed after unary operator: '-kk-petrol-koyu'
(655,28): run-time error CSS1039: Token not allowed after unary operator: '-kk-petrol-koyu'
(656,22): run-time error CSS1039: Token not allowed after unary operator: '-kk-golge'
 */
/* Mezun ekranları (giriş dahil): "Kart Katalog" görsel dünyası.
   Her kayıt kendi fişinde; kırmızı yalnızca fiş başlık çizgisi, pirinç yalnızca durum etiketi, kabuk petrol.
   Yalnızca body.mezun-yuzu (mezun rolü) ve body.giris-yuzu (giriş/üyelik) altında geçerlidir; personel ekranları Argon'da kalır. */

:root {
    --kk-petrol: #14626e;
    --kk-petrol-koyu: #0f4e58;
    --kk-petrol-acik: #e6f2f2;
    --kk-zemin: #eef1ef;
    --kk-fis: #fbfbf8;
    --kk-cizgi: #c0392b;
    --kk-pirinc: #7a5f30;
    --kk-metin: #22313a;
    --kk-ikincil: #536570;
    --kk-ayrac: #dfe5e3;
    --kk-golge: 0 2px 6px rgba(20, 49, 58, .12);
}

body.mezun-yuzu,
body.giris-yuzu {
    font-family: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
    font-size: 1.0625rem;
    color: var(--kk-metin);
    background: var(--kk-zemin);
}

.mezun-yuzu h1, .mezun-yuzu h2, .mezun-yuzu h3, .mezun-yuzu h4, .mezun-yuzu h5,
.giris-yuzu h1, .giris-yuzu h2, .giris-yuzu h3, .giris-yuzu h4, .giris-yuzu h5 {
    font-family: inherit;
    color: #14313a;
}

/* ---------- Kabuk: petrol menü rayı ---------- */
.mezun-yuzu .sidenav {
    background: var(--kk-petrol) !important;
    box-shadow: none;
}

.mezun-yuzu .sidenav .navbar-brand span {
    color: #fff;
    font-weight: 700;
    font-size: 1.125rem;
}

.mezun-yuzu .sidenav .scrollbar-inner {
    overflow-x: hidden !important;
}

.mezun-yuzu .sidenav .navbar-nav {
    padding: 0 .75rem;
}

.mezun-yuzu .sidenav .nav-link,
.mezun-yuzu .sidenav button.nav-link {
    color: #d4e7e8 !important;
    font-size: 1.0625rem;
    border-radius: 6px;
    margin: 0 0 2px !important;
    padding: .7rem .9rem !important;
}

/* Çıkış bir form butonu; bağlantılarla aynı görünür (Argon btn'nin büyük harf ve gölgesi olmadan). */
.mezun-yuzu .sidenav button.nav-link {
    font-weight: 400;
    min-height: 0;
    text-transform: none;
    box-shadow: none;
}

.mezun-yuzu .sidenav .nav-link .ni {
    display: none;
}

.mezun-yuzu .sidenav .nav-link:hover {
    color: #fff !important;
    background: rgba(255, 255, 255, .08);
}

.mezun-yuzu .sidenav .nav-link.active {
    background: var(--kk-petrol-koyu) !important;
    color: #fff !important;
    font-weight: 600;
}

.mezun-yuzu .sidenav .nav-link.active::before {
    display: none;
}

/* Rayın marka alanı: ESOGÜ logosu ve adı. */
.mezun-yuzu .sidenav .sidenav-header {
    height: auto;
    padding: 1.25rem 0 1.5rem;
}

.mezun-yuzu .sidenav .navbar-brand {
    display: flex;
    align-items: center;
    gap: .625rem;
    text-align: left;
    line-height: 1.25;
    padding: 0 1.25rem;
}

/* İki satır: "ESOGÜ" ve tek parça "Mezun Bilgi Sistemi"; ürün adı ortadan bölünmez. */
.mezun-yuzu .sidenav .navbar-brand span {
    font-size: .9375rem !important;
    white-space: nowrap;
}

.mezun-yuzu .ray-logo {
    flex: none;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #fff;
}

.mezun-yuzu .navbar-top .ust-marka {
    color: var(--kk-metin);
    font-weight: 700;
    font-size: 1rem;
}

.mezun-yuzu .bas-harf {
    background: var(--kk-petrol);
    color: #fff;
    font-weight: 700;
    font-size: .875rem;
}

/* Görüntüleme sayfalarındaki Argon iç girintisi kaldırılır; alanlar başlık sütununa hizalanır. */
.mezun-yuzu .pl-lg-4 {
    padding-left: 0 !important;
}

.mezun-yuzu .alert {
    font-size: 1.0625rem;
}

/* Argon'un izli BÜYÜK HARF bölüm başlıkları cümle düzenine iner (lang="tr" ile İ/ı doğru dönüşür). */
.mezun-yuzu .heading-small {
    text-transform: lowercase;
    letter-spacing: 0;
    font-size: 1.0625rem !important;
    font-weight: 700;
    color: var(--kk-ikincil) !important;
}

.mezun-yuzu .heading-small::first-letter {
    text-transform: uppercase;
}

/* Üst çubuk ve başlık bandı: zemine karışır; sayfanın işi fişlerde. */
.mezun-yuzu .navbar-top.bg-primary {
    background: var(--kk-zemin) !important;
    border-bottom: 0 !important;
}

.mezun-yuzu .navbar-top .media-body span,
.mezun-yuzu .navbar-top .sidenav-toggler-line {
    color: var(--kk-metin);
}

.mezun-yuzu .navbar-top .sidenav-toggler-line {
    background: var(--kk-metin) !important;
}

.mezun-yuzu .header.bg-primary {
    background: var(--kk-zemin) !important;
    padding-bottom: 0 !important;
}

.mezun-yuzu .header .py-4 {
    padding-top: 0 !important;
    padding-bottom: .5rem !important;
}

.mezun-yuzu .container-fluid.mt--6 {
    margin-top: 0 !important;
}

.mezun-yuzu .breadcrumb {
    background: transparent;
    padding: 0;
    margin: 0;
}

.mezun-yuzu .breadcrumb-dark .breadcrumb-item a,
.mezun-yuzu .breadcrumb-dark .breadcrumb-item + .breadcrumb-item::before {
    color: var(--kk-ikincil) !important;
    font-weight: 400;
}

.mezun-yuzu .breadcrumb-dark .breadcrumb-item a[aria-current="page"] {
    color: var(--kk-metin) !important;
    font-weight: 600;
}

.mezun-yuzu .bg-primary :focus-visible,
.mezun-yuzu .header :focus-visible,
.mezun-yuzu .navbar-top :focus-visible {
    outline-color: var(--kk-petrol);
}

.mezun-yuzu .sidenav :focus-visible {
    outline-color: #fff;
}

/* ---------- Fiş: kart yerine katalog fişi ---------- */
.mezun-yuzu .card,
.giris-yuzu .card,
.fis {
    background: var(--kk-fis);
    border: 0;
    border-radius: 4px;
    box-shadow: var(--kk-golge);
}

.mezun-yuzu .card-header,
.giris-yuzu .card-header {
    background: transparent !important;
    border-bottom: 2px solid var(--kk-cizgi) !important;
    margin: 0 1.5rem;
    padding: 1.25rem 0 .75rem;
}

.mezun-yuzu .card-header h3,
.giris-yuzu .card-header h2 {
    font-size: 1.375rem;
    font-weight: 700;
}

/* Fişin başlık satırı: ad solda, yer numarası (kaynak) sağda, altında kırmızı çizgi. */
.fis {
    position: relative;
    padding: 1.25rem 1.375rem 1.375rem;
}

.fis-baslik {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 1rem;
    border-bottom: 2px solid var(--kk-cizgi);
    padding-bottom: .625rem;
    margin-bottom: .875rem;
}

.fis-baslik h3 {
    font-size: 1.375rem;
    font-weight: 700;
    margin: 0;
}

.fis-baslik h3 a {
    color: inherit;
}

.yer-no {
    font-size: .9375rem;
    font-weight: 600;
    color: var(--kk-petrol);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.fis-satir {
    font-size: 1.0625rem;
    line-height: 1.5;
    margin-bottom: .625rem;
    color: var(--kk-metin);
}

.fis-satir small {
    display: block;
    font-size: .9375rem;
    color: var(--kk-ikincil);
}

.fis-satir.bos {
    color: var(--kk-ikincil);
}

/* Durum etiketi: pirinç etiketlik; fiş yerinden oynamaz, yalnız etiketi değişir. */
.fis-etiket {
    position: absolute;
    top: -.75rem;
    left: 1.375rem;
    padding: .125rem .625rem;
    border-radius: 3px;
    font-size: .8125rem;
    font-weight: 700;
    letter-spacing: .04em;
    color: #fff;
    background: var(--kk-pirinc);
}

/* Durumu kelime taşır; TAMAM dolu pirinç, EKSİK çerçeveli pirinç, BİLGİ YOK çerçeveli gri. Kırmızı yalnızca başlık çizgisinde kalır. */
.fis-etiket.eksik {
    background: var(--kk-fis);
    color: var(--kk-pirinc);
    box-shadow: inset 0 0 0 2px var(--kk-pirinc);
}

.fis-etiket.bos {
    background: var(--kk-fis);
    color: var(--kk-ikincil);
    box-shadow: inset 0 0 0 2px var(--kk-ikincil);
}

/* Silme bağlantısı: kırmızı değil, altı çizili koyu metin; dokunma hedefi 44px. */
.fis-sil {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 .25rem;
    color: var(--kk-metin);
    text-decoration: underline;
    font-weight: 600;
}

.fis-sil:hover {
    color: var(--kk-petrol-koyu);
}

/* ---------- Mezun anasayfası ---------- */
.kayit-ust {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-wrap: wrap;
    gap: .5rem;
    margin: .5rem 0 1.5rem;
}

.kayit-baslik {
    font-size: 2rem;
    font-weight: 700;
    margin: 0;
}

.kayit-alt {
    margin: 0;
    color: var(--kk-ikincil);
}

.sira-bandi {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
    background: var(--kk-petrol);
    color: #fff;
    border-radius: 8px;
    padding: 1.125rem 1.5rem;
    margin-bottom: 2.25rem;
}

.sira-bandi h3 {
    color: #fff !important;
    font-size: 1.375rem;
    font-weight: 700;
    margin: 0 0 .25rem;
}

.sira-bandi p {
    color: #d4e7e8;
    margin: 0;
}

.sira-bandi .btn-light {
    background: #fff;
    border-color: #fff;
    color: var(--kk-petrol-koyu);
    font-weight: 700;
}

.sira-bandi .btn-light:hover {
    background: var(--kk-petrol-acik);
    border-color: var(--kk-petrol-acik);
}

.fis-katalog {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2rem 1.5rem;
    margin-bottom: 2rem;
}

.duyuru-listesi {
    background: #fff;
    border-radius: 4px;
    box-shadow: var(--kk-golge);
    padding: 1.25rem 1.5rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.duyuru-listesi h3 {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: .75rem;
}

.duyuru-listesi ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.duyuru-listesi li {
    border-top: 1px solid var(--kk-ayrac);
    padding: .75rem 0;
}

.duyuru-listesi li a {
    display: block;
    font-weight: 600;
    color: var(--kk-petrol-koyu);
}

.duyuru-listesi li span {
    display: block;
    font-size: .9375rem;
    color: var(--kk-ikincil);
    max-width: 72ch;
}

.duyuru-listesi .bos {
    color: var(--kk-ikincil);
    margin: 0;
}

/* ---------- Eğitim fişleri listesi ---------- */
.egitim-aciklama {
    max-width: 72ch;
    color: var(--kk-ikincil);
    margin-bottom: 1rem;
}

.egitim-eylemler {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-bottom: 2rem;
}

.egitim-fisleri {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem 1.5rem;
    margin-bottom: 2rem;
}

.fis-eylemler {
    display: flex;
    gap: .5rem;
    margin-top: 1rem;
}

/* ---------- Kontroller: standart, ölçüleri büyütülmüş ---------- */
.mezun-yuzu .btn,
.giris-yuzu .btn {
    border-radius: 6px;
    font-weight: 600;
    font-size: 1rem;
    min-height: 44px;
    padding: .625rem 1.25rem;
    text-transform: none;
    letter-spacing: 0;
    box-shadow: none;
}

.mezun-yuzu .btn-sm,
.giris-yuzu .btn-sm {
    min-height: 44px;
    font-size: .9375rem;
    padding: .5rem 1rem;
}

.mezun-yuzu .btn:hover,
.giris-yuzu .btn:hover {
    transform: none;
}

.mezun-yuzu .btn-primary,
.giris-yuzu .btn-primary {
    background: var(--kk-petrol);
    border-color: var(--kk-petrol);
}

.mezun-yuzu .btn-primary:hover,
.giris-yuzu .btn-primary:hover {
    background: var(--kk-petrol-koyu);
    border-color: var(--kk-petrol-koyu);
}

/* Girilen değer gövde metniyle aynı mürekkepte; site.css'in Argon çivit (#32325d) rengini bu yüzlerde ezer. */
.mezun-yuzu .form-control,
.giris-yuzu .form-control {
    color: var(--kk-metin) !important;
}

/* Üyelik, doğrulama ve şifre ekranlarının ana eylemi (Argon "alternative"): açık zeminde soluk kalıyordu; girişteki ana butonla aynı dolu petrol. */
.giris-yuzu .btn-primary-alternative {
    background: var(--kk-petrol);
    border-color: var(--kk-petrol);
    color: #fff;
}

.giris-yuzu .btn-primary-alternative:hover,
.giris-yuzu .btn-primary-alternative:focus {
    background: var(--kk-petrol-koyu);
    border-color: var(--kk-petrol-koyu);
    color: #fff;
}

.mezun-yuzu .btn-outline-primary,
.giris-yuzu .btn-outline-primary {
    color: var(--kk-petrol);
    border: 2px solid var(--kk-petrol);
    background: transparent;
}

.mezun-yuzu .btn-outline-primary:hover,
.giris-yuzu .btn-outline-primary:hover {
    color: #fff;
    background: var(--kk-petrol);
}

.mezun-yuzu .form-control,
.giris-yuzu .form-control {
    height: auto;
    min-height: 44px;
    font-size: 1.0625rem;
    border: 1px solid #b9c6ca;
    border-radius: 6px;
    background: #fff;
    box-shadow: none;
}

/* Görüntüleme sayfalarında değerler <span class="form-control border-0 p-0"> ile basılıyor; girdi kutusu gibi görünmesin. */
.mezun-yuzu span.form-control {
    min-height: 0;
    background: transparent;
    border: 0;
    padding: 0;
    height: auto;
}

.mezun-yuzu .form-control:focus,
.giris-yuzu .form-control:focus {
    border-color: var(--kk-petrol);
}

.mezun-yuzu .form-control-label,
.giris-yuzu .form-control-label {
    font-size: .9375rem;
    font-weight: 600;
    color: var(--kk-metin);
}

.mezun-yuzu .input-group-alternative,
.giris-yuzu .input-group-alternative {
    box-shadow: none;
}

.mezun-yuzu .alert-primary {
    background: var(--kk-petrol-acik);
    border-color: var(--kk-petrol-acik);
    color: var(--kk-petrol-koyu);
}

/* Argon'un tehlike kırmızısı (#f5365c) fiş zemininde 3.5:1; silme bağlantısı için koyulaştırılır. */
.mezun-yuzu .text-danger {
    color: #b03a2e !important;
}

.mezun-yuzu .footer,
.giris-yuzu .footer {
    background: transparent;
}

/* ---------- Giriş ve üyelik ---------- */
.giris-yuzu .header.bg-gradient-primary {
    background: var(--kk-petrol) !important;
    padding-top: 4rem !important;
    padding-bottom: 7rem !important;
}

.giris-yuzu .separator {
    display: none;
}

.giris-yuzu .card.bg-secondary {
    background: var(--kk-fis) !important;
}

/* Kırmızı başlık çizgisi form sütunuyla aynı genişlikte (gövde px-lg-5). */
@media (min-width: 992px) {
    .giris-yuzu .card-header {
        margin: 0 3rem;
    }
}

.giris-yuzu .card-header img {
    width: 88px;
    height: auto;
}

.giris-yuzu .giris-ilk {
    border-top: 1px solid var(--kk-ayrac);
    margin-top: 1.5rem;
    padding-top: 1.25rem;
    margin-bottom: 1.25rem;
    text-align: center;
}

.giris-yuzu .giris-ilk p {
    color: var(--kk-ikincil);
    margin-bottom: .75rem;
}

.giris-yuzu .sifre-unuttum {
    display: inline-block;
    margin-top: .5rem;
    font-size: .9375rem;
    color: var(--kk-petrol-koyu);
    text-decoration: underline;
}

.giris-yuzu .giris-kunye {
    color: var(--kk-ikincil);
    font-size: .9375rem;
}

.giris-yuzu .giris-kunye a {
    color: var(--kk-petrol-koyu);
}

/* ---------- Bildirimler (toastr) ----------
   Tek nötr koyu zemin; tür ikon ve metinle ayrılır. Pirinç ve kırmızı fişteki tek görevlerinde kalır.
   Bildirim üst çubuğun (kimlik) altından başlar. */
.mezun-yuzu #toast-container.toast-top-right,
.giris-yuzu #toast-container.toast-top-right {
    top: 76px;
}

.mezun-yuzu #toast-container > .toast,
.giris-yuzu #toast-container > .toast {
    opacity: 1;
    font-family: inherit;
    font-size: 1rem;
    background-color: var(--kk-petrol-koyu);
    box-shadow: var(--kk-golge);
}

/* ---------- Dar ekranlar ---------- */
@media (max-width: 991.98px) {
    .fis-katalog,
    .egitim-fisleri {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 575.98px) {
    .kayit-baslik {
        font-size: 1.625rem;
    }

    .sira-bandi .btn {
        width: 100%;
    }

    .giris-yuzu .header.bg-gradient-primary {
        padding-top: 2.5rem !important;
        padding-bottom: 6rem !important;
    }

    /* Kart, petrol bandın altından nefes alarak başlasın (önceden tepeden 8px). */
    .giris-yuzu .container.mt--8 {
        margin-top: -5.5rem !important;
    }
}