/* Deefter Muhasebe — programa özel stiller (core.css bileşenleri üzerine; sınıf öneki mk-) */

/* d-flex / d-grid'li öğelerde de hidden niteliği çalışsın */
[hidden] { display: none !important; }

/* ============================================================ Merkez sayfalar: büyük kartlar (g#25 / g#26) */
.hub-kartlar { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 14px; margin-bottom: 1.2rem; }
.hub-kart { position: relative; display: flex; flex-direction: column; gap: .4rem; min-height: 190px; padding: 1.2rem 1.15rem 1.1rem; border-radius: 20px; text-decoration: none; color: var(--ad-text);
  background: var(--ad-surface); box-shadow: var(--ad-shadow); border: 1px solid var(--ad-border); overflow: hidden; transition: transform .12s, box-shadow .15s, border-color .15s; }
.hub-kart::after { content: ""; position: absolute; right: -40px; bottom: -40px; width: 140px; height: 140px; border-radius: 50%; background: color-mix(in srgb, var(--sk) 9%, transparent); pointer-events: none; }
.hub-kart:hover { transform: translateY(-3px); box-shadow: 0 16px 34px color-mix(in srgb, var(--sk) 22%, transparent); border-color: color-mix(in srgb, var(--sk) 45%, var(--ad-border)); color: var(--ad-text); }
.hub-ikon { width: 58px; height: 58px; border-radius: 17px; display: grid; place-items: center; color: #fff; font-size: 1.6rem; margin-bottom: .45rem;
  background: linear-gradient(140deg, color-mix(in srgb, var(--sk) 62%, #fff) 0%, var(--sk) 60%, color-mix(in srgb, var(--sk) 78%, #000) 100%); box-shadow: 0 10px 22px color-mix(in srgb, var(--sk) 30%, transparent); }
.hub-kart b { font-size: 1.12rem; font-weight: 800; line-height: 1.2; }
.hub-kart small { color: var(--ad-muted); font-size: .8rem; line-height: 1.4; position: relative; z-index: 1; }
.hub-ok { position: absolute; right: 1rem; bottom: 1rem; font-size: 1.5rem; color: var(--sk); opacity: .85; z-index: 1; transition: transform .15s; }
.hub-kart:hover .hub-ok { transform: translateX(3px); }
.hub-rozet { position: absolute; top: 1rem; right: 1rem; font-size: .7rem; font-weight: 800; padding: .2rem .55rem; border-radius: 999px; background: color-mix(in srgb, var(--sk) 14%, transparent); color: var(--sk); }
.hub-listeler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.hub-liste header { display: flex; align-items: center; justify-content: space-between; padding: .85rem 1rem .5rem; font-weight: 800; font-size: .92rem; }
.hub-liste .list-group { max-height: 340px; overflow: auto; }
.hub-liste .list-group-item { color: var(--ad-text); }
@media (max-width: 1199.98px) { .hub-listeler { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767.98px) { .hub-listeler { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 575.98px) {
  .hub-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .hub-kart { min-height: 160px; padding: .95rem .85rem .9rem; border-radius: 16px; }
  .hub-ikon { width: 46px; height: 46px; font-size: 1.3rem; border-radius: 14px; }
  .hub-kart b { font-size: .98rem; }
  .hub-kart small { font-size: .72rem; }
  .hub-rozet { top: .7rem; right: .7rem; font-size: .62rem; }
  .hub-ok { right: .75rem; bottom: .75rem; font-size: 1.2rem; }
}

/* ============================================================ Özet kartları (Panel, Müşteri Yönetimi) */
.mk-ozet { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.mk-ozet-kart { display: flex; flex-direction: row; align-items: center; gap: .75rem; padding: .9rem 1rem; color: var(--ad-text); text-decoration: none; min-width: 0; }
a.mk-ozet-kart { transition: transform .12s, box-shadow .15s; }
a.mk-ozet-kart:hover { transform: translateY(-2px); color: var(--ad-text); }
.mk-ozet-kart b { font-size: 1.12rem; font-weight: 800; line-height: 1.15; }
.mk-ozet-kart small { color: var(--ad-muted); font-size: .76rem; }
.mk-ozet-ikon { width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; font-size: 1.2rem; flex-shrink: 0;
  color: var(--ad-primary); background: color-mix(in srgb, var(--ad-primary) 12%, var(--ad-surface)); }
.mk-ozet-ikon.ok { color: #16a34a; background: color-mix(in srgb, #16a34a 13%, var(--ad-surface)); }
.mk-ozet-ikon.uyari { color: #ea580c; background: color-mix(in srgb, #ea580c 14%, var(--ad-surface)); }
.mk-cubuk { display: block; height: 6px; border-radius: 99px; background: color-mix(in srgb, var(--ad-muted) 18%, transparent); overflow: hidden; }
.mk-cubuk i { display: block; height: 100%; border-radius: 99px; background: linear-gradient(90deg, #f59e0b, #16a34a); }
.mk-cubuk.tam i { background: #16a34a; } .mk-cubuk.dusuk i { background: #ef4444; }
@media (max-width: 1699.98px) { .mk-ozet-ikon { display: none; } .mk-ozet-kart { padding: .85rem 1rem; } }
@media (max-width: 1099.98px) { .mk-ozet { grid-template-columns: repeat(3, minmax(0, 1fr)); } .mk-ozet-ikon { display: grid; } }
@media (max-width: 575.98px) { .mk-ozet { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } .mk-ozet-kart { padding: .7rem .75rem; } .mk-ozet-kart b { font-size: .98rem; } .mk-ozet-ikon { width: 36px; height: 36px; font-size: 1rem; } }

/* ============================================================ Müşteri listesi */
.mk-liste-arac { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; border-bottom: 1px solid var(--ad-border); }
.mk-ara { position: relative; flex: 1 1 320px; max-width: 520px; margin: 0; }
.mk-ara i { position: absolute; left: .85rem; top: 50%; transform: translateY(-50%); color: var(--ad-muted); }
.mk-ara .form-control { padding-left: 2.3rem; }
.mk-cipler { display: flex; flex-wrap: wrap; gap: .4rem; }
.mk-cip { display: inline-flex; align-items: center; gap: .35rem; padding: .32rem .7rem; border-radius: 999px; border: 1px solid var(--ad-border); background: var(--ad-surface); color: var(--ad-text); font-size: .8rem; font-weight: 600; text-decoration: none; }
.mk-cip span { color: var(--ad-muted); font-weight: 700; font-size: .72rem; }
.mk-cip:hover { border-color: var(--ad-primary); color: var(--ad-text); }
.mk-cip.aktif { background: var(--ad-primary); border-color: var(--ad-primary); color: #fff; }
.mk-cip.aktif span { color: rgba(255, 255, 255, .8); }
.mk-sirala { color: inherit; text-decoration: none; white-space: nowrap; }
.mk-sirala.aktif { color: var(--ad-primary); }
.mk-musteri-tablo th { font-size: .74rem; text-transform: uppercase; letter-spacing: .3px; color: var(--ad-muted); font-weight: 700; }
.mk-satir { cursor: pointer; }
.mk-satir:focus-visible { outline: 2px solid var(--ad-primary); outline-offset: -2px; }
.mk-harf { width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; font-weight: 800; flex-shrink: 0; color: #fff; background: var(--ad-ikon-grad); }
.mk-harf.sm { width: 34px; height: 34px; border-radius: 10px; font-size: .85rem; }
.mk-musteri { max-width: 360px; }

/* ============================================================ Cari Hesap penceresi */
.mk-modal .modal-header { align-items: flex-start; }
.modal.mk-arkada .modal-content { filter: brightness(.82); transition: filter .15s; }
.mk-cari-ust { display: flex; flex-wrap: wrap; gap: .8rem; align-items: center; justify-content: space-between; margin-bottom: 1rem; }
.mk-cari-kimlik { display: flex; align-items: center; gap: .75rem; min-width: 0; }
.mk-cari-dugmeler { display: flex; flex-wrap: wrap; gap: .4rem; }
.mk-not { background: color-mix(in srgb, #f59e0b 12%, var(--ad-surface)); border: 1px solid color-mix(in srgb, #f59e0b 30%, transparent); border-radius: 10px; padding: .55rem .8rem; margin-bottom: 1rem; }
.mk-uc-kart { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: .75rem; }
.mk-kart { border: 1px solid var(--ad-border); border-radius: 14px; padding: .8rem 1rem; display: flex; flex-direction: column; gap: .15rem; background: var(--ad-surface-2); border-top: 3px solid var(--ad-primary); }
.mk-kart.ok { border-top-color: #16a34a; } .mk-kart.uyari { border-top-color: #ea580c; }
.mk-kart small { color: var(--ad-muted); font-weight: 700; font-size: .72rem; text-transform: uppercase; letter-spacing: .3px; }
.mk-kart b { font-size: 1.35rem; font-weight: 800; }
.mk-ek-toplam { display: flex; flex-wrap: wrap; gap: .5rem 1.2rem; margin-bottom: .75rem; color: var(--ad-muted); }
.mk-hareket-tablo th { font-size: .72rem; text-transform: uppercase; letter-spacing: .3px; color: var(--ad-muted); font-weight: 700; white-space: nowrap; }
.mk-hareket-tablo .mk-islem { min-width: 200px; }
.mk-hareket-tablo tr.mk-iptal td { opacity: .5; text-decoration: line-through; }
.mk-hareket-tablo tr.mk-iptal td:last-child { text-decoration: none; opacity: 1; }
.mk-kat { display: inline-flex; align-items: center; gap: .35rem; font-size: .8rem; font-weight: 600; }
.mk-kat::before, .mk-nokta { content: ""; width: 9px; height: 9px; border-radius: 50%; background: var(--kr, var(--ad-primary)); display: inline-block; flex-shrink: 0; }
.mk-nokta { margin-right: .3rem; vertical-align: 1px; }
.mk-nokta.buyuk { width: 14px; height: 14px; margin: 0; }
@media (max-width: 575.98px) { .mk-uc-kart { grid-template-columns: 1fr; } .mk-kart b { font-size: 1.15rem; } }

/* ============================================================ Cari kart */
.mk-durum-sec { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.mk-durum { position: relative; cursor: pointer; margin: 0; }
.mk-durum input { position: absolute; opacity: 0; pointer-events: none; }
.mk-durum span { display: flex; flex-direction: column; gap: .1rem; height: 100%; padding: .55rem .75rem; border: 1.5px solid var(--ad-border); border-radius: 12px; background: var(--ad-surface); transition: border-color .12s, background .12s; }
.mk-durum b { font-size: .9rem; }
.mk-durum small { color: var(--ad-muted); font-size: .72rem; line-height: 1.3; }
.mk-durum input:checked + span { border-color: var(--dr); background: color-mix(in srgb, var(--dr) 9%, var(--ad-surface)); }
.mk-durum input:checked + span b { color: var(--dr); }
.mk-durum input:focus-visible + span { outline: 2px solid var(--dr); outline-offset: 1px; }
.mk-durum-aktif { --dr: #16a34a; } .mk-durum-teklif { --dr: #0284c7; } .mk-durum-pasif { --dr: #64748b; } .mk-durum-engelli { --dr: #dc2626; }
.mk-bolum { border: 1px solid var(--ad-border); border-radius: 14px; padding: .85rem 1rem 1rem; margin-bottom: .75rem; background: var(--ad-surface); }
.mk-bolum h6 { font-size: .8rem; font-weight: 800; text-transform: uppercase; letter-spacing: .3px; color: var(--ad-muted); margin-bottom: .6rem; }
.mk-bolum .form-label { font-size: .78rem; margin-bottom: .2rem; }
.mk-yonetici-alani { background: color-mix(in srgb, var(--ad-primary) 5%, var(--ad-surface)); border-color: color-mix(in srgb, var(--ad-primary) 25%, var(--ad-border)); }
.mk-personel { max-height: 180px; overflow: auto; border: 1px solid var(--ad-border); border-radius: 10px; padding: .4rem .7rem; background: var(--ad-surface); }
.mk-personel .form-check { margin: .2rem 0; }
@media (max-width: 767.98px) { .mk-durum-sec { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ============================================================ Yeni hareket */
.mk-seg { display: inline-flex; width: 100%; padding: 3px; border-radius: 10px; background: color-mix(in srgb, var(--ad-muted) 14%, transparent); }
.mk-seg label { flex: 1; margin: 0; cursor: pointer; position: relative; }
.mk-seg input { position: absolute; opacity: 0; pointer-events: none; }
.mk-seg span { display: block; text-align: center; padding: .38rem .5rem; border-radius: 8px; font-size: .85rem; font-weight: 700; color: var(--ad-muted); white-space: nowrap; }
.mk-seg input:checked + span { background: var(--ad-surface); color: var(--ad-text); box-shadow: 0 1px 3px rgba(16, 24, 40, .12); }
.mk-seg[data-tip] input[value=gelir]:checked + span { color: #16a34a; }
.mk-seg[data-tip] input[value=gider]:checked + span { color: #dc2626; }
.mk-seg-sm { width: auto; } .mk-seg-sm span { font-size: .78rem; padding: .28rem .7rem; }
.mk-kalem-bas { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-bottom: .5rem; }
.mk-kalem-tablo { border: 1px solid var(--ad-border); border-radius: 12px; }
.mk-kalem-tablo table { margin: 0; }
.mk-kalem-tablo th { font-size: .7rem; text-transform: uppercase; letter-spacing: .3px; color: var(--ad-muted); font-weight: 700; background: var(--ad-surface-2); white-space: nowrap; }
.mk-kalem-tablo td { padding: .3rem .35rem; }
.mk-kalem-tablo .form-control-sm, .mk-kalem-tablo .form-select-sm { min-width: 60px; }
.mk-kalem-tablo td:nth-child(2) .form-control { min-width: 200px; }
/* Telefonda kalemler kart düzeninde (tablo yatay kaymasın) */
@media (max-width: 575.98px) {
  .mk-kalem-tablo { border: 0; }
  .mk-kalem-tablo thead { display: none; }
  .mk-kalem-tablo tbody tr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .45rem .5rem; position: relative; padding: .7rem .7rem .6rem; margin-bottom: .6rem; border: 1px solid var(--ad-border); border-radius: 12px; background: var(--ad-surface); }
  .mk-kalem-tablo tbody td { padding: 0; border: 0; min-width: 0; }
  .mk-kalem-tablo tbody td[data-etiket]::before { content: attr(data-etiket); display: block; font-size: .68rem; font-weight: 700; color: var(--ad-muted); text-transform: uppercase; margin-bottom: .1rem; }
  .mk-kalem-tablo tbody td:nth-child(1) { display: none; }
  .mk-kalem-tablo tbody td:nth-child(2) { grid-column: 1 / -1; padding-right: 2.4rem; }
  .mk-kalem-tablo tbody td:nth-child(2) .form-control, .mk-kalem-tablo .form-control-sm, .mk-kalem-tablo .form-select-sm { min-width: 0; width: 100%; }
  .mk-kalem-tablo tbody td:nth-child(8) { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: baseline; border-top: 1px dashed var(--ad-border); padding-top: .4rem; }
  .mk-kalem-tablo tbody td:nth-child(8)::before { margin: 0; }
  .mk-kalem-tablo tbody td:nth-child(9) { position: absolute; top: .55rem; right: .55rem; }
}
.mk-ozet-tablo { border: 1px solid var(--ad-border); border-radius: 14px; padding: .75rem 1rem; background: var(--ad-surface-2); }
.mk-ozet-tablo > div { display: flex; justify-content: space-between; padding: .2rem 0; font-size: .9rem; }
.mk-ozet-tablo > div span { color: var(--ad-muted); }
.mk-ozet-tablo .mk-genel { border-top: 1px solid var(--ad-border); margin-top: .35rem; padding-top: .55rem; }
.mk-ozet-tablo .mk-genel span { color: var(--ad-text); font-weight: 700; }
.mk-ozet-tablo .mk-genel b { font-size: 1.4rem; color: var(--ad-primary); }
.mk-ozet-tablo .mk-tutar-elle { display: block; }
.mk-ozet-tablo .mk-tutar-elle[hidden] { display: none; }
.mk-dosya-birak { display: flex; align-items: center; gap: .6rem; padding: .7rem .9rem; border: 1.5px dashed var(--ad-border); border-radius: 12px; cursor: pointer; color: var(--ad-muted); font-size: .85rem; margin: 0; transition: border-color .12s, background .12s; }
.mk-dosya-birak i { font-size: 1.3rem; color: var(--ad-primary); }
.mk-dosya-birak:hover, .mk-dosya-birak.uzerinde { border-color: var(--ad-primary); background: color-mix(in srgb, var(--ad-primary) 6%, transparent); }
.mk-dosya-birak.buyuk { padding: 1.1rem; justify-content: center; }
.mk-dosya-cip { display: inline-flex; align-items: center; gap: .25rem; padding: .2rem .55rem; border-radius: 8px; background: var(--ad-surface-2); border: 1px solid var(--ad-border); margin: .15rem .2rem .15rem 0; }
.mk-dosya-cip a { color: inherit; text-decoration: none; }
.mk-dosya-cip button { border: 0; background: none; color: #dc2626; font-weight: 700; padding: 0 0 0 .25rem; line-height: 1; }

/* ============================================================ Bildirim önizleme */
.mk-kanal { display: flex; align-items: center; gap: .55rem; padding: .55rem .9rem; border: 1.5px solid var(--ad-border); border-radius: 12px; cursor: pointer; margin: 0; background: var(--ad-surface); }
.mk-kanal i { font-size: 1.2rem; color: var(--ad-primary); }
.mk-kanal span { display: flex; flex-direction: column; line-height: 1.2; }
.mk-kanal small { color: var(--ad-muted); font-size: .75rem; }
.mk-kanal:has(input:checked) { border-color: var(--ad-primary); background: color-mix(in srgb, var(--ad-primary) 7%, var(--ad-surface)); }
.mk-kanal.pasif { opacity: .55; cursor: not-allowed; }
.mk-onizle-kutu { border: 1px solid var(--ad-border); border-radius: 14px; overflow: hidden; background: #f2f4f7; }
.mk-onizle-bas { display: flex; align-items: center; gap: .4rem; padding: .55rem .85rem; background: var(--ad-surface); border-bottom: 1px solid var(--ad-border); font-size: .88rem; }
.mk-onizle-cerceve { display: block; width: 100%; height: 560px; border: 0; background: #f2f4f7; }
.mk-sms { position: sticky; top: 0; border: 1px solid var(--ad-border); border-radius: 22px; padding: 1rem; background: var(--ad-surface-2); min-height: 200px; }
.mk-sms-baloncuk { background: #e5e7eb; color: #111827; padding: .75rem .9rem; border-radius: 16px 16px 16px 4px; font-size: .88rem; white-space: pre-wrap; word-break: break-word; }
[data-bs-theme="dark"] .mk-sms-baloncuk { background: #374151; color: #f9fafb; }
.mk-sms-baloncuk.mk-wa { background: #dcf8c6; }
[data-bs-theme="dark"] .mk-sms-baloncuk.mk-wa { background: #054d44; }

/* ============================================================ Müşteri dosyaları */
.mk-yukle-kutu { border: 1px solid var(--ad-border); border-radius: 14px; padding: .9rem 1rem; background: var(--ad-surface-2); }
.mk-dosya-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; }
.mk-dosya { position: relative; display: flex; flex-direction: column; border: 1px solid var(--ad-border); border-radius: 14px; overflow: hidden; background: var(--ad-surface); }
.mk-dosya[hidden] { display: none; }
.mk-dosya.secili { border-color: var(--ad-primary); box-shadow: 0 0 0 2px color-mix(in srgb, var(--ad-primary) 25%, transparent); }
.mk-dosya-sec { position: absolute; top: .5rem; left: .5rem; z-index: 2; background: var(--ad-surface); border-radius: 6px; padding: 2px 4px; margin: 0; }
.mk-dosya-onizle { height: 120px; display: grid; place-items: center; background: var(--ad-surface-2); text-decoration: none; overflow: hidden; }
.mk-dosya-onizle img { width: 100%; height: 100%; object-fit: cover; }
.mk-dosya-onizle i { font-size: 2.8rem; }
.mk-dt-pdf { color: #dc2626; } .mk-dt-word { color: #2563eb; } .mk-dt-excel { color: #16a34a; } .mk-dt-video { color: #7c3aed; } .mk-dt-metin { color: var(--ad-muted); }
.mk-dosya-bilgi { padding: .55rem .7rem .3rem; min-width: 0; }
.mk-dosya-islem { display: flex; justify-content: flex-end; gap: .3rem; padding: 0 .55rem .55rem; }

/* ============================================================ İlk kurulum sihirbazı */
.kr-adimlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.kr-adim { display: flex; align-items: center; gap: .65rem; padding: .7rem .9rem; border-radius: 14px; border: 1px solid var(--ad-border); background: var(--ad-surface); color: var(--ad-text); text-decoration: none; }
.kr-adim:hover { color: var(--ad-text); border-color: var(--ad-primary); }
.kr-adim small { display: block; color: var(--ad-muted); font-size: .7rem; }
.kr-adim b { font-size: .9rem; }
.kr-no { width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-weight: 800; background: var(--ad-surface-2); border: 1px solid var(--ad-border); flex-shrink: 0; }
.kr-adim.aktif { border-color: var(--ad-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--ad-primary) 15%, transparent); }
.kr-adim.aktif .kr-no { background: var(--ad-primary); border-color: var(--ad-primary); color: #fff; }
.kr-adim.tamam .kr-no { background: #16a34a; border-color: #16a34a; color: #fff; }
.kr-logo { height: 140px; border: 1.5px dashed var(--ad-border); border-radius: 14px; display: grid; place-items: center; background: repeating-conic-gradient(#f2f4f7 0 25%, #fff 0 50%) 0 0 / 16px 16px; }
.kr-logo img { max-height: 110px; max-width: 80%; object-fit: contain; }
.kr-renkler { display: flex; flex-wrap: wrap; gap: 10px; }
.kr-renk { width: 44px; height: 44px; border-radius: 12px; border: 3px solid transparent; background: var(--r); cursor: pointer; box-shadow: 0 2px 6px rgba(16, 24, 40, .15); }
.kr-renk.aktif { border-color: var(--ad-surface); outline: 3px solid var(--r); }
.kr-onizleme { position: sticky; top: 1rem; }
.kr-belge { border: 1px solid #e4e7ec; border-radius: 10px; padding: 14px; background: #fff; color: #111827; font-size: .78rem; }
.kr-belge-ust { display: grid; grid-template-columns: 1fr auto 1fr; gap: 8px; align-items: start; padding-bottom: 8px; border-bottom: 3px solid var(--r); }
.kr-belge-ust b { display: block; font-size: .95rem; }
.kr-belge-ust small { display: block; color: #667085; font-size: .7rem; }
.kr-belge-ust img { max-height: 30px; max-width: 110px; object-fit: contain; }
.kr-qr { width: 40px; height: 40px; background: repeating-linear-gradient(45deg, #111827 0 3px, #fff 3px 6px); border-radius: 3px; }
.kr-belge-tablo, .kr-belge-satir { display: grid; grid-template-columns: 34px 1fr 90px; gap: 6px; padding: 5px 6px; }
.kr-belge-tablo { margin-top: 10px; background: var(--rk); color: #fff; font-weight: 700; font-size: .66rem; text-transform: uppercase; border-radius: 4px; }
.kr-belge-satir { border-bottom: 1px solid #eaecf0; }
.kr-belge-satir span:last-child, .kr-belge-tablo span:last-child { text-align: right; }
.kr-belge-toplam { margin: 10px 0 0 auto; width: 55%; border: 2px solid var(--r); background: var(--ra); border-radius: 6px; padding: 6px 10px; display: flex; justify-content: space-between; align-items: center; }
.kr-belge-toplam small { font-weight: 700; color: #475467; }
.kr-belge-toplam b { font-size: 1rem; }
.kr-eposta-btn { display: inline-block; padding: .55rem 1.1rem; border-radius: 9px; background: var(--r); color: #fff; font-weight: 700; font-size: .85rem; }
@media (max-width: 767.98px) { .kr-adimlar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ============================================================ Yetkiler, yakında */
.yt-tablo th { vertical-align: top; font-size: .82rem; }
.yt-tablo th .form-switch { padding-left: 2.6em; text-transform: none; letter-spacing: 0; }
.yt-tablo th .form-switch .form-check-input { width: 2em; height: 1em; margin-left: -2.6em; }
.yt-tablo .yt-rol { background: color-mix(in srgb, var(--ad-primary) 6%, transparent); }
.yt-tablo .form-check-input { width: 1.25rem; height: 1.25rem; }
.yk-madde { display: flex; gap: .8rem; padding: .9rem 1rem; border: 1px solid var(--ad-border); border-radius: 14px; height: 100%; background: var(--ad-surface-2); }
.yk-madde > i { font-size: 1.4rem; color: var(--sk); }

/* ============================================================ Sipariş Yönetimi: sekmeler, yan panel */
.mk-sekmeler { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; }
.mk-sekme-liste { display: flex; flex-wrap: wrap; gap: 4px; padding: 4px; border-radius: 14px; background: var(--ad-surface); border: 1px solid var(--ad-border); box-shadow: var(--ad-shadow); }
.mk-sekme-liste a { display: inline-flex; align-items: center; gap: .45rem; padding: .5rem .95rem; border-radius: 10px; color: var(--ad-muted); font-weight: 700; font-size: .88rem; text-decoration: none; }
.mk-sekme-liste a:hover { color: var(--ad-text); background: var(--ad-surface-2); }
.mk-sekme-liste a.aktif { background: var(--ad-primary); color: #fff; }
.mk-ozet.mk-ozet-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 767.98px) { .mk-ozet.mk-ozet-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.mk-yan-panel { --bs-offcanvas-width: min(980px, 100vw); }
.mk-yan-panel .list-group-item.mk-yaklasan { background: color-mix(in srgb, #f59e0b 10%, var(--ad-surface)); }
.active-soft { background: color-mix(in srgb, var(--ad-primary) 8%, var(--ad-surface)) !important; }

/* ============================================================ Satış ekranı (yeni sipariş) */
.sp-pos { display: grid; grid-template-columns: minmax(340px, 420px) minmax(0, 1fr); gap: 12px; height: 100%; min-height: 0; padding: 0 12px 12px; }
.sp-sol, .sp-sag { background: var(--ad-surface); border: 1px solid var(--ad-border); border-radius: 18px; box-shadow: var(--ad-shadow); min-height: 0; display: flex; flex-direction: column; }
.sp-sol { padding: 12px; gap: 10px; }
.sp-sag { padding: 12px; gap: 10px; }
.sp-musteri { position: relative; }
.sp-musteri-sec, .sp-musteri-secili { display: flex; align-items: center; gap: 8px; }
.sp-musteri-secili { padding: 8px 10px; border-radius: 12px; background: color-mix(in srgb, var(--ad-primary) 8%, var(--ad-surface)); border: 1px solid color-mix(in srgb, var(--ad-primary) 25%, var(--ad-border)); }
.sp-oneriler { position: absolute; left: 0; right: 0; top: calc(100% + 4px); z-index: 20; max-height: 320px; overflow: auto; background: var(--ad-surface); border: 1px solid var(--ad-border); border-radius: 12px; box-shadow: 0 12px 30px rgba(16, 24, 40, .15); }
.sp-oneriler a { display: flex; flex-direction: column; padding: .55rem .8rem; color: var(--ad-text); text-decoration: none; border-bottom: 1px solid var(--ad-border); }
.sp-oneriler a:hover, .sp-oneriler a:focus { background: var(--ad-surface-2); }
.sp-oneriler small { color: var(--ad-muted); }
.sp-sepet { flex: 1; overflow: auto; display: flex; flex-direction: column; gap: 8px; min-height: 60px; }
.sp-sepet:empty { display: none; }
.sp-sepet-bos { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .5rem; color: var(--ad-muted); text-align: center; font-size: .9rem; }
.sp-sepet-bos i { font-size: 2.4rem; opacity: .45; }
.sp-satir { border: 1px solid var(--ad-border); border-radius: 12px; padding: 8px 10px; background: var(--ad-surface-2); }
.sp-satir-ust { display: flex; align-items: center; gap: 8px; font-size: .9rem; }
.sp-satir-alt { display: flex; align-items: center; gap: 6px; margin-top: 6px; }
.sp-sil { border: 0; background: none; color: #dc2626; font-size: 1.2rem; line-height: 1; padding: 0 2px; }
.sp-adet { display: inline-flex; align-items: center; border: 1px solid var(--ad-border); border-radius: 9px; overflow: hidden; background: var(--ad-surface); }
.sp-adet button { border: 0; background: none; width: 30px; height: 30px; font-weight: 800; color: var(--ad-text); }
.sp-adet input { width: 48px; border: 0; text-align: center; background: transparent; color: var(--ad-text); font-weight: 700; }
.sp-fiyat { width: 100px; text-align: right; }
.sp-donem { display: flex; align-items: center; gap: 6px; margin-top: 6px; font-size: .8rem; color: var(--ad-muted); }
.sp-donem input { width: 150px; }
.sp-alt { display: flex; flex-direction: column; gap: 8px; border-top: 1px solid var(--ad-border); padding-top: 10px; }
.sp-not summary { cursor: pointer; font-size: .85rem; color: var(--ad-muted); font-weight: 600; }
.sp-toplamlar { display: flex; flex-direction: column; gap: 3px; }
.sp-toplamlar .mk-seg { align-self: flex-start; margin-bottom: 4px; }
.sp-genel { display: flex; justify-content: space-between; align-items: baseline; padding-top: 4px; border-top: 1px dashed var(--ad-border); }
.sp-genel span { font-weight: 800; font-size: .9rem; }
.sp-genel b { font-size: 1.9rem; font-weight: 800; color: var(--ad-primary); }
.sp-odeme { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.sp-btn { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: .55rem .25rem; border-radius: 12px; color: #fff; font-weight: 700; font-size: .8rem; border: 0; }
.sp-btn i { font-size: 1.25rem; }
.sp-btn:disabled { opacity: .45; }
.sp-nakit { background: linear-gradient(135deg, #22c55e, #15803d); }
.sp-kart { background: linear-gradient(135deg, #60a5fa, #1d4ed8); }
.sp-havale { background: linear-gradient(135deg, #a78bfa, #6d28d9); }
.sp-acik { background: linear-gradient(135deg, #fbbf24, #d97706); }
.sp-btn:not(:disabled):hover { filter: brightness(1.06); color: #fff; }
.sp-arac { display: flex; gap: 8px; }
.sp-kategoriler { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 2px; }
.sp-kategoriler button { flex-shrink: 0; display: inline-flex; align-items: center; gap: .4rem; padding: .45rem .85rem; border-radius: 999px; border: 1px solid var(--ad-border); background: var(--ad-surface); color: var(--ad-text); font-weight: 700; font-size: .85rem; }
.sp-kategoriler button i { color: var(--kr, var(--ad-primary)); }
.sp-kategoriler button.aktif { background: var(--kr, var(--ad-primary)); border-color: var(--kr, var(--ad-primary)); color: #fff; }
.sp-kategoriler button.aktif i { color: #fff; }
.sp-izgara { flex: 1; overflow: auto; display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 10px; align-content: start; }
.sp-urun { position: relative; display: flex; flex-direction: column; gap: 4px; min-height: 112px; padding: .8rem .85rem; border-radius: 14px; text-align: left;
  border: 1px solid var(--ad-border); border-top: 4px solid var(--kr, var(--ad-primary)); background: var(--ad-surface-2); color: var(--ad-text); transition: transform .1s, box-shadow .12s; }
.sp-urun:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(16, 24, 40, .1); }
.sp-urun.eklendi { transform: scale(.96); background: color-mix(in srgb, var(--kr, var(--ad-primary)) 14%, var(--ad-surface)); }
.sp-urun-ad { font-weight: 800; font-size: .92rem; line-height: 1.25; }
.sp-urun-alt { font-size: .75rem; color: var(--ad-muted); }
.sp-urun-fiyat { margin-top: auto; font-size: 1.05rem; color: var(--ad-primary); }
.sp-fav { position: absolute; top: .45rem; right: .55rem; color: #f59e0b; font-size: .8rem; }
.sp-izgara .empty { grid-column: 1 / -1; }
@media (max-width: 991.98px) {
  .sp-pos { grid-template-columns: 1fr; height: auto; }
  .sp-sag { order: -1; max-height: 55vh; }
  .sp-sol { min-height: 60vh; }
}

/* ============================================================ Teklif */
.tk-bolum { padding-bottom: 1.1rem; margin-bottom: 1.1rem; border-bottom: 1px solid var(--ad-border); }
.tk-bolum:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.tk-bolum h6 { font-size: .8rem; font-weight: 800; text-transform: uppercase; letter-spacing: .3px; color: var(--ad-text); margin-bottom: .7rem; }
.tk-bolum h6 > i { display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 9px; margin-right: .45rem; color: var(--ad-primary); background: color-mix(in srgb, var(--ad-primary) 12%, var(--ad-surface)); }
.tk-bolum .form-label { font-size: .78rem; margin-bottom: .2rem; }
.tk-son { position: sticky; top: 1rem; }
.tk-son .list-group { max-height: none; }
.tk-kartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
.tk-kart .card-body { display: flex; flex-direction: column; gap: .2rem; }
.tk-tutar { font-size: 1.25rem; font-weight: 800; color: #b45309; margin: .3rem 0; }
[data-bs-theme="dark"] .tk-tutar { color: #fbbf24; }
.tk-alt { position: sticky; bottom: 0; background: var(--ad-surface); z-index: 3; border-radius: 0 0 var(--ad-radius) var(--ad-radius); }

/* ============================================================ Tahsilat */
.th-gecikti td:first-child { box-shadow: inset 3px 0 0 #dc2626; }
#odemeModal .mk-sekme-liste { box-shadow: none; }

/* ============================================================ Resmi Muhasebe */
.rm-ust { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
.rm-son { display: flex; align-items: center; gap: .6rem; padding: .45rem .5rem .45rem .9rem; border-radius: 12px; background: var(--ad-surface); border: 1px solid var(--ad-border); font-size: .85rem; }
.rm-son i { color: var(--ad-primary); }
.rm-cipler { display: flex; flex-wrap: wrap; gap: 8px; }
.rm-cip { display: inline-flex; flex-direction: column; padding: .4rem .75rem; border-radius: 12px; background: var(--ad-surface); border: 1px solid var(--ad-border); min-width: 84px; }
.rm-cip small { color: var(--ad-muted); font-size: .7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .3px; }
.rm-cip b { font-size: .92rem; }
.rm-trend { width: 100%; height: 70px; display: block; }
.rm-trend polyline { fill: none; stroke-width: 1.6; vector-effect: non-scaling-stroke; stroke-linejoin: round; stroke-linecap: round; }
.rm-trend .bu { stroke: var(--ad-primary); stroke-width: 2.4; }
.rm-trend .gecen { stroke: var(--ad-muted); opacity: .5; stroke-dasharray: 4 3; }
.rm-trend-ay { font-size: .68rem; color: var(--ad-muted); }
.rm-lejant { display: inline-block; width: 14px; height: 3px; border-radius: 2px; vertical-align: middle; margin-right: 4px; }
.rm-lejant.bu { background: var(--ad-primary); } .rm-lejant.gecen { background: var(--ad-muted); opacity: .6; }
.rm-ay { border-top: 1px solid var(--ad-border); }
.rm-ay > summary { list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.25rem; padding: .75rem 1rem; cursor: pointer; background: var(--ad-surface-2); }
.rm-ay > summary::-webkit-details-marker { display: none; }
.rm-ay-ad { font-weight: 800; display: inline-flex; align-items: center; gap: .4rem; }
.rm-ay-ad i { transition: transform .15s; color: var(--ad-muted); }
.rm-ay[open] .rm-ay-ad i { transform: rotate(90deg); }
.rm-ay-ozet { display: flex; flex-wrap: wrap; gap: .25rem 1rem; font-size: .8rem; }
.rm-tablo th { font-size: .7rem; text-transform: uppercase; letter-spacing: .3px; color: var(--ad-muted); font-weight: 700; white-space: nowrap; }
.rm-taraf { max-width: 260px; }
.rm-yukle { min-height: 130px; flex-direction: column; text-align: center; }
.rm-yukle i { font-size: 2rem !important; color: #dc2626 !important; }
.rm-onizle { width: 100%; height: 420px; border: 1px solid var(--ad-border); border-radius: 12px; background: #fff; }
.rm-okuma-kutu { padding: .6rem .8rem; border-radius: 12px; border: 1px solid; }
.rm-okuma-kutu.iyi { border-color: color-mix(in srgb, #16a34a 40%, transparent); background: color-mix(in srgb, #16a34a 8%, var(--ad-surface)); }
.rm-okuma-kutu.orta { border-color: color-mix(in srgb, #f59e0b 45%, transparent); background: color-mix(in srgb, #f59e0b 9%, var(--ad-surface)); }
[data-rm-yon] span { display: inline-flex; align-items: center; justify-content: center; gap: .35rem; }
[data-rm-yon] input[value=gelen]:checked + span { color: #dc2626; }
[data-rm-yon] input[value=giden]:checked + span { color: #16a34a; }

/* ============================================================ Dış sayfalar (muhasebeci arşivi, müşteri paneli) */
.dis-govde { min-height: 100vh; }
.dis-ust { position: sticky; top: 0; z-index: 10; }
.dis-logo { max-height: 34px; max-width: 160px; object-fit: contain; }
.dis-ad { font-weight: 800; font-size: 1.1rem; color: var(--sh-fg); }
.dis-ana { max-width: 1400px; margin: 0 auto; padding: 1rem 1rem 2rem; }
.dis-kart { max-width: 480px; margin: 3vh auto; padding: 1.75rem; border-radius: 22px; background: var(--ad-surface); border: 1px solid var(--ad-border); box-shadow: var(--ad-shadow); }
.dis-kisiler { display: flex; flex-direction: column; gap: 8px; }
.dis-kisi { display: flex; align-items: center; gap: .7rem; padding: .7rem .9rem; border-radius: 14px; border: 1.5px solid var(--ad-border); cursor: pointer; margin: 0; }
.dis-kisi input { margin: 0; }
.dis-kisi:has(input:checked) { border-color: var(--ad-primary); background: color-mix(in srgb, var(--ad-primary) 7%, var(--ad-surface)); }
.dis-kisi.pasif { opacity: .5; cursor: not-allowed; }
.dis-dip { text-align: center; color: var(--ad-muted); font-size: .75rem; margin-top: 2rem; }

/* ============================================================ Bildirim: toplu bildirim (tb-) ve Bildirim Merkezi (bm-) */
.tb-izgara { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr) minmax(0, .9fr); gap: 14px; align-items: start; }
.tb-sutun { min-width: 0; }
.tb-bas { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem; padding: .8rem 1rem; border-bottom: 1px solid var(--ad-border); }
.tb-bas .mk-sekme-liste { box-shadow: none; padding: 3px; }
.tb-bas .mk-sekme-liste a { padding: .3rem .7rem; font-size: .8rem; }
.tb-kanal { display: inline-flex; align-items: center; gap: .3rem; padding: .3rem .6rem; border-radius: 999px; border: 1.5px solid var(--ad-border); font-size: .78rem; font-weight: 700; cursor: pointer; margin: 0; user-select: none; }
.tb-kanal input { display: none; }
.tb-kanal:has(input:checked) { border-color: var(--ad-primary); background: color-mix(in srgb, var(--ad-primary) 10%, var(--ad-surface)); color: var(--ad-primary); }
.tb-kanal.pasif { opacity: .45; cursor: not-allowed; }
.tb-sablonlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.tb-sablon { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; padding: .5rem .6rem; border-radius: 12px; border: 1.5px solid var(--ad-border); background: var(--ad-surface); color: var(--ad-text); text-align: left; font-size: .8rem; min-width: 0; }
.tb-sablon i { color: var(--ad-primary); font-size: 1rem; }
.tb-sablon small { color: var(--ad-muted); font-size: .68rem; line-height: 1.25; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.tb-sablon:hover, .tb-sablon.aktif { border-color: var(--ad-primary); background: color-mix(in srgb, var(--ad-primary) 6%, var(--ad-surface)); }
.tb-degiskenler { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin-bottom: 4px; }
.tb-deg { border: 1px dashed color-mix(in srgb, var(--ad-primary) 45%, transparent); background: color-mix(in srgb, var(--ad-primary) 6%, transparent); color: var(--ad-primary); border-radius: 8px; padding: 1px 7px; font-size: .74rem; font-family: ui-monospace, Consolas, monospace; }
.tb-deg:hover { background: var(--ad-primary); color: #fff; }
.tb-liste { max-height: 430px; overflow: auto; border: 1px solid var(--ad-border); border-radius: 12px; }
.tb-alici { display: flex; align-items: center; gap: .55rem; padding: .45rem .7rem; margin: 0; border-bottom: 1px solid var(--ad-border); cursor: pointer; font-size: .84rem; }
.tb-alici:last-child { border-bottom: 0; }
.tb-alici:hover { background: var(--ad-surface-2); }
.tb-alici:has(input:checked) { background: color-mix(in srgb, var(--ad-primary) 6%, var(--ad-surface)); }
.tb-alici.engelli { opacity: .5; cursor: not-allowed; }
.tb-alici input { flex: none; margin: 0; }
.tb-sayaclar { display: flex; flex-wrap: wrap; gap: .4rem 1rem; margin-top: .6rem; font-size: .8rem; color: var(--ad-muted); }
.tb-sayaclar b { color: var(--ad-text); }
.tb-alt-bar { position: sticky; bottom: 0; z-index: 5; display: flex; align-items: center; gap: .5rem; margin-top: 14px; padding: .7rem 1rem; border-radius: 16px; background: var(--ad-surface); border: 1px solid var(--ad-border); box-shadow: var(--ad-shadow); }
@media (max-width: 1399.98px) { .tb-izgara { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .tb-izgara > :last-child { grid-column: 1 / -1; } }
@media (max-width: 991.98px) { .tb-izgara { grid-template-columns: minmax(0, 1fr); } .tb-sablonlar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.bm-menu .list-group-item { border-left: 3px solid transparent; }
.bm-menu .list-group-item.active-soft { border-left-color: var(--ad-primary); background: color-mix(in srgb, var(--ad-primary) 8%, var(--ad-surface)); color: var(--ad-primary); }
.bm-rozet { display: inline-block; padding: 0 5px; margin-right: 2px; border-radius: 6px; font-size: .64rem; font-weight: 700; background: var(--ad-surface-2); color: var(--ad-muted); }
.bm-rozet.acik { background: color-mix(in srgb, #16a34a 14%, transparent); color: #15803d; }
.bm-kanal { border: 1px solid var(--ad-border); border-radius: 14px; margin-bottom: 12px; overflow: hidden; }
.bm-kanal-bas { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; padding: .55rem .8rem; background: var(--ad-surface-2); border-bottom: 1px solid var(--ad-border); }
.bm-kanal.kapali .bm-kanal-govde { opacity: .5; }
.bm-kanal-govde { padding: .8rem; }
.bm-arac { display: flex; flex-wrap: wrap; gap: 2px; padding: 4px; border: 1px solid var(--ad-border); border-bottom: 0; border-radius: 10px 10px 0 0; background: var(--ad-surface-2); }
.bm-arac button { border: 0; background: transparent; color: var(--ad-text); border-radius: 6px; padding: 2px 8px; font-size: .85rem; }
.bm-arac button:hover, .bm-arac button.aktif { background: var(--ad-surface); color: var(--ad-primary); }
.bm-html { min-height: 180px; max-height: 420px; overflow: auto; padding: .7rem .9rem; border: 1px solid var(--ad-border); border-radius: 0 0 10px 10px; background: #fff; color: #111827; font-size: .9rem; outline: none; }
.bm-html:focus { border-color: var(--ad-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--ad-primary) 18%, transparent); }
.bm-html img { max-width: 100%; height: auto; }
.bm-kaynak { border-radius: 0 0 10px 10px; font-size: .78rem; }

/* ============================================================ Müşteri (üye) paneli */
.uye-ust { margin-bottom: 14px; }
.uye-firma { text-align: right; line-height: 1.6; }
.uye-firma a { color: inherit; }
.uye-ozet { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 14px; }
.uye-kart { display: flex; flex-direction: column; gap: 2px; padding: 1rem 1.1rem; border-radius: 18px; background: var(--ad-surface); border: 1px solid var(--ad-border); box-shadow: var(--ad-shadow); min-width: 0; }
.uye-kart > small:first-child { color: var(--ad-muted); font-weight: 700; font-size: .72rem; text-transform: uppercase; letter-spacing: .4px; }
.uye-kart b { font-size: 1.35rem; font-weight: 800; font-variant-numeric: tabular-nums; }
.uye-kart > small:last-child { color: var(--ad-muted); font-size: .78rem; }
.uye-kart .mk-cubuk { margin-top: .4rem; }
.uye-sekmeler .badge { font-size: .65rem; }
.uye-sekmeler a.aktif { background: var(--ad-primary); color: #fff; }
.uye-sekmeler a.aktif .badge { background: rgba(255, 255, 255, .25) !important; color: #fff !important; }
.uye-hizmetler { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; }
.uye-yukle { display: flex; align-items: center; gap: .9rem; padding: 1rem; margin: 0; border: 2px dashed var(--ad-border); border-radius: 14px; cursor: pointer; }
.uye-yukle:hover { border-color: var(--ad-primary); background: color-mix(in srgb, var(--ad-primary) 5%, transparent); }
.uye-yukle > i { font-size: 1.8rem; color: var(--ad-primary); }
@media (max-width: 991.98px) { .uye-ozet { grid-template-columns: repeat(2, minmax(0, 1fr)); } .uye-firma { text-align: left; width: 100%; } }

/* Referans uyumu: tahsilat çubuğu renkleri, kalan sütunu vurgusu, bildirim önizleme kalem özeti */
.mk-cubuk.orta i { background: #f59e0b; }
.mk-musteri-tablo td.mk-kalan-sutun { background: color-mix(in srgb, #f59e0b 7%, transparent); }
.mk-on-ozet:empty { display: none; }
.mk-on-ozet { padding: .75rem .9rem; border-radius: 14px; border: 1px solid color-mix(in srgb, var(--ad-primary) 35%, var(--ad-border)); border-left: 4px solid var(--ad-primary); background: var(--ad-surface); }
.mk-on-ozet-bas { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; margin-bottom: .35rem; }
.mk-on-ozet .table { --bs-table-bg: transparent; }
.mk-on-ozet .table td { padding: .2rem .3rem; border-color: var(--ad-border); }
.mk-on-ozet-top { display: flex; flex-wrap: wrap; gap: .3rem 1.2rem; font-size: .82rem; color: var(--ad-muted); align-items: baseline; }
.mk-on-ozet-top b { color: var(--ad-text); }
.tb-durum { display: flex; flex-wrap: wrap; gap: 4px; padding: 6px; border-radius: 12px; background: var(--ad-surface-2); }
.tb-durum-cip { display: inline-flex; align-items: center; gap: .25rem; padding: 2px 8px; border-radius: 999px; font-size: .72rem; font-weight: 700; color: var(--ad-muted); background: var(--ad-surface); border: 1px solid var(--ad-border); }
.tb-durum-cip.dolu { color: #15803d; border-color: color-mix(in srgb, #16a34a 35%, transparent); }
.tb-ara-sayac { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); font-size: .72rem; color: var(--ad-muted); pointer-events: none; }
.mk-yan-panel tr.mk-yaklasan > td { background: color-mix(in srgb, #f59e0b 10%, var(--ad-surface)); }
.tb-alicilar .mk-ara input { padding-right: 3.6rem; }

/* Cari kartı: panel erişimi seçimi */
.mk-erisim-sec { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.mk-erisim-sec label { margin: 0; cursor: pointer; }
.mk-erisim-sec input { position: absolute; opacity: 0; pointer-events: none; }
.mk-erisim-sec span { display: flex; align-items: center; justify-content: center; padding: .45rem .3rem; border-radius: 10px; border: 1.5px solid var(--ad-border); font-size: .8rem; font-weight: 700; color: var(--ad-muted); }
.mk-erisim-sec input:checked + span { border-color: var(--ad-primary); color: var(--ad-primary); background: color-mix(in srgb, var(--ad-primary) 8%, var(--ad-surface)); }
.mk-erisim-sec input:focus-visible + span { outline: 2px solid var(--ad-primary); outline-offset: 2px; }

/* Şablon editörü: hazır blok seçimi, tam ekran */
.bm-blok { border: 0; background: transparent; color: var(--ad-text); font-size: .8rem; border-radius: 6px; padding: 2px 4px; max-width: 130px; }
.bm-kanal.bm-tam { position: fixed; inset: 12px; z-index: 1080; margin: 0; overflow: auto; background: var(--ad-surface); box-shadow: 0 30px 80px rgba(0, 0, 0, .35); }
.bm-kanal.bm-tam .bm-html { max-height: none; min-height: 60vh; }