/* Font Awesome yazı tipi yerine aynı simgelerin SVG halleri (Font Awesome
   Free 6, CC BY 4.0). Eski kurallar `.fa` sınıfına göre yazıldığı için
   SVG de `fa fa-<ad>` sınıflarını taşır; boyut ve renk yazı tipindeki gibi
   1em / currentColor'dan gelir. */
svg.fa {
    display: inline-block;
    width: 1em;
    height: 1em;
    fill: currentColor;
    vertical-align: -0.125em;
    overflow: visible;
}
.q-tb__icon.fa { height: 22px; width: 22px; margin: 0 auto; }
.q-exit svg.fa { width: 16px; height: 16px; }
/* Blazor'da düğme <input type=image> eski gibi kutunun üstünde şeffaf katman */
.q-tb__item > input[type="image"] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: pointer;
}

/* Doküman ızgarası tam genişlik (kullanıcı isteği, 25 Eyl 2026). Eski makyaj
   çok sütunlu tabloya width:auto veriyordu; eski ızgarada 16 sabit sütun
   alanı zaten dolduruyordu, yenisinde dolmadığı için en az genişlik verilir.
   Sığmazsa .pnlDataClass yatay kaydırır (ortak-tema §19). */
td.q-maincol table.dxgvControl:not(.q-grid--az) { min-width: 100%; }

/* Pencere ortalama: eski js/KozaScripts.js resizePopup() pencereyi
   (wheight - h) / 2, (wwidth - w) / 2 konumuna koyar, üstten en az 50px.
   JS yerine CSS: aynı sonuç, ekrandan büyükse max-height (ortak-tema §14). */
.contanierPanelFixed.q-pencere-merkez {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/* EskiTarih: ok düğmesinin üstünde görünmez tarayıcı takvimi */
.q-tarih-dugme { position: relative; }
.q-tarih-dugme .q-tarih-secici {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    opacity: 0;
    cursor: pointer;
}
/* Yeni alanlar eski pencere düzeninde: metin kutusu ve onay kutusu alan sütununda */
.uploadDocForm input.valueLite[type="text"] { width: 400px !important; box-sizing: border-box; margin: 0; }
.uploadDocForm .valuePanelLite input[type="checkbox"] { margin: 6px 0 0 0; }

/* EskiAcilirKutu (ASPxComboBox çevirisi): açılır liste satırları */
.q-acilir .dxeListBoxItemRow { cursor: pointer; }
.q-acilir .dxeListBoxItem { padding: 4px 8px; white-space: nowrap; }
.q-acilir .dxeListBoxItemRow:hover .dxeListBoxItem { background: #E4EAF1; }
/* Eski makyaj betiği (q-tb-eskiquami.js pencereSeridi) seride taşıdığı
   .selectUserSendArea'nın ölçülerini sıfırlıyordu; sunucuda üretildiği için
   aynı kural burada (ortak-tema .q-mbar .selectUserSendArea ile aynı). */
.q-mbar .q-wbtn input[type="image"] { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; cursor: pointer; }
/* Pencere içi kişi ızgarası: seçim hücresi tıklanabilir */
.contanierPanelFixed td.dxgvCommandColumn { cursor: pointer; }
/* Pencereler eskide master sayfada, içerik hücresinin (td.q-maincol) DIŞINDAYDI;
   Blazor'da sayfa bileşeninin içinde olduğu için ortak-tema'nın
   "td.q-maincol table.dxgvControl { width:auto }" kuralına yakalanıyordu.
   Pencere içindeki ızgara eskideki gibi %100. */
td.q-maincol .contanierPanelFixed .contanierContentPanel table.dxgvControl:not(.q-grid--az) { min-width: 100% !important; }
/* İç tablolar: en az %100, sütun toplamı genişse büyür (pnlDataClass yatay kaydırır) */
td.q-maincol .contanierPanelFixed .contanierContentPanel table.dxgvControl:not(.q-grid--az) table.dxgvTable { min-width: 100% !important; }
.contanierPanelFixed .pnlDataClass { overflow-x: auto; }
/* Eski colors.css .dxgvCSD { height:374px !important }: gövde sabit yükseklikte;
   satırlar sığmazsa DevExpress'in yaptığı gibi gövde içinde kayar, sayfalayıcının
   üstüne taşmaz. */
.dxgvCSD { overflow-y: auto; }

/* Araç kutusu bağlantı olunca (Görüntüle / İndir): eski input[type=image] gibi şeffaf katman */
.q-tb__item > a.q-tb__link { position: absolute; inset: 0; opacity: 0; }
/* Doküman detayı: Künye sekmesi etiket/alan satırları eski modül kalıbında */
/* Sayfa içi sekme ızgaraları (doküman detayı): pencere ızgaraları gibi tam genişlik */
/* ortak-tema "td.q-maincol table.dxgvControl:not(.q-grid--az)" (0,3,1) + !important
   dediği için burada daha yüksek özgüllük (0,4,1) ve !important gerekir. */
td.q-maincol .dxtc-content .pnlDataClass table.dxgvControl:not(.q-grid--az) { min-width: 100% !important; width: 100% !important; }
td.q-maincol .dxtc-content .pnlDataClass table.dxgvControl:not(.q-grid--az) table.dxgvTable { min-width: 100% !important; }
td.q-maincol .dxtc-content div.labelPanelBig { display: block; float: none !important; width: auto !important; margin: 0 0 8px !important; }