/* Yusufoğlu kabuğu: tasarim.css (SiteAI v2 tasarım dili, aidat deposu afb57d5'teki sunucu/sayfa/panel.css'in BİREBİR kopyası)
   üstüne yalnız bu ekranlara özgü küçük ekler. Yeni renk yok, hepsi tokenlarla. Satır içi stil yok (CSP style-src 'self'). */
.av{ display:grid; place-items:center; border-radius:50%; background:var(--surface-3); color:var(--muted); }
.av svg{ width:.8rem; height:.8rem; }
.ws-mark svg{ width:.95rem; height:.95rem; }
.crumb svg{ width:.8rem; height:.8rem; }
.suzgec{ display:grid; grid-template-columns:repeat(auto-fit, minmax(10rem, 1fr)); gap:.75rem; align-items:end; }
.suzgec .field.dugme{ align-self:end; }
.suzgec .field.dugme .btn{ width:100%; height:2.25rem; }
select.input{ appearance:none; -webkit-appearance:none; padding-right:1.6rem;
  background-image:linear-gradient(45deg, transparent 50%, var(--faint) 50%), linear-gradient(135deg, var(--faint) 50%, transparent 50%);
  background-position:calc(100% - .85rem) 52%, calc(100% - .6rem) 52%; background-size:.25rem .25rem; background-repeat:no-repeat; }
select.input option{ background:var(--solid-2); color:var(--text); }
tbody td.r, thead th.r{ white-space:nowrap; }
tbody tr.toplam td{ font-weight:650; border-top:1px solid var(--line-strong); background:var(--surface-2); }
.card.card-b{ padding:1rem; }
.giris-kart .err:empty{ display:none; }
.badge.c-good{ color:var(--good); background:color-mix(in oklab, var(--good) 12%, transparent); }
.badge.c-bad{ color:var(--bad); background:color-mix(in oklab, var(--bad) 12%, transparent); }
.badge.c-warn{ color:var(--warn); background:color-mix(in oklab, var(--warn) 12%, transparent); }
.kullanici{ display:grid; gap:.5rem; }
.kullanici + .kullanici{ margin-top:.6rem; padding-top:.9rem; border-top:1px solid var(--line); }
.kullanici-h{ display:flex; align-items:baseline; gap:.6rem; flex-wrap:wrap; }
.kullanici-h b{ font-family:var(--f-display); font-size:.95rem; }
.kullanici table{ min-width:22rem; }
td.c{ text-align:center; }
td.c input[type="checkbox"]{ width:1rem; height:1rem; accent-color:var(--acc); }
/* ---- Modül 1: Veresiye, Cariler, fatura taslağı (maket v2 dilinden; yeni renk yok) ---- */
.mono{ font-family:var(--f-mono); }
.veresiye .card-h, .cariler .card-h{ flex-wrap:wrap; }
.card-h .seg, .cariler .toolbar .seg{ max-width:100%; overflow-x:auto; scrollbar-width:none; }
.req{ color:var(--bad); font-size:.6875rem; font-weight:550; }
.lb{ font-size:.8125rem; font-weight:550; }
.stack{ display:grid; gap:.75rem; }
.badge.c-neutral{ color:var(--muted); background:var(--surface-3); }
.err.form-hata{ color:var(--bad); font-size:.8125rem; margin-top:.5rem; }
.err.form-hata:empty{ display:none; }
.affix.sag span{ left:auto; right:.75rem; }
.affix.sag .input{ padding-left:.75rem; padding-right:2.1rem; text-align:right; }
.form-grid.g4{ grid-template-columns:repeat(4, minmax(0,1fr)); }
.fis-formu .modal-actions{ margin-top:.9rem; }
.toolbar .field.grow{ flex:1 1 12rem; max-width:22rem; }
.vlist .row, .cariler .row{ grid-template-columns:minmax(0,1fr); }
.vgrid{ grid-template-columns:2rem 6.5rem minmax(0,1fr) 11rem minmax(0,8rem) 7rem 8rem 4.2rem; }
.islemler{ display:flex; gap:.3rem; justify-content:flex-end; }
.durum small.eksik{ color:var(--warn); font-size:.6875rem; }
.okc-yardim{ margin-top:.6rem; }
.zorunlu-alan > label::after{ content:" * zorunlu"; color:var(--bad); font-size:.6875rem; font-weight:550; }
.ekstre td.aciklama{ white-space:normal; min-width:18rem; }
.ekstre.ozet td.aciklama{ min-width:10rem; }
.ekstre tr.ayrinti td{ white-space:normal; font-size:.75rem; color:var(--muted); background:var(--surface-2); }
.ekstre td .icon-btn + .icon-btn{ margin-left:.25rem; }
.kv .fark-var span:last-child, td.fark-var{ color:var(--warn); }
.not-onizleme{ max-height:14rem; overflow:auto; font-size:.6875rem; }
.limit-pencere .kod{ letter-spacing:.3em; font-size:1.1rem; text-align:center; }
.mahsup-bas{ display:grid; gap:.2rem; }
/* Mahsup tablosu 1366×657'de tam sığar (ders 10): tutar sütunları sabit, başlık ve açıklama kırılır; telefonda kutusunda kayar. */
.mahsup-tablo table{ table-layout:fixed; width:100%; min-width:46rem; }
.mahsup-tablo th:nth-child(1){ width:6.5rem; }
.mahsup-tablo th:nth-child(n+3){ width:9.5rem; }
.mahsup-tablo th > span{ white-space:normal; line-height:1.25; }
.mahsup-tablo td:nth-child(2){ white-space:normal; overflow-wrap:anywhere; }
.icmal-tablo{ max-width:42rem; }
.icmal-tablo, .mahsup-tablo{ max-height:none; }      /* evrak: satırlar kutuda gizlenmez, yazdırmada da tam çıkar */
.icmal-tablo table{ min-width:0; width:100%; }
.icmal-tablo td:first-child{ white-space:normal; }
.icmal-not p{ font-size:.6875rem; }
.mahsup-bas h3{ font-size:1rem; font-weight:650; }
td.kisalt-g{ white-space:normal; font-size:.75rem; color:var(--muted); min-width:14rem; }
.vgrid > .mono{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ekstre table{ min-width:52rem; }
.ekstre td{ white-space:nowrap; }
.ekstre td:nth-child(5){ white-space:normal; min-width:14rem; }
.kart-izgara .kart-bas{ height:100%; }
.list-head.vgrid, .list-head.cgrid{ padding:0 .9rem; }
.row-main.vgrid{ padding-left:.4rem; }
.ck-yer{ display:grid; place-items:center; height:100%; }
.ck-yer input{ width:1rem; height:1rem; accent-color:var(--acc); }
.kisalt{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--muted); font-size:.8125rem; }
.durum small{ display:block; margin-top:.15rem; }
.cgrid{ grid-template-columns:minmax(0,1fr) 10rem 9rem; }
.who small .badge{ height:1.1rem; font-size:.625rem; }
.actbar{ position:sticky; bottom:0; z-index:20; margin:0 calc(-1 * clamp(16px, 2.4vw, 2rem)); padding:.7rem clamp(16px, 2.4vw, 2rem) calc(.7rem + env(safe-area-inset-bottom, 0px));
  display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; background:color-mix(in oklab, var(--bg) 82%, transparent); backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px); border-top:1px solid var(--line); }
.actbar .grow{ flex:1 1 12rem; min-width:0; font-size:.8125rem; color:var(--muted); }
.actbar .grow b{ color:var(--text); font-variant-numeric:tabular-nums; }
.modal.genis{ width:min(48rem, calc(100% - 2rem)); max-height:calc(100% - 2rem); overflow:auto; }
.modal-h{ display:flex; align-items:center; justify-content:space-between; gap:.6rem; }
.modal-actions{ flex-wrap:wrap; }
.fat-desc{ font-family:var(--f-mono); font-size:.75rem; line-height:1.6; padding:.7rem .8rem; border-radius:10px; background:var(--surface);
  border:1px dashed var(--line-strong); white-space:pre-wrap; color:var(--text); overflow-wrap:anywhere; }
.kart-ust{ justify-content:flex-start; }
.kart-bas .d-bal{ flex-wrap:wrap; }
.kart-bas .d-bal b{ white-space:nowrap; }
.kart-izgara{ display:grid; grid-template-columns:minmax(0,1fr) 22rem; gap:1rem; align-items:start; }
.kart-izgara > *{ min-width:0; }
label.radio{ display:flex; gap:.45rem; align-items:center; font-size:.8125rem; }
label.radio input{ accent-color:var(--acc); }
.ek-tahsilat .ek-tur, td.ode{ color:var(--good); }
.ek-karsiliksiz .ek-tur{ color:var(--bad); }
.yalniz-yazdir{ display:none; }
.show-m, .who small.show-m{ display:none; }
@media (max-width: 1100px){
  .form-grid.g4{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .kart-izgara{ grid-template-columns:minmax(0,1fr); }
}
@media (max-width: 820px){
  .hide-m{ display:none !important; }
  .who small.show-m{ display:block; }
  .ekstre.ozet table{ min-width:0; }
  .ekstre.ozet td.aciklama{ min-width:7rem; white-space:normal; }
  .ekstre.ozet td, .ekstre.ozet th > span{ padding-left:.45rem; padding-right:.45rem; }
  .form-grid.g4{ grid-template-columns:minmax(0,1fr); }
  .row-main.vgrid{ grid-template-columns:2rem minmax(0,1fr) auto 2rem; }
  .row-main.cgrid{ grid-template-columns:minmax(0,1fr) auto; }
  .list-head.vgrid, .list-head.cgrid{ display:none; }
  .actbar .btn .t{ font-size:.75rem; }
}
@media print{
  .sb, .tb, .actbar, .yazdirma, .scrim, .toasts, .fis-formu, .ph-actions, .icon-btn, .menu-btn{ display:none !important; }
  html, body, .shell, .content, .view{ height:auto !important; overflow:visible !important; display:block !important; background:#fff !important; color:#000 !important; }
  body.modal-acik .view{ display:none !important; }
  .modal{ position:static; translate:none; width:auto !important; max-height:none; overflow:visible; box-shadow:none; border:0; background:#fff; }
  .yalniz-yazdir{ display:block; font-weight:600; margin:.5rem 0; }
  .tbl-scroll{ overflow:visible !important; }
  thead th, tfoot td{ position:static; backdrop-filter:none; }
}
/* Giriş 2. adım: 6 haneli doğrulama kodu (3 + 3 öbek, telefonda da tek satır) */
.giris-adim{ display:grid; gap:.9rem; }
.giris-adim > p{ color:var(--muted); font-size:.8125rem; margin-top:-.55rem; }
.kod-ust{ display:flex; align-items:center; gap:.75rem; }
.kod-ust h1{ font-size:1.35rem; font-weight:650; letter-spacing:-.03em; }
.kod-kim{ font-family:var(--f-mono); font-size:.75rem; color:var(--faint); margin-top:.1rem; overflow-wrap:anywhere; }
.kod-simge{ flex:none; width:2.5rem; height:2.5rem; border-radius:12px; display:grid; place-items:center; color:var(--on-acc);
  background:linear-gradient(135deg, var(--acc), var(--acc-2)); box-shadow:0 8px 22px -8px var(--acc); }
.kod-simge svg{ width:1.15rem; height:1.15rem; }
.kod-acik{ color:var(--muted); font-size:.8125rem; }
.kod-acik b{ color:var(--text); font-weight:600; }
.kod-kutular{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)) .35rem repeat(3, minmax(0, 1fr)); gap:.4rem; }
.kod-kutular .kod-hane:nth-child(4){ grid-column:5; }
.input.kod-hane{ height:3.1rem; padding:0; text-align:center; font-family:var(--f-mono); font-size:1.4rem; font-weight:600;
  font-variant-numeric:tabular-nums; caret-color:var(--acc); }
.kod-not{ display:flex; align-items:center; gap:.4rem; }
.kod-not svg{ width:.8rem; height:.8rem; flex:none; }
.giris-kart .btn-ghost{ margin-top:-.4rem; }
@media (max-width: 820px){
  .suzgec{ grid-template-columns:1fr 1fr; }
  table{ min-width:32rem; }
  .kullanici table{ min-width:0; }
  .kullanici thead th > span, .kullanici tbody td{ padding-left:.5rem; padding-right:.5rem; }
}