/* ============================================================================
   hm-layout.css
   servis.habermetre.com LAYOUT ISKELETI icin tek dogru kaynak.

   NEREDE YUKLENIR
   ~/Css/Default demetinin EN SON dosyasi (App_Start/BundleConfig.cs).
   Demetten sonra _Layout yalnizca jquery-ui-1.8.13.custom.css'i yukler ve o
   dosyada .page-* / .hor-menu secicisi YOKTUR. Yani bu dosya iskelet icin
   son sozu soyler; iskelet kurallarinin hicbirinde !important gerekmez.

   TEK ISTISNA: kose yaricapi. components.css cok genis bir seciciyle tum
   ogelere `border-radius: 0 !important` uyguluyor, onu gecmenin baska yolu
   yok. Yaricap disinda !important kullanilmaz.

   HANGI LAYOUTLAR
   _Layout, _LayoutAdmin, _LayoutWithoutSession, _NotificationMailsLayout.
   Dordu de <body class="page-header-fixed page-full-width"> kullanir.

   KIRILMA NOKTASI: 1243px  (layout.css:394)
     > 1243px : .page-sidebar gizli, masaustu yatay menusu (.hor-menu) gorunur
     <= 1243px: yatay menu gizli, hamburger + .page-sidebar-menu gorunur
   Bu deger bilerek korunmustur. Yakin degerler (1244, 1350) ayni esigi
   anlatmaya calisan kopyalardir; iskelet icin tek esik burasidir.

   MARKA PALETI
     #00adef  mavi          baslik zemini, yatay menu aktif durumu
     #0097d0  koyu mavi     yatay menu hover, acilir menu zemini
     #2aaee0  parlak mavi   kenar cubugu hover ve aktif
     #0ea89d  teal          kenar cubugu zemini
     #3d3d3d  koyu gri      sayfa alt bilgisi
   CSS degiskeni (var(--x)) BILEREK kullanilmadi: bu demet WebGrease 1.6
   (2013) ile kucultuluyor ve demetteki 26 dosyanin hicbirinde CSS degiskeni
   yok, yani minifier icin denenmemis bir yol. Renkler duz yazildi.

   NOT: bu dosya eski kurallarin uzerine yazar. Ezilen kurallar default.css
   icinde hala durabilir; onlar ayri bir adimda, olu olduklari kanitlandikca
   temizlenir.
   ============================================================================ */

/* ==========================================================================
   GOLGE OLCEGI
   --------------------------------------------------------------------------
   14.09.2026 - Projede box-shadow dagilmis durumda: components.css'te 67,
   plugins.css'te 67, geri kalan stil dosyalarinda 20'ye yakin ve bir kismi
   de view'larin icinde inline. Tema dosyalarina dokunulmuyor, ama BIZIM
   yazdigimiz golgeler bundan sonra su uc degerden birini kullanir. Boylece
   panelde tek bir golge dili olur ve bir daha degistirmek gerekirse tek
   yerden degisir.

     GOLGE 1  0 1px 2px rgba(16,24,32,.06), 0 1px 3px rgba(16,24,32,.08)
              cok hafif, kart ve kutu kenarlari icin
     GOLGE 2  0 2px 6px rgba(16,24,32,.08), 0 4px 12px rgba(16,24,32,.06)
              belirgin, acilir menu ve one cikan kart icin
     GOLGE 3  0 6px 16px rgba(16,24,32,.12), 0 2px 6px rgba(16,24,32,.08)
              yukselmis, fareyle uzerine gelince

   Renk siyah degil, koyu slate: saf siyah golge ucuz duruyor.

   NEDEN CSS DEGISKENI DEGIL: dosyanin basindaki notla ayni gerekce. Bu demet
   WebGrease 1.6 (2013) ile kucultulebiliyor ve o surum icin CSS degiskeni
   denenmemis bir yol. Bugun kucultme kapali (BundleConfig.cs:172'de
   EnableOptimizations yorumda, canli ciktida dosyalar tek tek geliyor), ama
   biri acarsa degiskenler sessizce bozulabilir. Degerler duz yazildi;
   degistirmek gerekirse bu uc katmani asagidaki dort yerde guncelle.
   ========================================================================== */

/* --------------------------------------------------------------------------
   PANEL KARTLARI (.portlet.box)
   Kutular eskiden duz, golgesiz ve keskin koseliydi. Kucuk bir yaricap ve
   hafif bir golge ekleniyor; olculer, konumlar ve ic bosluklar AYNEN kaliyor.
   border-radius'ta !important zorunlu: components.css cok genis bir seciciyle
   tum ogelere `border-radius: 0 !important` uyguluyor.
   -------------------------------------------------------------------------- */

.portlet.box {
    border-radius: 6px !important;
    box-shadow: 0 1px 2px rgba(16, 24, 32, .06), 0 1px 3px rgba(16, 24, 32, .08);   /* GOLGE 1 */
    transition: box-shadow .18s ease;
}

.portlet.box:hover {
    box-shadow: 0 2px 6px rgba(16, 24, 32, .08), 0 4px 12px rgba(16, 24, 32, .06);  /* GOLGE 2 */
}

/* components.css:3129'da birileri vendor dosyasinin icine elle bir kural
   eklemis ("Ozel stiller buraya" yorumu ile):
       .portlet.box.CUSTOM { box-shadow: 0 8px 24px rgba(0,0,0,.12); }
   (0,3,0) oldugu icin yukaridaki (0,2,0) kuralimizi eziyor ve o golge hem cok
   yayvan hem saf siyah. Vendor dosyasina dokunmuyoruz; ayni ozgullukte ve
   daha sonra yuklenen bir kuralla olcege baglaniyor. */
.portlet.box.CUSTOM {
    box-shadow: 0 1px 2px rgba(16, 24, 32, .06), 0 1px 3px rgba(16, 24, 32, .08);   /* GOLGE 1 */
}

.portlet.box.CUSTOM:hover {
    box-shadow: 0 2px 6px rgba(16, 24, 32, .08), 0 4px 12px rgba(16, 24, 32, .06);  /* GOLGE 2 */
}

/* Baslik seridi kartin yuvarlatilmis ust kosesine otursun. */
.portlet.box > .portlet-title {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
}

/* 14.09.2026 - Kartin kendi yaricapi tek basina ise yaramiyordu: BEYAZ zemin
   `.portlet.box`in degil, icindeki `.portlet-body`nin. Govdenin yaricapi 0
   oldugu icin kartin yuvarlatilmis kosesinin uzerine keskin bir kose
   basiyordu. Olculdu:
       .portlet.box       border-radius 6px, zemin #7cb5ec
       .portlet-body      border-radius 0,   zemin #ffffff   <- gorunen katman
   Govde de yuvarlatiliyor.

   Iki durum var ve secicilerle ayriliyor, boylece kural yalnizca yapisi
   uyan kartlarda calisir:
     :only-child   baslik seridi olmayan kartlar (listeleme sayfalari).
                   Govde kartin tamami, dort kose de yuvarlanir.
     :last-child   baslik seridi olan kartlar (anasayfa). Ustu baslik
                   kapatiyor, yalnizca alt iki kose yuvarlanir.
   Govdeden sonra baska bir kardes varsa hicbiri eslesmez, yani o kartlarda
   yanlislikla kose yuvarlanmaz.

   `overflow: hidden` BILEREK kullanilmadi: `.portlet.box` butun panelde
   gecerli ve govde icinde acilir liste, ipucu balonu gibi disari tasmasi
   gereken ogeler var. Yaricap yeterli, kirpma gerekmiyor. */
.portlet.box > .portlet-body:only-child {
    border-radius: 6px !important;
}

.portlet.box > .portlet-body:last-child {
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}

/* Hareketi azaltilmis tercihi olan kullanicida gecis kapanir. */
@media (prefers-reduced-motion: reduce) {
    .portlet.box {
        transition: none;
    }
}

/* --------------------------------------------------------------------------
   MODAL KABUGU
   14.09.2026 - Kartlardaki ile AYNI sebep: components.css:80'deki "Reset round
   corners" blogu `div, input, select, span, img, table, ... { border-radius:
   0 !important }` diyor. `.modal-content` de bir div oldugu icin bootstrap'in
   kendi 6px'i hic gorunmuyor, butun modallar keskin koseli cikiyor.

   NOT: bu kural `!important` tasidigi icin kaynak sirasi tek basina yetmiyor.
   Ilk yazisimda hm-uyari.css'te yaricaplari `!important`siz vermistim ve
   hicbiri uygulanmamisti; tarayicida olculdu, hepsi 0px donuyordu.

   Ust ve alt koseler modal-header / modal-footer'a degil ILK ve SON cocuga
   veriliyor. Modalin icerigi degisken: bazilarinda baslik var, bazilarinda
   yalnizca govde (yetki modalinin eski hali boyleydi), bootbox kimi kutuda
   icerigi bir <form> icine sariyor. Ilk/son cocuk kurali uc durumda da dogru
   calisir; tek cocuk varsa iki kural birden eslesir ve dort kose yuvarlanir.
   -------------------------------------------------------------------------- */

.modal-content {
    border-radius: 6px !important;
}

.modal-content > :first-child {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
}

.modal-content > :last-child {
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}

/* --------------------------------------------------------------------------
   KART ICINDEKI TABLOLAR
   Bootstrap 3'un `table-bordered` gorunumu her hucreyi cizgiyle cerceveliyor,
   baslik satiri govdeden ayrisMIyor ve sayilar hizalanmiyor. Yapisal hicbir
   sey degismiyor: kolon genislikleri, hucre sayisi, siralama ayni.

   Kontrast (17.09.2026'da yeniden olculdu; degerleri kullanici degistirdi):
     baslik metni #000000 / zemin #e8e8ef  -> 17.22:1
     govde metni  #000000 / zemin #ffffff  -> 21.00:1
   -------------------------------------------------------------------------- */

.portlet.box .table {
    /* Gecmis: once #2d3748 idi, sonra "cok siyah" denince #4a5568'e alinmisti.
       17.09.2026 - kullanicilar bu kez "yazilar acik, goz yoruyor" deyince
       kullanici tam siyaha cekti. Beyaz zeminde 21.00:1. */
    color: #000000;
    margin-bottom: 0;
    border: 0;
}

/* --------------------------------------------------------------------------
   17.09.2026 - TABLO ICINDEKI BAGLANTILAR

   Govde metni siyaha cekildikten sonra tablodaki tek acik unsur baglantilar
   kaldi: Bootstrap'in varsayilan `a { color: #428bca }` kurali beyaz zeminde
   yalnizca 3.63:1 veriyor (esik 4.5). Ustelik arama sonuclarinda haber
   basligi bir baglanti, yani tablonun EN COK OKUNAN hucresi en acik olani
   oluyordu. Olcum: /search/search-news/ tablosu, 17.09.2026.

   `.portlet.box .table { color: #000000 }` bu hucrelere ulasmiyor, cunku
   `a` kendi rengini tasiyor ve daha ozgul bir kuralla geliyor.

   #123f63 bu depoda zaten kullaniliyor (hm-liste.css, secili satirdaki
   baglanti). Beyaz zeminde 10.96:1. Tam siyah yerine bu ton secildi ki
   baglanti oldugu anlasilmaya devam etsin; uzerine gelince tam siyah ve
   alti cizili oluyor.

   Kapsam bilerek dar: yalnizca kart icindeki tablolar. Site genelindeki
   baglanti rengine ve ust menuye DOKUNULMUYOR.
   -------------------------------------------------------------------------- */
.portlet.box .table a {
    color: #123f63;
}

    .portlet.box .table a:hover,
    .portlet.box .table a:focus {
        color: #000000;
        text-decoration: underline;
    }

/* --------------------------------------------------------------------------
   17.09.2026 - TABLO ICINDEKI ROZETLER

   Arama sonuclarinda terim adlari rozet olarak cikiyor. Bootstrap'in
   varsayilani `.badge { background-color: #999 }` ve uzerine beyaz yazi:
   beyaz / #999999 = 2.85:1, yani tablodaki en dusuk kontrast buydu.
   Zemin notr kademeye cekildi (#5a6b7d), beyaz yazi ile 5.48:1.

   Yazi rengine dokunulmadi, yalnizca zemin koyulastirildi; rozetin "notr
   etiket" gorunumu ayni kaliyor.

   Kapsam yine dar: yalnizca kart icindeki tablolar. Menudeki sayac rozetleri
   ve diger yuzeylerdeki rozetler etkilenmiyor.
   -------------------------------------------------------------------------- */
.portlet.box .table .badge {
    background-color: #5a6b7d;
}

/* Etiket noktalari (olumlu/olumsuz/notr) da tablodaki rozetler oldugu icin
   yukaridaki kural (0,3,0) onlarin renklerini (.badge-success vb., 0,1,0)
   eziyor ve hepsi ayni koyu griye donuyordu. Noktalarin anlami renginde;
   bookmarkcircle icindekiler components.css'teki asil renklerine geri dondurulur. */
.portlet.box .table .bookmarkcircle .badge-success {
    background-color: #45b6af;
}

.portlet.box .table .bookmarkcircle .badge-danger {
    background-color: #f3565d;
}

.portlet.box .table .bookmarkcircle .badge-default {
    background-color: #c6c6c6;
}

/* Kartin kendi cercevesi zaten var; tablonun ayri bir cercevesi gereksiz.
   components.css:4149 `.table-scrollable`a 1px gri kenarlik veriyor (0,1,0),
   buradaki (0,3,0) onu geciyor. */
.portlet.box .table-scrollable {
    border: 0;
}

.portlet.box .table > thead > tr > th {
    background-color: #e8e8ef;
    color: #000000;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    border-bottom: 1px solid #e5e9ef;
    vertical-align: middle;
    padding: 9px 14px;
}

/* Dikey izgara cizgileri kaldirildi, yatayda ince bir ayirac kaliyor. */
.portlet.box .table.table-bordered,
.portlet.box .table.table-bordered > thead > tr > th,
.portlet.box .table.table-bordered > tbody > tr > td {
    border-left: 0;
    border-right: 0;
}

.portlet.box .table > tbody > tr > td {
    border-top: 1px solid #eef1f6;
    vertical-align: middle;
    padding: 10px 14px;
}

.portlet.box .table > tbody > tr:first-child > td {
    border-top: 0;
}

/* Ilk ve son kolon kartin kenariyla hizalansin, icerik kenara yapismasin. */
.portlet.box .table > thead > tr > th:first-child,
.portlet.box .table > tbody > tr > td:first-child {
    padding-left: 16px;
}

.portlet.box .table > thead > tr > th:last-child,
.portlet.box .table > tbody > tr > td:last-child {
    padding-right: 16px;
}

/* Sayilar alt alta hizalansin: orantili rakamlarda 1.284 ile 973 kayiyor.
   tabular-nums her rakama esit genislik verir. */
.portlet.box .table td,
.portlet.box .table th {
    font-variant-numeric: tabular-nums;
    -moz-font-feature-settings: "tnum";
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
}

.portlet.box .table.table-hover > tbody > tr > td {
    transition: background-color .12s ease;
}

.portlet.box .table.table-hover > tbody > tr:hover > td {
    background-color: #f4f7fb;
}

@media (prefers-reduced-motion: reduce) {
    .portlet.box .table.table-hover > tbody > tr > td {
        transition: none;
    }
}



/* ---------------------------------------------------------------------------
   1) BASLIK SERIDI
   layout.css:29 border: 0px veriyor; asagidaki kural ondan sonra geldigi ve
   ayni ozgullukte oldugu icin alt kenarligi geri kazandirir. Daha once
   _Layout.cshtml'de iki ayri yerde inline duruyordu.
   --------------------------------------------------------------------------- */
.page-header.navbar {
    background-color: #00adef;
    border-bottom: 1px solid #ffffff;
}

/* Basligin hemen altindaki dolgu seridi (eskiden _Layout'ta inline). */
.hm-header-strip {
    background-color: #00adef;
}

/* Hamburger dugmesi. Hicbir CSS dosyasi bu renge dokunmuyor, inline'a
   gerek yoktu. */
.page-header.navbar .menu-toggler.responsive-toggler {
    color: #ffffff;
}


/* ---------------------------------------------------------------------------
   2) MASAUSTU YATAY MENU  (.hor-menu.hor-menu-light)
   Kaynak degerler default.css:101-127. Buraya birebir tasindi, tek fark
   default.css:118'deki yazim hatasinin duzeltilmesi: "a2aaee0:hover" bir renk
   kodunun seciciye yapismasiydi ve o dal hic eslesmiyordu; dogrusu "a:hover".
   --------------------------------------------------------------------------- */
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a {
    color: #ffffff;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:focus {
    color: #ffffff;
    background: #0097d0;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a:hover,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a:focus,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a[data-hover="dropdown"],
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a[data-hover="dropdown"]:hover,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a[data-hover="dropdown"]:focus {
    color: #ffffff;
    background: #0097d0;
}

/* .active ve .current siniflari su an _HorizantalMenu.cshtml tarafindan hic
   uretilmiyor, yani bu kural pratikte devre disi. Yazim hatasi duzeltilmis
   haliyle burada tutuluyor ki aktif durum gostergesi eklendiginde calissin. */
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
    color: #f1f1f1;
    background: #00adef;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
    background: #0097d0;
    /* Eskiden `5px 5px rgba(91,91,91,.2)` idi: bulanikligi olmayan,
       kaydirilmis eski usul bir golge. Olcege baglandi. */
    box-shadow: 0 2px 6px rgba(16, 24, 32, .08), 0 4px 12px rgba(16, 24, 32, .06);  /* GOLGE 2 */
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
    color: #ffffff;
    opacity: 0.8;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a:hover,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a.active {
    color: #ffffff;
    background: #00adef;
    opacity: 1;
}


/* Ana sayfa ogesinin ikonu buyuk gosterilir (eskiden _HorizantalMenu'de
   inline). Secici zaten var olan .home sinifina baglanir. */
.page-header.navbar .hor-menu .navbar-nav > li > a.home > i {
    font-size: 22px;
    vertical-align: middle;
}

/* "Yeni" etiketi ve yanip sonmesi.
   14.09.2026 - Eskiden _HorizantalMenu icinde 250 ms'de bir calisan bir
   setInterval vardi, her seferinde 500 ms'lik fadeOut/fadeIn baslatiyordu.
   Animasyonlar ust uste biniyor ve sayfa acik kaldigi surece ana is
   parcacigini mesgul ediyordu. Ayni gorunum CSS ile, bedelsiz. */
.hm-yeni-badge {
    margin-left: 5px;
    color: yellow;
    display: inline;
    animation: hm-yanip-sonme 1.6s ease-in-out infinite;
}

@keyframes hm-yanip-sonme {
    0%, 100% { opacity: 1; }
    50%      { opacity: .25; }
}

/* Hareketi azaltilmis tercihi olan kullanicida sabit kalir. */
@media (prefers-reduced-motion: reduce) {
    .hm-yeni-badge {
        animation: none;
    }
}

/* Rapor menusu kucuk ekranlarda gizlenir. Eskiden _HorizantalMenu icindeki
   <style> blogunda 850px'lik ayri bir kirilma noktasi ve gereksiz bir
   !important ile duruyordu. .navbar-nav > li ogesine display veren baska
   hicbir kural olmadigi icin !important gerekmiyor (olculdu). */
@media (max-width: 850px) {
    .page-header.navbar .hor-menu .navbar-nav > li.hiddenreport {
        display: none;
    }
}


/* ---------------------------------------------------------------------------
   3) SAG UST: KULLANICI MENUSU
   Eskiden _Layout.cshtml'de inline: acilir dugmenin ic boslugu, avatar
   boyutu/koseligi ve acilir menunun zemini.
   --------------------------------------------------------------------------- */
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > a.dropdown-toggle {
    margin: 5px 0 0 0;
    padding: 5px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .hm-avatar {
    width: 25px;
    height: 25px;
    /* Buradaki `border-radius: 20%` kaldirildi: oge bir <img> ve ustteki
       "Reset round corners" blogu img'lere de `border-radius: 0 !important`
       veriyor, yani bildirim zaten hic uygulanmiyordu. Avatarin daire
       gorunumu components.css'teki `.img-circle { border-radius: 50%
       !important }` kuralindan geliyor; isaretlemede iki sinif birlikte
       kullaniliyor. */
    margin-top: 3px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu {
    background-color: #0097d0;
}

/* ==========================================================================
   ACILIR KUTULAR (.dropdown-menu)
   --------------------------------------------------------------------------
   14.09.2026 - Profil acilir kutusu menu seridinden kopuk duruyordu ve butun
   paneller keskin koseliydi. Tarayicida olculdu:

     acici <a>    yukseklik 38, alt kenar 43
     <li>         yukseklik 46, alt kenar 46   (seridin alt kenari)
     panel        ust kenar 49                 -> seritten 3px asagida
     panelin marjini    margin-top: 3px
       kaynak: .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu
     kose yaricapi      0px
       bootstrap 4px veriyor ama components.css'teki "Reset round corners"
       blogu `ul`lere de `border-radius: 0 !important` diyerek eziyor
     golge              rgba(102,102,102,.1) 5px 5px 0 0
       bulanikligi olmayan, kaydirilmis eski usul golge

   Yapilan: marj sifirlandi (panel artik seride yapisik), koseler yumusatildi,
   golge olcege baglandi. Olculer, konumlar ve oge sirasi degismedi.
   ========================================================================== */

/* Butun acilir kutular: yuvarlak kose ve olcekten golge.
   !important ZORUNLU: ezilen kural da !important tasiyor (yukaridaki
   "Reset round corners" blogu), ozgulluk tek basina yetmiyor. */
.dropdown-menu {
    border-radius: 6px !important;
    box-shadow: 0 2px 6px rgba(16, 24, 32, .08), 0 4px 12px rgba(16, 24, 32, .06);  /* GOLGE 2 */
}

/* Baslik seridine yapisik olanlar: seritle arasinda bosluk yok, bu yuzden ust
   koseler duz birakiliyor; yuvarlaklik yalnizca altta. Boylece panel seride
   yapisik gorunuyor, havada duran ayri bir kutu gibi degil. */
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-menu,
.page-header.navbar .hor-menu .navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top: 0;
    border-radius: 0 0 6px 6px !important;
}

/* Son ogenin vurgusu yuvarlatilmis kosenin disina tasmasin.
   `overflow: hidden` BILEREK kullanilmadi: yatay menude alt acilir kutular
   var ve kirpma onlari goremez hale getirirdi. */
.dropdown-menu > li:last-child > a {
    /* !important burada da gerekli: "Reset round corners" blogu `a`lari da
       kapsiyor. Ilk yazisimda unutmustum, olcumde yaricap 0 dondu. */
    border-radius: 0 0 6px 6px !important;
}

/* Baslik panellerindeki ogeler biraz nefes alsin. Yalnizca ic dolgu degisiyor,
   panelin konumu ve oge sirasi ayni. */
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-menu > li > a {
    padding: 8px 16px;
    transition: background-color .15s ease;
}

/* Ayirac cizgisi bu panellerde #e5e5e5 idi; mavi zemin uzerinde sert bir acik
   cizgi olarak duruyordu. Zemine karisan saydam beyaza alindi. */
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-menu > li.divider {
    background-color: rgba(255, 255, 255, .22);
    margin: 6px 0;
}

@media (prefers-reduced-motion: reduce) {
    .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-menu > li > a {
        transition: none;
    }
}

/* Admin kisayollari: baglanti ve ikonlari beyaz. */
.page-header.navbar .top-menu .navbar-nav .dropdown-menu li > a.hm-admin-link,
.page-header.navbar .top-menu .navbar-nav .dropdown-menu li > a.hm-admin-link > i {
    color: #ffffff;
}

/* 14.09.2026 - Burada cikis ogesine `margin-bottom: 9px` veriliyordu. Panel
   kose yuvarlamasi eklendikten sonra bu bosluk gorunur hale geldi: son ogenin
   uzerine gelindiginde vurgu bitiyor ama panel 9 px daha devam ediyordu, yani
   altta ince bir bos serit kaliyordu. Diger acilir kutularda boyle bir bosluk
   yok. Olculdu: son oge alt kenari 195, panel alt kenari 205.
   Kaldirildi; son oge artik panelin alt kenariyla bitiyor ve yuvarlatilmis
   koseyi dolduruyor. */


/* ---------------------------------------------------------------------------
   4) SAG UST: DIL VE KISAYOL SIMGELERI
   custom.css:52 tum .language-menu ogelerine width:22px veriyor. Simge
   olarak kullanilan (29px) ogeler bu yuzden ayri bir sinifla ayrilir;
   custom.css'in 22px'lik davranisi bozulmaz.
   Arka plan gorseli veriye bagli olan dil bayragi bilerek inline kalir.
   --------------------------------------------------------------------------- */
.language-menu.hm-lang-icon {
    width: 29px;
    height: 29px;
    background-repeat: no-repeat;
}

.language-menu.hm-lang-icon.hm-icon-twitter {
    background-image: url(/Content/images/twitter_icon.png);
}

.language-menu.hm-lang-icon.hm-icon-twitter-gundem {
    background-image: url(/Content/images/twittergundem.png);
}

.language-menu.hm-lang-icon.hm-icon-sicak-haber {
    background-image: url(/Content/images/sicakhabermonitoru1.png);
}


/* ---------------------------------------------------------------------------
   5) KENAR CUBUGU MENUSU  (<= 1243px, hamburger ile acilan menu)
   default.css bu temayi IKI KEZ tanimliyordu: taban blokta Metronic'in
   ozgun koyu temasi (hover #303030, ust kenarlik beyaz), 1243px medya
   blogunda ise marka temasi (hover #2aaee0, kenarlik teal). Kenar cubugu
   1243px ustunde display:none oldugu icin taban bloktaki bu iki deger
   HICBIR ZAMAN gorunmuyordu. Asagisi tek ve gercekten uygulanan tanimdir.
   --------------------------------------------------------------------------- */
@media (max-width: 1243px) {
    .page-sidebar {
        background-color: #0ea89d;
    }

    .page-sidebar .page-sidebar-menu > li > a {
        border-top: 1px solid #0ea89d;
    }

    .page-sidebar .page-sidebar-menu > li:last-child > a {
        border-bottom: 0;
    }

    .page-sidebar .page-sidebar-menu > li:hover > a,
    .page-sidebar .page-sidebar-menu > li.active > a {
        background: #2aaee0;
    }
}

/* Menu ikonlari her durumda beyaz.
   default.css bunlari gri (#888888) yapiyordu:
     :142  > li > a > i               -> ust seviye ikon gri
     :154  > li:hover > a > i         -> hover'da gri
     :227  .sub-menu > li:hover > a > i -> alt menude hover'da gri
   Ust seviyedeki 14 ikonun 14'unde bu yuzden inline color:#ffffff!important
   vardi. Alt menu ikonlarinin boyle bir korumasi yoktu, dolayisiyla hover'da
   gercekten griye donuyorlardi. Asagidaki kurallar ucunu de kapatir ve
   inline'lara gerek kalmaz. Ozgullukler ezilen kurallarla birebir esittir,
   bu dosya sonra yuklendigi icin kazanir. */
.page-sidebar .page-sidebar-menu > li > a > i {
    color: #ffffff;
}

.page-sidebar .page-sidebar-menu > li:hover > a > i {
    color: #ffffff;
}

.page-sidebar .page-sidebar-menu > li.active > a > i {
    color: #ffffff;
}

.page-sidebar .page-sidebar-menu .sub-menu > li > a > i {
    color: #ffffff;
}

.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i {
    color: #ffffff;
}


/* Menu etiketindeki ust bosluk (eskiden span'da inline). */
.page-sidebar .page-sidebar-menu > li > a > .hm-menu-label {
    padding-top: 10px;
}


/* ---------------------------------------------------------------------------
   6) TARAYICI OTOMATIK DOLDURMA TUZAGI
   Giris formunun otomatik doldurulmasini engellemek icin konan gorunmez
   sahte alanlar. Eskiden _Layout.cshtml'de inline display:none idi.
   --------------------------------------------------------------------------- */
/* 21.09.2026 - .hm-autofill-trap kuralinin sahibi olan sahte kimlik alanlari
   _Layout.cshtml'den kaldirildi, sinifi kullanan kalmadi. Gerekcesi orada. */


/* ---------------------------------------------------------------------------
   7) ICERIK ALANI VE ALT BILGI
   Eskiden _Layout.cshtml'de inline duruyordu. Degerler birebir korunmustur.

   DIKKAT: min-height 871px sabit bir sayidir ve kisa ekranlarda gereksiz
   kaydirma uretir; responsive acidan duzeltilmesi gereken bir maddedir ama
   gorunumu degistirdigi icin bu adimda dokunulmadi.
   --------------------------------------------------------------------------- */
.page-content-wrapper .page-content {
    min-height: 871px;
    height: 100%;
}

.page-footer {
    background-color: #3d3d3d;
}


/* --------------------------------------------------------------------------
   ANASAYFA FILTRE SATIRI  (.hm-filtre)
   Terim, sehir ve website grubu kutulari. Eskiden kutular farkli
   yuksekliklerdeydi, kenarliklar tema varsayilaniydi ve odaklanma belirtisi
   yoktu. Kolon genislikleri ve siralama AYNEN duruyor; yalnizca kutularin
   gorunumu ve dikey bosluk duzenlendi.
   -------------------------------------------------------------------------- */

.hm-filtre > [class^="col-"] {
    margin-bottom: 10px;
}

/* DIKKAT - uc kutu uc AYRI kutuphaneyle calisiyor, gorunur oge her birinde
   baska:
     Terim         -> duz <input class="kGMultiselectText">, kendisi gorunur
     Sehir         -> select2 3.x, gorunur oge .select2-container icindeki kutu
                      (ham input 1px'e indiriliyor)
     Website grubu -> bootstrap-select, gorunur oge .bootstrap-select > .btn
                      (ham <select> display:none)

   Ilk yazimda hepsine birden `.form-control { height: 38px }` verdim ve
   bootstrap-select BOZULDU: sarmalayici da `form-control` sinifini tasidigi
   icin 38px oldu, ama icindeki dugme 34px kaldi ve altinda 4px'lik bos bir
   serit gorundu (olculdu). Artik her kutuphanenin GORUNUR ogesi tek tek
   hedefleniyor. */

.hm-filtre .kGMultiselectText,
.hm-filtre input.form-control {
    height: 38px;
    border: 1px solid #d7dee7;
    border-radius: 4px !important;
    box-shadow: none;
    color: #2d3748;
    transition: border-color .15s ease, box-shadow .15s ease;
}

/* Sarmalayiciya yukseklik VERILMEZ; icindeki dugmeye verilir. */
.hm-filtre .bootstrap-select.form-control {
    height: auto;
    border: 0;
    box-shadow: none;
    padding: 0;
}

.hm-filtre .bootstrap-select > .btn {
    height: 38px;
    border: 1px solid #d7dee7;
    border-radius: 4px !important;
    background-color: #ffffff;
    color: #2d3748;
    box-shadow: none;
    transition: border-color .15s ease, box-shadow .15s ease;
}

/* select2 kutusu da ayni olculerde. */
.hm-filtre .select2-container .select2-choice,
.hm-filtre .select2-container .select2-choices {
    min-height: 38px;
    border: 1px solid #d7dee7;
    border-radius: 4px !important;
    background-image: none;
    background-color: #ffffff;
    box-shadow: none;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.hm-filtre .kGMultiselectText:focus,
.hm-filtre input.form-control:focus,
.hm-filtre .bootstrap-select.open > .btn,
.hm-filtre .bootstrap-select > .btn:focus,
.hm-filtre .select2-container-active .select2-choice,
.hm-filtre .select2-container-active .select2-choices {
    border-color: #00adef;
    box-shadow: 0 0 0 3px rgba(0, 173, 239, .15);
    outline: 0;
}

.hm-filtre .form-control::-moz-placeholder { color: #64748b; }
.hm-filtre .form-control:-ms-input-placeholder { color: #64748b; }
.hm-filtre .form-control::-webkit-input-placeholder { color: #64748b; }

/* "Listele" dugmesi kutularla ayni yukseklikte hizalanir. */
.hm-filtre .listbutto {
    height: 38px;
    padding: 0 18px;
    border-radius: 4px !important;
    font-weight: 600;
}

/* "Daha fazla secenek" bagi dugmeyle ayni satirda ortalanir. */
.hm-filtre .responsive_PopulerWebSiteOnly {
    display: inline-block;
    line-height: 38px;
    color: #0077a8;
}

.hm-filtre .responsive_PopulerWebSiteOnly:hover {
    color: #005e85;
    text-decoration: underline;
}

/* --------------------------------------------------------------------------
   SAG USTTEKI RAPOR NOTU  (.hm-rapor-notu)
   "Tum raporlar yedi gunluktur" yazisi filtre kutularinin hizasinda, yani
   cok yukarida kaliyordu. Asagi cekilip tabloya yaklastirildi.
   -------------------------------------------------------------------------- */

.hm-rapor-notu {
    padding-top: 46px;
    color: #5a6b7d;
    font-size: 13px;
}

@media (max-width: 991px) {
    /* Kolonlar alt alta dustugunde ust bosluga gerek yok. */
    .hm-rapor-notu {
        padding-top: 4px;
        text-align: left;
    }
}

/* --------------------------------------------------------------------------
   MANSET KAYDIRICISININ SAYFA NUMARALARI
   bootstrap.min.css bu projede elle degistirilmis: `.carousel-indicators li`
   10x10 piksellik SARI bir kutu (`background-color:#ff0`). Ama isaretlemede
   kutunun icine sayi basiliyor (`<li><b>3</b></li>`), yani rakam 10 pikselden
   tasiyor ve gorunum bozuluyordu. Burada sayiya gore buyuyen bir rozet haline
   getiriliyor.

   `.active` kuralinda tema `!important` kullandigi icin burada da gerekiyor.
   -------------------------------------------------------------------------- */

/* DIKKAT: bu projede bootstrap.min.css degistirilmis ve
   `.carousel-indicators`tan `position: absolute` CIKARILMIS, oge statik
   akista. Bu yuzden `left` / `bottom` / `transform` ise yaramaz, hatta
   `transform: translateX(-50%)` ogeyi genisliginin yarisi kadar sola
   itip kartin disina cikariyor (denendi, olculdu). Yalnizca yatay
   bosluklar duzeltiliyor, ortalamayi zaten `text-align: center` yapiyor. */
.portlet .carousel-indicators {
    width: auto !important;
    margin-left: 0;
    margin-right: 0;
    padding: 28px 0 6px;   /* ustteki icerikle arasi acildi */
}

/* components.css:1135-1147 bu ogelere `!important` ile mudahale ediyor:
       ol.carousel-indicators li        { background-color: #cecece !important }
       ol.carousel-indicators li:hover  { background-color: #357ebd !important }
   Yani rozetin zemini gri, uzerine gelince orta mavi oluyordu ve koyu metin
   o mavide OKUNMUYORDU (kullanicinin bildirdigi sorun). !important'i ancak
   !important geciyor, o yuzden yalnizca background-color'da kullaniliyor. */

.portlet .carousel-indicators li {
    width: auto;
    height: auto;
    min-width: 22px;
    margin: 0 3px;
    padding: 1px 7px;
    background-color: #ffffff !important;
    border: 1px solid #d7dee7;
    border-radius: 11px !important;
    color: #5a6b7d;
    font-size: 11px;
    line-height: 18px;
    text-indent: 0;
    vertical-align: middle;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.portlet .carousel-indicators li b {
    font-weight: 600;
}

/* Hover: acik mavi zemin + koyu lacivert metin. Kart basligiyla ayni aile. */
.portlet .carousel-indicators li:hover {
    background-color: #e8f4fb !important;
    border-color: #7cb5ec;
    color: #0b2540;
}

/* Aktif sayfa: kart basligiyla ayni mavi, ayni koyu metin. */
.portlet .carousel-indicators li.active,
.portlet .carousel-indicators li.active:hover {
    background-color: #7cb5ec !important;
    border-color: #5a9bd8;
    color: #0b2540;
}

@media (prefers-reduced-motion: reduce) {
    .hm-filtre .form-control,
    .hm-filtre .kGMultiselectText,
    .portlet .carousel-indicators li {
        transition: none;
    }
}

/* 14.10.2026 - Onay kutusu ve radyo dugmesi sayfa acilisinda buyuk basliyor,
   sonra kuculuyordu. Sebep: isaretlemede bu ogelere `form-control` sinifi
   verilmis (27 dosyada 54 yer, en yogunu DetailSearch/Index.cshtml). Bootstrap
   bu sinifa `display: block`, `width: 100%`, `height: 34px` veriyor; uniform
   eklentisi devreye girene kadar kutu tam genislikte ve 34px yuksekliginde
   ciziliyor, sonra 19px'lik gorseliyle degistiriliyor.
   Olculen: 0x34 (block) -> 19x19. Duzeltmeyle 13x13 -> 19x19 kaliyor.
   Isaretlemedeki 54 yeri degistirmek yerine sinif burada etkisizlestirildi. */
input[type="checkbox"].form-control,
input[type="radio"].form-control {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 0;
    box-shadow: none;
}

/* uniform sardiktan sonra girdi gorunmez olup span'in uzerinde durur ve
   tiklamayi o alir. Ustteki kural oraya da islerse girdi 0x0 oluyor ve kutu
   hic tiklanamiyor (olculdu). Bu yuzden sarmalanmis haldeki olculer
   uniform'un kendi degerlerinde birakiliyor: checker 19px, radio 18px. */
div.checker input[type="checkbox"].form-control {
    width: 19px;
    height: 19px;
}

div.radio input[type="radio"].form-control {
    width: 18px;
    height: 18px;
}

/* 14.10.2026 - Admin kullanici ekranlarindaki (Admin/UserReport ve
   Shared/_AdminUserEdit) satir ici stiller buraya tasindi. Bu stiller
   gorunumlerde duruyordu; _AdminUserEdit bir kismi gorunum olup ajax ile
   pencereye yuklendigi icin kendi <style> blogunu tasiyamaz, bu yuzden
   siniflar burada.

   Alti yerde !important vardi ve ALTISI DA GEREKSIZDI: tarayicida
   olculdu, satir ici bildirim ile duz sinif ayni hesaplanmis degeri
   veriyor (nav-pills margin, tab-content margin-top, silme dugmesi
   float, istatistik kutusu padding/width/height). Hicbirinde
   !important kullanilmadi. */
.adm-page-title {
    font-weight: bold;
}

.adm-inline-select {
    display: inline-block;
}

.adm-tab-nav {
    border: 1px solid #d6dde1;
    margin: 0;
}

.adm-tab-body {
    margin-top: 10px;
}

/* Modul/yetki kartlari. Ayni bildirim yedi satirda birebir
   tekrarlaniyordu. */
.adm-modul-row {
    border: 1px solid #d6dde1;
    margin: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.adm-section-gap {
    margin-top: 20px;
}

.adm-delete-btn {
    float: left;
}

.adm-hidden-field {
    display: none;
}

/* Yalnizca Newsmeter kurulumunda (ServiceType == 0) kullanilan
   istatistik kutusu. .icon-btn kendi degerlerini veriyor
   (padding 12px, 80x60), bu sinif sonra geldigi icin eziyor. */
.adm-stat-tile {
    padding: 6px 0 0 0;
    width: 190px;
    height: 70px;
}

.adm-stat-label {
    font-size: 14px;
    margin-bottom: 5px;
}

.adm-stat-value {
    font-size: 16px;
}

/* 14.10.2026 - Admin kullanici tablosu, terim ekranlarindaki bilgi kutusu
   paletiyle ayni hale getirildi (#eef2f4 zemin, #d6dde1 kenarlik,
   #1f3340 yazi). YERLESIME DOKUNULMADI: hicbir sutun, dugme veya kontrol
   yer degistirmedi, yalnizca renk ve kenarlik uyumlulastirildi.
   Not: seritleme Bootstrap'in `:nth-child(odd)` kuralindan geliyor,
   isaretlemedeki odd/even nitelikleriyle ilgisi yok. */
/* Baslik seridine DOKUNULMADI. components.css icinde
   ".table tr.heading > th { background-color: #eeeeee !important }" var;
   gecmek icin yine !important gerekirdi. Ayrica olculdu: mevcut hali
   siyah yazi / #eee zemin ile 18,1:1 kontrast veriyor, yani zaten iyi.
   Yalnizca yaziyi degistirmek kontrasti 11,3'e DUSURUYORDU.

   Suzgec satirina hafif bir zemin verildi: veri satirlarindan ayrilsin.
   Hover rengi bu dosyada zaten kullanilan #f4f7fb ile ayni tutuldu
   (bkz. ".portlet.box .table.table-hover" kurali); o kural .portlet.box
   istedigi icin bu tabloya ulasmiyordu. */
.adm-table > thead > tr.filter > td {
    background-color: #fafbfc;
    border-bottom: 1px solid #d6dde1;
}

.adm-table > tbody > tr:hover > td {
    background-color: #f4f7fb;
}

/* 14.10.2026 - Kullanici listesindeki (Admin/UserReport) satir islem
   ikonlari: giris yap, bilgi guncelle, loglar, mail, sil.
   Oncesinde ikinci ikondan sonra <br /> vardi, ayrica kaynakta iki bos
   satir bulunuyordu; ikonlar ikiye bolunuyor ve aralari duzensiz
   kaliyordu. Artik tek bir esnek kapsayicida, esit aralikla duruyorlar
   ve sutun daraldiginda dogal olarak sariyorlar.
   Not: ikonlar arasindaki bosluk gap ile veriliyor, boylece kaynaktaki
   satir sonlarindan gelen bosluk dugumleri aralige karismiyor. */
.adm-row-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

/* 15.10.2026 - Kullanici listesi (Admin/UserReport) uc duzeltme.

   1) Modul sutunu. Moduller "<input/>etiket<br/>" seklinde basiliyordu.
      Etiket ciplak bir metin dugumu oldugu icin sutun daraldiginda
      onay kutusunun altina sariyor ve alttaki satirlar kayiyordu.
      Her modul artik kendi kutusunda: kutu ile etiket yan yana duruyor
      ve satir sarmiyor. Sutuna da alt sinir genislik verildi. */
.adm-col-modul {
    min-width: 152px;
}

.adm-modul-item {
    display: flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    line-height: 20px;
}

/*  2) Ad sutunundaki ipucu. Metin zaten firma, kullanici ve musteri
       numarasini tasiyordu ama satir sonlari HTML ozniteliginde
       cokuyor, hepsi tek satirda birlesiyordu. Bootstrap ipucu metni
       duz metin olarak bastigi (html: false) icin satir sonlarini
       burada goruntuluyoruz. Kural yalnizca kendi sablonumuzu tasiyan
       ipuclarina uygulanir, genel .tooltip-inner degismez. */
/* Temanin ipucu kutusu dogal genisligini almiyor, en uzun kelimeye
   kadar sikisiyor; uc satirlik metin boylece sekiz satira yayiliyordu.
   max-content dogal genisligi geri veriyor, max-width ise cok uzun
   firma adlarinda kutunun tasmasini engelliyor. */
.adm-tip {
    width: max-content;
    max-width: 280px;
}

.adm-tip .tooltip-inner {
    white-space: pre-line;
    text-align: left;
    max-width: 280px;
}

/*  3) Sonlanma tarihine bir hafta veya daha az kalan hesaplar icin
       tarihin altindaki kucuk uyari. */
.adm-expire-note {
    margin-top: 2px;
    font-size: 11px;
    line-height: 14px;
    color: #c0392b;
    white-space: nowrap;
}

/* 15.10.2026 - Bilgi guncelleme penceresindeki (Shared/_AdminUserEdit)
   Profil ve Api sekmelerinin alan satirlari. Satirlar duz bir .row idi:
   araliksiz diziliyorlardi ve etiket satirin tepesinde kalip 34px'lik
   kutuyla hizasiz duruyordu. Burada ne yaptigimiz onemli: .form-horizontal
   kullanilmadigi icin .control-label kendi basina dikey hizalama
   vermiyor, o yuzden ust bosluk elle veriliyor. */
.adm-form-row {
    margin-bottom: 10px;
}

/* Etiket metnini kutudaki metinle ayni yukseklige getirir. Temanin
   .control-label kuralinda 2px ust bosluk ve 18.57px satir yuksekligi
   var; kutudaki metnin merkezi ise ust kenardan 17px asagida (1px
   cerceve + 6px dolgu + 20px satir yuksekliginin yarisi). Ust bosluk
   sifirlanip dolgu 8px yapilinca ikisi ayni hizaya geliyor. */
.adm-form-row > .control-label {
    margin: 0;
    padding-top: 8px;
}

/* 15.10.2026 - Bilgi guncelleme penceresindeki modul satirlari.
   Onceki durum: onay kutusu col-md-4, uyelik tipi listesi col-md-3
   (icine "Demo Uyelik Onay Surecinde" sigmiyordu), tarih col-md-5
   (ihtiyacindan genis). Ayrica liste input-sm ile 30px, tarih kutusu
   34px oldugu icin yan yana duran iki alanin yuksekligi tutmuyordu ve
   tarihi saran .form-group 15px alt bosluk ekleyip satiri kaydiriyordu.

   Simdi: 3 / 5 / 4 sutun, her iki alan da 34px, satir dikeyde ortali. */
.adm-modul-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

/* Tarih kutusunu saran .form-group yerine; alt bosluk eklemez. */
.adm-modul-date {
    margin-bottom: 0;
}

/* Modul adini tasiyan etiketin alt bosluguyla birlikte ortalanmasi
   metni 2.5px yukari kaydiriyordu. */
.adm-modul-row label {
    margin-bottom: 0;
}

/* 15.10.2026 - Etiket (label) renkleri. Etiketlerin yazisi beyaz
   (.label { color: #fff } ve 13px / weight 300, yani ince ve kucuk),
   ama arka planlar o kadar acikti ki yazi okunmuyordu. Beyaz yaziyla
   olculen kontrast oranlari:

       .label-warning  #f8cb00 -> 1.55   (asagida ayrica ele alindi:
                                 zemin korundu, yazi koyulastirildi)
       .label-info     #89c4f4 -> 1.86
       .label-default  #c6c6c6 -> 1.71
       .label-success  #45b6af -> 2.45
       .label-danger   #f3565d -> 3.33
       .label-primary  #428bca -> 3.63

   WCAG AA normal metin icin 4.5:1 ister. Renkler DEGISTIRILMEDI:
   HSL'de ton (H) ve doygunluk (S) aynen korunup yalnizca aydinlik (L)
   esigi gecene kadar dusuruldu. Hepsi simdi 4.5:1 ve uzeri
   (4.52 - 4.55 araliginda); uzerine gelince daha da koyulasiyor.

   components.css'teki tanimlari ezer; hm-layout.css pakette en sonda
   oldugu icin !important gerekmiyor. */
.label-default {
    background-color: #767676;   /* #c6c6c6, L %78 -> %47 */
}

.label-primary {
    background-color: #347ab7;   /* #428bca, L %53 -> %46 */
}

.label-success {
    background-color: #32827d;   /* #45b6af, L %49 -> %35 */
}

.label-info {
    background-color: #1379cd;   /* #89c4f4, L %75 -> %44 */
}

.label-danger {
    background-color: #ec111b;   /* #f3565d, L %65 -> %50 */

    /* components.css bu sinifa margin-right: -50px ve margin-top: -23px
       veriyor. Genel bir etiket sinifi icin anlamsiz: rozeti yukari ve
       saga kaydiriyor, komsu metnin ustune bindiriyor. Sifirlandi. */
    margin-right: 0;
    margin-top: 0;
}

.label-default[href]:hover,
.label-default[href]:focus {
    background-color: #5e5e5e;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #2b6596;
}

.label-success[href]:hover,
.label-success[href]:focus {
    background-color: #286863;
}

.label-info[href]:hover,
.label-info[href]:focus {
    background-color: #0f61a4;
}

.label-danger[href]:hover,
.label-danger[href]:focus {
    background-color: #c20e16;
}

/* 15.10.2026 - Sari etiket. Bir onceki turda beyaz yazi okunsun diye
   zemin koyulastirilmisti ama parlak sari gitmis oluyordu. Zemin geri
   alindi; bunun yerine YAZI koyulastirildi. Koyu renk sarinin kendi
   tonundan secildi (H 49), yani etiket yine sari gorunuyor.
   Kontrast: #4a3c00 uzerinde #f8cb00 -> 6.99:1 (beyazla 1.55 idi). */
.label-warning {
    background-color: #f8cb00;
    color: #4a3c00;
}

.label-warning[href]:hover,
.label-warning[href]:focus {
    background-color: #e4ba00;
    color: #4a3c00;
}

/* Satir islem ikonlari (giris yap, bilgi guncelle, loglar, sil).
   Sutun dar oldugu icin ikonlar alt alta dusuyordu (iki ustte bir
   altta) ve farkli genislikte kutulara oturdugu icin ortali
   durmuyorlardi. Sutun artik icerigine gore genisliyor, ikonlar
   sarmiyor ve her biri esit kare kutuda ortalaniyor. */
.adm-col-actions {
    width: 1%;
    white-space: nowrap;
}

.adm-row-actions {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 4px;
}

.adm-row-actions > a {
    /* .btn'in 5px sag boslugu gap ile ust uste biniyordu */
    margin: 0;
    padding: 0;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.adm-row-actions > a > i {
    margin: 0;
    font-size: 13px;
    line-height: 1;
}

/* Sayfa basligi gereksiz yere asagidaydi: ustundeki dugme seridi ve
   altindaki <br /> birlikte yaklasik 50px bosluk biriktiriyordu. */
.adm-page-title {
    margin-top: 0;
    margin-bottom: 14px;
}

/* 15.10.2026 - Tablonun sag ustundeki hazir filtreler. Soldaki
   sayfalama seridiyle ayni satirda duruyorlar; o serit kendi
   yuksekligini satir ici ogelerden aldigi icin kucuk bir ust bosluk
   veriliyor ki dugmeler sayfalama metniyle ayni hizada gorunsun. */
.adm-quick-bar {
    text-align: right;
    /* Soldaki sayfalama dugmeleriyle ustten birebir hizalanmasi icin. */
    padding-top: 1px;
}

.adm-quick-bar .adm-quick {
    margin-left: 6px;
}

.adm-quick-bar .adm-quick > i {
    margin-right: 4px;
}

/* 16.10.2026 - Serittteki modul suzgeci. Sayfalama acilir listeleriyle
   ayni sinifi (adm-inline-select) tasiyor, buradaki tek fark genislik
   ve dugmelerle ayni satira oturmasi. Yukseklik zaten uyuyor: hem
   btn-sm hem input-sm 30px. */
.adm-quick-bar .adm-quick-select {
    /* Dugmelerle ayni satir akisinda. Serit zaten iki satir: uc kisayol
       dugmesi 1400px ekranda 467px lik sutuna sigmiyor, bugun de ikiye
       bolunuyor. Suzgeci blok yapip kendi satirina almak ucuncu satir
       ekliyordu (58px -> 92px); satir ici birakilinca mevcut iki satir
       daha verimli doluyor ve seridin yuksekligi degismiyor. */
    width: 150px;
    margin-left: 6px;
    vertical-align: middle;
}

/* Dar ekranda sutun alta dustugunde sola yaslansin, sagda asili
   kalmasin. */
@media (max-width: 991px) {
    .adm-quick-bar {
        text-align: left;
        margin-top: 8px;
    }

    .adm-quick-bar .adm-quick {
        margin-left: 0;
        margin-right: 6px;
    }

    .adm-quick-bar .adm-quick-select {
        margin-left: 0;
        margin-right: 6px;
        margin-bottom: 6px;
    }
}

/* 15.10.2026 - Onay bekleyip suresi gecmis kayitlar. Yaklasan sonlanma
   uyarisi kirmizi (islem gerekiyor); bu ise bilgi notu, islem gerekmiyor,
   o yuzden daha soluk. */
.adm-expire-note.adm-expire-stale {
    color: #7b8694;
}