/* 02.10.2026 onay havuzu: kasa ekranından ayrı tek yönetim sayfası. Büyük dokunma hedefleri;
   masaüstü (1536 × 864) ve telefon (390 px) aynı sayfa. Renk, köşe ve yazı ölçüsü v4-temel.css token'larından. */
[hidden] {
  display: none !important;
}
body.yonetim {
  background: var(--krem);
  min-height: 100vh;
  min-height: 100dvh;
}
body.yonetim header {
  height: auto;
  min-height: 72px;
  padding: 8px 24px;
  background: var(--beyaz);
  border-bottom: 1px solid var(--cizgi);
  flex-wrap: wrap;
  gap: 8px 16px;
}
/* Görsel tur F1: kasa ekranıyla aynı sade logo (Kurumsal Kimlik 03, logo-03.svg vektör); oran korunur. */
body.yonetim .brand img {
  width: auto;
  height: 56px;
}
body.yonetim .brand small {
  color: var(--koyu-kirmizi);
  font-weight: 700;
}
body.yonetim .head-right {
  gap: 8px;
  flex-wrap: wrap;
}
body.yonetim .head-right button {
  min-height: 48px;
  padding: 8px 18px;
  border: 1px solid var(--cizgi);
  border-radius: var(--kose);
  font-size: var(--y-16);
  font-weight: 700;
}
body.yonetim #session-label {
  font-size: var(--y-16);
  line-height: 1.4;
}
body.yonetim .gate {
  min-height: calc(100vh - 72px);
  min-height: calc(100dvh - 72px);
  display: grid;
  grid-template-columns: minmax(0, 440px);
  justify-content: center;
  align-content: center;
  gap: 24px;
  padding: 24px 16px;
}
body.yonetim .gate .login-who {
  margin: 0 0 8px;
  font-weight: 600;
}
body.yonetim .gate article {
  width: 100%;
  background: var(--beyaz);
  border: 1px solid var(--cizgi);
  border-top: 4px solid var(--koyu-kirmizi);
  padding: 28px;
  border-radius: var(--kose);
}
body.yonetim .gate h1 {
  font-size: var(--y-32);
  margin: 0 0 10px;
}
body.yonetim .gate p {
  line-height: 1.5;
  color: var(--soluk);
}
body.yonetim .gate p.error {
  color: var(--hata-metin);
  line-height: 1.4;
}
body.yonetim .field {
  min-height: 52px;
  font-size: var(--y-18);
  margin-bottom: 12px;
}
body.yonetim main {
  display: block;
  height: auto;
  min-height: 0;
  max-width: 1180px;
  margin: 0 auto;
  padding: 24px 24px 48px;
}
.pool-head h1 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  font-size: var(--y-32);
}
.pool-head p {
  margin: 6px 0 8px;
  color: var(--soluk);
  line-height: 1.5;
}
.count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 10px;
  border-radius: var(--kose-rozet);
  background: var(--koyu-kirmizi);
  color: var(--beyaz);
  font-size: var(--y-18);
  font-weight: 700;
}
.count.small {
  min-width: 28px;
  height: 28px;
  font-size: var(--y-14);
  background: var(--koyu-kirmizi);
}
/* Görsel tur F2: sayaç 0 iken nötr (açık çizgi zemin, siyah yazı); 1 ve üstü koyu kırmızı. */
.count.zero,
.count.small.zero {
  background: var(--cizgi-acik);
  color: var(--siyah);
}
.info-lists h2 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 22px 0 10px;
  font-size: var(--y-20);
}
/* Karar 10: kasa çerezinin iki yerden kullanım uyarısı (onay bekleyenlerin üstünde). */
.device-warnings:empty {
  display: none;
}
.device-warnings {
  display: grid;
  gap: 10px;
  margin-top: 16px;
}
.device-warning {
  border-radius: var(--kose);
}
.device-warning strong {
  font-size: var(--y-18);
}
.device-warning p {
  margin: 6px 0 0;
  overflow-wrap: anywhere;
}
.cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
  gap: 12px;
  margin-top: 16px;
}
.card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  padding: 16px 18px;
  background: var(--beyaz);
  border: 1px solid var(--cizgi);
  border-left: 4px solid var(--koyu-kirmizi);
  border-radius: var(--kose);
}
/* Kendi açtığı talep: onay düğmesi yok, yalnız geri çekilebilir (Kısa kararlar 2). */
.card.own {
  border-left-color: var(--cizgi-koyu);
  background: var(--yuzey-2);
}
.card-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 4px 12px;
  font-size: var(--y-14);
}
.tag {
  color: var(--koyu-kirmizi);
  font-weight: 700;
  letter-spacing: 0.4px;
}
.card .kind {
  color: var(--soluk);
  font-size: var(--y-14);
  font-weight: 700;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}
.wait {
  color: var(--soluk);
}
.card-title {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
}
.card-title strong {
  font-size: var(--y-18);
  overflow-wrap: anywhere;
}
.card-title b {
  font-size: var(--y-20);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.card p {
  margin: 0;
  color: var(--siyah);
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.card .reason,
#modal .reason {
  font-style: italic;
}
.card .muted {
  color: var(--soluk);
}
.card .wide {
  margin-top: auto;
  min-height: 56px;
  font-size: var(--y-18);
}
.card p:last-of-type {
  margin-bottom: 8px;
}
.pool-empty {
  display: grid;
  gap: 6px;
  margin-top: 16px;
  padding: 32px 24px;
  background: var(--beyaz);
  border: 1px dashed var(--cizgi);
  border-radius: var(--kose);
  text-align: center;
  color: var(--soluk);
}
.pool-empty b {
  color: var(--siyah);
  font-size: var(--y-20);
}
.info-lists {
  margin-top: 28px;
}
.info-note {
  margin: 0 0 8px;
  color: var(--soluk);
  line-height: 1.5;
}
.info-lists details {
  margin-top: 10px;
  background: var(--beyaz);
  border: 1px solid var(--cizgi);
  border-radius: var(--kose);
}
.info-lists summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 56px;
  padding: 0 18px;
  font-weight: 700;
  cursor: pointer;
}
.info-row {
  display: grid;
  gap: 4px;
  padding: 12px 18px;
  border-top: 1px solid var(--cizgi-acik);
  overflow-wrap: anywhere;
}
.info-row span,
.info-empty {
  color: var(--siyah);
  font-size: var(--y-16);
}
.info-empty {
  margin: 0;
  padding: 12px 18px;
  border-top: 1px solid var(--cizgi-acik);
}
body.yonetim #modal {
  width: 640px;
  max-width: calc(100vw - 24px);
  max-height: calc(100vh - 24px);
  max-height: calc(100dvh - 24px);
  overflow: auto;
  padding: 24px;
}
#modal .who {
  margin: 0;
  color: var(--siyah);
}
#modal .decision-title {
  margin: 8px 0;
  font-size: var(--y-20);
  overflow-wrap: anywhere;
}
#modal .rows {
  margin: 8px 0;
  border-top: 1px solid var(--cizgi-acik);
}
#modal .rows.now {
  background: var(--yuzey-2);
  padding: 0 10px;
}
#modal .detail {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px solid var(--cizgi-acik);
}
#modal .detail span {
  overflow-wrap: anywhere;
}
#modal .detail b {
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
#modal .note,
#modal .cash-line {
  color: var(--siyah);
}
#modal label {
  display: block;
  margin: 10px 0 6px;
}
#modal fieldset.choice {
  margin: 12px 0;
  padding: 6px 14px 10px;
  border: 1px solid var(--cizgi);
  border-radius: var(--kose);
}
#modal fieldset.choice legend {
  padding: 0 6px;
  font-weight: 700;
}
#modal fieldset.choice label {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  margin: 0;
}
#modal fieldset.choice input[type='radio'] {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
/* 03.10.2026 karar 1: seçeneğin sonucu (borçtan düşen, nakit) seçeneğin altında, girintili. */
#modal fieldset.choice .rows.outcome {
  margin: 0 0 6px 34px;
}
#modal fieldset.choice .rows.outcome .detail {
  padding: 5px 0;
}
#modal .credit-list .wide {
  min-height: 52px;
  margin-top: 6px;
}
#modal .credit-chosen {
  font-weight: 700;
}
#modal .cash-approval {
  margin-top: 10px;
}
.decision-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 8px;
}
.decision-actions button {
  min-height: 60px;
  font-size: var(--y-18);
  font-weight: 700;
}
.decision-actions button:only-child {
  grid-column: 1 / -1;
}
.decision-actions .reject {
  color: var(--koyu-kirmizi);
  border-color: var(--koyu-kirmizi);
}
body.yonetim .notice {
  left: 16px;
  right: 16px;
  bottom: 16px;
  max-width: 560px;
}
body.yonetim .deneme-serit {
  top: auto;
  bottom: 12px;
  left: auto;
  right: 12px;
}
body.yonetim .gate:not([hidden]) {
  grid-auto-flow: row;
}
body.yonetim .gate article.deneme-panel {
  width: 100%;
}
/* S8 uzaktan acil yardım (04.10.2026): havuz başlığının sağında iki düğme; işlemler pencerede. */
.pool-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.help-actions {
  display: flex;
  flex-shrink: 0;
  justify-content: flex-end;
  gap: 10px;
  padding-top: 4px;
}
.help-actions button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: var(--dokun-standart);
  padding: 8px 18px;
  font-size: var(--y-18);
  font-weight: 700;
}
#modal .account-row {
  padding: 12px 0;
  border-top: 1px solid var(--cizgi-acik);
}
#modal .account-row p {
  margin: 0 0 4px;
  overflow-wrap: anywhere;
}
#modal .account-row.locked strong {
  color: var(--koyu-kirmizi);
}
#modal .row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}
#modal .row-actions button {
  min-height: var(--dokun-yuzey);
  padding: 6px 16px;
  font-weight: 700;
}
#modal .step-up {
  margin: 12px 0;
  padding: 4px 14px 10px;
  border: 1px solid var(--cizgi);
  border-radius: var(--kose);
  background: var(--yuzey-2);
}
#modal .step-up .muted {
  margin: 8px 0 0;
}
#modal form .primary.wide,
#modal #help-back,
#modal #help-done {
  min-height: var(--dokun-standart);
  margin-top: 10px;
  font-size: var(--y-18);
}
#modal pre.secret {
  margin: 14px 0;
  padding: 14px 12px;
  border: 2px solid var(--koyu-kirmizi);
  border-radius: var(--kose);
  font: 700 var(--y-24) / 1.5 ui-monospace, Consolas, monospace;
  text-align: center;
  white-space: pre-wrap;
}
#modal .device-code-show {
  margin: 14px 0;
  padding: 18px 12px;
  border: 2px solid var(--koyu-kirmizi);
  border-radius: var(--kose);
  font-size: var(--y-40);
  font-weight: 700;
  letter-spacing: 4px;
  text-align: center;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
@media (min-width: 1000px) {
  body.yonetim .gate:not([hidden]) {
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 470px);
  }
}
@media (max-width: 700px) {
  body.yonetim header {
    min-height: 60px;
    padding: 8px 16px;
    flex-wrap: nowrap;
  }
  /* Telefonda logotip en az 178 px (Marka Kitabı; sembol ayrı dosya olarak yok). */
  body.yonetim .brand img {
    width: 178px;
    height: auto;
  }
  body.yonetim header {
    gap: 8px;
  }
  body.yonetim .brand small,
  body.yonetim #session-label {
    display: none;
  }
  body.yonetim .head-right {
    flex-wrap: nowrap;
  }
  body.yonetim .head-right button {
    min-height: var(--dokun-yuzey);
    padding: 6px 12px;
  }
  body.yonetim .gate {
    min-height: calc(100vh - 60px);
    min-height: calc(100dvh - 60px);
    align-content: start;
  }
  body.yonetim .gate article {
    padding: 22px 18px;
  }
  body.yonetim main {
    padding: 16px 16px 72px;
  }
  .pool-head h1 {
    font-size: var(--y-24);
  }
  .pool-head {
    flex-direction: column;
    gap: 4px;
  }
  .help-actions {
    width: 100%;
    flex-wrap: wrap;
    justify-content: stretch;
  }
  .help-actions button {
    flex: 1 1 100%;
    justify-content: center;
  }
  #modal pre.secret {
    font-size: var(--y-20);
  }
  #modal .device-code-show {
    font-size: var(--y-32);
    letter-spacing: 2px;
  }
  .cards {
    grid-template-columns: 1fr;
  }
  body.yonetim #modal {
    max-width: calc(100vw - 16px);
    padding: 18px 16px;
  }
  .decision-actions {
    grid-template-columns: 1fr;
  }
}
/* 05.10.2026 Eski müşterileri aç: şube dosyadan okunur, pencerenin başında büyük yazılır. */
#modal .opening-branch {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 14px;
  margin: 12px 0 4px;
  padding: 10px 14px;
  border: 1px solid var(--cizgi);
  border-radius: var(--kose);
  background: var(--yuzey-2);
}
#modal .opening-branch b {
  font-size: var(--y-24);
}
#modal .opening-branch small {
  font-size: var(--y-16);
  color: var(--siyah);
}
#modal input[type='file'].field {
  width: 100%;
  padding: 10px;
}
#modal input[type='file'].field::file-selector-button {
  min-height: var(--dokun-standart);
  margin-right: 12px;
  padding: 8px 18px;
  border: 1px solid var(--cizgi);
  border-radius: var(--kose);
  background: var(--yuzey-2);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
#modal .file-name {
  white-space: nowrap;
}

/* 06.10.2026 yönetim panosu (yonetim-pano.js): açılınca ilk görülen. Gram önce, ciro sonra; büyük
   rakamlar; masaüstü (1536 × 864) iki sütun, telefonda (390 px) tek sütun, tablolar yatay kayar. */
/* Pano onay havuzundan geniştir (1180 px sınırı yok); iç boşluk .pano'da. */
body.yonetim main#pano {
  max-width: 1440px;
  padding: 0;
}
body.yonetim .pano {
  max-width: 1440px;
  margin: 0 auto;
  padding: 20px 24px 48px;
  display: grid;
  /* Geniş tablo sayfayı değil kendi kutusunu kaydırır (telefon). */
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
}
.pano h1 {
  margin: 0;
  font-size: var(--y-32);
}
.pano h1 small,
.pano h2 small {
  color: var(--soluk);
  font-weight: 400;
  font-size: var(--y-16);
  margin-left: 8px;
}
.pano h2 {
  margin: 0 0 12px;
  font-size: var(--y-20);
}
.pano-ust {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.pano-ust p {
  margin: 4px 0 0;
}
.pano-ust button,
#pool .geri {
  min-height: 52px;
  padding: 8px 20px;
  font-size: var(--y-18);
  font-weight: 700;
  border-radius: var(--kose);
}
#pool .geri {
  margin-bottom: 8px;
  border: 1px solid var(--cizgi);
  background: var(--beyaz);
}
.pano-soluk {
  color: var(--soluk);
}
.pano-uyarilar {
  display: grid;
  gap: 6px;
}
.pano-uyarilar p {
  margin: 0;
  padding: 10px 14px;
  background: var(--beyaz);
  border: 1px solid var(--cizgi);
  border-left: 4px solid var(--altin);
  border-radius: var(--kose);
  font-size: var(--y-16);
}
.pano-uyarilar p.kotu {
  background: var(--hata-zemin);
  border-left-color: var(--koyu-kirmizi);
}
.pano-kartlar {
  display: grid;
  /* Tek sıra (3 ya da 4 kart); en uzun tutar (veresiye alacağı, 8.050.045,00 ₺) da sığar. */
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
}
.pano-kart {
  display: grid;
  gap: 4px;
  padding: 16px 18px;
  background: var(--beyaz);
  border: 1px solid var(--cizgi);
  border-radius: var(--kose);
}
.pano-kart.ana {
  border-top: 4px solid var(--koyu-kirmizi);
}
.pano-kart > span {
  color: var(--soluk);
  font-size: var(--y-16);
}
.pano-kart > b {
  font-size: clamp(var(--y-24), 2.1vw, var(--y-32));
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.pano-kart.ana > b {
  color: var(--koyu-kirmizi);
}
.pano-kart small {
  font-size: var(--y-14);
  color: var(--soluk);
}
.pano-fark {
  font-weight: 700;
  color: var(--soluk);
}
.pano-fark.artis {
  color: var(--olumlu);
}
.pano-fark.dusus {
  color: var(--koyu-kirmizi);
}
.pano-bolum {
  padding: 16px 18px;
  background: var(--beyaz);
  border: 1px solid var(--cizgi);
  border-radius: var(--kose);
  min-width: 0;
}
.pano-iki {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.pano-kaydir {
  overflow-x: auto;
}
.pano-tablo {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--y-18);
  font-variant-numeric: tabular-nums;
}
.pano-tablo th,
.pano-tablo td {
  padding: 10px 12px;
  border-bottom: 1px solid var(--cizgi-acik);
  text-align: left;
  white-space: nowrap;
}
.pano-tablo thead th {
  font-size: var(--y-14);
  color: var(--soluk);
  font-weight: 600;
  vertical-align: bottom;
}
.pano-tablo tbody th small {
  display: block;
  font-weight: 400;
  font-size: var(--y-14);
  color: var(--soluk);
}
.pano-tablo tfoot th,
.pano-tablo tfoot td {
  border-top: 2px solid var(--koyu-kirmizi);
  border-bottom: 0;
  font-weight: 700;
}
.pano-tablo .sayi {
  text-align: right;
}
.pano-kasa {
  padding: 8px 0;
  border-bottom: 1px solid var(--cizgi-acik);
  font-size: var(--y-16);
}
.pano-kasa:last-child {
  border-bottom: 0;
}
.pano-kasa p {
  margin: 4px 0 0;
}
.pano-terminal {
  color: var(--soluk);
  margin-right: 6px;
}
.pano-durum {
  display: inline-block;
  padding: 2px 10px;
  border-radius: var(--kose-rozet);
  background: var(--pasif-zemin);
  color: var(--pasif-metin);
  font-weight: 700;
}
.pano-durum.iyi {
  background: var(--olumlu-zemin);
  color: var(--olumlu);
}
.pano-durum.kotu {
  background: var(--hata-zemin);
  color: var(--koyu-kirmizi);
}
.pano-uyari-satir {
  color: var(--koyu-kirmizi);
  font-weight: 700;
}
.pano-secim {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.pano-secim button {
  min-height: 48px;
  padding: 8px 18px;
  border: 1px solid var(--cizgi);
  border-radius: var(--kose);
  background: var(--beyaz);
  font-size: var(--y-16);
  font-weight: 700;
}
.pano-secim button[aria-pressed='true'] {
  background: var(--koyu-kirmizi);
  border-color: var(--koyu-kirmizi);
  color: var(--beyaz);
}
.pano-urunler {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: urun;
}
.pano-urunler li {
  position: relative;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto auto;
  gap: 12px;
  align-items: baseline;
  padding: 8px 0 12px;
  border-bottom: 1px solid var(--cizgi-acik);
  font-size: var(--y-16);
  font-variant-numeric: tabular-nums;
  counter-increment: urun;
}
.pano-urunler li::before {
  content: counter(urun);
  color: var(--soluk);
  font-weight: 700;
}
.pano-urun-ad {
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pano-urun-miktar {
  font-weight: 700;
}
.pano-urunler i {
  position: absolute;
  left: 40px;
  bottom: 4px;
  height: 4px;
  border-radius: 2px;
  background: var(--altin);
}
.pano-saatler {
  display: flex;
  align-items: stretch;
  gap: 6px;
  height: 240px;
  padding-top: 8px;
}
.pano-saat {
  flex: 1 1 0;
  min-width: 18px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  font-size: var(--y-12);
  color: var(--soluk);
}
.pano-saat i {
  display: block;
  width: 100%;
  min-height: 2px;
  background: var(--koyu-kirmizi);
  border-radius: 4px 4px 0 0;
}
.pano-saat-deger {
  color: var(--siyah);
  font-weight: 700;
  white-space: nowrap;
}
.pano-saatler.sik .pano-saat-deger {
  display: none;
}
@media (max-width: 900px) {
  body.yonetim .pano {
    padding: 16px;
  }
  .pano-iki {
    grid-template-columns: minmax(0, 1fr);
  }
  .pano-kartlar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .pano-kart {
    padding: 12px 14px;
  }
  .pano-kart > b {
    font-size: var(--y-20);
  }
  /* Kasalardaki nakit ve veresiye alacağı (en uzun tutarlar) telefonda tam satır. */
  .pano-kart.genis {
    grid-column: 1 / -1;
  }
  .pano-tablo {
    font-size: var(--y-16);
  }
  .pano-saatler {
    gap: 2px;
  }
  .pano-saat-deger {
    display: none;
  }
}
/* 06.10.2026 Simpra panosundan uyanlar: gün seçimi, ödeme payı, son 7 gün. */
.pano-ust-sag {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}
.pano-gun {
  display: flex;
  gap: 6px;
  align-items: center;
}
.pano-gun button,
.pano-gun input {
  min-height: 52px;
  padding: 6px 14px;
  border: 1px solid var(--cizgi);
  border-radius: var(--kose);
  background: var(--beyaz);
  font: 700 var(--y-18) var(--yazi);
}
.pano-gun button:disabled {
  opacity: 0.4;
}
.pano-pay {
  display: flex;
  height: 18px;
  border-radius: 9px;
  overflow: hidden;
  margin-bottom: 8px;
  background: var(--cizgi-acik);
}
.pano-pay i {
  display: block;
  flex-basis: 0;
}
.pano-pay-yazi {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
  margin: 0 0 8px;
  font-size: var(--y-16);
}
.pano-pay-yazi i {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 6px;
  border-radius: 3px;
  vertical-align: -1px;
}
.pano .y-nakit {
  background: var(--odeme-nakit);
}
.pano .y-kart {
  background: var(--odeme-kart);
}
.pano .y-cari {
  background: var(--odeme-cari);
}
.pano .y-dolar,
.pano .y-euro,
.pano .y-banka_ceki,
.pano .y-banka_havalesi,
.pano .y-ikram {
  background: var(--odeme-diger);
}
.pano-hafta {
  display: flex;
  gap: 10px;
  height: 220px;
  align-items: stretch;
}
.pano-hafta-gun {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  font-size: var(--y-14);
}
.pano-hafta-cubuk {
  flex: 1 1 auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 4px;
}
.pano-hafta-cubuk i {
  display: block;
  width: 40%;
  max-width: 36px;
  min-height: 2px;
  border-radius: 4px 4px 0 0;
  background: var(--koyu-kirmizi);
}
.pano-hafta-cubuk i.once {
  background: var(--cizgi-koyu);
  opacity: 0.55;
}
.pano-hafta-gun b {
  white-space: nowrap;
}
.pano-hafta-gun span {
  color: var(--soluk);
  white-space: nowrap;
}
@media (max-width: 900px) {
  .pano-ust-sag {
    width: 100%;
  }
  .pano-gun input {
    flex: 1 1 auto;
    min-width: 0;
  }
  .pano-hafta {
    gap: 4px;
  }
  .pano-hafta-gun {
    font-size: var(--y-12);
  }
}
/* 06.10.2026 "görenin vay be diyeceği" pano. İmza: günün akışı sahnesi — kurumsal kırmızı zemin
   (desen yok, Cevat), Blaak ile büyük kilo, altın çizgiyle günün birikimi ve "bu gidişle" gün sonu.
   Geri kalan bölümler sakin krem. */
.pano-sahne {
  position: relative;
  display: grid;
  grid-template-columns: minmax(300px, 0.9fr) minmax(0, 1.6fr);
  gap: 32px;
  padding: 36px 40px 64px;
  border-radius: calc(var(--kose) * 2);
  color: var(--krem-acik);
  background-color: var(--koyu-kirmizi);
  background-image: radial-gradient(120% 140% at 85% 0%, rgba(255, 255, 255, 0.08), transparent 55%);
  overflow: hidden;
  isolation: isolate;
}
.sahne-sol {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.sahne-ust {
  margin: 0;
  font-size: var(--y-16);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--altin);
}
.sahne-kg {
  margin: 4px 0 0;
  display: flex;
  align-items: baseline;
  gap: 12px;
  line-height: 0.9;
}
.sahne-kg b {
  font-family: Blaak, var(--yazi);
  font-weight: 700;
  font-size: clamp(72px, 7.6vw, 132px);
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
  color: var(--beyaz);
}
.sahne-kg span {
  font-family: Blaak, var(--yazi);
  font-size: clamp(28px, 2.6vw, 44px);
  color: var(--altin);
}
.sahne-ciro {
  margin: 10px 0 0;
  font-size: clamp(var(--y-24), 2vw, var(--y-32));
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.sahne-ciro span {
  font-weight: 400;
  opacity: 0.8;
}
.sahne-kiyas {
  margin: 4px 0 0;
  font-size: var(--y-16);
}
.pano-sahne .pano-fark {
  padding: 1px 8px;
  border-radius: var(--kose-rozet);
  background: rgba(255, 255, 255, 0.14);
  color: var(--krem-acik);
}
.pano-sahne .pano-fark.artis {
  background: rgba(199, 166, 99, 0.4);
  color: var(--beyaz);
}
.pano-sahne .pano-fark.dusus {
  background: rgba(44, 42, 41, 0.4);
  color: var(--beyaz);
}
.sahne-tahmin {
  margin-top: auto;
  padding: 14px 16px;
  border: 1px solid rgba(199, 166, 99, 0.6);
  border-radius: var(--kose);
  background: rgba(123, 20, 33, 0.55);
  display: grid;
  gap: 2px;
}
.sahne-tahmin span {
  font-size: var(--y-14);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--altin);
}
.sahne-tahmin b {
  font-size: clamp(var(--y-20), 1.8vw, var(--y-24));
  font-variant-numeric: tabular-nums;
}
.sahne-tahmin small {
  opacity: 0.8;
  font-size: var(--y-14);
}
.sahne-tahmin.bos {
  border-style: dashed;
  background: transparent;
}
.sahne-sag {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
svg.akis {
  width: 100%;
  height: 280px;
  overflow: visible;
}
svg.akis text {
  fill: var(--krem-acik);
  opacity: 0.7;
  font: 600 13px var(--yazi);
}
svg.akis .izgara {
  stroke: var(--krem-acik);
  stroke-opacity: 0.12;
  vector-effect: non-scaling-stroke;
}
svg.akis .ortalama {
  fill: none;
  stroke: var(--krem-acik);
  stroke-opacity: 0.75;
  stroke-width: 2;
  stroke-dasharray: 6 6;
  vector-effect: non-scaling-stroke;
}
svg.akis .bugun-alan {
  fill: var(--altin);
  fill-opacity: 0.22;
}
svg.akis .bugun {
  fill: none;
  stroke: var(--altin);
  stroke-width: 4;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}
svg.akis .tahmin {
  fill: none;
  stroke: var(--altin);
  stroke-width: 3;
  stroke-dasharray: 2 7;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
}
svg.akis .simdi {
  stroke: var(--beyaz);
  stroke-opacity: 0.5;
  vector-effect: non-scaling-stroke;
}
svg.akis .simdi-nokta {
  fill: var(--beyaz);
  stroke: var(--altin);
  stroke-width: 3;
  vector-effect: non-scaling-stroke;
}
.sahne-anahtar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  margin: 8px 0 0;
  font-size: var(--y-14);
}
.sahne-anahtar span {
  display: inline-block;
  width: 22px;
  margin-left: 10px;
  border-top: 4px solid var(--altin);
}
.sahne-anahtar span:first-child {
  margin-left: 0;
}
.sahne-anahtar .k-ortalama {
  border-top: 2px dashed var(--krem-acik);
}
.sahne-anahtar .k-tahmin {
  border-top: 3px dotted var(--altin);
}
/* İlk açılış: çizgi soldan çizilir (sayaç yonetim-pano.js'te). */
.ilk svg.akis .bugun {
  stroke-dasharray: 1;
  animation: akis-ciz 1.1s cubic-bezier(0.3, 0.7, 0.2, 1) both;
}
.ilk svg.akis .bugun-alan,
.ilk svg.akis .tahmin,
.ilk svg.akis .simdi-nokta {
  animation: akis-belir 0.6s 0.9s both;
}
@keyframes akis-ciz {
  from {
    stroke-dashoffset: 1;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes akis-belir {
  from {
    opacity: 0;
  }
}
/* Şube kartları sahnenin altına biner. */
.pano-subeler {
  display: grid;
  /* Şube sayısı artınca (Hava-1, Otogar, Hitit, Karagöz ve yeni şubeler) kartlar alt satıra geçer. */
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
  margin: -64px 24px 0;
  position: relative;
}
.pano-sube {
  padding: 16px 18px 12px;
  background: var(--beyaz);
  border: 1px solid var(--cizgi);
  border-radius: calc(var(--kose) * 1.5);
  box-shadow: 0 10px 24px rgba(44, 42, 41, 0.12);
  display: grid;
  gap: 2px;
  min-width: 0;
}
.pano-sube header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  height: auto;
  min-height: 0;
  padding: 0;
  background: none;
  border: 0;
}
.pano-sube h3 {
  margin: 0;
  font-family: Blaak, var(--yazi);
  font-size: var(--y-24);
}
.nabiz {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--y-14);
  font-weight: 600;
  color: var(--soluk);
  text-align: right;
}
.nabiz::before {
  content: '';
  width: 10px;
  height: 10px;
  flex: none;
  border-radius: 50%;
  background: var(--pasif-metin);
}
.nabiz.acik {
  color: var(--olumlu);
}
.nabiz.acik::before {
  background: var(--olumlu);
  animation: nabiz 2s infinite;
}
.nabiz.uyari,
.nabiz.sessiz {
  color: var(--koyu-kirmizi);
}
.nabiz.uyari::before,
.nabiz.sessiz::before {
  background: var(--koyu-kirmizi);
}
.pano-sube.sessiz {
  border-color: var(--koyu-kirmizi);
  box-shadow: 0 0 0 3px rgba(172, 36, 42, 0.25), 0 10px 24px rgba(44, 42, 41, 0.12);
}
@keyframes nabiz {
  0% {
    box-shadow: 0 0 0 0 rgba(40, 85, 64, 0.5);
  }
  70%,
  100% {
    box-shadow: 0 0 0 8px rgba(40, 85, 64, 0);
  }
}
.sube-kg {
  margin: 6px 0 0;
  font-family: Blaak, var(--yazi);
  font-size: clamp(var(--y-32), 3vw, var(--y-40));
  color: var(--koyu-kirmizi);
  font-variant-numeric: tabular-nums;
  line-height: 1;
}
.sube-ciro {
  margin: 0;
  font-size: var(--y-18);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.sube-kiyas {
  margin: 0;
  font-size: var(--y-14);
  color: var(--soluk);
}
svg.akis.kucuk {
  height: 54px;
  margin-top: 6px;
}
.pano-sube svg.akis .bugun {
  stroke: var(--koyu-kirmizi);
  stroke-width: 2.5;
}
.pano-sube svg.akis .bugun-alan {
  fill: var(--koyu-kirmizi);
  fill-opacity: 0.1;
}
.pano-sube svg.akis .ortalama {
  stroke: var(--cizgi-koyu);
  stroke-width: 1.5;
}
@media (prefers-reduced-motion: reduce) {
  .nabiz.acik::before {
    animation: none;
  }
}
@media (max-width: 900px) {
  .pano-sahne {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    padding: 22px 18px 60px;
  }
  svg.akis {
    height: 190px;
  }
  .pano-subeler {
    grid-template-columns: minmax(0, 1fr);
    margin: -44px 10px 0;
    gap: 10px;
  }
}