/* OfficePages.css
   Small, focused styles to modernize Office page panels and tables.
   Designed to work with the existing bootstrap.css in the project.
*/

.office-card-wrapper {
    padding-top:30px;
    margin-bottom: 85px;
}

.office-card {
    border: 1px solid #e6e6e6;
    border-radius: 0.375rem;
    box-shadow: 0 1px 3px rgba(60, 64, 67, 0.08);
    margin-bottom: 30px !important;
    background: #fff;
    width: 700px;
    display: block !important;
    margin: 0px auto;
}

.teslimat-bekleyen-siparisler .office-card {
    width: 90% !important;
}

.office-card .office-card-header {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #f1f1f1;
    font-weight: 600;
    color: #222;
}

.office-card-header h4 {
    margin: 0;
    padding: 0;
    color: #173e62;
}

.office-card .office-card-body {
    padding: 1rem 1.25rem;
}

.office-card-sub-header {
    background-color: #efefef;
    border-radius: 5px;
    width: 100% !important;
    padding: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
}



.office-card .office-card-footer {
    padding: 0.75rem 1.25rem;
    background: #fafafa;
    border-top: 1px solid #f1f1f1;
    font-size: 0.95rem;
    min-height: 20px;
}

.office-table {
    margin-bottom: 0;
    width: 100%;
}

    .office-table thead th,
    .office-table tfoot th {
        border-bottom: 1px dotted #e9ecef;
        font-weight: 600;
        height: 30px;
        text-align: center;
        padding: 0.75rem;
    }

    .office-table thead th {
        background-color: #efefef;
        border-right: dotted 0.5px #96c3ee73;
    }

        .office-table thead th:first-child,
        .office-table td:first-child {
            border-left: dotted 0.5px #96c3ee73;
        }

    .office-table tr {
        border-bottom: 1px solid #e9ecef;
    }

        .office-table tr:first-child th {
            text-align: right;
        }

    .office-table tbody tr:last-child {
        padding-bottom: 100px !important;
    }

    .office-table td {
        height: 30px;
        padding: 0.75rem;
        text-align: center;
        border-right: dotted 0.5px #96c3ee73;
    }

#ekstreDetayTable.office-table td {
    padding: 0.30rem;
}

    #riskTable.office-table td,
    #ekstre-ba-bs-Table.office-table th:nth-child(2),
    #ekstre-ba-bs-Table.office-table td:nth-child(n+2),
    #ekstreDetayTable.office-table th:nth-child(2),
    #ekstreDetayTable.office-table td:nth-child(n+2),
    #baBsTable.office-table th:nth-child(2),
    #baBsTable.office-table td:nth-child(n+2) {
        text-align: right;
    }

        #riskTable.office-table td span::after,
        #ekstre-ba-bs-Table.office-table td span::after,
        #ekstreDetayTable.office-table td span::after,
        #baBsTable.office-table td span span::after {
            content: " ₺";
        }

    #riskTable.office-table th:first-child,
    #ekstre-ba-bs-Table.office-table th:first-child,
    #ekstre-ba-bs-Table.office-table td:first-child,
    #ekstreDetayTable.office-table th:first-child,
    #ekstreDetayTable.office-table td:first-child,
    #baBsTable.office-table th:first-child,
    #baBsTable.office-table td:first-child {
        text-align: left;
    }

#ekstre-ba-bs-Table tr td:first-child,
#ekstreDetayTable tr td:first-child {
    font-weight: 600;
}

#ekstre-ba-bs-Table tr td,
#ekstreDetayTable tr td {
    vertical-align: top !important;
}

#ekstre-ba-bs-Table td p,
#ekstre-ba-bs-Table td span,
#ekstre-ba-bs-Table td a {
    display: block !important;
    margin: 0;
    padding: 5px 0px 5px 0px;
    border-bottom: dotted 1px #efefef !important;
}
#ekstreDetayTable td,
#ekstreDetayTable td a,
#ekstreDetayTable td p,
#ekstreDetayTable td span {
    font-size: 13px !important;
    padding: 3px 0px 3px 0px;
}

#ekstre-ba-bs-Table td a,
#ekstreDetayTable td a,
#ekstreDetayGoster {
    color: #128cf3 !important;
    text-decoration: underline !important;
}

    #ekstre-ba-bs-Table td a:hover, #ekstre-ba-bs-Table td a:active,
    #ekstreDetayTable td a:hover, #ekstreDetayTable td a:active,
    #ekstreDetayGoster  {
        color: #128cf3 !important;
        text-decoration: none !important;
    }

.mutabakat-table th:last-child,
.mutabakat-table td:last-child {
    display: none;
}

.babs-table td a::after {
    /*content: "Detay Göster";
    font-size: 11px;*/
}

.office-meta {
    font-size: 11px;
    color: #555;
}

/* responsive tweaks */
@media (max-width: 767.98px) {

    .office-card .office-card-header,
    .office-card .office-card-body,
    .office-card .office-card-footer {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
}

.muted-small {
    color: #6c757d;
    font-size: 11px;
}

.table .text-right,
.text-right {
    text-align: right !important;
}

h5 span {
    font-weight: 600;
}

.table-row-danger {
    background-color: #f8d7da;
}

.klasik-table-urun-listesi tr th, .klasik-table-urun-listesi tr td, #tblNakliyeTeslimatBilgileri tr td {
    font-size: 13px !important;
}


#bekleyenUrunlerList tr th {
    font-size: 13px !important;
    font-weight: 600 !important;
    background-color: #efefef;
    padding: 5px;
}

.align-left {
    text-align: left !important;
    left: 5px;
    float: left !important;
}

.padding-left-5 {
    padding-left: 5px !important;
}

#myModal2 #btnExportDetay, 
#myModal2 #btnExportDetayTumSene{
    display:none;
}

.ba-bs-toplam-tutar {
    float: right;
    font-size: 16px;
    margin-right:5px;
}
.ba-bs-toplam-tutar span {
    font-weight: 600;
}
.ba-bs-toplam-tutar span::after {
    content: " ₺";
}

.office-vergi-no {
    width: 110px !important;
    border: solid 1px #128cf3;
    font-size: 15px;
    color: #efefef;
    background-color: #006fba;
    border-radius: 3px;
    padding: 5px;
    height: 28px;
}
.office-vergi-no:active, .office-vergi-no:focus {
    outline: none;
    box-shadow: none;
}
    .office-vergi-no::placeholder {
        color: #efefef;
    }

#santralVergiNoSecim {
    width: auto !important;
    background-color: #ced4da;
    border-radius: 3px;
    font-size: 16px !important;
    padding: 10px;
    margin-left: 10px !important;
}



#ceklerdenDoganRisk span {
		font-weight: 500;
		font-size: 13px;
		text-align: right;
		float: right;
		padding-top:1px;
}

#ceklerdenDoganRisk span:hover {
		cursor: pointer;
		text-decoration: underline;
}

/* Belge görünümü: Geri Dön butonu cart-top-title ekseninde sağa yaslı */
.cart-top-title .belge-geri-don {
		margin-left: auto;
		/* Yatay padding artır — dikey padding'e DOKUNMA (height/line-height:36px ile çakışır) */
		padding: 0 20px;
}

/* 2026-11-09 / Madde 5: belge görünümü PDF butonu, liste sayfasındaki .belge-pdf-mini gibi —
   kutusuz tek kırmızı ikon; buton grubundan soldan padding ile ayrılır. Dikey eksen 36px korunur
   (grup hizası bozulmasın), yalnız görünüm sadeleşir. */
.cart-top-title .belge-pdf-btn {
		background: transparent;
		border: 0;
		color: #b03a3a;
		padding: 0 6px 0 18px;
		font-size: 19px;
}
.cart-top-title .belge-pdf-btn:hover,
.cart-top-title .belge-pdf-btn:focus {
		background: transparent;
		color: #8a2b2b !important;
		box-shadow: none;
}
.cart-top-title .belge-pdf-btn i {
		font-size: 19px;
		margin-right: 0;
}

/* Belge içeriği alt/üst nefes payı */
.belge-icerik {
		margin-top: 16px;
		margin-bottom: 16px;
}

/* Kredi-Risk tabloları: parasal değerler sağ, satır açıklama etiketleri (td.office-row-label) sol */
.risk-tables .office-table td {
		text-align: right;
}

.risk-tables .office-table td.office-row-label {
		text-align: left;
}

/* "Detay Göster" ifadesi başlıktan ayrık + altı çizgili */
.risk-tables .office-table .detay-goster {
		margin-left: 10px;
		text-decoration: underline;
}

/* "Kredi ve Risk Detay" overlay tablosu: para sütunları (Müşteri/Şahsi Çeki = 3-4) sağ, açıklamalar sol */
#cekRiskDetayDiv .office-table th,
#cekRiskDetayDiv .office-table td {
		text-align: left;
}

#cekRiskDetayDiv .office-table th:nth-child(3),
#cekRiskDetayDiv .office-table th:nth-child(4),
#cekRiskDetayDiv .office-table td:nth-child(3),
#cekRiskDetayDiv .office-table td:nth-child(4) {
		text-align: right;
}


/* Teslimat Bekleyen Ürünler tablosu: nümerik sütunlar sağ, diğerleri sol */
#bekleyenUrunlerList {
		width: 100%;
		border-collapse: collapse;
}

/* thead başlıkları boşluktan sarılsın (çok kelimeliler 2 satır); tek kelimeler kırılmaz */
#bekleyenUrunlerList thead th {
		white-space: normal;
		vertical-align: bottom;
}

#bekleyenUrunlerList th,
#bekleyenUrunlerList td {
		text-align: left;
}

#bekleyenUrunlerList th:nth-child(1),  #bekleyenUrunlerList td:nth-child(1),
#bekleyenUrunlerList th:nth-child(6),  #bekleyenUrunlerList td:nth-child(6),
#bekleyenUrunlerList th:nth-child(7),  #bekleyenUrunlerList td:nth-child(7),
#bekleyenUrunlerList th:nth-child(8),  #bekleyenUrunlerList td:nth-child(8),
#bekleyenUrunlerList th:nth-child(9),  #bekleyenUrunlerList td:nth-child(9),
#bekleyenUrunlerList th:nth-child(10), #bekleyenUrunlerList td:nth-child(10),
#bekleyenUrunlerList th:nth-child(11), #bekleyenUrunlerList td:nth-child(11),
#bekleyenUrunlerList th:nth-child(12), #bekleyenUrunlerList td:nth-child(12) {
		text-align: right;
}

/* Üretici Firma / Referans No. sütunu daha geniş */
#bekleyenUrunlerList th:nth-child(2),
#bekleyenUrunlerList td:nth-child(2) {
		min-width: 200px;
}

/* Para Birimi sütunu: sağa yaslı; başlık "Para Birimi" 2 satıra sarılır (sütun dar), değer tek satır */
#bekleyenUrunlerList th:nth-child(13),
#bekleyenUrunlerList td:nth-child(13) {
		text-align: right;
}

#bekleyenUrunlerList td:nth-child(13) {
		white-space: nowrap;
}

/* Sipariş Tarihi / Vade / Sipariş No. sütunları ortalı */
#bekleyenUrunlerList th:nth-child(3), #bekleyenUrunlerList td:nth-child(3),
#bekleyenUrunlerList th:nth-child(4), #bekleyenUrunlerList td:nth-child(4),
#bekleyenUrunlerList th:nth-child(5), #bekleyenUrunlerList td:nth-child(5) {
		text-align: center;
}

/* Toplamlar tablosu ürün tablosuyla aynı konteyner genişliğinde (sağ kenarlar hizalı) */
#tblToplamlar {
		width: 100%;
}

/* ── Çalışma Listelerim (2026-09-08 / Madde 3-4) ───────────────────────────── */

/* Aktif / Arşiv sekmeleri */
.calisma-liste-tabs {
		display: flex;
		gap: 8px;
		padding-top: 10px;
		border-bottom: 2px solid #e5eef6;
}

.calisma-liste-tab {
		padding: 12px 18px 11px;
		font-size: 15px;
		font-weight: 600;
		color: #555;
		text-decoration: none;
		border-radius: 6px 6px 0 0;
		border: 1px solid transparent;
		border-bottom: none;
		margin-bottom: -2px;
}

.calisma-liste-tab:hover {
		color: #006fba;
		background: #f2f8fc;
}

.calisma-liste-tab.active {
		color: #006fba;
		background: #fff;
		border-color: #e5eef6;
		border-bottom: 2px solid #fff;
}

.calisma-liste-tab i {
		margin-right: 6px;
}

/* Tab bar sağ buton grubu (Hızlı Giriş + Toplu Giriş + Yeni Liste) */
.calisma-liste-tabs .hizli-giris-btn,
.calisma-liste-tabs .yeni-liste-btn {
		margin-left: 8px;
		align-self: center;
		margin-bottom: 6px;
		white-space: nowrap;
}

/* Grubun ilki auto ile sağa yaslanır (tab'lar solda kalır) */
.calisma-liste-tabs .hizli-giris-btn {
		margin-left: auto;
}

.calisma-liste-tabs .yeni-liste-btn[disabled] {
		opacity: .5;
		cursor: not-allowed;
}

/* Hızlı ve Toplu Ürün Girişi overlay (Madde 4: büyük pencere — genişlik max 600px/80vw,
   dikeyde ekranın ~%85-90'ı). */
.hizli-giris-panel {
		width: min(600px, 80vw);
		max-width: none;
		min-height: 85vh;
		max-height: 90vh;
		display: flex;
		flex-direction: column;
}

.hizli-giris-panel .liste-edit-body {
		display: flex;
		flex-direction: column;
		flex: 1 1 auto;
		min-height: 0;
		overflow-y: auto;
}

/* Toplu giriş — dosyadan içe aktar */
.hg-dosya-row {
		margin: 6px 0 14px;
		padding: 12px;
		background: #f4fafe;
		border: 1px dashed #b7d4e8;
		border-radius: 8px;
}

.hg-dosya-baslik {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		margin-bottom: 8px;
		font-size: 13px;
		font-weight: 600;
		color: #444;
}

.hg-dosya-not {
		font-weight: 400;
		font-size: 11px;
		color: #777;
}

.hg-sablon-btn {
		flex: 0 0 auto;
		border: 1px solid #b7d4e8;
		background: #fff;
		color: #006fba;
		border-radius: 6px;
		padding: 6px 10px;
		font-size: 12px;
		font-weight: 600;
		cursor: pointer;
		white-space: nowrap;
}

.hg-sablon-btn:hover { background: #e6f3fb; }

.hg-dosya-input {
		width: 100%;
		font-size: 13px;
}

.hg-satir-baslik {
		display: flex;
		gap: 8px;
		margin: 6px 0 4px;
		font-size: 12px;
		font-weight: 600;
		color: #666;
}

.hg-satir-baslik .hg-col-kod { flex: 1 1 auto; }
.hg-satir-baslik .hg-col-miktar { flex: 0 0 90px; }
.hg-satir-baslik .hg-col-sil { flex: 0 0 34px; }

.hg-satir {
		display: flex;
		gap: 8px;
		margin-bottom: 8px;
		align-items: center;
}

.hg-satir .hg-kod { flex: 1 1 auto; }
.hg-satir .hg-miktar { flex: 0 0 90px; width: 90px; }

.hg-satir-sil {
		flex: 0 0 34px;
		height: 36px;
		border: 1px solid #f0cfca;
		background: #fff;
		color: #c0392b;
		border-radius: 6px;
		cursor: pointer;
}

.hg-satir-sil:hover { background: #c0392b; color: #fff; border-color: #c0392b; }

.hg-satir-ekle {
		border: 1px dashed #b7d4e8;
		background: #f4fafe;
		color: #006fba;
		border-radius: 6px;
		padding: 8px 12px;
		cursor: pointer;
		font-size: 13px;
		font-weight: 600;
		margin-top: 2px;
}

.hg-satir-ekle:hover { background: #e6f3fb; }

/* 2026-09-23 / Madde 4: autocomplete ile ürün ekleme satırı + birikmiş ürün satırları */
.hg-urun-ekle-row { margin: 6px 0 2px; }
.hg-ara-wrap { width: 100%; }
.hg-satir-baslik .hg-col-urun { flex: 1 1 auto; min-width: 0; }
.hg-urun-satir .hg-urun-ad {
		flex: 1 1 auto;
		min-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 13px;
		color: #223;
		background: #f7fafd;
		border: 1px solid #e5eef6;
		border-radius: 6px;
		padding: 8px 10px;
		line-height: 20px;
}
.hg-satir-bos {
		margin: 6px 0 2px;
		font-size: 12.5px;
		color: #8a97a5;
		font-style: italic;
}
.hg-urun-satir.hg-satir-flash .hg-urun-ad {
		background: #fff6d6;
		border-color: #f0d98a;
		transition: background .2s ease;
}

/* Sonuç özeti */
.hg-sonuc {
		margin-top: 14px;
		border-top: 1px solid #e5eef6;
		padding-top: 12px;
}

.hg-sonuc-ozet {
		font-size: 14px;
		margin-bottom: 8px;
		color: #333;
}

.hg-sonuc-satir {
		display: flex;
		align-items: baseline;
		gap: 8px;
		padding: 6px 10px;
		border-radius: 6px;
		margin-bottom: 4px;
		font-size: 13px;
}

.hg-sonuc-satir .hg-sonuc-kod { font-weight: 700; white-space: nowrap; }
.hg-sonuc-satir .hg-sonuc-mik { color: #666; white-space: nowrap; }
.hg-sonuc-satir .hg-sonuc-msj { color: #444; }
.hg-sonuc-satir .hg-ad { color: #777; font-style: italic; }

.hg-sonuc-satir.hg-ok { background: #eafaf0; }
.hg-sonuc-satir.hg-ok .hg-sonuc-kod { color: #1e7e46; }
.hg-sonuc-satir.hg-warn { background: #fff7e6; }
.hg-sonuc-satir.hg-warn .hg-sonuc-kod { color: #b8730a; }
.hg-sonuc-satir.hg-err { background: #fdecea; }
.hg-sonuc-satir.hg-err .hg-sonuc-kod { color: #c0392b; }

.yeni-liste-limit-not {
		margin: 8px 2px 0;
		font-size: 12px;
		color: #c0392b;
}

.yeni-liste-btn-bos {
		margin-top: 16px;
}

/* Tablo — office görünümü (daha ferah font/boşluk) */
.calisma-liste-table {
		width: 100%;
		border-collapse: collapse;
		font-size: 14px;
}

/* Header: id-özgüllüğü + !important ile .modul-table/.table base kurallarını ez (beyaz-bold-görünür) */
#calismaListeTable thead th,
.calisma-liste-table thead th {
		background: #006fba !important;
		color: #fff !important;
		font-size: 15px !important;
		font-weight: 700 !important;
		text-align: left;
		padding: 12px 14px;
		white-space: nowrap;
		border: none;
}

#calismaListeTable thead th.text-center {
		text-align: center;
}

.calisma-liste-table tbody td {
		padding: 12px 14px;
		border-bottom: 1px solid #e5eef6;
		vertical-align: middle;
		color: #333;
}

.calisma-liste-table tbody tr:nth-child(even) {
		background: #fafcfe;
}

.calisma-liste-table tbody tr:hover {
		background: #eef6fc;
}

.calisma-liste-table .cl-adet,
.calisma-liste-table .cl-tarih,
.calisma-liste-table .cl-islem {
		white-space: nowrap;
}

.calisma-liste-table .cl-adet {
		font-weight: 600;
}

.calisma-liste-table .liste-adi {
		font-weight: 600;
		color: #0d46ba;
		font-size: 14px;
}

.calisma-liste-table .liste-rozet {
		display: inline-block;
		margin-left: 8px;
		padding: 2px 8px;
		font-size: 10px;
		font-weight: 600;
		color: #b8730a;
		background: #fff3e0;
		border-radius: 10px;
		vertical-align: middle;
}

/* İşlem butonları */
.calisma-liste-table .liste-islem-butonlar {
		display: flex;
		gap: 8px;
		justify-content: center;
}

.calisma-liste-table .liste-islem-btn {
		border: 1px solid #d3e2ef;
		background: #fff;
		color: #006fba;
		width: 34px;
		height: 34px;
		border-radius: 6px;
		cursor: pointer;
		font-size: 14px;
		line-height: 1;
		transition: background .15s, color .15s, border-color .15s;
}

.calisma-liste-table .liste-islem-btn:hover {
		background: #006fba;
		color: #fff;
		border-color: #006fba;
}

.calisma-liste-table .liste-islem-btn.btn-archive:hover,
.calisma-liste-table .liste-islem-btn.btn-restore:hover {
		background: #b8730a;
		color: #fff;
		border-color: #b8730a;
}

.calisma-liste-table .liste-islem-btn.btn-delete {
		color: #c0392b;
		border-color: #f0cfca;
}

.calisma-liste-table .liste-islem-btn.btn-delete:hover {
		background: #c0392b;
		color: #fff;
		border-color: #c0392b;
}

/* Tablo altı açıklama (4.3) */
.calisma-liste-aciklama {
		margin: 16px 2px 4px;
		font-size: 13px;
		line-height: 1.6;
		color: #666;
}

/* Boş durum */
.calisma-liste-bos {
		padding: 40px 16px;
		text-align: center;
		color: #555;
}

.calisma-liste-bos i {
		font-size: 46px;
		color: #b7d4e8;
		margin-bottom: 14px;
}

.calisma-liste-bos p {
		margin-top: 8px;
		font-size: 14px;
}

/* Düzenleme overlay'i (4.5) */
.liste-edit-overlay {
		display: none;
		position: fixed;
		inset: 0;
		z-index: 100050;
}

.liste-edit-overlay.open {
		display: flex;
		align-items: center;      /* dikey ortala */
		justify-content: center;  /* yatay ortala */
		padding: 20px;            /* küçük ekranda panel kenara yapışmasın */
}

.liste-edit-backdrop {
		position: absolute;
		inset: 0;
		background: rgba(0, 0, 0, .45);
}

.liste-edit-panel {
		position: relative;
		width: 100%;
		max-width: 460px;
		max-height: 92vh;
		margin: 0;                /* flex ile ortalanır */
		background: #fff;
		border-radius: 10px;
		box-shadow: 0 12px 40px rgba(0, 0, 0, .3);
		overflow: hidden;
}

.liste-edit-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 14px 18px;
		background: #006fba;
		color: #fff;
}

.liste-edit-header .title {
		font-size: 16px;
		font-weight: 700;
}

.liste-edit-close {
		border: none;
		background: transparent;
		color: #fff;
		font-size: 24px;
		line-height: 1;
		cursor: pointer;
}

.liste-edit-body {
		padding: 18px;
}

.liste-edit-row {
		margin-bottom: 14px;
}

.liste-edit-row label {
		display: block;
		font-size: 13px;
		font-weight: 600;
		color: #444;
		margin-bottom: 5px;
}

.liste-edit-row label .req {
		color: #c0392b;
}

.liste-edit-input {
		width: 100%;
		border: 1px solid #cdd9e4;
		border-radius: 6px;
		padding: 9px 11px;
		font-size: 14px;
}

.liste-edit-input:focus {
		border-color: #006fba;
		outline: none;
}

.liste-edit-footer {
		display: flex;
		justify-content: flex-end;
		gap: 10px;
		padding: 0 18px 18px;
}

/* Ürünler paneli — sayfada tam ortalı (base .liste-edit-overlay.open flex), daha geniş + yüksek;
   flex kolon + bounded yükseklik → iç ürün tablosu kendi içinde kaydırılır. */
.liste-urunler-panel {
		width: min(1040px, 96vw);
		max-width: none;
		min-height: 80vh;   /* içerik az olsa da yüksek açılsın → arama dropdown'ı kırpılmasın */
		max-height: 92vh;
		display: flex;
		flex-direction: column;
}

.liste-urunler-panel .liste-edit-body {
		padding: 20px;
		display: flex;
		flex-direction: column;
		flex: 1 1 auto;
		min-height: 0;      /* çocuk overflow'un çalışması için */
		overflow: visible;
}

.urun-ekle-row {
		display: flex;
		gap: 8px;
		align-items: flex-start;
		margin-bottom: 6px;
		flex: 0 0 auto;
}

.urun-ara-wrap {
		position: relative;
		flex: 1 1 auto;
}

.urun-miktar-input {
		width: 90px;
		flex: 0 0 90px;
}

.urun-ekle-row .form-button-2 {
		flex: 0 0 auto;
		white-space: nowrap;
}

/* Autocomplete öneri kutusu = header mini-search kart UI'si (.search-results-list); göster/gizle.
   #hgUrunOneriler (Hızlı Giriş, Madde 4) aynı davranışı paylaşır. */
#urunOneriler,
#hgUrunOneriler {
		display: none;
}

#urunOneriler.open,
#hgUrunOneriler.open {
		display: block;
}

.urun-oneri-bos {
		list-style: none;
		padding: 12px 14px;
		color: #888;
		font-size: 13px;
}

.urun-secili-bilgi {
		margin: 2px 0 10px;
		font-size: 12px;
		color: #2e8b57;
		font-weight: 600;
		flex: 0 0 auto;
}

/* Ürün listesi kaydırma alanı — kalan yüksekliği doldurur, kendi içinde scroll */
.urun-liste-scroll {
		flex: 1 1 auto;
		min-height: 140px;
		overflow-y: auto;
}

.liste-urunler-table {
		width: 100%;
		border-collapse: collapse;
		font-size: 13px;
}

/* id-özgüllüğü + !important ile base .table/.modul-table kurallarını ez (beyaz-bold başlık) */
#listeUrunlerOverlay .liste-urunler-table thead th,
.liste-urunler-table thead th {
		background: #006fba !important;
		color: #fff !important;
		font-size: 13px !important;
		font-weight: 700 !important;
		text-align: left;
		padding: 10px 12px;
		position: sticky;
		top: 0;
		border: none;
}

#listeUrunlerOverlay .liste-urunler-table thead th.text-center {
		text-align: center;
}

.liste-urunler-table tbody td {
		padding: 8px 11px;
		border-bottom: 1px solid #e5eef6;
}

.liste-urunler-table tbody tr:hover {
		background: #f7fbfe;
}

.urun-liste-durum {
		text-align: center;
		color: #888;
		padding: 20px 10px !important;
		font-size: 13px;
}

.liste-urunler-table .liste-islem-btn {
		border: 1px solid #f0cfca;
		background: #fff;
		color: #c0392b;
		width: 30px;
		height: 30px;
		border-radius: 6px;
		cursor: pointer;
}

.liste-urunler-table .liste-islem-btn:hover {
		background: #c0392b;
		color: #fff;
		border-color: #c0392b;
}

/* 2026-09-12 / Madde 4: Fiyat Talebi (sepete girmeden) — satır butonu + overlay */
.calisma-liste-table .liste-islem-btn.btn-fiyat-talebi:hover {
		background: #1e7e34;
		color: #fff;
		border-color: #1e7e34;
}

.fiyat-talebi-panel {
		width: min(520px, 96vw);
		max-width: none;
}

.fiyat-talebi-panel .ft-aciklama {
		margin: 0 0 14px;
		font-size: 13px;
		line-height: 1.5;
		color: #555;
}

.fiyat-talebi-panel .ft-sonuc {
		margin-top: 14px;
		padding: 10px 12px;
		border-radius: 6px;
		background: #f6f8fa;
		font-size: 13px;
		display: flex;
		flex-direction: column;
		gap: 6px;
}

.fiyat-talebi-panel .ft-sonuc.hidden {
		display: none;
}

.fiyat-talebi-panel .ft-ok {
		color: #1e7e34;
		font-weight: 600;
}

.fiyat-talebi-panel .ft-hata {
		color: #c0392b;
		font-weight: 600;
}

.fiyat-talebi-panel .ft-bekliyor {
		color: #006fba;
}

.fiyat-talebi-panel .ft-link {
		align-self: flex-start;
		color: #006fba;
		font-weight: 600;
		text-decoration: underline;
}

.fiyat-talebi-panel .ft-son-islem-overlay {
		font-size: 12px;
		color: #1e7e34;
		font-style: italic;
}

/* 2026-09-23 / Madde 4.3: kutu-kuralı miktar düzeltmesi onay bloğu (overlay içi #ftSonuc) */
.fiyat-talebi-panel .ft-onay-baslik {
		margin: 0 0 8px;
		font-size: 13px;
		font-weight: 600;
		color: #8a5a00;
}
.fiyat-talebi-panel .ft-onay-liste {
		margin: 0 0 10px;
		padding-left: 18px;
		font-size: 13px;
		color: #223;
		max-height: 30vh;
		overflow-y: auto;
}
.fiyat-talebi-panel .ft-onay-liste li { margin-bottom: 3px; }
.fiyat-talebi-panel .ft-kutu-kural { color: #8a97a5; font-size: 12px; }
.fiyat-talebi-panel .ft-onay-butonlar {
		display: flex;
		gap: 8px;
		flex-wrap: wrap;
}
.fiyat-talebi-panel .ft-onay-vazgec {
		background: #fff;
		color: #555;
		border: 1px solid #d3dbe3;
}

/* Boş listede (UrunAdedi=0) Sepette Aç + Fiyat Talebi butonları disabled görünümü */
.calisma-liste-table .liste-islem-btn:disabled {
		opacity: .38;
		cursor: not-allowed;
}

.calisma-liste-table .liste-islem-btn:disabled:hover {
		background: #fff;
		color: #006fba;
		border-color: #d3e2ef;
}

/* Liste satırında "bu liste ile yapılan son işlem" bilgisi (localStorage) */
.calisma-liste-table .ft-son-islem {
		display: block;
		margin-top: 3px;
		font-size: 11px;
		color: #1e7e34;
		font-style: italic;
}

/* 2026-09-30 / Madde 7: mesaj yanıtı gönderen (santral personeli) seçici */
.bm-sender-select {
		flex: 0 0 100%;   /* tam satır — mesaj kutusu + gönder butonu alt satıra düşer */
		width: 100%;
		padding: 6px 10px;
		font-size: 13px;
		border: 1px solid #cfd6dd;
		border-radius: 5px;
		background: #fff;
		color: #223;
		cursor: pointer;
}

	.bm-sender-select.hidden {
		display: none;
	}

/* 2026-09-30 / Madde 5: Belge Mesajları — filtre barı (kapsam + belge tipi) */
.bm-filtre {
		display: flex;
		flex-wrap: wrap;
		gap: 14px;
		align-items: flex-end;
		padding-top: 20px;
		padding-bottom: 12px;
		border-bottom: 1px solid #e2e7ec;
}

.bm-filtre-grup {
		display: flex;
		flex-direction: column;
		gap: 3px;
}

	.bm-filtre-grup label {
		font-size: 11px;
		font-weight: 600;
		color: #6b7784;
		text-transform: uppercase;
		letter-spacing: .03em;
		margin: 0;
	}

	.bm-filtre-grup select {
		font-size: 13px;
		padding: 6px 10px;
		border: 1px solid #cfd6dd;
		border-radius: 5px;
		background: #fff;
		color: #223;
		min-width: 190px;
		cursor: pointer;
	}

/* 2026-09-12 / Madde 8: Belge Mesajları — dikey 2 sütun (konuşma listesi | thread + yanıt) */
.bm-wrapper {
		display: flex;
		gap: 16px;
		align-items: stretch;
		min-height: 480px;
		width: 100%;
		padding: 16px;
		margin-bottom: 30px;
		box-sizing: border-box;
}

/* Özel scrollbar (liste + thread) — varsayılan kaba scroll yerine ince/modern */
.bm-list::-webkit-scrollbar,
.bm-thread::-webkit-scrollbar { width: 8px; }
.bm-list::-webkit-scrollbar-thumb,
.bm-thread::-webkit-scrollbar-thumb { background: #c4d4e4; border-radius: 4px; }
.bm-list::-webkit-scrollbar-thumb:hover,
.bm-thread::-webkit-scrollbar-thumb:hover { background: #9fb8d0; }
.bm-list::-webkit-scrollbar-track,
.bm-thread::-webkit-scrollbar-track { background: transparent; }
.bm-list, .bm-thread { scrollbar-width: thin; scrollbar-color: #c4d4e4 transparent; }

.bm-list {
		flex: 0 0 320px;
		max-width: 320px;
		border: 1px solid #d3e2ef;
		border-radius: 6px;
		overflow-y: auto;
		max-height: 70vh;
		background: #fff;
}

.bm-konusma {
		padding: 10px 12px;
		border-bottom: 1px solid #eef3f8;
		cursor: pointer;
		transition: background .12s;
}

.bm-konusma:hover { background: #f7fbfe; }
.bm-konusma.active { background: #eaf4fc; border-left: 3px solid #006fba; }
.bm-konusma.unread { background: #fff8ec; }

.bm-k-top { display: flex; align-items: center; gap: 6px; }
.bm-k-belge { font-weight: 700; color: #006fba; font-size: 13px; }
.bm-k-tip { font-size: 11px; color: #777; }
.bm-k-badge {
		margin-left: auto;
		background: #e67e22;
		color: #fff;
		font-size: 11px;
		font-weight: 700;
		min-width: 18px;
		height: 18px;
		line-height: 18px;
		text-align: center;
		border-radius: 9px;
		padding: 0 5px;
}
.bm-k-karsi { font-size: 12px; font-weight: 600; margin-top: 3px; }
.bm-k-alt { display: flex; align-items: center; gap: 8px; margin-top: 4px; }
.bm-k-yon { font-size: 13px; }
.bm-k-yon.giden { color: #006fba; }   /* gönderilen */
.bm-k-yon.gelen { color: #e67e22; }   /* alınan */
.bm-k-tarih { font-size: 11px; color: #999; }

.bm-detay {
		flex: 1 1 auto;
		border: 1px solid #d3e2ef;
		border-radius: 6px;
		display: flex;
		flex-direction: column;
		background: #fff;
		max-height: 70vh;
}

.bm-detay-bos {
		margin: auto;
		text-align: center;
		color: #999;
}
.bm-detay-bos i { font-size: 28px; margin-bottom: 8px; }

.bm-detay-icerik { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
.bm-detay-baslik {
		padding: 10px 12px;
		border-bottom: 1px solid #eef3f8;
		display: flex;
		align-items: center;
		gap: 8px;
}
.bm-detay-baslik #bmDetayBelgeNo { font-weight: 700; color: #006fba; }

.bm-thread {
		flex: 1 1 auto;
		overflow-y: auto;
		padding: 12px;
		display: flex;
		flex-direction: column;
		gap: 8px;
		background: #fafcfe;
}

/* Her mesaj AYRI SATIR, %90 genişlik, çaprazlı: gönderilen SOLA / alınan SAĞA yaslı.
   Yön ikonu reply(alınan)/forward(gönderilen) çifti; "Gönderilen/Alınan" metni yok — ikon + ad soyad. */
.bm-row {
		width: 90%;
		padding: 10px 12px;
		border: 1px solid #e0e6ed;
		background: #fff;
		font-size: 12px;
		box-sizing: border-box;
}
.bm-row.sent {
		align-self: flex-start;          /* sola yaslı */
		text-align: left;
		border-left: 3px solid #006fba;  /* accent solda */
		border-radius: 8px 8px 8px 2px;  /* sol-alt köşe sivri (kuyruk) */
		background: #f5faff;
}
.bm-row.recv {
		align-self: flex-end;            /* sağa yaslı */
		text-align: right;
		border-right: 3px solid #e67e22; /* accent sağda */
		border-radius: 8px 8px 2px 8px;  /* sağ-alt köşe sivri (kuyruk) */
		background: #fffaf3;
}
.bm-row-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 5px; }
.bm-row.recv .bm-row-head { flex-direction: row-reverse; }  /* ikon+ad sağda, tarih solda */
.bm-row-who { display: inline-flex; align-items: center; gap: 6px; }
.bm-row.sent .bm-yon-ikon { color: #006fba; }
.bm-row.recv .bm-yon-ikon { color: #e67e22; }
.bm-row-ad { font-weight: 700; color: #1b2a5e; }
.bm-row-tarih { font-size: 11px; color: #999; }
.bm-row-govde { white-space: pre-wrap; word-break: break-word; line-height: 1.5; }

.bm-reply {
		display: flex;
		flex-wrap: wrap;   /* Madde 7: gönderen seçici tam satır → mesaj alanı alta iner */
		gap: 8px;
		padding: 10px 12px;
		border-top: 1px solid #eef3f8;
		align-items: flex-end;
}
.bm-reply-input {
		flex: 1 1 auto;
		resize: vertical;
		min-height: 52px;   /* +%33 (38 → 52) */
		border: 1px solid #d3e2ef;
		border-radius: 6px;
		padding: 8px 10px;
		font-size: 12px;
}
.bm-reply-btn { white-space: nowrap; }

.bm-yukleniyor, .bm-hata, .bm-bos-thread { margin: auto; color: #999; font-size: 13px; }
.bm-hata { color: #c0392b; }

@media (max-width: 900px) {
		.bm-wrapper { flex-direction: column; }
		.bm-list { flex-basis: auto; max-width: none; max-height: 240px; }
}

/* Faz 2: belge satırı mesaj rozeti + mesaj modalı */
/* 1. sütun: sıra no + mesaj ikonu — %80 ortalı iki yarım, dikey ortalı (hiza bozulmaz) */
.bm-sira { display: flex; align-items: center; width: 80%; margin: 0 auto; }
.bm-sira-no { flex: 0 0 50%; text-align: center; }
.bm-sira-msg { flex: 0 0 50%; text-align: center; }

.bm-belge-btn {
		margin-left: 0;
		border: none;
		background: transparent;
		color: #5f7d95;                 /* hepsi okunmuş → gri-mavi */
		border-radius: 6px;
		padding: 3px 7px;
		font-size: 15px;                /* biraz daha büyük */
		line-height: 1.2;
		cursor: pointer;
		vertical-align: middle;
}
.bm-belge-btn:hover { background: rgba(0, 0, 0, .06); }
.bm-belge-btn.has-unread {              /* okunmamış mesaj var → turuncu */
		color: #d9730b;
		font-weight: 700;
}
.bm-belge-btn.has-unread:hover { background: rgba(217, 115, 11, .12); }

/* Belge görünümündeki "Mesajlar" butonu — okunmamış varsa turuncu vurgu */
.belge-mesaj-btn.has-unread { background: #fdeede; color: #d9730b; border-color: #f0c89a; }

.bm-modal { position: fixed; inset: 0; z-index: 1060; display: none; }
.bm-modal.open { display: block; }
.bm-modal-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.45); }
.bm-modal-panel {
		position: absolute;
		top: 50%; left: 50%;
		transform: translate(-50%, -50%);
		width: min(680px, 94vw);
		max-height: 86vh;
		background: #fff;
		border-radius: 8px;
		display: flex;
		flex-direction: column;
		box-shadow: 0 10px 40px rgba(0,0,0,.3);
}
.bm-modal-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 12px 16px;
		border-bottom: 1px solid #eef3f8;
		font-size: 14px;
}
.bm-modal-close { background: none; border: none; font-size: 22px; line-height: 1; cursor: pointer; color: #888; }
.bm-modal .bm-thread { max-height: 56vh; }

/* Faz 3: ana sayfa sağ-alt float mesaj widget'ı */
.bm-widget { position: fixed; right: 22px; bottom: 22px; z-index: 1055; }
.bm-widget-toggle {
		position: relative;
		width: 54px; height: 54px;
		border-radius: 50%;
		border: none;
		background: #006fba;
		color: #fff;
		font-size: 22px;
		cursor: pointer;
		box-shadow: 0 4px 14px rgba(0, 0, 0, .28);
		transition: background .15s, transform .15s;
}
.bm-widget-toggle:hover { background: #0d46ba; transform: translateY(-2px); }
.bm-widget-badge {
		position: absolute; top: -4px; right: -4px;
		min-width: 20px; height: 20px; line-height: 20px;
		padding: 0 5px;
		background: #e67e22; color: #fff;
		font-size: 11px; font-weight: 700;
		border-radius: 10px;
		box-shadow: 0 0 0 2px #fff;
}
.bm-widget-panel {
		position: absolute; right: 0; bottom: 66px;
		width: min(380px, 92vw);
		height: min(520px, 74vh);
		background: #fff;
		border: 1px solid #d3e2ef;
		border-radius: 10px;
		box-shadow: 0 12px 40px rgba(0, 0, 0, .28);
		display: flex;
		flex-direction: column;
		overflow: hidden;
}
/* Madde 7: panel sol-üst köşe boyutlandırma tutamacı (panel sağ-alta sabit → yukarı-sola büyür). */
.bm-widget-resize {
		position: absolute;
		top: 0; left: 0;
		width: 16px; height: 16px;
		cursor: nwse-resize;
		z-index: 6;
		touch-action: none;
}
	.bm-widget-resize::before {
		content: "";
		position: absolute; top: 4px; left: 4px;
		width: 7px; height: 7px;
		border-top: 2px solid rgba(255, 255, 255, .75);
		border-left: 2px solid rgba(255, 255, 255, .75);
	}

.bm-widget-header {
		display: flex; align-items: center; gap: 8px;
		padding: 10px 12px;
		background: #006fba; color: #fff;
		font-weight: 700;
}
.bm-widget-header #bmWidgetTitle { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* 7.3.2: thread başlığındaki belge no tıklanabilir (belgeye git) */
.bm-widget-header #bmWidgetTitle.bm-widget-title-link { cursor: pointer; text-decoration: underline; text-underline-offset: 2px; }
.bm-widget-back, .bm-widget-close { background: none; border: none; color: #fff; cursor: pointer; font-size: 16px; line-height: 1; }
.bm-widget-close { font-size: 22px; }
/* 7.3.2: thread üstünde "Belgeyi açmak için tıklayınız" satırı */
.bm-widget-openbelge {
		display: block; padding: 7px 12px; background: #eef6fc; color: #006fba;
		font-size: 12px; font-weight: 600; text-decoration: none; border-bottom: 1px solid #d9e8f4;
}
.bm-widget-openbelge:hover { background: #e0f0fb; text-decoration: underline; }
.bm-widget-list { flex: 1 1 auto; overflow-y: auto; }
.bm-widget-bos { padding: 20px; text-align: center; color: #999; font-size: 13px; }
.bm-widget-threadview { flex: 1 1 auto; display: flex; flex-direction: column; min-height: 0; }
.bm-widget-threadview .bm-thread { flex: 1 1 auto; }

.bm-wk { padding: 10px 12px; border-bottom: 1px solid #eef3f8; cursor: pointer; }
.bm-wk:hover { background: #f7fbfe; }
.bm-wk-top { display: flex; align-items: center; gap: 6px; }
.bm-wk-no { font-weight: 700; color: #006fba; font-size: 13px; }
.bm-wk-tip { font-size: 11px; color: #777; }
.bm-wk-badge {
		margin-left: auto; background: #e67e22; color: #fff;
		font-size: 11px; font-weight: 700; min-width: 18px; height: 18px; line-height: 18px;
		text-align: center; border-radius: 9px; padding: 0 5px;
}
.bm-wk-karsi { font-size: 12px; font-weight: 600; margin-top: 3px; }
.bm-wk-alt { display: flex; align-items: center; gap: 8px; margin-top: 3px; }
.bm-wk-yon.giden { color: #006fba; }
.bm-wk-yon.gelen { color: #e67e22; }
.bm-wk-tarih { font-size: 11px; color: #999; }

/* 7.3.3: en üstte sabit "Alışveriş Sepeti" bölümü */
.bm-wk-cart { background: #f4faff; border-bottom: 2px solid #d9e8f4; }
.bm-wk-cart .bm-wk-no { color: #1f7a3d; }
.bm-wk-cart .bm-wk-karsi { font-weight: 500; color: #555; }
.bm-wk-cart.pasif { opacity: .6; }
.bm-wk-cart.pasif .bm-wk-karsi { font-style: italic; }
/* 7.3.3: sepet thread araç çubuğu (açıklama + "Mesajları Sil") */
.bm-widget-cartbar {
		display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
		padding: 7px 12px; background: #f4faff; border-bottom: 1px solid #d9e8f4;
}
.bm-widget-cartnote { flex: 1 1 auto; font-size: 12px; color: #1f7a3d; font-weight: 600; }
.bm-widget-cartdel {
		background: none; border: 1px solid #d9534f; color: #d9534f; cursor: pointer;
		font-size: 11px; font-weight: 600; border-radius: 4px; padding: 3px 8px; white-space: nowrap;
}
.bm-widget-cartdel:hover { background: #d9534f; color: #fff; }
.bm-widget-cartdel:disabled { opacity: .5; cursor: default; }

/* 2026-11-04: "Sipariş Ver" aksiyonu (teklif listesi + WT belge görünümü) — pozitif aksiyon yeşili,
   <a> varyantında alt çizgi olmasın (form-button-2 inline-block tabanını korur). */
.belge-siparis-ver {
	background-color: #4fc913;
	text-decoration: none;
}
.belge-siparis-ver:hover {
	background-color: #45b00f;
	color: #ffffff;
}

/* 2026-11-07 / Madde 21: liste satırında mini PDF butonu (belge no yanında).
   2026-11-09 / Madde 1: kutu/zemin/kenarlık kaldırıldı — yalnız ikon; belge-no butonuyla (28px)
   dikey hizalı, biraz büyütüldü. */
.belge-pdf-mini {
	border: 0;
	background: transparent;
	color: #b03a3a;
	padding: 0;
	margin-left: 7px;
	cursor: pointer;
	font-size: 16px;
	line-height: 28px;
	vertical-align: middle;
}
.belge-pdf-mini:hover { color: #8a2b2b; }

/* 2026-11-09 / Madde 1: e-ofis belge listelerinde (siparisler / teklif-mektuplari / fiyat-talepleri)
   belge-no + ilişkili-belge aksiyon butonları global .form-button-2 ile çok "şişman/koyu" duruyordu
   (36px dolu #006fba pill). #resultRows'a scoped olarak daha zarif/ince ve açık-zeminli (soft) hale
   getirildi; global .form-button-2 (sepet/üyelik/iletişim) ETKİLENMEZ. "Sipariş Ver" (.belge-siparis-ver)
   pozitif yeşil CTA kimliğini korur, yalnız incelir. */
#resultRows .form-button-2 {
		height: 28px;
		line-height: 28px;
		padding: 0 12px;
		font-size: 12px;
		font-weight: 700;
		vertical-align: middle;
}
#resultRows .form-button-2:not(.belge-siparis-ver) {
		background-color: #eaf4fb;
		color: #006fba;
		border: 1px solid #bcdcf1;
}
#resultRows .form-button-2:not(.belge-siparis-ver):hover,
#resultRows .form-button-2:not(.belge-siparis-ver):focus {
		background-color: #006fba;
		color: #ffffff !important;
}
#resultRows .form-button-2 i {
		height: 28px;
		line-height: 28px;
		font-size: 13px;
}

/* 2026-11-09 / Madde 6: ödeme-bekleyen sipariş satırında "VEZNE" / kredi-kartı aksiyon linkleri global
   .link-btn ile dolu mavi "şişik/koyu" pill'di → sade, kutusuz, kırmızı (ödeme dikkat çeker). CC yalnız
   ikon (biraz büyük); VEZNE kasa ikonu + metin. #resultRows'a scoped (yalnız sipariş listesi). */
#resultRows .vezne-link {
		display: inline-block;
		background: transparent;
		border: 0;
		margin: 0;
		padding: 0 7px;
		color: #b03a3a;
		font-size: 12px;
		font-weight: 700;
		line-height: 28px;
		vertical-align: middle;
		text-decoration: none;
		white-space: nowrap;
		border-radius: 6px;
		transition: background-color .15s, color .15s;
}
#resultRows .vezne-link:hover,
#resultRows .vezne-link:focus {
		color: #8a2b2b;
		background-color: #fbecec;
		text-decoration: none;
}
#resultRows .vezne-link i {
		margin-right: 3px;
		font-size: 13px;
}
#resultRows .vezne-link-cc {
		font-size: 16px;
}
#resultRows .vezne-link-cc i {
		margin-right: 0;
		font-size: 16px;
}

/* 2026-11-08 / Madde 9: e-ofis belge listeleri — tek sayfalık sonuçta (paging yok) tablo
   footer'a yaslanıyordu; sonuç tablosunun altına nefes payı. */
#resultTable { margin-bottom: 28px; }