/* ===== KASA INPUT / SELECT ===== */
.kasa-input {
    border: 1px solid #aaa;
    border-radius: 3px;
    font-size: 12px;
    background: #fff;
    padding: 6px 6px;
}

/* ===== KASA TABLO BAŞLIK HÜCRESİ ===== */
.kasa-th {
    padding: 7px 10px;
    border: 1px solid #dee2e6;
    text-align: left;
    font-weight: 700;
    color: #1a3c6e;
    white-space: nowrap;
}

.kasa-th-sag {
    padding: 7px 10px;
    border: 1px solid #dee2e6;
    text-align: right;
    font-weight: 700;
    color: #1a3c6e;
    white-space: nowrap;
}

/* ===== KASA TABLO SATIR RENKLERİ ===== */
.kasa-tr-beyaz {
    background: #fff;
    height: 36px;
    border: 1px solid #dee2e6;
}

.kasa-tr-gri {
    background: #f8f8f8;
    height: 36px;
    border: 1px solid #dee2e6;
}

.kasa-tr-beyaz-sm {
    background: #fff;
    height: 32px;
    border: 1px solid #dee2e6;
}

.kasa-tr-gri-sm {
    background: #f8f8f8;
    height: 32px;
    border: 1px solid #dee2e6;
}

/* ===== KASA PANEL KAPAT BUTONU ===== */
.kasa-panel-kapat {
    background: none;
    border: none;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}

/* ===== KASA İŞLEM BUTONLARI ===== */
.kasa-btn {
    flex: 1;
    height: 65px;
    border: 2px solid #aaa;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-size: 14px;
    font-weight: 700;
}

/* ----*/
.kasa-yonetim-row td,
.mobil-kasa-yonetim-row td {
    padding: 8px 12px;
    border: 1px solid #dee2e6;
}

.kasa-yonetim-row td:first-child,
.mobil-kasa-yonetim-row td:first-child {
    text-align: center;
}

.kasa-yonetim-row td:last-child,
.mobil-kasa-yonetim-row td:last-child {
    text-align: right;
    font-weight: 700;
}

.kasa-yonetim-row td:nth-child(2),
.mobil-kasa-yonetim-row td:nth-child(2) {
    font-weight: 700;
}

/* ===== OVERLAY ===== */
.kasa-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9998;
}

/* ===== MOBİL PANEL SARMALAYICI ===== */
.kasa-mobil-panel {
    background: #d6eaf8;
    border: 2px solid #1a3c6e;
    border-radius: 4px;
    width: calc(100% - 8px);
    margin: 8px auto 0 auto;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);

}

/* ===== PANEL BAŞLIK — 8px 14px (mobil) ===== */
.kasa-panel-baslik {
    background: #1a3c6e;
    color: #fff;
    padding: 8px 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 3px 3px 0 0;
}

/* ===== PANEL BAŞLIK — 8px 12px (masaüstü popup) ===== */
.kasa-panel-baslik-sm {
    background: #1a3c6e;
    color: #fff;
    padding: 8px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* ===== PANEL BAŞLIK — 6px 12px (masaüstü popup küçük) ===== */
.kasa-panel-baslik-xs {
    background: #1a3c6e;
    color: #fff;
    padding: 6px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* ===== PANEL BAŞLIK YAZI ===== */
.kasa-panel-baslik-yazi {
    font-weight: 600;
    font-size: 15px;
}

/* ===== MASAÜSTÜ PANEL KAPAT BUTONU (font-size:16px) ===== */
.kasa-panel-kapat-sm {
    background: none;
    border: none;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    padding: 0;
}

/* ===== FORM SATIRI ===== */
.kasa-form-satir {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    font-size: 13px;
}

/* ===== FORM LABEL 100px (mobil kayıt panelleri) ===== */
.kasa-form-label {
    font-weight: 600;
    width: 100px;
    flex-shrink: 0;
}

/* ===== FORM LABEL 90px (mobil rapor kriterleri) ===== */
.kasa-form-label-sm {
    font-weight: 600;
    width: 90px;
    flex-shrink: 0;
}

/* ===== FORM LABEL 80px (masaüstü rapor kriterleri) ===== */
.kasa-form-label-xs {
    font-size: 13px;
    font-weight: 600;
    width: 80px;
    flex-shrink: 0;
}

/* ===== FORM CHECKBOX ===== */
.kasa-form-chk {
    width: 13px;
    height: 13px;
    cursor: pointer;
    flex-shrink: 0;
}

/* ===== FORM GRID (masaüstü kayıt panelleri) ===== */
.kasa-form-grid {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 6px 8px;
    align-items: center;
    font-size: 13px;
}

/* ===== BUTON SATIRI (sağa yaslı) ===== */
.kasa-btn-satir {
    display: flex;
    justify-content: flex-end;
    margin-top: 14px;
}

/* ===== İŞLEM TİPİ KÜÇÜK BUTON (📋) ===== */
.kasa-islem-btn {
    padding: 2px 8px;
    background: #cecece;
    border: 1px solid #aaa;
    border-radius: 3px;
    cursor: pointer;
}

/* ===== CHECKBOX+LABEL YATAY SATIR ===== */
.kasa-chk-satir {
    display: flex;
    align-items: center;
    gap: 5px;
}

/* ===== RAPOR TABLO SATIR RENKLERİ ===== */
.kasa-rapor-tr-a {
    background: #fff;
    border-bottom: 1px solid #eee;
}

.kasa-rapor-tr-b {
    background: #f5faff;
    border-bottom: 1px solid #eee;
}

/* ===== RAPOR TABLO TH ===== */
.kasa-rapor-th {
    padding: 6px 8px;
    text-align: left;
    border-right: 1px solid #ddd;
    white-space: nowrap;
}

.kasa-rapor-th-sag {
    padding: 6px 8px;
    text-align: right;
    white-space: nowrap;
}

/* ===== RAPOR TABLO TD ===== */
.kasa-rapor-td {
    padding: 5px 8px;
    border-right: 1px solid #eee;
}

.kasa-rapor-td-sag {
    padding: 5px 8px;
    text-align: right;
}

/* ===== RAPOR ALT ÖZET BAR ===== */
.kasa-rapor-ozet-kutu {
    padding: 6px 10px;
    text-align: center;
    border-right: 1px solid #3a5c8e;
}

.kasa-rapor-ozet-baslik {
    color: #cce4ff;
    font-size: 12px;
    font-weight: 600;
}

.kasa-rapor-ozet-deger {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
}

/* ===== PANEL İÇ PADDING (mobil) ===== */
.kasa-panel-ici {
    padding: 12px 14px;
}

/* ===== POPUP İÇ PADDING (masaüstü) ===== */
.kasa-popup-ici {
    padding: 14px;
}

/* ===== TRANSFER / KASALAR KUTUSU ===== */
.kasa-transfer-kutu {
    border: 1px solid #7aabcf;
    border-radius: 4px;
    background: #eaf4fb;
    padding: 8px 12px;
    margin-bottom: 10px;
}

/* ===== TABLO SARMALAYICI ===== */
.kasa-tablo-wrap {
    border: 1px solid #dee2e6;
    overflow: hidden;
}

/* ===== TABLO ORTAK STİL ===== */
.kasa-tablo {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

/* ===== BAKİYE YAZI (transfer panelleri) ===== */
.kasa-bakiye-yazi {
    font-size: 13px;
    font-weight: 700;
    color: #1a3c6e;
}

/* ===== KAYIT ARAMA TABLOSU — SOL TD ===== */
.kasa-ara-td-sol {
    padding: 0 6px 8px 0;
    vertical-align: middle;
    white-space: nowrap;
}

/* ===== KAYIT ARAMA TABLOSU — SAĞ TD ===== */
.kasa-ara-td-sag {
    padding: 0 0 8px 0;
    vertical-align: middle;
}

/* ===== KAYIT ARAMA CHECKBOX ===== */
.kasa-ara-chk {
    width: auto !important;
    margin: 0;
    vertical-align: middle;
}

/* ===== KAYIT ARAMA LABEL (mobil) ===== */
.kasa-ara-label {
    display: inline !important;
    font-weight: 600;
    cursor: pointer;
    margin-left: 4px;
    vertical-align: middle;
}

/* ===== MASAÜSTÜ KAYIT ARAMA LABEL ===== */
.kasa-ara-label-masaustu {
    font-weight: 600;
    text-align: left;
    cursor: pointer;
}

/* ===== MASAÜSTÜ FORM LABEL (grid içi) ===== */
.kasa-grid-label {
    font-weight: 600;
    text-align: left;
}

/* ===== TUTAR+TL SATIRI ===== */
.kasa-tutar-satir {
    display: flex;
    align-items: center;
    gap: 6px;
}

/* ===== PANEL KUTU BAŞLIĞI — 13px (mobil) ===== */
.kasa-kutu-baslik-sm {
    font-weight: 700;
    font-size: 13px;
    color: #1a3c6e;
    padding: 0 4px 8px 4px;
}

/* ===== PANEL KUTU BAŞLIĞI — 14px (masaüstü) ===== */
.kasa-kutu-baslik {
    font-weight: 700;
    font-size: 14px;
    color: #1a3c6e;
    padding: 0 4px 8px 4px;
}

/* ===== PANEL ALT ÇUBUĞU ===== */
.kasa-panel-alt {
    padding: 8px 14px;
    border-top: 1px solid #dee2e6;
    background: #1a3c6e;
    border-radius: 0 0 4px 4px;
}

/* ===== KAYDET BUTONU ===== */
.kasa-btn-kaydet {
    padding: 8px 24px;
    background: #2e7d4f;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
}

/* ===== MOBİL BUTON İKON (22px) ===== */
.kasa-btn-ikon-lg {
    font-size: 22px;
}

/* ===== MASAÜSTÜ BUTON İKON (20px) ===== */
.kasa-btn-ikon {
    font-size: 20px;
}

/* ===== TABLO BOŞ SATIR TD BORDER ===== */
.kasa-tr-beyaz td,
.kasa-tr-gri td {
    border: 1px solid #dee2e6;
}

.kasa-tr-beyaz-sm td,
.kasa-tr-gri-sm td {
    border: 1px solid #dee2e6;
}

/* ===== MASAÜSTÜ KASA LİSTESİ SATIRI ===== */
.kasa-row td {
    padding: 10px 12px;
    border: 1px solid #dee2e6;
}

.kasa-row td:first-child {
    text-align: center;
}

.kasa-row td:nth-child(2) {
    color: #0000ff;
    font-weight: 700;
}

.kasa-row td:last-child {
    text-align: right;
    color: #0000ff;
    font-weight: 700;
}

/* ===== KÜÇÜK ETİKET YAZI (TL, İLE) ===== */
.kasa-birim-yazi {
    font-weight: 600;
    font-size: 12px;
}

/* ===== FLEX SATIR gap:8px ===== */
.kasa-flex-satir {
    display: flex;
    align-items: center;
    gap: 8px;
}


.kasa-row td {
    color: #0000ff !important;
}

.kasa-row:hover td,
.kasa-row:active td,
.kasa-row:focus td,
.kasa-row:visited td {
    color: #0000ff !important;
}


/* ===== KASA PANEL — Bootstrap box-sizing etkisini sıfırla ===== */
#kasaPanelBody table,
#kasaPanelBody th,
#kasaPanelBody td {
    box-sizing: content-box;
}

#kasaPanelBody th,
#kasaPanelBody td {
    padding: 8px 12px;
    font-size: 13px;
}

#kasaPanelBody thead tr {
    background: #d6eaf8;
}

#kasaPanelBody tbody tr:nth-child(odd) {
    background: #fff;
}

#kasaPanelBody tbody tr:nth-child(even) {
    background: #f8f8f8;
}

#mobilGelirKayitPanel textarea,
#mobilGiderKayitPanel textarea,
#mobilTransferPanel textarea,
#mobilKayitAramaPanel textarea {
    box-sizing: border-box;
    width: 100%;
}


#mobilKasaPanel {
    display: none;
}

@media (max-width: 991px) {
    #mobilKasaPanel {
        display: block;
    }
}