/* Panelde boşlukları minimuma indir */
.panel-container {
    padding: 4px !important; /* sağ-sol-üst-alt */
}

/* Panel satır aralıklarını azalt */
.panel-row {
    --bs-gutter-x: .35rem;
    --bs-gutter-y: .35rem;
}

/* Navbar içindeki filtre butonu */
.panel-filter-btn {
    border-radius: 0 !important;
    padding: 6px 10px;
}

/* Kart: düz köşe, büyük, ortalı */
.dashboard-card {
    border-radius: 0 !important;
    border: 0 !important;
    color: #fff !important;
    min-height: 102px;
}

    .dashboard-card .card-body {
        padding: 14px 12px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

/* KPI: rakam üstte, yazı altta */
.kpi {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.kpi-value {
    font-weight: 900;
    font-size: 1.75rem;
    line-height: 1.05;
}

.kpi-label {
    font-size: 1.02rem; /* belirgin */
    font-weight: 750; /* belirgin */
    opacity: .98;
    letter-spacing: .2px;
}

/* Masalar kartında yan yana */
.kpi-stack {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.kpi-stack--two {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

/* Çok küçük ekranlarda yan yana yerine alt alta */
@media (max-width: 360px) {
    .kpi-stack--two {
        grid-template-columns: 1fr;
    }
}

/* Link kart hover */
a.dashboard-card:hover {
    filter: brightness(0.95);
    text-decoration: none;
}

/* Raporlara Git butonu */
.panel-btn {
    border-radius: 0 !important;
    padding: 10px 12px;
}

/* Filtre kartı küçük */
.filter-card {
    border-radius: 0 !important;
    border: 1px solid rgba(0,0,0,.10);
}

.filter-body {
    padding: 8px 8px !important;
}

.form-label-sm {
    font-size: .72rem;
    opacity: .85;
}

/* SABİT RENKLER */
.card-masalar {
    background: #2E4054 !important;
}

.card-toplam-satis {
    background: #D72049 !important;
}

.card-nakit {
    background: #01CDAB !important;
}

.card-kart {
    background: #F97316 !important;
}

.card-veresiye {
    background: #0EA5E9 !important;
}

.card-ikram {
    background: #01CDAB !important;
}

.card-iptal {
    background: #4F46E5 !important;
}

.card-gider {
    background: #495057 !important;
}

/* Mobil ince ayar */
@media (max-width: 576px) {
    .dashboard-card {
        min-height: 98px;
    }

        .dashboard-card .card-body {
            padding: 12px 10px !important;
        }

    .kpi-value {
        font-size: 1.60rem;
    }

    .kpi-label {
        font-size: .98rem;
    }

    .filter-body {
        padding: 7px 7px !important;
    }
}
/* Satış: kategori kartları (daha kısa + daha sıkı) */
.kpi-card {
    border-radius: 0 !important;
    border: 0 !important;
    color: #fff !important;
    min-height: 74px; /* 92 -> 74 */
}

    .kpi-card .card-body {
        padding: 10px 10px !important; /* 12 -> 10 */
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 6px; /* 8 -> 6 */
    }

.kpi-title {
    font-weight: 800;
    font-size: .90rem; /* .95 -> .90 */
    opacity: .95;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kpi-mini {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.kpi-mini-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0px; /* 2 -> 0 (label kalktı) */
}

.kpi-mini-value {
    font-weight: 900;
    font-size: 1.10rem; /* 1.15 -> 1.10 */
    line-height: 1.05;
}

/* Adet / Tutar yazısı kaldır */
.kpi-mini-label {
    display: none !important;
}

/* Seçili kategori vurgusu */
.kpi-active {
    outline: 3px solid rgba(255,255,255,.85);
    outline-offset: -3px;
}

/* Renkler (uyumlu palette) */
.card-toplam {
    background: #2E4054 !important;
}
/* koyu */
.card-kategori {
    background: #03A9AF !important;
}
/* turkuaz */

/* Mobil daha sıkı */
@media (max-width: 576px) {
    .kpi-card {
        min-height: 70px;
    }
        /* 86 -> 70 */
        .kpi-card .card-body {
            padding: 9px 9px !important;
        }

    .kpi-title {
        font-size: .88rem;
    }

    .kpi-mini-value {
        font-size: 1.05rem;
    }
}
/* İşlem Özet: kart içinde tek büyük değer */
.kpi-value-single {
    font-weight: 900;
    font-size: 1.20rem;
    line-height: 1.05;
}

/* Bu sayfada kartlar biraz daha kısa dursun istersen */
.kpi-card {
    min-height: 70px;
}

    .kpi-card .card-body {
        padding: 10px 10px !important;
        gap: 6px;
    }

/* Renkler (senin güzel paletten) */
.card-nakit {
    background: #03A9AF !important;
}
/* turkuaz */
.card-kart {
    background: #01CDAB !important;
}
/* yeşil-turkuaz */
.card-veresiye {
    background: #F97316 !important;
}
/* koyu lacivert */

.card-toplam {
    background: #2E4054 !important;
}
/* koyu */
.card-indirim {
    background: #4F46E5 !important;
}
/* indigo */
.card-ikram {
    background: #0EA5E9 !important;
}
/* mavi */
.card-iade {
    background: #D72049 !important;
}
/* pembe/kırmızı */

/* Mobil */
@media (max-width: 576px) {
    .kpi-value-single {
        font-size: 1.12rem;
    }
}
/* Masraf kart renkleri (palete uyumlu) */
.card-masraf {
    background: #F97316 !important;
}
/* turuncu */
.card-toplam {
    background: #2E4054 !important;
}
/* koyu */

/* İstersen seçili outline biraz daha net olsun */
.kpi-active {
    outline: 3px solid rgba(255,255,255,.90);
    outline-offset: -3px;
}
/* İptaller özet kart renkleri */
.card-iptal-ozet {
    background: #2E4054 !important;
}
/* koyu */
.card-iptal-toplam {
    background: #D72049 !important;
}
/* pembe/kırmızı */
/* Masalar özet kart renkleri */
.card-masa-ozet {
    background: #2E4054 !important;
}
/* koyu */
.card-masa-toplam {
    background: #01CDAB !important;
}
/* yeşil-turkuaz */

/* Masa listesi kart görünümü (kısa) */
.masa-item-card {
    border-radius: 0 !important;
    border: 0 !important;
    background: #2E4054 !important; /* koyu zemin */
    color: #fff !important;
    min-height: 64px; /* fazla yüksek olmasın */
}

.masa-item-body {
    padding: 10px 10px !important; /* kısa */
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.masa-item-main {
    min-width: 0; /* ellipsis için */
}

.masa-adi {
    font-weight: 900;
    font-size: 1.02rem;
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.masa-sure {
    font-size: .82rem;
    opacity: .9;
    margin-top: 2px;
}

.masa-item-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}

.masa-tutar {
    font-weight: 900;
    font-size: 1.05rem;
    line-height: 1.05;
}

.masa-detay-btn {
    border-radius: 0 !important;
    padding: 4px 10px;
}

/* Mobil daha da sıkı */
@media (max-width: 576px) {
    .masa-item-card {
        min-height: 60px;
    }

    .masa-item-body {
        padding: 9px 9px !important;
    }

    .masa-adi {
        font-size: .98rem;
    }

    .masa-tutar {
        font-size: 1.00rem;
    }
}
/* Masa Detay üst özet kartları (kısa) */
.masa-detay-head,
.masa-detay-total {
    border-radius: 0 !important;
    border: 0 !important;
    color: #fff !important;
    min-height: 64px;
}

.masa-detay-head {
    background: #2E4054 !important;
}
/* koyu */
.masa-detay-total {
    background: #01CDAB !important;
}
/* yeşil-turkuaz */

.masa-detay-head-body {
    padding: 10px 10px !important;
}

.masa-detay-adi {
    font-weight: 900;
    font-size: 1.02rem;
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.masa-detay-sub {
    font-size: .80rem;
    opacity: .92;
    margin-top: 2px;
}

.masa-detay-tutar {
    font-weight: 900;
    font-size: 1.10rem;
    line-height: 1.05;
}

/* MasaDetay: tablo yerine kart liste (kısa) */
.det-item-card {
    border-radius: 0 !important;
    border: 0 !important;
    background: #2E4054 !important;
    color: #fff !important;
    min-height: 64px;
}

.det-item-body {
    padding: 10px 10px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.det-left {
    min-width: 0;
}

.det-title {
    font-weight: 900;
    font-size: .98rem;
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.det-sub {
    margin-top: 2px;
    font-size: .80rem;
    opacity: .92;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .det-sub .sep {
        margin: 0 6px;
        opacity: .8;
    }

.det-right {
    text-align: end;
    flex: 0 0 auto;
}

.det-price {
    font-weight: 900;
    font-size: 1.05rem;
    line-height: 1.05;
}

.det-right-label {
    font-size: .75rem;
    opacity: .9;
    margin-top: 2px;
}

/* Mobil daha sıkı */
@media (max-width: 576px) {
    .masa-detay-head, .masa-detay-total, .det-item-card {
        min-height: 60px;
    }

    .masa-detay-head-body, .det-item-body {
        padding: 9px 9px !important;
    }

    .det-sub {
        font-size: .78rem;
    }
}
.card-satis-toplam {
    background: #01CDAB !important;
}
/* satış */
.card-gider-toplam {
    background: #D72049 !important;
}
/* gider */
/* Raporlar: hızlı butonlar */
.rapor-quick-btn{
  border-radius: 0 !important;
  padding: 8px 10px;
}

/* Raporlar: kartlar */
.rapor-card{
  border-radius: 0 !important;
  border: 0 !important;
  color: #fff !important;
  min-height: 92px;
}

.rapor-card .card-body{
  padding: 12px 10px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
}

.rapor-title{
  font-weight: 900;
  font-size: 1.05rem;
  line-height: 1.1;
}

.rapor-desc{
  font-size: .84rem;
  opacity: .92;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rapor-go{
  font-weight: 800;
  font-size: .85rem;
  opacity: .95;
}

/* Renkler (senin palete uyumlu) */
.rapor-satis    { background: #01CDAB !important; }
.rapor-islem    { background: #2E4054 !important; }
.rapor-masraf   { background: #F97316 !important; }
.rapor-iptal    { background: #D72049 !important; } 
.rapor-masalar  { background: #03A9AF !important; }

.rapor-aylik    { background: #4F46E5 !important; }
.rapor-gunluk   { background: #7C3AED !important; }

/* Mobil */
@media (max-width: 576px){
  .rapor-card{ min-height: 86px; }
  .rapor-title{ font-size: 1.00rem; }
}
/* Hızlı butonlar alt alta */
.rapor-quick-stack {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.rapor-quick-btn {
    border-radius: 0 !important;
    padding: 10px 12px; /* hepsi aynı boy hissi */
}

/* Rapor kartları: tek renk (#2E4054) + aynı yükseklik */
.rapor-card {
    border-radius: 0 !important;
    border: 0 !important;
    background: #2E4054 !important;
    color: #fff !important;
    min-height: 78px; /* hepsi aynı */
}

    .rapor-card .card-body {
        padding: 12px 10px !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; /* ortala */
        text-align: center;
        gap: 6px;
    }

.rapor-title {
    font-weight: 900;
    font-size: 1.05rem;
    line-height: 1.1;
}

.rapor-go {
    font-weight: 800;
    font-size: .85rem;
    opacity: .95;
}
/* Aylık Satış/Gider kart liste */
.ay-card {
    border-radius: 0 !important;
    border: 0 !important;
    color: #fff !important;
    min-height: 64px;
}

.ay-card-body {
    padding: 10px 10px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.ay-left {
    min-width: 0;
}

.ay-title {
    font-weight: 900;
    font-size: 1.00rem;
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ay-sub {
    margin-top: 2px;
    font-size: .80rem;
    opacity: .92;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .ay-sub .sep {
        margin: 0 6px;
        opacity: .8;
    }

.ay-right {
    text-align: end;
    flex: 0 0 auto;
}

.ay-fark {
    font-weight: 900;
    font-size: 1.05rem;
    line-height: 1.05;
}

.ay-fark-label {
    font-size: .75rem;
    opacity: .9;
    margin-top: 2px;
}

/* Satış durumuna göre renk */
.ay-card-plus {
    background: #01CDAB !important;
}
/* satış >= gider */
.ay-card-minus {
    background: #D72049 !important;
}
/* gider > satış */

@media (max-width: 576px) {
    .ay-card {
        min-height: 60px;
    }

    .ay-card-body {
        padding: 9px 9px !important;
    }

    .ay-sub {
        font-size: .78rem;
    }
}
/* Gider butonu: tek renk + tam genişlik */
.btn-gider {
    background: #000000 !important;
    color: #fff !important;
    border-radius: 0 !important;
    padding: 12px 12px; /* uzun/dolgun */
    font-size: 15px !important;

}

/* Login sayfası: arka plan */
body.login-page {
    background: #2E4054 !important;
}

/* Ortala */
.login-wrap {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
}

.login-box {
    width: 100%;
    max-width: 420px;
}

/* Kart: AÇIK renk (daha temiz görünür) */
.login-card {
    border-radius: 0 !important;
    border: 0 !important;
    background: #ffffff !important;
    color: #111827 !important;
    box-shadow: 0 10px 35px rgba(0,0,0,.25);
    overflow: hidden; /* topbar için */
}

/* Üst şerit */
.login-topbar {
    height: 6px;
    background: #01CDAB; /* istersen #D72049 da olur */
}

/* Logo kutusu (logo karanlık kalmasın diye beyaz zeminde) */
.login-logo-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 10px;
    background: #ffffff;
}

.login-logo {
    max-width: 170px;
    width: 100%;
    height: auto;
    display: block;
}

/* Başlıklar */
.login-app {
    font-weight: 900;
    font-size: 1.22rem;
    margin-top: 6px;
    color: #2E4054;
}

.login-sub {
    font-weight: 800;
    font-size: .95rem;
    opacity: .75;
}

/* Inputlar: daha şık + düz */
.login-input {
    border-radius: 0 !important;
    border: 1px solid rgba(46,64,84,.25) !important;
}

    .login-input:focus {
        border-color: rgba(1,205,171,.9) !important;
        box-shadow: 0 0 0 .2rem rgba(1,205,171,.18) !important;
    }

/* Checkbox daha belirgin */
.form-check-input {
    width: 1.1em;
    height: 1.1em;
    border-radius: 0 !important;
    accent-color: #01CDAB;
}

/* Buton */
.login-btn {
    border-radius: 0 !important;
    padding: 12px 12px;
    font-weight: 900 !important;
}