:root {
  /* Bulut12 referans: sidebar #1e2a36, bg #e6eaf0, pill #4285f4, btn #6184c3 */
  --app-font: "IBM Plex Sans";
  --primary: #4285f4;
  --primary-hover: #3367d6;
  --primary-soft: #e8f0fe;
  --primary-btn: #6184c3;
  --primary-cyan: #00bcd4;
  --background: #e6eaf0;
  --background-deep: #dce3ec;
  --surface: #ffffff;
  --surface-soft: #f7f9fc;
  --border: #d5d9de;
  --border-soft: #e4e9f0;
  --text: #4a5568;
  --text-strong: #2d3748;
  --text-muted: #787676;
  --success: #2e7d32;
  --warning: #ed6c02;
  --danger: #c62828;
  --info: #008394;
  --radius-sm: 3px;
  --radius-md: 5px;
  --radius-lg: 8px;
  --radius-pill: 999px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);
  --shadow-md: 0 4px 14px rgba(16, 24, 40, .07);
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --dur-fast: 140ms;
  --dur: 220ms;
  --font-size: 12px;
  --font-size-sm: 11px;
  --font-size-md: 12.5px;
  --font-size-lg: 16.8px;
  --kagit: var(--background);
  --kart: var(--surface);
  --yazi: var(--text);
  --soluk: var(--text-muted);
  --cizgi: var(--border);
  --yan: #1e2a36;
  --yan-yazi: #a9b4c0;
  --yan-aktif: #d5dee8;
  --yan-aktif-bg: rgba(255, 255, 255, .06);
  --yan-hover: rgba(255, 255, 255, .04);
  --footer-bg: #f3f6fa;
  --bakir: var(--primary);
  --bakir-koyu: var(--primary-hover);
  --bakir-soluk: var(--primary-soft);
  --basari: var(--success);
  --tehlike: var(--danger);
  --uyari: var(--warning);
  --bilgi: var(--info);
  --gri: var(--text-muted);
  --golge: var(--shadow-sm);
  --ust-yukseklik: 40px;
  --yan-genislik: 235px;
}
html[data-tema="koyu"] {
  --primary: #7eb0e8;
  --primary-hover: #b9d4f5;
  --primary-soft: #1c3d62;
  --background: #0c1929;
  --surface: #13283f;
  --border: #2a4666;
  --text: #f4f8fc;
  --text-muted: #d5e4f5;
  --success: #8ee0b2;
  --warning: #ffd08a;
  --danger: #ffb4ab;
  --info: #b9d4f5;
  --shadow-sm: none;
  --kagit: var(--background);
  --kart: var(--surface);
  --yazi: var(--text);
  --soluk: var(--text-muted);
  --cizgi: var(--border);
  --yan: #091524;
  --yan-yazi: var(--text-muted);
  --bakir: var(--primary);
  --bakir-koyu: var(--primary-hover);
  --bakir-soluk: var(--primary-soft);
  --basari: var(--success);
  --tehlike: var(--danger);
  --uyari: var(--warning);
  --bilgi: var(--info);
  --gri: var(--text-muted);
  --golge: none;
}
* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0;
  background:
    radial-gradient(1200px 480px at 12% -8%, rgba(66, 133, 244, .08), transparent 55%),
    radial-gradient(900px 420px at 92% 0%, rgba(0, 188, 212, .06), transparent 50%),
    linear-gradient(180deg, var(--background) 0%, var(--background-deep) 100%);
  background-attachment: fixed;
  color: var(--yazi);
  font-family: var(--app-font), "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 9pt;
  line-height: 1.35;
  font-optical-sizing: auto;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
@media (min-width: 2200px) {
  body { font-size: 12.5px; }
}
a { color: var(--bakir-koyu); text-decoration: none; }
a:hover { text-decoration: underline; }
:focus-visible { outline: 2px solid var(--bakir); outline-offset: 2px; }
h1, h2, h3 { letter-spacing: -.02em; }
.sayi, .kpi strong, .genel { font-variant-numeric: tabular-nums; }

.app { display: grid; grid-template-columns: var(--yan-genislik) minmax(0, 1fr); min-height: 100vh; }
.app.dar { grid-template-columns: 64px minmax(0, 1fr); }
.yan {
  background: var(--yan);
  color: var(--yan-yazi);
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  position: sticky;
  top: 0;
  height: 100vh;
  box-shadow: none;
  z-index: 25;
  border-right: 0;
}
.marka {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-weight: 700;
  letter-spacing: -.01em;
  padding: 14px 16px 8px;
  font-size: 15px;
}
.damga {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: var(--primary);
  color: #fff;
  display: grid;
  place-items: center;
  font-size: .8rem;
  font-weight: 800;
  flex: none;
}
.yan-arama { margin: 4px 10px 10px; position: relative; }
.yan-arama .ikon { position: absolute; left: 10px; top: 8px; color: #b8b0ba; pointer-events: none; width: 14px; height: 14px; }
.yan-arama input {
  padding: 4px 8px 4px 32px; height: 28px; width: 100%;
  background: rgba(0,0,0,.18); border: 0; border-radius: 3px;
  color: #e8eef5; font-size: 13px;
}
.yan-arama input::placeholder { color: #b8b0ba; }
.yan-arama input:focus { background: rgba(0,0,0,.28); outline: none; }
.yan-arama .arama-tus { display: none; }
.yan-govde { overflow: auto; padding: 0 0 16px; flex: 1; }
.menu-bolum { margin-top: 10px; }
.menu-etiket {
  padding: 8px 16px 4px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #788496;
}
.yan a {
  color: var(--yan-yazi);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 12px 0 11px;
  border-radius: 0;
  text-decoration: none;
  min-height: 38px;
  font-size: 10.8px;
  font-weight: 400;
}
.yan a:hover { background: var(--yan-hover); color: #d5dee8; text-decoration: none; }
.yan a.aktif {
  background: var(--yan-aktif-bg);
  color: var(--yan-aktif);
  box-shadow: none;
  font-weight: 500;
}
.alt-baslik { padding: 8px 16px 2px; font-size: 10px; font-weight: 700; color: #788496; text-transform: uppercase; letter-spacing: .06em; }
.ikon { width: 16px; height: 16px; flex: none; stroke: currentColor; fill: none; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; opacity: .9; }
.yan-kullanici {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 6px;
  padding: 10px 14px 8px;
  border-radius: 0;
  background: transparent;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.yan-kim { display: grid; min-width: 0; }
.yan-kim strong, .yan-kim small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.yan-kim strong { font-size: 12px; color: #d5dee8; font-weight: 500; }
.yan-kim small { color: #788496; font-weight: 400; font-size: 10.5px; }
.app.dar .menu-etiket, .app.dar .yan-arama, .app.dar .yan a span, .app.dar .yan-akordeon span, .app.dar .marka span:last-child, .app.dar .yan-kim, .app.dar .alt-baslik, .app.dar .yan-mini, .app.dar .yan-alt { display: none; }
.app.dar .yan-akordeon > summary::after { display: none; }
.app.dar .yan a, .app.dar .yan-kullanici { justify-content: center; }
.app.dar .yan-kullanici { background: transparent; padding-inline: 0; }

.icerik { min-width: 0; display: flex; flex-direction: column; min-height: 100vh; max-height: 100vh; }
.ust {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  align-items: center;
  padding: 0 10px;
  background: #0e2744;
  border-bottom: 1px solid #0a1c31;
  box-shadow: none;
  position: sticky;
  top: 0;
  z-index: 20;
  min-height: var(--ust-yukseklik);
  color: #f4f7fb;
}
.ust-uygulama { font-size: 13px; font-weight: 750; letter-spacing: -.01em; }
.ust-baslik, .ust-saat { color: #f4f7fb; }
.ust-saat { display: none; }
.ust .ikon-btn { color: #f4f7fb; }
.ust .ikon-btn:hover { background: rgba(255,255,255,.12); }
.ust-baslik { margin: 0; font-size: 15px; font-weight: 700; letter-spacing: -.02em; flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ikon-btn, .btn { border-radius: 2px; min-height: 26px; }
.ikon-btn {
  border: 0;
  background: transparent;
  color: var(--yazi);
  width: 36px;
  display: grid;
  place-items: center;
  padding: 0;
}
.ikon-btn:hover { background: var(--kagit); }
.kullanici-ozet { list-style: none; display: flex; align-items: center; gap: 8px; cursor: pointer; border-radius: 2px; padding: 2px 8px 2px 2px; border: 1px solid transparent; }
.kullanici-ozet::-webkit-details-marker { display: none; }
.kullanici-ozet:hover { background: rgba(255,255,255,.1); }
.ust .kullanici-ozet .yan-kim strong { color: #fff; }
.ust .kullanici-ozet .yan-kim small { color: #c5d4ea; }
.ust .btn-outline-secondary { color: #f4f7fb; border-color: rgba(255,255,255,.28); background: transparent; }
.ust .btn-outline-secondary:hover { background: rgba(255,255,255,.12); color: #fff; }
.sube-kutu {
  display: flex;
  align-items: stretch;
  flex: none;
  gap: 0;
  min-height: 34px;
  padding: 2px;
  background: rgba(255, 255, 255, .14);
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 6px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.sube-kutu .kapsam-alan {
  display: grid;
  gap: 1px;
  align-content: center;
  min-width: 0;
  padding: 3px 12px 4px;
  margin: 0;
  cursor: pointer;
  border-radius: 4px;
  transition: background .12s ease;
}
.sube-kutu .kapsam-alan:hover { background: rgba(255, 255, 255, .12); }
.sube-kutu .kapsam-alan:focus-within { background: rgba(255, 255, 255, .16); }
.sube-kutu .kapsam-etiket,
.sube-kutu .sube-rozet,
.sube-kutu .depo-rozet {
  display: block;
  margin: 0;
  font-size: 9px;
  font-weight: 750;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: rgba(244, 247, 251, .72);
  line-height: 1.1;
  white-space: nowrap;
}
.sube-kutu .kapsam-ayrac {
  width: 1px;
  align-self: stretch;
  margin: 4px 0;
  background: rgba(255, 255, 255, .22);
}
.sube-kutu select,
.sube-kutu #aktifSube,
.sube-kutu #aktifDepo {
  width: auto;
  min-width: 88px;
  max-width: 148px;
  min-height: 18px;
  height: 18px;
  margin: 0;
  padding: 0 16px 0 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #fff !important;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  box-shadow: none !important;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23c5d4ea' d='M1 1l4 4 4-4'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 2px center !important;
  background-size: 10px 6px !important;
}
.sube-kutu select:focus {
  outline: none;
  box-shadow: none !important;
}
.sube-kutu select option { color: #1a2332; background: #fff; }
.ust select, .arama input, .form-alan input, .form-alan select, .form-alan textarea, .filtre input, .filtre select, .kart input, .kart select, .kart textarea {
  background: var(--kart);
  color: var(--yazi);
  border: 1px solid var(--cizgi);
  border-radius: 8px;
  padding: 7px 12px;
  min-height: 30px;
}
.form-alan textarea { min-height: 72px; }
.arama { flex: 1; position: relative; min-width: 160px; }
.yan .arama { flex: none; min-width: 0; margin: 4px 12px 8px; }
.arama input { width: 100%; }
.arama-sonuc, .bildirim-liste, .hizli-menu menu {
  position: absolute;
  background: var(--kart);
  border: 1px solid var(--cizgi);
  border-radius: 10px;
  box-shadow: 0 12px 32px rgba(28, 25, 21, .12);
  z-index: 30;
}
.arama-sonuc { left: 0; right: 0; top: 42px; display: none; max-height: 360px; overflow: auto; }
.arama-sonuc a, .bildirim-liste a, .hizli-menu a { display: block; padding: 8px 12px; color: var(--yazi); text-decoration: none; }
.arama-sonuc a:hover, .bildirim-liste a:hover, .hizli-menu a:hover { background: var(--bakir-soluk); }
.ust-sag { display: flex; align-items: center; gap: 8px; position: relative; }
.bildirim-liste { display: none; right: 0; top: 44px; width: min(360px, 80vw); }
.hizli-menu { position: relative; }
.hizli-menu summary { list-style: none; cursor: pointer; }
.hizli-menu summary::-webkit-details-marker { display: none; }
.hizli-menu menu { display: none; right: 0; top: 42px; margin: 0; padding: 6px; min-width: 200px; }
.hizli-menu[open] menu { display: grid; }
.kullanici { font-weight: 650; font-size: .9rem; }
.sayfa { padding: 10px 14px 18px; display: grid; gap: 8px; align-content: start; }
.sayfa > :not(.sayfa-ust) { margin-inline: 0; }
.kart {
  background: var(--kart);
  border: 1px solid var(--cizgi);
  border-radius: 8px;
  padding: 10px 12px;
  box-shadow: var(--golge);
}
.izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
.kpi-alani {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  background: transparent;
  border: 0;
}
.kpi { padding: 8px 10px; display: grid; gap: 1px; cursor: grab; min-height: 0; align-content: start; }
.kpi-ust { display: flex; justify-content: space-between; align-items: center; color: var(--soluk); font-size: .92rem; font-weight: 700; }
.kpi strong { font-size: 1.05rem; letter-spacing: -.03em; color: var(--yazi); font-weight: 750; }
.kpi > span { color: var(--soluk); font-weight: 600; font-size: .9rem; }
.karsilama { background: linear-gradient(#16365c, #0e2744); color: #fff; border-radius: 2px; padding: 10px 12px; display: grid; gap: 2px; box-shadow: none; border: 1px solid #08182c; }
.karsilama h2, .karsilama p, .karsilama-tarih { margin: 0; color: #fff; }
.karsilama h2 { font-size: 1rem; font-weight: 750; }
.karsilama-tarih { font-size: .78rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.karsilama-olcu { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.karsilama-olcu span { background: rgba(255,255,255,.16); border-radius: 999px; padding: 6px 12px; font-weight: 600; }
.karsilama-olcu strong { font-weight: 800; }
.bakiye-arti { color: var(--basari); }
.bakiye-eksi { color: var(--tehlike); }
.bakiye-hucre { display: grid; justify-items: end; }
.bakiye-hucre small { font-weight: 600; color: var(--soluk); }
.trend { font-size: .9rem; color: var(--yazi); font-weight: 650; }
.trend.yukari { color: var(--basari); }
.trend.asagi { color: var(--tehlike); }
.olcu span { display: block; color: var(--yazi); font-size: .95rem; font-weight: 650; }
.olcu strong { font-size: 1.2rem; }
.hizli { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0; }
.btn-vurgu, .btn-basari, .btn-uyari, .btn-tehlike { color: #fff; border: 0; }
.btn-vurgu { background: var(--bakir); }
.btn-vurgu:hover { background: var(--bakir-koyu); color: #fff; }
.btn-basari { background: var(--basari); }
.btn-basari:hover { filter: brightness(.92); color: #fff; }
.btn-uyari { background: var(--uyari); }
.btn-uyari:hover { filter: brightness(.92); color: #fff; }
.btn-tehlike { background: var(--tehlike); }
.btn-tehlike:hover { filter: brightness(.92); color: #fff; }
.btn-outline-secondary, .btn-outline-danger {
  background: transparent;
  color: var(--yazi);
  border: 1px solid var(--cizgi);
}
.btn-outline-danger { color: var(--tehlike); border-color: color-mix(in srgb, var(--tehlike) 40%, var(--cizgi)); }
.tablo-sarmal { overflow: auto; max-height: min(70vh, 820px); }
table.tablo { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 13.5px; }
table.tablo th, table.tablo td { padding: 5px 8px; border-bottom: 1px solid var(--cizgi); vertical-align: middle; background: var(--kart); color: var(--yazi); }
table.tablo th {
  text-align: left;
  color: var(--yazi);
  font-weight: 650;
  font-size: 13px;
  position: sticky;
  top: 0;
  z-index: 1;
  cursor: pointer;
  white-space: nowrap;
}
table.tablo tr:hover td { background: color-mix(in srgb, var(--bakir-soluk) 55%, var(--kart)); }
.sayi { text-align: right; }
.filtre { display: flex; flex-wrap: wrap; gap: 8px; align-items: end; margin-bottom: 12px; }
.form-alan { display: grid; gap: 4px; }
.form-alan label, fieldset legend { font-size: 13px; color: var(--yazi); font-weight: 650; }
.form-izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px 16px; }
fieldset.kart { border: 1px solid var(--cizgi); margin: 0; padding: 4px 16px 16px; border-radius: 16px; }
fieldset.kart legend {
  float: left;
  width: 100%;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--bakir);
  padding: 14px 0 8px;
  margin-bottom: 10px;
  border-bottom: 1px solid var(--cizgi);
}
fieldset.kart legend::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 12px;
  margin-right: 8px;
  border-radius: 2px;
  background: var(--bakir);
  vertical-align: -1px;
}
fieldset.bolum { border: 1px solid var(--cizgi); border-radius: 12px; margin: 0 0 12px; padding: 12px; background: var(--kart); }
fieldset.bolum legend { padding: 0 6px; font-weight: 750; color: var(--bakir); }
.ayarlar-kart { padding: 12px 16px 18px; }
.ayarlar-ust { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.ayarlar-kart .sekme-serit { flex: 1; min-width: 0; }
.ayarlar-kart .sekme-serit button { border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent; color: var(--soluk); min-height: 36px; font-weight: 700; padding: 0 12px; }
.ayarlar-kart .sekme-serit button.aktif { color: #0040ff; border-bottom-color: #0040ff; }
.ayarlar-kart .sekme-panel { padding: 10px 2px 4px; }
.ayarlar-kart .form-check label,
label.kutu-etiket,
.form-check > label,
.form-alan.form-check > label,
.kutu-satir > label,
label:has(> input[type="checkbox"]) {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  line-height: 1.35;
  cursor: pointer;
  margin: 0;
}
.ayarlar-kart .form-check input[type="checkbox"],
label.kutu-etiket > input[type="checkbox"],
.form-check input[type="checkbox"],
.kutu-satir input[type="checkbox"],
label:has(> input[type="checkbox"]) > input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin: 0;
  flex-shrink: 0;
  accent-color: var(--bakir, #8b5a2b);
  vertical-align: middle;
}
label.kutu-etiket > input[type="hidden"],
.form-check input[type="hidden"] { position: absolute; width: 0; height: 0; opacity: 0; pointer-events: none; }
.form-alan.form-check { align-content: center; min-height: 34px; }
.ayarlar-kart .form-genis { grid-column: 1 / -1; }
.ayar-ipucu { margin: 8px 0 0; font-size: 12.5px; color: var(--soluk); }
.bicim-onizleme {
  margin-top: 14px; padding: 12px 14px; border: 1px solid var(--cizgi);
  border-radius: 10px; background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
  display: grid; gap: 8px; max-width: 420px;
}
.bicim-onizleme-baslik { font-size: 12px; font-weight: 700; color: var(--soluk); text-transform: uppercase; letter-spacing: .04em; }
.bicim-onizleme-satir { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; font-size: 14px; }
.bicim-onizleme-satir span { color: var(--soluk); }
.bicim-onizleme-satir strong { font-variant-numeric: tabular-nums; font-weight: 700; color: #0f172a; }
.ayarlar-kart .form-alan small.soluk-metin { display: block; margin-top: 4px; font-size: 11.5px; }
.uyari, .basari {
  padding: 10px 12px;
  border-radius: 8px;
  margin-bottom: 12px;
}
.uyari { background: color-mix(in srgb, var(--tehlike) 12%, var(--kart)); color: var(--tehlike); border: 1px solid color-mix(in srgb, var(--tehlike) 30%, var(--cizgi)); }
.basari { background: color-mix(in srgb, var(--basari) 12%, var(--kart)); color: var(--basari); border: 1px solid color-mix(in srgb, var(--basari) 30%, var(--cizgi)); }
.rozet { display: inline-flex; align-items: center; border-radius: 999px; padding: 3px 10px; font-size: .9rem; font-weight: 700; background: var(--cizgi); color: var(--yazi); }
.rozet.yesil { background: color-mix(in srgb, var(--basari) 16%, var(--kart)); color: var(--basari); }
.rozet.kirmizi { background: color-mix(in srgb, var(--tehlike) 16%, var(--kart)); color: var(--tehlike); }
.rozet.turuncu { background: color-mix(in srgb, var(--uyari) 16%, var(--kart)); color: var(--uyari); }
.rozet.mavi { background: color-mix(in srgb, var(--bilgi) 16%, var(--kart)); color: var(--bilgi); }
.rozet.gri { background: #e7eef6; color: var(--yazi); }
.pos { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(280px, .7fr); gap: 16px; align-items: start; }
.pos-odeme { position: sticky; top: 76px; }
/* klasik toplamlar — evrak-toplam altında flex düzenine geçer */
.genel { font-size: 1.8rem; font-weight: 750; padding-top: 8px; border-top: 1px solid var(--cizgi); }
.ozet-serit { display: grid; grid-template-columns: auto 1fr; gap: 16px; align-items: center; margin-bottom: 12px; }
.monogram {
  width: 72px; height: 72px; border-radius: 14px;
  background: var(--bakir-soluk); color: var(--bakir-koyu);
  display: grid; place-items: center; font-size: 1.4rem; font-weight: 750;
}
.olcu-serit { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.olcu-serit > div { display: grid; }
.olcu-serit span { display: block; color: var(--yazi); font-size: .95rem; font-weight: 650; }
.sekme { display: flex; gap: 0; flex-wrap: wrap; margin: 0 0 8px; border-bottom: 1px solid var(--cizgi); }
.sekme a { border: 0; border-bottom: 2px solid transparent; border-radius: 0; padding: 10px 14px; color: var(--yazi); background: transparent; font-weight: 650; font-size: 13px; }
.sekme a.aktif { background: transparent; color: var(--bakir); border-bottom-color: var(--bakir); text-decoration: none; }
.modul-sekme { margin: 0 0 4px; }
.grafik { width: 100%; height: 160px; }
.grafik rect, .grafik rect.sat { fill: var(--bakir); }
.grafik rect.alis { fill: #7eb0e8; }
.grafik-anahtar { display: flex; gap: 16px; font-weight: 700; margin: 0 0 4px; }
.sat-renk::before, .alis-renk::before { content: ""; display: inline-block; width: 12px; height: 12px; border-radius: 3px; margin-right: 6px; }
.sat-renk::before { background: var(--bakir); }
.alis-renk::before { background: #7eb0e8; }
.kart-baslik { padding: 12px 14px 0; }
.form-alan:has([required]) > label::after { content: " *"; color: var(--tehlike); }
.alan-hata, .field-validation-error { color: var(--tehlike); font-weight: 650; font-size: .95rem; }
input:user-invalid, select:user-invalid, textarea:user-invalid { border-color: var(--tehlike); }
[data-ipucu] { position: relative; }
[data-ipucu]:hover::after, [data-ipucu]:focus-visible::after {
  content: attr(data-ipucu);
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  background: #111c2d;
  color: #fff;
  padding: 6px 8px;
  border-radius: 6px;
  font-size: .9rem;
  font-weight: 650;
  white-space: nowrap;
  z-index: 40;
}
.bilgi-serit { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 8px; }
.bilgi-serit a.aktif { outline: 2px solid var(--bakir); outline-offset: -2px; }
.evrak .bilgi-serit .kart.olcu,
.evrak .bilgi-serit article {
  display: grid; gap: 2px; padding: 8px 10px; border: 1px solid var(--cizgi);
  border-radius: var(--radius-sm, 4px); background: #f7f9fc; box-shadow: none; min-height: 52px;
}
.evrak .bilgi-serit span { font-size: 10px; font-weight: 700; color: #6b7c90; text-transform: uppercase; letter-spacing: .04em; }
.evrak .bilgi-serit strong { font-size: 13px; font-weight: 700; color: #0e2744; }
.pos .genel { font-size: clamp(1.6rem, 3vw, 2.2rem); }
#barkod { font-size: inherit; min-height: 28px; }
.grafik text { fill: var(--yazi); font-size: 12px; font-weight: 650; }
.cubuk-satir { display: grid; grid-template-columns: minmax(80px, 1fr) 3fr auto; gap: 8px; align-items: center; margin: 8px 0; font-size: 1rem; color: var(--yazi); }
.cubuk { height: 8px; background: var(--cizgi); border-radius: 99px; overflow: hidden; }
.cubuk span { display: block; height: 100%; background: var(--bakir); }
.toast-kutu { position: fixed; right: 16px; bottom: 16px; display: grid; gap: 8px; z-index: 50; }
.toast { background: var(--kart); color: var(--yazi); border: 1px solid var(--cizgi); border-left: 4px solid var(--basari); border-radius: 8px; padding: 10px 12px; min-width: 240px; box-shadow: var(--golge); }
.toast.uyari { border-left-color: var(--uyari); }
.toast.hata { border-left-color: var(--tehlike); }
dialog, .modal-kart {
  border: 1px solid var(--cizgi);
  border-radius: 12px;
  background: var(--kart);
  color: var(--yazi);
  padding: 16px;
  max-width: min(520px, 92vw);
}
dialog::backdrop { background: rgba(20, 18, 16, .45); }
.birak {
  border: 1px dashed var(--bakir);
  border-radius: 12px;
  padding: 18px;
  background: var(--bakir-soluk);
}
.giris-zemin { min-height: 100vh; display: grid; place-items: center; padding: 24px; background: radial-gradient(circle at 78% 12%, #c5d4ff, transparent 36%), var(--kagit); }
.giris-kart { width: min(440px, 100%); border-radius: 24px; padding: 28px 28px 22px; }
.giris-kart h1 { margin: 16px 0 0; font-size: 1.7rem; }
.giris-alt { margin: 4px 0 16px; color: var(--soluk); font-weight: 600; }
.giris-kart .btn-vurgu { min-height: 46px; width: 100%; font-weight: 700; }
.is-yukleniyor { cursor: progress; }
.is-yukleniyor .sayfa { opacity: .72; }
@media (max-width: 1100px) {
  .ust { flex-wrap: wrap; }
  .arama { flex: 1 1 100%; order: 5; }
  .sayfa-ust { grid-template-columns: 1fr; }
  .sayfa-eylem { justify-content: flex-start; flex-wrap: wrap; }
  .app { grid-template-columns: 1fr; }
  .yan { display: none; position: fixed; inset: 0 auto 0 0; width: min(280px, 88vw); z-index: 40; height: 100vh; }
  .yan.acik { display: flex; }
  .pos, .ozet-serit, .olcu-serit { grid-template-columns: 1fr; }
  .pos-odeme { position: static; }
  .sube-kutu .kapsam-alan select { max-width: 110px; }
  .sube-kutu .kapsam-etiket { max-width: 110px; overflow: hidden; text-overflow: ellipsis; }
}
.yazdir-baslik { display: none; }
.hata-kart { max-width: 560px; display: grid; gap: 8px; justify-items: start; padding: 16px 18px; background: var(--kart); border: 1px solid var(--cizgi); border-radius: 8px; }
.hata-kart h1 { margin: 0; font-size: 17px; }
.hata-kart p { margin: 0; color: var(--soluk); }
.hata-kart .satir-serit { background: transparent; border: 0; padding: 4px 0 0; }
@media print {
  .yan, .ust, .hizli, .filtre, .filtre-kart, .yazdirma, .toast-kutu, .btn, .modul, .sayfa-ust, .izgara-arac, .gridlayout-arac, .gridlayout-filtre, .gridlayout-filtre-btn, .gridlayout-filtre-panel, .sayfalama, .satir-menu, .eylem-menu, .uyari, dialog { display: none !important; }
  .app { display: block; }
  body { background: #fff; color: #000; }
  .kart, .panel, .evrak-bolum, .icerik-kart { box-shadow: none; border: 1px solid #999; }
  .yazdir-baslik { display: grid; gap: 2px; margin-bottom: 8mm; }
  .yazdir-baslik strong { font-size: 16pt; }
  table.tablo th { background: #eee !important; color: #000 !important; }
  .evrak { gap: 6mm; }
  body[data-kagit="80"] { width: 80mm; }
  body[data-kagit="80"] .sayfa { padding: 4mm; }
  body[data-kagit="80"] .bilgi-serit, body[data-kagit="80"] .form-izgara { grid-template-columns: 1fr; }
  @page { margin: 12mm; }
}
html[data-tema="koyu"] .btn-vurgu { background: #1a4f8b; color: #fff; }
html[data-tema="koyu"] .btn-basari { background: #0f7a45; color: #fff; }
html[data-tema="koyu"] .btn-uyari { background: #b54708; color: #fff; }
html[data-tema="koyu"] .btn-tehlike { background: #b42318; color: #fff; }
html[data-tema="koyu"] .btn-vurgu:hover { background: #245ea3; color: #fff; }
html[data-tema="koyu"] .damga { background: #0040ff; color: #fff; }
html[data-tema="koyu"] .karsilama { background: #0040ff; }
html[data-tema="koyu"] .menu-etiket, html[data-tema="koyu"] .alt-baslik, html[data-tema="koyu"] .yan-kim small { color: #d5e4f5; }
.text-secondary { color: var(--yazi) !important; }
h1, .h4 { color: var(--yazi); font-weight: 750; }
h2, .h6 { color: var(--yazi); font-weight: 700; }
.btn, .yan a, .ikon-btn { transition: background-color .12s ease, color .12s ease; }
input, select, textarea, button { font-size: 12.5px; }
.btn { font-size: 13px; font-weight: 650; padding-inline: 14px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.btn .ikon, .satir-ikon .ikon { width: 14px; height: 14px; }
.btn-sm { min-height: 30px; font-size: 12.5px; }

.sayfa-ust {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 3px 8px;
  background: linear-gradient(#f8f8f8, #e6e6e6);
  border: 1px solid #b9b9b9;
}
.sayfa-ust > div:first-child { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
.sayfa-ust .kirinti {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: var(--font-size-sm); font-weight: 650; color: var(--text-muted);
}
.sayfa-ust .kirinti::after { content: ""; display: inline-block; width: 0; height: 0; margin-left: 6px; vertical-align: .15em; border-top: 3.5px solid transparent; border-bottom: 3.5px solid transparent; border-left: 4.5px solid #9aa8bc; }
.sayfa-ust p { display: block; margin: 2px 0 0; font-size: var(--font-size-sm); color: var(--text-muted); font-weight: 500; }
.sayfa-ust h1 { margin: 0; font-size: var(--font-size-lg); font-weight: 750; color: var(--text); }
.sayfa-eylem { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.filtre-kart, .icerik-kart { background: var(--kart); border: 1px solid #c5c5c5; border-radius: 0; box-shadow: none; }
form.filtre-kart { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 8px 10px; padding: 8px 10px; background: #f7f9fc; }
form.filtre-kart .form-alan { min-width: 140px; }
form.filtre-kart .form-alan label { font-size: 11px; font-weight: 700; color: #3e4c5e; }
.islem-modal .evrak { gap: 8px; }
.islem-modal.genis { background: #fff; }
form.filtre-kart > .btn-vurgu { margin-left: auto; }
.katman { display: grid; gap: 8px; }
.katman-ad { margin: 0; font-size: 1rem; font-weight: 700; color: var(--bakir-koyu); }
.filtre-kart .filtre, .filtre { margin: 0; }
.icerik-kart { padding: 0; overflow: hidden; }
.icerik-kart .tablo-sarmal { max-height: min(68vh, 760px); }
.toplu { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; padding: 3px 6px; border-bottom: 1px solid #c5c5c5; background: linear-gradient(#fff, #ececec); }
.toplu::before { content: "Toplu i\015Flem"; font-size: 10px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: #555; margin-right: 6px; }
.sayfalama { display: flex; gap: 8px; align-items: center; justify-content: flex-end; color: var(--yazi); font-weight: 650; }
.sayfalama a, .sayfalama span { min-height: 32px; display: inline-flex; align-items: center; padding: 0 10px; border: 1px solid var(--cizgi); border-radius: 8px; background: var(--kart); color: var(--yazi); text-decoration: none; }
.sayfalama .suanki { background: var(--bakir); color: #fff; border-color: var(--bakir); }
.bos, .bos-durum { padding: 20px 16px; text-align: center; color: var(--text-muted); font-weight: 600; }
.bos-durum .btn { margin-top: 10px; }
.onkosul-uyari {
  display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 12px 16px;
  margin: 0 0 14px; padding: 14px 16px; border-radius: 10px; border: 1px solid transparent;
}
.onkosul-uyari.onkosul-seviye-uyari {
  background: color-mix(in srgb, var(--uyari) 12%, var(--kart));
  border-color: color-mix(in srgb, var(--uyari) 35%, var(--cizgi));
  color: color-mix(in srgb, var(--uyari) 55%, var(--yazi));
}
.onkosul-uyari.onkosul-seviye-bilgi {
  background: color-mix(in srgb, var(--bakir, #8b5a2b) 8%, var(--kart));
  border-color: color-mix(in srgb, var(--bakir, #8b5a2b) 28%, var(--cizgi));
  color: var(--yazi);
}
.onkosul-govde { flex: 1 1 220px; min-width: 0; }
.onkosul-baslik { display: block; font-size: .95rem; font-weight: 750; margin: 0 0 4px; }
.onkosul-mesaj { margin: 0; font-size: .9rem; font-weight: 550; line-height: 1.45; opacity: .95; }
.onkosul-eylem { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; }
.kart-modal .onkosul-uyari { margin: 12px 14px 0; }
.kart-modal-onkosul { padding: 8px 0 16px; }
.iskelet { height: 14px; border-radius: 6px; background: linear-gradient(90deg, var(--cizgi), var(--kart), var(--cizgi)); background-size: 200% 100%; }
.panel { background: var(--kart); border: 1px solid var(--cizgi); border-radius: 16px; overflow: hidden; box-shadow: var(--golge); }
.panel-bas { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 52px; padding: 12px 16px; border-bottom: 1px solid var(--cizgi); background: var(--kart); }
.panel-bas h2 { margin: 0; font-size: 1rem; font-weight: 700; }
.panel-bas span, .panel-bas p { margin: 0; font-weight: 650; }
.panel-govde { padding: 12px 14px; }
.is-liste { list-style: none; margin: 0; padding: 4px 0; }
.is-liste li { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 40px; padding: 0 14px; border-bottom: 1px solid var(--cizgi); }
.is-liste li:last-child { border-bottom: 0; }
.is-liste a, .is-liste strong { font-variant-numeric: tabular-nums; font-weight: 700; }
.filtre { margin: 0; }
.sayfa-ust h1 { font-size: 12px; }
.bolge { display: grid; gap: 12px; }
.bolge-2 { display: grid; grid-template-columns: 1.4fr .8fr; gap: 12px; }
.bolge-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.kullanici { max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 1280px) {
  .pos { grid-template-columns: minmax(0, 1fr) minmax(240px, 320px); }
}
@media (max-width: 1100px) {
  .bolge-2, .bolge-3 { grid-template-columns: 1fr; }
  .kpi-alani { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 1600px) {
  .sayfa { padding-inline: 28px; }
}

.arama-tus {
  position: absolute;
  right: 8px;
  top: 8px;
  border: 1px solid var(--cizgi);
  border-radius: 6px;
  padding: 1px 5px;
  font-size: 10px;
  font-weight: 700;
  color: #4a5968;
  background: #fff;
  font-family: inherit;
}
.yan-arama input { padding-right: 58px; }
.karsilama-ust { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.karsilama-favori {
  width: 36px; height: 36px; border-radius: 999px; border: 0;
  background: rgba(255,255,255,.18); color: #fff; display: grid; place-items: center; cursor: pointer;
}
.karsilama-favori:hover { background: rgba(255,255,255,.28); }
.kpi { position: relative; padding-right: 64px; }
.kpi-ikon {
  position: absolute; right: 14px; top: 16px;
  width: 36px; height: 36px; border-radius: 999px;
  display: grid; place-items: center;
  background: var(--bakir-soluk); color: var(--bakir);
}
.kpi[data-kpi="alis"] .kpi-ikon, .kpi[data-kpi="odeme"] .kpi-ikon, .kpi[data-kpi="borc"] .kpi-ikon { background: #fff1e8; color: #c2410c; }
.kpi[data-kpi="tahsilat"] .kpi-ikon, .kpi[data-kpi="kasa"] .kpi-ikon, .kpi[data-kpi="alacak"] .kpi-ikon { background: #e7f6ee; color: #0f7a45; }
.kpi-ikon .ikon { width: 18px; height: 18px; }
.icerik-kart, .panel { position: relative; }
.kolon-menu { position: absolute; right: 8px; top: 6px; z-index: 3; }
.kolon-menu > div {
  position: absolute; right: 0; top: calc(100% + 6px);
  display: grid; gap: 4px; min-width: 160px; padding: 8px 10px;
  background: var(--kart); border: 1px solid var(--cizgi); border-radius: 12px;
  box-shadow: var(--golge);
}
.filtre-ek { position: relative; }
.filtre-ek summary {
  list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 6px;
  min-height: 34px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--cizgi);
  background: var(--kart); font-weight: 650; font-size: 13px;
}
.filtre-ek summary::-webkit-details-marker { display: none; }
.filtre-ek-govde {
  position: absolute; z-index: 6; left: 0; top: calc(100% + 6px);
  display: grid; grid-template-columns: repeat(3, minmax(140px, 1fr)); gap: 8px;
  min-width: min(560px, 78vw); padding: 12px;
  background: var(--kart); border: 1px solid var(--cizgi); border-radius: 12px; box-shadow: var(--golge);
}
.satir-ikon {
  width: 32px; height: 32px; border-radius: 999px; border: 1px solid var(--cizgi);
  display: inline-grid; place-items: center; color: var(--yazi); background: var(--kart);
}
.satir-ikon:hover { background: var(--bakir-soluk); color: var(--bakir); text-decoration: none; }
.toplu { padding: 3px 6px; }
.toplu .btn { min-height: 24px; }
.kpi:hover { border-color: var(--primary); }
.yan a { transition: background-color .12s ease, color .12s ease; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}
/* ===== EVRAK SİSTEMİ (tek çatı — tüm belge / finans / depo formları) ===== */
.evrak,
.evrak.masa-evrak {
  display: grid;
  gap: 8px;
  min-width: 0;
}
.evrak-bolum {
  background: #fff;
  border: 1px solid var(--cizgi);
  border-radius: var(--radius-sm, 4px);
  padding: 10px 12px;
  box-shadow: none;
  min-width: 0;
}
.evrak-ad {
  margin: 0 0 8px;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #4a5d73;
}
.evrak-ust { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.evrak-ust .evrak-ad { margin: 0; }
.evrak-baslik .evrak-ad { margin-bottom: 8px; }
.evrak-baslik-izgara {
  display: grid;
  grid-template-columns: minmax(200px, 1.5fr) minmax(120px, 1fr) minmax(170px, 1.35fr) minmax(120px, 1fr);
  gap: 10px 14px;
  align-items: end;
}
.evrak-baslik-izgara > .form-alan,
.evrak-bolum .form-izgara > .form-alan {
  min-width: 0;
  display: grid;
  gap: 4px;
  align-content: start;
}
.evrak-baslik-izgara > .form-alan > label,
.evrak-bolum .form-alan > label {
  line-height: 1.2;
  min-height: 14px;
  margin: 0;
}
.evrak-baslik-izgara > .form-alan > select,
.evrak-baslik-izgara > .form-alan > input:not([type=hidden]),
.evrak-bolum .form-alan > select,
.evrak-bolum .form-alan > input:not([type=hidden]),
.evrak-bolum .secim-alan {
  width: 100%;
  min-height: 28px;
}
.evrak-grid-bolum {
  padding: 0 !important;
  overflow: hidden;
}
.evrak-grid-bolum .belge-grid { margin: 0; }
.evrak-toplam {
  display: grid;
  gap: 8px;
  background: #f7f9fc;
}
.evrak-toplam > .evrak-ad { margin-bottom: 0; }
.evrak-toplam .toplamlar,
.evrak-toplam .sade-toplam,
.sade-toplam {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 18px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
.evrak-toplam .toplamlar > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 88px;
}
.evrak-toplam .toplamlar > div > span:first-child,
.evrak-toplam .sade-toplam-ozet > span {
  font-size: 11px;
  font-weight: 650;
  color: #6b7c90;
}
.evrak-toplam .toplamlar > div > strong,
.evrak-toplam .sade-toplam-ozet strong {
  font-size: 13px;
  font-weight: 750;
  color: var(--yazi, #1a2332);
  font-variant-numeric: tabular-nums;
}
.evrak-toplam .toplamlar .genel,
.evrak-toplam .sade-toplam-ozet .genel {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: baseline;
  gap: 8px;
  margin-left: 0;
  padding: 6px 12px !important;
  border: 1px solid #c5d8f5;
  border-radius: 4px;
  background: #eef5ff !important;
  color: #0e2744 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  grid-column: auto !important;
  justify-content: flex-start !important;
}
.evrak-toplam .toplamlar .genel span:last-child,
.evrak-toplam .sade-toplam-ozet .genel strong {
  font-size: 15px;
  font-variant-numeric: tabular-nums;
}
.sade-toplam-ozet {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 18px;
  align-items: baseline;
  flex: 1 1 auto;
  min-width: 0;
}
.sade-toplam-ozet > span {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  white-space: nowrap;
}
.sade-iskonto {
  margin-left: auto !important;
  min-width: 96px;
  max-width: 120px;
}
.sade-iskonto input { min-height: 28px; width: 100%; }
.sade-detay {
  flex: 1 1 100%;
  border-top: 1px solid var(--cizgi);
  padding-top: 8px;
  margin: 0;
}
.sade-detay > summary {
  list-style: none;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  color: #4a5d73;
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.sade-detay > summary::-webkit-details-marker { display: none; }
.sade-detay > summary::after {
  content: "";
  display: inline-block;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #8a97a8;
}
.sade-detay[open] > summary::after {
  border-top: 0;
  border-bottom: 5px solid #8a97a8;
}
.sade-detay-govde {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  gap: 8px;
  padding-top: 8px;
}
.evrak-sonuc:empty { display: none; }
.evrak-sonuc { margin-top: 4px; font-size: 12px; font-weight: 650; }
@media (max-width: 1100px) {
  .evrak-baslik-izgara { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 700px) {
  .evrak-baslik-izgara { grid-template-columns: 1fr; }
  .sade-iskonto { margin-left: 0 !important; max-width: none; }
}
.secim-alan {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 28px;
  width: 100%;
  flex-wrap: wrap;
}
.secim-alan:has(> input) {
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 6px;
}
.secim-alan:has(> input) > input {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 28px;
  border-radius: var(--radius-sm);
}
.secim-alan:has(> input) > .btn,
.secim-alan > .btn-secim {
  flex: 0 0 32px;
  width: 32px;
  min-width: 32px;
  min-height: 28px;
  height: 28px;
  padding: 0;
  margin-left: 0;
  border-radius: var(--radius-sm);
  line-height: 1;
  font-size: 14px;
  font-weight: 700;
  box-sizing: border-box;
}
.secim-alan:has(> .btn-secim) { flex-wrap: nowrap; align-items: center; gap: 8px; }
.secim-alan > .secim-ozet,
.secim-alan > strong {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 12px;
  font-weight: 650;
  color: #2a3d55;
  white-space: normal;
  word-break: break-word;
  line-height: 1.35;
}
.secim-pencere {
  width: min(900px, 96vw);
  max-height: min(88vh, 760px);
  border: 1px solid #c8d0db;
  border-radius: 10px;
  padding: 0;
  color: var(--text-strong, #2d3748);
  background: #fff;
  box-shadow:
    0 0 0 1px rgba(30, 42, 54, .04),
    0 18px 48px rgba(30, 42, 54, .22),
    0 4px 12px rgba(30, 42, 54, .08);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.secim-pencere[open] { animation: secim-giris .18s var(--ease-out, ease) both; }
@keyframes secim-giris {
  from { opacity: .0; transform: translateY(8px) scale(.985); }
  to { opacity: 1; transform: none; }
}
.secim-pencere::backdrop {
  background:
    radial-gradient(120% 80% at 50% 0%, rgba(30, 42, 54, .18), transparent 55%),
    rgba(15, 23, 32, .52);
  backdrop-filter: blur(2px);
}
.secim-ust {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  padding: 16px 18px 14px;
  border-bottom: 1px solid #e4e9f0;
  background:
    linear-gradient(180deg, #f4f7fb 0%, #ffffff 100%);
}
.secim-ust-kimlik { display: flex; align-items: center; gap: 12px; min-width: 0; }
.secim-ikon {
  flex: 0 0 auto;
  width: 40px; height: 40px;
  display: grid; place-items: center;
  border-radius: 9px;
  color: #1e2a36;
  background: linear-gradient(160deg, #eef3f8, #dfe7f0);
  border: 1px solid #cfd8e3;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}
.secim-ikon--cari {
  color: #1a4d6d;
  background: linear-gradient(160deg, #e8f4f7, #d5e8ef);
  border-color: #c5dce6;
}
.secim-ust h2 {
  margin: 0 0 2px;
  font-family: var(--app-font), "IBM Plex Sans", sans-serif;
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: -.01em;
  color: #1e2a36;
  line-height: 1.25;
}
.secim-ust p {
  margin: 0;
  color: #6b7785;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
}
.secim-kapat-form { display: inline-flex; align-items: center; gap: 8px; margin: 0; }
.secim-kbd {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 28px; min-height: 22px; padding: 0 6px;
  border: 1px solid #d0d7e0; border-bottom-width: 2px; border-radius: 5px;
  background: #f7f9fc; color: #64748b;
  font-family: inherit; font-size: 10px; font-weight: 700; letter-spacing: .02em;
}
.secim-kapat {
  width: 34px; height: 34px; padding: 0;
  display: grid; place-items: center;
  border: 1px solid #d5dbe3; border-radius: 8px;
  background: #fff; color: #5a6572; cursor: pointer;
  transition: background var(--dur-fast), border-color var(--dur-fast), color var(--dur-fast);
}
.secim-kapat:hover { background: #f1f4f8; border-color: #b8c2ce; color: #1e2a36; }
.secim-ara { padding: 12px 18px 10px; background: #fff; }
.secim-ara-kutu {
  display: flex; align-items: center; gap: 10px;
  min-height: 44px; padding: 0 14px;
  border: 1px solid #c9d2dd; border-radius: 8px;
  background: #f7f9fc;
  transition: border-color var(--dur-fast), box-shadow var(--dur-fast), background var(--dur-fast);
}
.secim-ara-kutu:focus-within {
  background: #fff;
  border-color: #6184c3;
  box-shadow: 0 0 0 3px rgba(97, 132, 195, .18);
}
.secim-ara-ikon { flex: 0 0 auto; color: #8a96a5; }
.secim-ara-kutu:focus-within .secim-ara-ikon { color: #4a6fa5; }
.secim-ara input {
  flex: 1 1 auto; min-width: 0;
  border: 0; outline: 0; background: transparent;
  min-height: 40px; padding: 0;
  font-size: 14px; font-weight: 550; color: #1e2a36;
  font-family: inherit;
}
.secim-ara input::placeholder { color: #93a0af; font-weight: 500; }
.secim-baslik, .secim-satir {
  display: grid;
  grid-template-columns: 96px minmax(180px, 1.6fr) minmax(90px, 0.7fr) 88px;
  gap: 12px;
  align-items: start;
  padding: 11px 18px;
}
.secim-baslik {
  flex-shrink: 0;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #7a8694;
  border-bottom: 1px solid #e4e9f0;
  background: #f0f3f7;
  position: sticky;
  top: 0;
  z-index: 1;
}
.secim-liste {
  flex: 1 1 auto;
  min-height: 180px;
  max-height: min(46vh, 420px);
  overflow: auto;
  background: #fff;
  scrollbar-gutter: stable;
}
.secim-liste::-webkit-scrollbar { width: 8px; }
.secim-liste::-webkit-scrollbar-thumb { background: #c5ced9; border-radius: 8px; }
.secim-satir {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #eef1f5;
  background: #fff;
  text-align: left;
  cursor: pointer;
  font: inherit;
  color: #2d3748;
  font-weight: 550;
  transition: background var(--dur-fast);
}
.secim-satir:hover,
.secim-satir.aktif {
  background: #eef3f9;
}
.secim-satir:focus-visible {
  outline: 2px solid #6184c3;
  outline-offset: -2px;
  background: #e8f0fe;
}
.secim-satir:nth-child(even) { background: #fafbfc; }
.secim-satir:nth-child(even):hover,
.secim-satir:nth-child(even).aktif { background: #eef3f9; }
.secim-kod {
  display: inline-flex; align-items: flex-start;
  max-width: 100%; min-height: 24px; padding: 3px 8px;
  border-radius: 5px;
  background: #eef2f6; border: 1px solid #dde3eb;
  color: #334155; font-size: 11.5px; font-weight: 700;
  font-variant-numeric: tabular-nums; letter-spacing: .01em;
  word-break: break-word; white-space: normal; line-height: 1.3;
}
.secim-ad {
  display: flex; flex-direction: column; gap: 3px; min-width: 0;
}
.secim-ad strong {
  font-size: 13px; font-weight: 650; color: #1e2a36;
  white-space: normal; overflow: visible; text-overflow: unset;
  line-height: 1.35; word-break: break-word;
}
.secim-ad small {
  font-size: 11px; font-weight: 500; color: #7a8694;
  white-space: normal; overflow: visible; text-overflow: unset;
  line-height: 1.35; word-break: break-word;
}
.secim-meta {
  font-size: 12px; font-weight: 550; color: #5a6572;
  font-variant-numeric: tabular-nums;
  white-space: normal; overflow: visible; text-overflow: unset;
  word-break: break-word; line-height: 1.35;
}
.secim-satir .sayi {
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  font-size: 12.5px;
  color: #1e2a36;
  text-align: right;
  white-space: nowrap;
  padding-top: 2px;
}
.secim-satir .sayi.eksi { color: #b42318; }
.secim-satir .sayi.dusuk { color: #b54708; }
.secim-satir .sayi.sifir { color: #98a2b3; }
.secim-bos {
  display: grid; place-items: center; gap: 8px;
  min-height: 200px; padding: 32px 24px;
  color: #6b7785; text-align: center;
}
.secim-bos strong { font-size: 14px; font-weight: 650; color: #3d4a5c; }
.secim-bos span { font-size: 12px; font-weight: 500; max-width: 280px; line-height: 1.45; }
.secim-yukle {
  display: grid; place-items: center; min-height: 160px; color: #8a96a5; font-size: 12px; font-weight: 600;
}
.secim-alt {
  flex-shrink: 0;
  display: flex; justify-content: space-between; align-items: center; gap: 12px;
  padding: 10px 18px;
  border-top: 1px solid #e4e9f0;
  background: #f7f9fc;
  font-size: 11.5px; font-weight: 550; color: #6b7785;
}
.secim-sayac { font-weight: 650; color: #3d4a5c; }
.secim-ipucu { display: inline-flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.secim-ipucu kbd {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 20px; min-height: 18px; padding: 0 5px;
  border: 1px solid #d0d7e0; border-radius: 4px;
  background: #fff; color: #5a6572;
  font-family: inherit; font-size: 10px; font-weight: 700;
}
@media (max-width: 640px) {
  .secim-pencere { width: 96vw; max-height: 92vh; border-radius: 8px; }
  .secim-baslik, .secim-satir { grid-template-columns: 88px minmax(0, 1fr) 72px; gap: 8px; padding: 10px 14px; }
  .secim-baslik span:nth-child(3),
  .secim-satir > :nth-child(3):not(.sayi) { display: none; }
  .secim-pencere--stok .secim-baslik span:nth-child(3),
  .secim-pencere--stok .secim-satir > :nth-child(3) { display: none; }
  .secim-ipucu { display: none; }
  .secim-kbd { display: none; }
}
.modul { display: grid; gap: 6px; }
.modul { position: sticky; top: var(--ust-yukseklik); z-index: 15; }
.modul-banner {
  display: flex; justify-content: space-between; align-items: center; gap: 12px;
  background: linear-gradient(#f8f8f8, #e6e6e6); border: 1px solid #b9b9b9; border-bottom: 0; border-radius: 0; padding: 4px 8px;
}
.modul-banner strong { display: block; font-size: 12px; font-weight: 700; }
.modul-banner span, .modul-banner p { margin: 0; color: #333; font-size: 11px; font-weight: 600; }
.modul-kisayol { display: flex; flex-wrap: wrap; align-items: center; gap: 2px; background: #f3f3f3; border: 1px solid #b9b9b9; padding: 3px 4px; }
.modul-grup { font-size: 10px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #555; margin: 0 4px 0 8px; }
.modul-kisayol a, .izgara-arac button, .izgara-arac summary {
  display: inline-flex; align-items: center; min-height: 24px; padding: 0 8px;
  border: 1px solid #c5c5c5; border-radius: 2px; background: linear-gradient(#fff, #ececec); color: #1a1a1a;
  font-size: 12px; font-weight: 600; text-decoration: none; cursor: pointer;
}
.modul-kisayol a:hover, .izgara-arac button:hover { border-color: #7aa2ff; text-decoration: none; }
.modul-kisayol a.aktif { background: #0040ff; border-color: #0040ff; color: #fff; }
.izgara-arac, .gridlayout-arac { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding: 3px 6px; background: linear-gradient(#f7f7f7, #e9e9e9); border: 1px solid #c5c5c5; border-bottom: 0; }
.izgara-grup { display: inline-flex; align-items: center; gap: 3px; padding-right: 8px; border-right: 1px solid #c5c5c5; }
.izgara-arac input { min-height: 24px; width: min(220px, 42vw); background: #fff; }
.izgara-durum { margin-left: auto; font-size: 11px; font-weight: 700; color: #333; }
.izgara-arac button.aktif { background: #0040ff; color: #fff; border-color: #0040ff; }
.izgara-filtre input, .gridlayout-filtre-girdi { width: 100%; min-height: 22px; font-size: 11px; }
.kolon-menu { position: relative; }
.kolon-kutu { position: absolute; z-index: 8; right: 0; top: 26px; background: #fff; border: 1px solid #c5c5c5; padding: 6px 8px; display: grid; gap: 2px; min-width: 180px; box-shadow: 0 8px 18px rgba(0,0,0,.12); }
table.tablo th.sirali-artan::after { content: ""; display: inline-block; width: 0; height: 0; margin-left: 4px; vertical-align: .2em; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 5px solid #0040ff; }
table.tablo th.sirali-azalan::after { content: ""; display: inline-block; width: 0; height: 0; margin-left: 4px; vertical-align: .15em; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #0040ff; }
table.tablo.tablo-sik td, table.tablo.tablo-sik th { padding: 2px 4px; font-size: 11px; }
.kayit { display: grid; gap: 0; border: 1px solid #b9b9b9; background: #fff; }
.kayit-serit, .satir-serit { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; padding: 4px 8px; background: linear-gradient(#f8f8f8, #e6e6e6); border-bottom: 1px solid #c5c5c5; }
.kayit-serit strong { font-size: 12px; }
.kayit-serit span { color: #444; font-size: 12px; margin-right: auto; }
.kayit section { padding: 8px 10px 10px; border-bottom: 1px solid #e6e6e6; }
.kayit section h2 { margin: 0 0 6px; padding-left: 8px; border-left: 3px solid #0040ff; font-size: 12px; }
.kayit section:nth-of-type(2) h2 { border-left-color: #0f7a45; }
.kayit section:nth-of-type(3) h2 { border-left-color: #c2410c; }
.form-sik { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 6px 8px; }
.form-sik .form-alan label { font-size: 11px; }
.form-sik textarea { min-height: 48px; }
.kutu-satir { display: flex; align-items: center; min-height: 34px; }
.merkez { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(220px, 1fr); gap: 8px; align-items: start; }
.merkez-grup { padding: 8px; border: 1px solid #c5c5c5; background: #fff; }
.merkez-grup h2 { margin: 0 0 6px; font-size: 11px; letter-spacing: .05em; text-transform: uppercase; color: #0040ff; }
.merkez-grup.hareket h2 { color: #0f7a45; }
.merkez-grup.tanim h2 { color: #5b4b8a; }
.merkez-grup.rapor h2 { color: #c2410c; }
.merkez-grup.evrak h2 { color: #0b4f8a; }
.merkez-dugme { display: flex; flex-wrap: wrap; gap: 6px; }
.merkez-dugme a { display: inline-flex; align-items: center; gap: 6px; min-height: 34px; padding: 0 12px; border: 1px solid var(--cizgi); border-radius: 6px; background: #fff; color: inherit; text-decoration: none; }
.merkez-dugme a:hover { border-color: #0040ff; text-decoration: none; }
.merkez-dugme strong { font-size: 12px; }
.merkez-dugme span { font-size: 11px; color: #444; }
.kolon-tutamak { position: absolute; right: 0; top: 0; width: 6px; height: 100%; cursor: col-resize; }
table.tablo th { position: relative; background: #e7edf5; font-size: 12px; }
table.tablo { border-collapse: collapse; }
table.tablo th, table.tablo td { border-right: 1px solid var(--cizgi); }
html[data-tema="koyu"] .modul-banner, html[data-tema="koyu"] .modul-kisayol a { background: var(--kart); }
.serit-menu { position: relative; }
.serit-menu > summary { list-style: none; cursor: pointer; min-height: 26px; padding: 0 12px; display: inline-flex; align-items: center; gap: 6px; background: linear-gradient(#fff, #ececec); border: 1px solid #c5c5c5; font-size: 12px; font-weight: 750; color: #1a1a1a; }
.serit-menu > summary::-webkit-details-marker { display: none; }
.serit-menu > summary::after { content: ""; display: inline-block; width: 0; height: 0; margin-left: 6px; vertical-align: .2em; border-left: 3.5px solid transparent; border-right: 3.5px solid transparent; border-top: 4.5px solid #7b8ba0; }
.serit-menu[open] > summary { background: #0040ff; border-color: #0040ff; color: #fff; }
.serit-acilir { position: absolute; z-index: 40; top: calc(100% + 2px); left: 0; min-width: 220px; padding: 4px; background: #fff; border: 1px solid #b7c3d4; box-shadow: 0 12px 28px rgba(15, 23, 42, .18); display: grid; }
.modul-kisayol .serit-acilir a { display: flex; min-height: 30px; padding: 0 10px; border: 0; border-radius: 0; background: transparent; color: #142033; justify-content: flex-start; }
.modul-kisayol .serit-acilir a:hover { background: #eef3ff; color: #0040ff; }
.modul-kisayol .serit-acilir a.aktif { background: #e7eeff; color: #0040ff; }
.izgara-arac { background: #fff; border: 1px solid #c8d0dc; box-shadow: 0 1px 0 #fff inset; }
.izgara-grup { background: #f4f7fb; border: 1px solid #d5deea; border-right: 1px solid #d5deea; border-radius: 2px; padding: 2px; }
.izgara-durum { background: #0e2744; color: #fff; padding: 2px 8px; }
.tablo-sarmal { border: 1px solid #c8d0dc; background: #fff; max-height: min(64vh, 720px); overflow: auto; }
.tablo-sarmal thead th { position: sticky; top: 0; z-index: 2; }
.tablo-sarmal tbody tr:nth-child(even) { background: #f6f8fb; }
.tablo-sarmal td, .tablo-sarmal th { white-space: nowrap; }
dialog.islem-modal { position: fixed; inset: auto; top: 6vh; left: 50%; right: auto; bottom: auto; transform: translateX(-50%); margin: 0; border: 1px solid #c8d0dc; padding: 12px; width: min(480px, 94vw); max-height: min(86vh, 760px); overflow: auto; background: #fff; color: #111c2d; box-shadow: 0 18px 48px rgba(8, 20, 38, .28); }
dialog.islem-modal[open] { animation: none; }
dialog.islem-modal.genis, #kartModal { width: min(760px, 94vw); max-height: 90vh; }
.islem-modal::backdrop, #kartModal::backdrop { background: rgba(8, 20, 38, .48); }
.kart-modal-ust, .sekme-serit { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; padding: 6px 0; }
.sekme-serit button { border: 1px solid #c5c5c5; background: #f4f4f4; min-height: 28px; padding: 0 10px; font-weight: 700; }
.sekme-serit button.aktif { background: #0040ff; color: #fff; border-color: #0040ff; }
.sekme-panel { padding: 8px 0; }
.grup-kutu { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 6px; }
.hareket-satir { cursor: pointer; }
.hareket-ozet { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 12px; margin: 8px 0; }
.hareket-ozet span { display: block; font-size: 11px; color: #556; text-transform: uppercase; }
.kayit-cerceve { border: 1px solid #c8d0dc; background: #fff; padding: 8px 12px; }
@media (prefers-reduced-motion: reduce) {
  .karsilama, .kpi, .panel, .icerik-kart, form.filtre-kart, .grafik rect,
  .hizli-menu[open] menu, .arama-sonuc, .bildirim-liste, dialog[open] { animation: none; }
  .kpi:hover { transform: none; }
}

.yan { border-right: 1px solid var(--cizgi); box-shadow: none; }
.yan a { border-radius: 6px; min-height: 32px; }
.yan a.aktif { box-shadow: inset 3px 0 0 var(--bakir); }
.yan-akordeon { margin: 0; }
.yan-akordeon > summary {
  list-style: none; cursor: pointer; display: flex; align-items: center; gap: 10px;
  min-height: 32px; padding: 4px 8px; border-radius: 6px; font-weight: 650; font-size: 12.5px; color: var(--yan-yazi);
}
.yan-akordeon > summary::-webkit-details-marker { display: none; }
.yan-akordeon > summary::after { content: ""; display: inline-block; width: 0; height: 0; margin-left: auto; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 5px solid #7b8ba0; }
.yan-akordeon[open] > summary::after { content: ""; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #7b8ba0; border-bottom: 0; }
.yan-akordeon.aktif > summary, .yan-akordeon > summary:hover { background: var(--kagit); color: var(--yazi); }
.yan-akordeon.aktif > summary { background: var(--bakir-soluk); color: var(--bakir); box-shadow: inset 3px 0 0 var(--bakir); }
.yan-akordeon:not([open]) > .yan-alt { display: none; }
.yan-alt { display: grid; gap: 2px; padding: 2px 0 4px 14px; }
.yan-alt a, .yan-alt button {
  display: flex; align-items: center; width: 100%; min-height: 30px; padding: 4px 8px;
  border: 0; border-radius: 6px; background: transparent; color: var(--yan-yazi);
  font: inherit; font-size: 12px; font-weight: 650; text-align: left; text-decoration: none; cursor: pointer;
}
.yan-alt a:hover, .yan-alt button:hover { background: var(--kagit); color: var(--yazi); text-decoration: none; }
.yan-alt a.aktif { background: var(--bakir-soluk); color: var(--bakir); }
.fiyat-cekmece {
  position: fixed; top: 0; right: 0; bottom: 0; z-index: 45; width: min(460px, 100vw);
  display: flex; flex-direction: column; background: #fff; color: var(--yazi);
  border-left: 1px solid var(--cizgi); box-shadow: -16px 0 40px rgba(14, 39, 68, .16);
}
.fiyat-cekmece[hidden] { display: none; }
.fiyat-cekmece-ust, .fiyat-cekmece-alt { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; border-bottom: 1px solid var(--cizgi); }
.fiyat-cekmece-alt { border-bottom: 0; border-top: 1px solid var(--cizgi); }
.fiyat-cekmece-ust strong { display: block; font-size: 15px; }
.fiyat-cekmece-ust span { color: var(--soluk); font-size: 12px; }
.fiyat-ara { position: relative; padding: 12px 16px 0; }
.fiyat-ara input { width: 100%; }
.fiyat-oneri { position: absolute; z-index: 2; left: 16px; right: 16px; top: calc(100% - 2px); background: #fff; border: 1px solid var(--cizgi); border-radius: 8px; box-shadow: 0 12px 28px rgba(15, 23, 42, .12); max-height: 240px; overflow: auto; }
.fiyat-oneri:empty { display: none; }
.fiyat-oneri button { display: flex; width: 100%; min-height: 36px; padding: 6px 10px; border: 0; background: #fff; text-align: left; font: inherit; cursor: pointer; }
.fiyat-oneri button:hover { background: var(--bakir-soluk); }
.fiyat-liste { flex: 1; overflow: auto; padding: 12px 16px; display: grid; gap: 8px; align-content: start; }
.fiyat-satir { display: grid; grid-template-columns: minmax(0, 1fr) 120px 32px; gap: 8px; align-items: center; padding: 8px; border: 1px solid var(--cizgi); border-radius: 8px; }
.fiyat-satir strong { display: block; font-size: 12.5px; }
.fiyat-satir small { color: var(--soluk); }
.stok-kart { display: flex; flex-direction: column; min-height: 0; }
.stok-kart-baslik {
  display: flex; justify-content: space-between; align-items: center; gap: 12px;
  margin: -12px -16px 12px; padding: 14px 16px; background: #0e2744; color: #fff; border-radius: 12px 12px 0 0;
}
.stok-kart-baslik strong { display: block; font-size: 16px; }
.stok-kart-baslik span { color: #c5d4ea; font-size: 12px; }
.stok-kart-eylem { display: flex; gap: 8px; }
.stok-kart .sekme-serit { gap: 0; border-bottom: 1px solid var(--cizgi); padding: 0; }
.stok-kart .sekme-serit button { border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent; color: var(--soluk); min-height: 36px; }
.stok-kart .sekme-serit button.aktif { background: transparent; color: #0040ff; border-color: #0040ff; }
.stok-kart .sekme-panel { padding: 14px 2px 4px; }
.stok-kart .form-alan label { font-size: 11px; font-weight: 700; color: #3e4c5e; }
#kartModal:has(.stok-kart) { width: min(920px, 96vw); max-width: min(920px, 96vw); padding: 12px 16px 16px; border: 0; border-radius: 12px; }
.stok-kart-eylem .btn-outline-secondary { color: #fff; border-color: rgba(255,255,255,.45); background: transparent; }
.stok-kart-eylem .btn-outline-secondary:hover { background: rgba(255,255,255,.12); color: #fff; }
.marka { padding: 14px 14px 6px; font-size: 14px; }
.damga { border-radius: 8px; }
.sayfa { padding: 12px 16px 24px; gap: 10px; background: var(--kagit); }
.kart, .panel, .evrak-bolum, .filtre-kart, .icerik-kart, .merkez-grup, .kayit, .kayit-cerceve {
  border: 1px solid var(--cizgi);
  border-radius: 8px;
  box-shadow: none;
}
.panel { border-radius: 8px; }
.sayfa-ust, .modul-kisayol, .kayit-serit, .satir-serit, .izgara-arac, .toplu {
  background: #fff;
  border-color: var(--cizgi);
  background-image: none;
}
.sayfa-ust { border-radius: var(--radius-md); padding: 8px 10px; min-height: 40px; justify-content: flex-start; }
.sayfa-ust:not(:has(.btn, button, a, h1)) { display: none; }
.sayfa-baslik-govde { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.sayfa-baslik-ust { display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; }
.is-oncelik .is-liste { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.is-oncelik .is-liste li { min-height: 48px; border-right: 1px solid var(--cizgi); }
.bolge-2:has(> :only-child) { grid-template-columns: 1fr; }
.satir-islem {
  width: 1%;
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
  overflow: visible;
}
.satir-menu {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.satir-menu > summary {
  list-style: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 32px;
  min-width: 88px;
  padding: 0 12px;
  border: 1px solid #c5ced9;
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff 0%, #f3f6fa 100%);
  box-shadow: 0 1px 0 rgba(15, 23, 42, .04);
  color: #1f2937;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .01em;
  white-space: nowrap;
  user-select: none;
}
.satir-menu > summary::-webkit-details-marker { display: none; }
.satir-menu > summary::after {
  content: "";
  display: inline-block;
  width: 0; height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #64748b;
}
.satir-menu[open] > summary {
  border-color: var(--primary, #0072ff);
  background: #eef4ff;
  color: #0f2744;
  box-shadow: inset 0 0 0 1px rgba(0, 114, 255, .14);
}
.satir-menu[open] > summary::after { border-top-color: var(--primary, #0072ff); }
.satir-menu > summary:hover {
  border-color: #9aa8bc;
  background: #f8fafc;
}
.satir-menu[open] { z-index: 200; position: relative; }
.satir-menu > div {
  position: absolute;
  z-index: 220;
  right: 0;
  top: calc(100% + 4px);
  bottom: auto;
  min-width: 200px;
  max-height: min(280px, 50vh);
  overflow: auto;
  padding: 6px;
  background: #fff;
  border: 1px solid #d5dbe3;
  border-radius: 10px;
  box-shadow: 0 14px 32px rgba(15, 23, 42, .22);
  display: grid;
  gap: 2px;
}
tr:last-child .satir-menu > div,
tr:nth-last-child(-n+2) .satir-menu > div {
  top: auto;
  bottom: calc(100% + 4px);
}
.satir-menu a,
.satir-menu button {
  display: flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border: 0;
  background: transparent;
  color: var(--yazi, #1f2937);
  text-decoration: none;
  text-align: left;
  width: 100%;
  font: inherit;
  font-size: 12px;
  font-weight: 650;
  border-radius: 7px;
  cursor: pointer;
}
.satir-menu a:hover,
.satir-menu button:hover {
  background: var(--bakir-soluk, #eef4ff);
  color: var(--bakir, #0040ff);
}
.satir-menu .menu-ayir,
.satir-menu form:has(button.tehlike):not(:first-child) {
  margin-top: 4px;
  padding-top: 4px;
  border-top: 1px solid #e8edf3;
}
.satir-menu form:has(button.tehlike):first-child + * {
  margin-top: 4px;
  padding-top: 4px;
  border-top: 1px solid #e8edf3;
}
.satir-menu a.tehlike,
.satir-menu button.tehlike {
  color: #b42318 !important;
  font-weight: 750;
  background: #fff5f5 !important;
  border: 1px solid #f3c1c1 !important;
  margin-top: 2px;
}
.satir-menu a.tehlike:hover,
.satir-menu button.tehlike:hover {
  background: #fdecec !important;
  color: #912018 !important;
  border-color: #e9a2a2 !important;
}
.satir-menu:has(.tehlike) > summary {
  border-color: #d8dee8;
}
.satir-menu:has(.tehlike) > summary::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #b42318;
  flex: 0 0 auto;
}
.satir-menu form { margin: 0; display: grid; }
.satir-menu label { font-size: 11px; font-weight: 700; color: var(--soluk); padding: 6px 10px 0; }
.satir-menu select,
.satir-menu input[type="text"],
.satir-menu input:not([type="hidden"]) {
  width: calc(100% - 16px);
  margin: 4px 8px 0;
  min-height: 32px;
}
table.gridlayout td.satir-islem,
.gridlayout-kabuk,
.gridlayout-govde,
.gridlayout-sarmal {
  overflow: visible;
}
.modul { gap: 8px; background: transparent; border: 0; border-radius: 0; overflow: visible; }
.modul-banner {
  border: 1px solid #c5d4f5;
  border-left: 4px solid #0040ff;
  border-radius: 8px;
  padding: 12px 16px;
  background: linear-gradient(90deg, #e7eeff 0%, #f8faff 48%, #fff 100%);
  color: #0e2744;
}
.modul-banner strong { font-size: 16px; letter-spacing: -.02em; color: #0e2744; font-weight: 750; }
.modul-banner span, .modul-banner p { color: #3e4c5e; font-size: 12px; font-weight: 500; }
.modul-kisayol {
  border: 1px solid var(--cizgi);
  border-radius: 8px;
  padding: 6px 8px;
  gap: 6px;
  background: #fff;
}
.serit-menu > summary, .izgara-arac button, .izgara-arac summary, .modul-kisayol > a {
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid var(--cizgi);
  border-radius: 6px;
  background: #fff;
  color: var(--yazi);
  font-weight: 650;
}
.serit-menu[open] > summary, .modul-kisayol a.aktif, .izgara-arac button.aktif {
  background: var(--bakir);
  border-color: var(--bakir);
  color: #fff;
}
.serit-acilir { border-radius: 8px; padding: 6px; border-color: var(--cizgi); }
.modul-kisayol .serit-acilir a { border-radius: 6px; }
.izgara-arac, .gridlayout-arac { border: 0; border-bottom: 1px solid var(--cizgi); padding: 8px 10px; gap: 6px; box-shadow: none; }
.izgara-grup { background: transparent; border: 0; border-right: 1px solid var(--cizgi); border-radius: 0; padding: 0 8px 0 0; }
.izgara-durum { background: var(--bakir-soluk); color: var(--bakir-koyu); border-radius: 999px; padding: 3px 10px; }
.icerik-kart { border-radius: 8px; }
.tablo-sarmal { border: 0; max-height: min(64vh, 720px); }
table.tablo th, table.tablo td { border-right: 0; }
table.tablo th { background: #f4f7fb; color: #3e4c5e; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
table.tablo tbody tr:nth-child(even) td { background: #f8fafc; }
.btn, .ikon-btn { border-radius: 6px; }
.btn { min-height: 32px; }
.ust select, .form-alan input, .form-alan select, .form-alan textarea, .filtre input, .filtre select, .kart input, .kart select, .kart textarea, .izgara-arac input {
  border-radius: 6px;
  border-color: var(--cizgi);
  min-height: 32px;
}
/* sube-kutu stilleri üstte (tek çatı) */
.merkez { grid-auto-flow: column; grid-auto-columns: minmax(220px, 1fr); gap: 8px; }
@media (max-width: 820px) { .merkez { grid-auto-flow: row; } }
.merkez-grup { padding: 10px 12px; }
.merkez-grup h2 { font-size: 11px; margin: 0 0 8px; }
.merkez-dugme a { min-height: 32px; padding: 0 10px; font-weight: 650; }
.merkez-dugme a:hover { background: var(--bakir-soluk); border-color: #b9c9ff; text-decoration: none; }
.merkez-dugme strong { font-size: 12.5px; font-weight: 650; }
.merkez-dugme span { display: none; }
.eylem-menu { position: relative; display: inline-flex; align-items: center; }
.eylem-menu > summary {
  list-style: none; cursor: pointer; min-height: 32px; padding: 0 12px;
  border: 1px solid var(--cizgi); border-radius: 6px; background: #fff;
  display: inline-flex; align-items: center; font-weight: 650; color: var(--yazi);
}
.eylem-menu > summary::-webkit-details-marker { display: none; }
.eylem-menu > summary::after { content: ""; display: inline-block; width: 0; height: 0; margin-left: 6px; vertical-align: .2em; border-left: 3.5px solid transparent; border-right: 3.5px solid transparent; border-top: 4.5px solid #7b8ba0; }
.eylem-menu[open] > summary { border-color: #0040ff; color: #0040ff; }
.eylem-menu > div {
  position: absolute; z-index: 60; right: 0; top: calc(100% + 4px);
  display: grid; gap: 2px; min-width: 200px; max-width: min(280px, 90vw); padding: 6px;
  background: #fff; border: 1px solid var(--cizgi); border-radius: 8px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .18);
}
.eylem-menu .btn, .eylem-menu a, .eylem-menu button,
.izgara-arac .eylem-menu button, .izgara-ek-menu button {
  justify-content: flex-start; width: 100%; min-height: 32px;
  border: 0; border-radius: 6px; background: transparent; color: var(--yazi);
  font: inherit; font-size: 12px; font-weight: 650; text-align: left; cursor: pointer;
  box-shadow: none;
}
.eylem-menu button:hover, .eylem-menu a:hover,
.izgara-arac .eylem-menu button:hover, .izgara-ek-menu button:hover {
  background: var(--bakir-soluk); color: var(--bakir); text-decoration: none; border-color: transparent;
}
.eylem-menu button.aktif, .izgara-ek-menu button.aktif { background: var(--bakir-soluk); color: var(--bakir); }
.izgara-ara { flex: 1; min-width: 180px; display: flex; }
.izgara-ara input { width: 100%; background: #fff; }
.izgara-arac { position: relative; z-index: 4; overflow: visible; }
.izgara-arac .izgara-ek { flex: none; }
.izgara-arac .izgara-ek > summary {
  min-height: 32px; padding: 0 12px; border: 1px solid var(--cizgi); border-radius: 6px;
  background: #fff; box-shadow: none; font-weight: 650;
}
.izgara-arac .izgara-ek[open] > summary { background: #fff; border-color: #0040ff; color: #0040ff; }
.izgara-ek > .izgara-ek-menu {
  position: fixed; left: auto; right: auto; top: auto; z-index: 80;
  min-width: 220px; max-height: min(70vh, 420px); overflow: auto;
}
.izgara-ek .kolon-kutu {
  position: static; border: 0; border-top: 1px solid var(--cizgi); box-shadow: none;
  min-width: 0; margin-top: 4px; padding: 6px 2px 2px; display: grid; gap: 2px;
}
.izgara-ek .kolon-kutu::before {
  content: "Kolonlar"; display: block; margin: 0 8px 4px; font-size: 10px;
  font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--soluk);
}
.izgara-ek .kolon-kutu label {
  display: flex; align-items: center; gap: 8px; min-height: 28px; padding: 0 8px;
  border-radius: 6px; font-size: 12px; font-weight: 650; cursor: pointer;
}
.izgara-ek .kolon-kutu label:hover { background: var(--kagit); }
.izgara-ek .kolon-kutu input { width: auto; min-height: 0; margin: 0; }
.sayfa { gap: 8px; }
.kpi { box-shadow: none; }
.modul-banner span { max-width: 520px; }
.karsilama { border-radius: 8px; background: #0e2744; }
.karsilama-olcu span { border-radius: 6px; }
.kpi { border-radius: 8px; }
.filtre-ek summary, .sayfalama a, .sayfalama span { border-radius: 6px; }
.karsilama, .kpi, .panel, .icerik-kart, form.filtre-kart { animation: none; }
html[data-tema="koyu"] .eylem-menu > div, html[data-tema="koyu"] .izgara-ek-menu { background: var(--kart); border-color: #2a4666; }
html[data-tema="koyu"] .fiyat-cekmece, html[data-tema="koyu"] .fiyat-oneri, html[data-tema="koyu"] .fiyat-oneri button { background: var(--kart); color: var(--yazi); }
html[data-tema="koyu"] .modul-banner { background: #16324f; border-color: #2a4666; color: #f4f8fc; }
html[data-tema="koyu"] .modul-banner strong { color: #fff; }
html[data-tema="koyu"] .modul-banner span, html[data-tema="koyu"] .modul-banner p { color: #c5d4ea; }
html[data-tema="koyu"] .sayfa-ust,
html[data-tema="koyu"] .modul-kisayol,
html[data-tema="koyu"] .izgara-arac,
html[data-tema="koyu"] .gridlayout-arac,
html[data-tema="koyu"] .serit-menu > summary,
html[data-tema="koyu"] table.tablo th { background: var(--kart); color: var(--yazi); }
html[data-tema="koyu"] table.gridlayout thead tr.gridlayout-filtre th { background: #1a2f48; }
html[data-tema="koyu"] .gridlayout-filtre-girdi { background: #122436; border-color: #2a4666; color: var(--yazi); }
html[data-tema="koyu"] .gridlayout-islem > button { background: var(--kart); border-color: #2a4666; color: var(--yazi); }

.app.dar .yan-mini { display: none; }
.ust-ara {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  max-width: 420px;
  min-width: min(220px, 28vw);
  margin-left: 8px;
  margin-right: auto;
  padding: 0 10px;
  min-height: 34px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 8px;
  background: rgba(255,255,255,.08);
  color: #d7e3f4;
  cursor: pointer;
  font: inherit;
  font-weight: 600;
}
.ust-ara span { flex: 1; text-align: left; opacity: .82; }
.ust-ara kbd {
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 5px;
  padding: 1px 6px;
  font-size: 10px;
  font-weight: 700;
  color: #c5d4ea;
}
.ust-ara:hover { background: rgba(255,255,255,.14); color: #fff; }
.zil-btn { position: relative; }
.zil-rozet {
  position: absolute;
  top: 2px;
  right: 2px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 999px;
  background: #e11d48;
  color: #fff;
  font-size: 9px;
  font-weight: 800;
  display: grid;
  place-items: center;
}
.yan-mini { display: grid; gap: 2px; padding: 0 0 8px; }
.yan-mini a {
  min-height: 28px;
  font-size: 12px;
  font-weight: 600;
  color: var(--soluk);
}
.yan-mini a span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.komut-paleti {
  width: min(640px, 94vw);
  padding: 0;
  border: 1px solid var(--cizgi);
  border-radius: 14px;
  background: var(--kart);
  color: var(--yazi);
  box-shadow: 0 24px 64px rgba(8, 20, 38, .32);
  top: 12vh;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
}
.komut-paleti::backdrop { background: rgba(8, 20, 38, .48); }
.komut-ust {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--cizgi);
}
.komut-ust input {
  flex: 1;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 15px;
  min-height: 36px;
  outline: none;
}
.komut-ust kbd {
  border: 1px solid var(--cizgi);
  border-radius: 6px;
  padding: 2px 6px;
  font-size: 11px;
  color: var(--soluk);
}
.komut-liste { max-height: min(52vh, 420px); overflow: auto; padding: 6px; }
.komut-grup {
  padding: 8px 10px 4px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--soluk);
}
.komut-satir {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 8px;
  align-items: center;
  width: 100%;
  padding: 8px 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: inherit;
  text-align: left;
  font: inherit;
  cursor: pointer;
}
.komut-satir small { display: block; color: var(--soluk); font-weight: 600; }
.komut-satir em { font-style: normal; font-size: 11px; font-weight: 700; color: var(--bakir); }
.komut-satir:hover, .komut-satir.secili { background: var(--bakir-soluk); }
.karsilama-eylem { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.karsilama-chip {
  min-height: 32px;
  padding: 0 10px;
  border-radius: 6px;
  background: rgba(255,255,255,.14);
  color: #fff;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}
.karsilama-chip:hover { background: rgba(255,255,255,.24); color: #fff; text-decoration: none; }
.karsilama-olcu .bakiye-arti, .karsilama-olcu .bakiye-eksi { color: inherit; }
a.kpi { text-decoration: none; color: inherit; }
a.kpi:hover { text-decoration: none; }
.is-liste li.is-var a { color: var(--tehlike); }
.donem-serit { display: flex; gap: 4px; align-items: center; margin-right: 8px; }
.donem-serit a {
  min-height: 32px;
  padding: 0 10px;
  border: 1px solid var(--cizgi);
  border-radius: 6px;
  background: #fff;
  color: var(--yazi);
  font-weight: 650;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}
.donem-serit a:hover { border-color: var(--bakir); color: var(--bakir); text-decoration: none; }
.kisayol-liste { display: grid; gap: 2px; }
.liste-etiket {
  margin: 8px 0 2px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--soluk);
}
.kisayol-satir {
  display: flex;
  align-items: center;
  min-height: 36px;
  padding: 0 8px;
  border-radius: 6px;
  color: var(--yazi);
  font-weight: 650;
  text-decoration: none;
}
.kisayol-satir:hover { background: var(--bakir-soluk); color: var(--bakir); text-decoration: none; }
.kisayol-satir span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-yogun="sik"] table.tablo th, html[data-yogun="sik"] table.tablo td { padding: 3px 6px; font-size: 12px; }
html[data-yogun="sik"] .sayfa { padding: 8px 12px 16px; gap: 8px; }
html[data-tema="koyu"] .ust-ara { background: rgba(255,255,255,.06); }
html[data-tema="koyu"] .donem-serit a, html[data-tema="koyu"] .karsilama-chip { background: var(--kart); }
@media (max-width: 1100px) {
  .ust-ara { display: none; }
  .karsilama-eylem { justify-content: flex-end; }
}

/* Masaüstü ERP kabuğu */
.app-masaustu .ust-uygulama {
  color: #f4f7fb; font-size: 13px; font-weight: 800; letter-spacing: -.02em; white-space: nowrap;
}
.app-masaustu .ust-baslik { display: none; }
.belge-sekmeler { display: none !important; }
.belge-sekmeler-legacy {
  display: flex; gap: 0; flex: none; overflow-x: auto; background: #e8eef5;
  border-bottom: 1px solid var(--cizgi); min-height: 30px; padding: 0 4px;
}
.belge-sekme {
  display: inline-flex; align-items: center; gap: 6px; min-height: 28px; margin-top: 2px;
  padding: 0 8px 0 10px; border: 1px solid transparent; border-bottom: 0; border-radius: 6px 6px 0 0;
  background: transparent; color: #42566e; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; white-space: nowrap;
}
.belge-sekme:hover { background: rgba(255,255,255,.7); color: #0e2744; }
.belge-sekme.aktif { background: #fff; color: #0e2744; border-color: var(--cizgi); box-shadow: inset 0 2px 0 #0040ff; }
.belge-sekme-kapat {
  display: grid; place-items: center; width: 16px; height: 16px; border-radius: 4px;
  font-size: 14px; line-height: 1; color: #7b8ba0;
}
.belge-sekme-kapat:hover { background: #fee2e2; color: #b42318; }
.belge-alani { flex: 1; min-height: 0; overflow: auto; position: relative; background: var(--kagit); }
.belge-alani > .sayfa { min-height: 100%; }
.belge-panel { display: none; height: 100%; overflow: auto; }
.belge-panel.aktif { display: block; }
.durum-cubugu {
  display: flex; align-items: center; gap: 16px; flex: none; min-height: 24px;
  padding: 0 10px; background: #0e2744; color: #c5d4ea; font-size: 11px; font-weight: 650;
  border-top: 1px solid #16324f;
}
.durum-cubugu span:first-child { color: #fff; }
.durum-cubugu span:last-child { margin-left: auto; }
.app-masaustu .modul-banner, .app-masaustu .merkez, .app-masaustu .yan-kullanici { display: none !important; }
.app-masaustu .modul { position: static; top: auto; gap: 0; margin: 0; }
.belge-arac {
  display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
  min-height: 30px; padding: 2px 8px; background: #f7f9fc;
  border-bottom: 1px solid var(--cizgi);
}
.belge-arac-baslik {
  font-size: 11px; font-weight: 800; color: #6b7c90; min-width: 40px;
  padding-right: 6px; border-right: 1px solid #e0e6ee; text-transform: uppercase;
  letter-spacing: .04em;
}
.belge-arac .modul-grup { display: none !important; }
.belge-arac .modul-kisayol {
  flex: 1; display: flex; flex-wrap: wrap; align-items: center; gap: 4px;
  border: 0; background: transparent; padding: 0; min-height: 0; box-shadow: none;
}
.belge-arac .serit-menu > summary,
.belge-arac .modul-kisayol > a {
  min-height: 26px; padding: 0 8px; border: 1px solid transparent; border-radius: 4px;
  background: transparent; font-size: 12px; font-weight: 650; color: #2a3d55;
}
.belge-arac .modul-kisayol > a:hover,
.belge-arac .serit-menu > summary:hover { background: #fff; border-color: #c5d0de; text-decoration: none; }
.belge-arac .modul-kisayol > a.aktif,
.belge-arac .serit-menu[open] > summary {
  background: #fff; border-color: #0040ff; color: #0040ff; box-shadow: none;
}
.belge-arac .serit-acilir { top: calc(100% + 2px); }
.app-masaustu .sayfa { padding: 8px 12px 12px; gap: 8px; background: #fff; }
.app-masaustu .sayfa-ust {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  min-height: 36px; margin: 0; padding: 0 0 8px; border-bottom: 1px solid var(--cizgi);
  background: transparent; box-shadow: none;
}
.app-masaustu .sayfa-ust .kirinti { display: inline-flex; }
.app-masaustu .sayfa-ust p { display: block; max-width: 52ch; }
.app-masaustu .sayfa-ust h1 {
  position: static; width: auto; height: auto; overflow: visible; clip: auto;
  margin: 0; font-size: 14px; font-weight: 750; color: var(--text);
}
.app-masaustu .sayfa-ust:not(:has(.btn, button, a, h1)) { display: flex; }
.app-masaustu .sayfa-ust > div:first-child { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; }
.belge-arac .modul-grup {
  margin-left: 10px; padding-left: 8px; border-left: 1px solid #c5d0de;
  color: #6b7c90; font-size: 10px; letter-spacing: .03em;
}
.belge-arac .modul-grup:first-child { margin-left: 0; padding-left: 0; border-left: 0; }
.app-masaustu .sayfa-eylem { margin-left: auto; display: flex; flex-wrap: wrap; gap: 4px; justify-content: flex-end; }
.app-masaustu .sayfa-eylem .btn { min-height: 28px; padding: 0 10px; font-size: 12px; }
.app-masaustu .filtre-kart, .app-masaustu form.filtre {
  display: flex; flex-wrap: wrap; gap: 6px; align-items: end;
  margin: 0; padding: 6px 8px; border: 1px solid var(--cizgi); border-radius: 0;
  background: #f8fafc; box-shadow: none;
}
.app-masaustu .filtre-kart .form-alan { margin: 0; }
.app-masaustu .filtre-kart label { font-size: 10px; }
.app-masaustu .icerik-kart {
  border: 1px solid var(--cizgi); border-radius: 0; box-shadow: none; padding: 0; overflow: hidden;
}
.app-masaustu .tablo-sarmal { border: 0; max-height: none; }
.app-masaustu table.tablo { margin: 0; }
.app-masaustu .modul-sekme {
  display: flex; gap: 0; margin: 0 0 6px; border-bottom: 1px solid var(--cizgi);
}
.app-masaustu .modul-sekme a {
  min-height: 28px; padding: 0 12px; border: 0; border-bottom: 2px solid transparent;
  border-radius: 0; background: transparent; font-weight: 650; color: #556;
}
.app-masaustu .modul-sekme a.aktif { border-color: #0040ff; color: #0040ff; background: transparent; }
.app-masaustu .izgara-arac,
.app-masaustu .gridlayout-arac {
  border: 0; border-bottom: 1px solid var(--cizgi); background: #f7f9fc; padding: 4px 8px;
}
.app-masaustu table.gridlayout thead tr.gridlayout-filtre th { background: #e8eef6; padding: 3px 4px; }
.app-masaustu .gridlayout-filtre-girdi { min-height: 24px; font-size: 11px; border-radius: 3px; }
.masa-gosterge { display: grid; gap: 10px; }
.masa-gosterge-ust {
  display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;
  padding-bottom: 8px; border-bottom: 1px solid var(--cizgi);
}
.masa-gosterge-ust .kirinti { font-size: 11px; font-weight: 650; color: var(--text-muted); }
.masa-gosterge-ust h1 { margin: 0; font-size: 15px; font-weight: 750; }
.masa-gosterge-ust span { color: var(--soluk); font-size: 12px; font-weight: 550; }
.masa-gosterge-islem { display: flex; flex-wrap: wrap; gap: 4px; }
.masa-gosterge-islem .btn { min-height: 28px; padding: 0 10px; }
.masa-ozet {
  display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px;
}
.masa-ozet a {
  display: grid; gap: 2px; padding: 8px 10px; border: 1px solid var(--cizgi);
  background: #f8fafc; color: inherit; text-decoration: none; border-radius: 4px;
}
.masa-ozet a:hover { border-color: #0040ff; text-decoration: none; }
.masa-ozet span { font-size: 11px; color: var(--soluk); font-weight: 700; }
.masa-ozet strong { font-size: 15px; }
.masa-iki { display: grid; grid-template-columns: 1.1fr .9fr; gap: 8px; }
.masa-panel { margin: 0; border-radius: 4px; box-shadow: none; }
.masa-panel .panel-bas { padding: 6px 10px; }
.masa-panel .panel-bas h2 { font-size: 12px; margin: 0; }
.masa-kpi { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 6px; }
.masa-kpi .kpi {
  padding: 8px 10px; border-radius: 4px; box-shadow: none; min-height: 0;
  display: grid; gap: 2px;
}
.masa-kpi .kpi span { font-size: 11px; color: var(--soluk); }
.masa-kpi .kpi strong { font-size: 14px; }
.masa-kpi .kpi-ikon, .masa-kpi .kpi-ust, .masa-kpi .trend { display: none; }
.masa-detay {
  border: 1px solid var(--cizgi); border-radius: 4px; background: #fff; padding: 0;
}
.masa-detay > summary {
  list-style: none; cursor: pointer; min-height: 34px; padding: 0 12px;
  display: flex; align-items: center; font-weight: 700; font-size: 12px; color: #2a3d55;
}
.masa-detay > summary::-webkit-details-marker { display: none; }
.masa-detay[open] > summary { border-bottom: 1px solid var(--cizgi); }
.masa-detay .filtre-kart, .masa-detay .tablo { margin: 8px; width: calc(100% - 16px); }
/* Ortak belge satır grid (alış/satış/sipariş/irsaliye/depo/üretim) */
.belge-grid { display: grid; gap: 0; }
.belge-grid-arac {
  display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
  min-height: 32px; padding: 4px 6px; background: #fff;
  border: 1px solid var(--cizgi); border-bottom: 0;
}
.belge-grid-arac .evrak-ad, .belge-grid-ipucu { display: none; }
.belge-grid-arac-sag { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; justify-content: flex-end; width: 100%; }
.belge-grid-adet { font-size: 11px; font-weight: 700; color: #6b7c90; }
.app-masaustu .evrak-baslik .secim-alan input#barkod { flex: 1; min-width: 0; }
.belge-grid-sarmal { border: 1px solid var(--cizgi); max-height: min(52vh, 560px); overflow: auto; }
.belge-grid-tablo { margin: 0; width: 100%; border: 0; }
.belge-grid-tablo thead th {
  position: sticky; top: 0; z-index: 2; background: #f3f6fa;
  border-bottom: 1px solid var(--cizgi); font-size: 11px; padding: 5px 6px;
}
.belge-grid-tablo td { padding: 2px 4px; vertical-align: middle; }
.belge-grid-tablo td input.sayi,
.belge-grid-tablo td input.belge-grid-kod,
.belge-grid-tablo td input:not([type=hidden]) {
  width: 100%; min-height: 26px; border: 1px solid transparent; background: transparent;
  padding: 2px 4px; font: inherit; font-variant-numeric: tabular-nums;
}
.belge-grid-tablo td input:focus {
  outline: none; border-color: #0040ff; background: #fff; box-shadow: inset 0 0 0 1px #0040ff;
}
.belge-grid-tablo tr.aktif-satir td { background: #eaf1ff; }
.belge-grid-tablo tr.belge-grid-bos td { background: #fafbfc; }
.belge-grid-sira { width: 36px; color: #6b7c90; font-size: 11px; font-weight: 700; text-align: right; }
.belge-grid-urun { min-width: 180px; }
.belge-grid-urun strong { font-size: 12px; }
.belge-grid-urun small { color: #6b7c90; }
.belge-grid-tutar { font-weight: 700; white-space: nowrap; }
.belge-grid-islem { white-space: nowrap; width: 1%; }
.belge-grid-islem .btn { min-height: 24px; padding: 0 6px; }
.app-masaustu .evrak-grid-bolum { padding: 0 !important; border: 0 !important; background: transparent !important; }
.app-masaustu .masa-evrak { gap: 6px; }
.app-masaustu .sade-evrak .evrak-baslik { padding: 10px 12px; border-radius: 0; }
.app-masaustu .sade-evrak .evrak-baslik-izgara {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1.35fr 1fr;
  gap: 10px 14px;
  align-items: end;
}
.app-masaustu .sade-ikincil label { color: #8a97a8; }
.app-masaustu .sade-toplam {
  display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px;
  padding: 10px 12px; border: 1px solid var(--cizgi); background: #fafbfd;
}
.app-masaustu .sade-toplam-ozet {
  display: flex; flex-wrap: wrap; gap: 16px; align-items: baseline; font-size: 12px; color: #556;
}
.app-masaustu .sade-toplam-ozet > span {
  display: inline-flex; align-items: baseline; gap: 6px; white-space: nowrap;
}
.app-masaustu .sade-toplam .sade-toplam-ozet .genel,
.app-masaustu .sade-toplam-ozet .genel {
  display: inline-flex !important;
  align-items: baseline;
  gap: 8px;
  color: #0e2744 !important;
  font-size: 14px;
  font-weight: 800;
  background: transparent !important;
  padding: 0 !important;
  grid-column: auto !important;
  justify-content: flex-start !important;
}
.app-masaustu .sade-toplam .genel { grid-column: auto; background: transparent; color: inherit; padding: 0; }
.app-masaustu .sade-iskonto { margin-left: auto; min-width: 88px; }
.app-masaustu .sade-detay {
  flex: 1 1 100%; border-top: 1px solid var(--cizgi); padding-top: 6px; margin: 0;
}
.app-masaustu .sade-detay > summary {
  list-style: none; cursor: pointer; font-size: 12px; font-weight: 700; color: #4a5d73;
  min-height: 28px; display: flex; align-items: center;
}
.app-masaustu .sade-detay > summary::-webkit-details-marker { display: none; }
.app-masaustu .sade-detay > summary::after { content: ""; display: inline-block; width: 0; height: 0; margin-left: 4px; vertical-align: .2em; border-left: 3.5px solid transparent; border-right: 3.5px solid transparent; border-top: 4.5px solid #8a97a8; }
.app-masaustu .sade-detay-govde {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 6px; padding-top: 6px;
}
.app-masaustu .secim-ozet[hidden] { display: none !important; }
.app-masaustu .secim-ozet { margin-top: 2px; font-size: 11px; color: #6b7c90; font-weight: 650; }
.hizli-menu menu button {
  display: flex; align-items: center; width: 100%; min-height: 32px; padding: 0 10px;
  border: 0; background: transparent; color: var(--yazi); font: inherit; font-weight: 650;
  text-align: left; cursor: pointer; border-radius: 6px;
}
.hizli-menu menu button:hover { background: var(--bakir-soluk); color: var(--bakir); }
.app-masaustu .eylem-menu > summary {
  list-style: none; cursor: pointer; min-height: 28px; padding: 0 10px;
  border: 1px solid var(--cizgi); background: #fff; font-size: 12px; font-weight: 650;
  display: inline-flex; align-items: center;
}
.app-masaustu .eylem-menu > summary::-webkit-details-marker { display: none; }
.app-masaustu .durum-cubugu { min-height: 22px; font-size: 11px; }
.app-masaustu .belge-sekmeler { min-height: 28px; background: #f0f3f7; }
.app-masaustu .filtre-kart { background: #fff; padding: 4px 6px; }
.yan-alt a, .yan-alt button { min-height: 28px; font-size: 12px; }
.app-masaustu .cari-alan { grid-column: auto; min-width: 0; }
.app-masaustu .secim-arama { position: relative; display: flex; gap: 6px; align-items: stretch; width: 100%; }
.app-masaustu .secim-arama input { flex: 1 1 auto; min-width: 0; min-height: 28px; border-radius: var(--radius-sm); }
.app-masaustu .secim-arama > .btn,
.app-masaustu .secim-alan > .btn-secim,
.evrak .secim-alan > .btn-secim {
  flex: 0 0 32px;
  width: 32px;
  min-width: 32px;
  min-height: 28px;
  height: 28px;
  padding: 0;
  margin-left: 0;
  border-radius: var(--radius-sm);
  box-sizing: border-box;
}
.app-masaustu .secim-ozet {
  display: block; margin-top: 4px; font-size: 11px; font-weight: 650; color: #2a3d55;
}
.app-masaustu .evrak-ust-arac { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; margin-left: auto; }
.app-masaustu .evrak-ust-arac input { min-height: 28px; width: min(180px, 40vw); }
.evrak .secim-alan input,
.evrak #barkod {
  min-height: 28px;
  height: 28px;
  font-size: 12px;
  padding: 2px 8px;
  box-sizing: border-box;
}
.app-masaustu .oneri-kutu {
  position: absolute; z-index: 20; left: 0; right: 38px; top: calc(100% + 2px);
  background: #fff; border: 1px solid var(--cizgi); max-height: 220px; overflow: auto;
  box-shadow: 0 8px 20px rgba(15, 23, 42, .12);
}
.app-masaustu .oneri-kutu:empty { display: none; }
.app-masaustu .oneri-satir-liste { position: static; margin: 0 0 6px; box-shadow: none; }
.app-masaustu .oneri-satir {
  display: block; width: 100%; text-align: left; border: 0; border-bottom: 1px solid var(--cizgi);
  background: #fff; padding: 6px 10px; font: inherit; font-size: 12px; cursor: pointer;
}
.app-masaustu .oneri-satir:hover { background: #eef3ff; }
.app-masaustu .secim-pencere {
  border-radius: 6px;
  border: 1px solid #9aa8bc;
  box-shadow: 0 16px 40px rgba(30, 42, 54, .2);
}
.app-masaustu .secim-ust { background: linear-gradient(180deg, #eef2f7, #fff); }
.app-masaustu .secim-satir:hover,
.app-masaustu .secim-satir.aktif { background: #e8f0ff; }
.app-masaustu .secim-ikon { border-radius: 4px; }
.app-masaustu .secim-ara-kutu { border-radius: 4px; }
.app-masaustu .secim-kapat { border-radius: 4px; }
.app-masaustu tr.secili td { background: #e8f0ff; }
html[data-tema="koyu"] .belge-sekmeler { background: #132a44; border-color: #2a4666; }
html[data-tema="koyu"] .belge-sekme.aktif { background: var(--kart); color: #fff; }
html[data-tema="koyu"] .belge-arac { background: #16324f; border-color: #2a4666; }
html[data-tema="koyu"] .belge-arac-baslik { color: #fff; border-color: #2a4666; }
html[data-tema="koyu"] .app-masaustu .sayfa,
html[data-tema="koyu"] .masa-ozet a,
html[data-tema="koyu"] .app-masaustu .filtre-kart { background: var(--kart); }
@media (max-width: 1100px) {
  .durum-cubugu span:nth-child(2), .durum-cubugu span:nth-child(3) { display: none; }
  .icerik { max-height: none; min-height: 100vh; }
  .masa-ozet, .masa-kpi, .masa-iki { grid-template-columns: 1fr 1fr; }
}

/* Hareket islem / iptal satirlari */
tr.hareket-iptal td { color: var(--soluk, #6b7280); text-decoration: line-through; opacity: .78; }
tr.hareket-iptal td.satir-islem { text-decoration: none; opacity: 1; }
/* Varsayılan: iptaller gizli — checkbox ile açılır (sayfa yenilenmez) */
.liste-kabuk:not(.iptal-goster) tr.hareket-iptal,
[data-panel]:not(.iptal-goster) tr.hareket-iptal { display: none; }
.liste-kabuk.iptal-goster tr.hareket-iptal,
[data-panel].iptal-goster tr.hareket-iptal { display: table-row; }
.iptal-goster-etiket {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 12px; font-weight: 600; color: #5a6572; cursor: pointer;
  user-select: none; white-space: nowrap;
}
.iptal-goster-etiket input { width: 15px; height: 15px; accent-color: #1e3a5f; cursor: pointer; }
.liste-alt-sag { display: inline-flex; align-items: center; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }
.hareket-sayac-metin { font-size: 12px; font-weight: 600; color: #6b7785; }
.satir-menu button.hareket-duzenle {
  display: flex; align-items: center; min-height: 34px; padding: 0 12px; border: 0;
  background: transparent; color: inherit; width: 100%; font: inherit; font-size: 12px;
  font-weight: 650; border-radius: 7px; cursor: pointer; text-align: left;
}
.satir-menu button.hareket-duzenle:hover { background: var(--bakir-soluk, #eef4ff); color: var(--bakir, #0040ff); }
/* ===== kurumsal-cila-20261008b ===== */
.satir-menu > div.satir-menu-sabit {
  position: fixed !important;
  z-index: 240 !important;
}
.icerik:has(.satir-menu[open]),
.sayfa:has(.satir-menu[open]),
.modul:has(.satir-menu[open]),
.icerik-kart:has(.satir-menu[open]),
.app-masaustu .icerik-kart:has(.satir-menu[open]),
.tablo-sarmal:has(.satir-menu[open]),
.gridlayout-sarmal:has(.satir-menu[open]),
.gridlayout-govde:has(.satir-menu[open]),
.gridlayout-kabuk:has(.satir-menu[open]),
table.tablo:has(.satir-menu[open]) {
  overflow: visible !important;
}
tbody tr:has(.satir-menu[open]) {
  position: relative;
  z-index: 70;
}
th.satir-islem {
  width: 1%;
  text-align: right;
  white-space: nowrap;
  color: var(--soluk);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
}
td.satir-islem {
  overflow: visible !important;
  text-align: right;
  white-space: nowrap;
}
.satir-aksiyon {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}
.app-masaustu table.tablo tbody tr:hover td { background: #f5f8fc; }
.app-masaustu table.tablo tbody tr:hover td.satir-islem { background: #f5f8fc; }
.satir-menu > summary:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 1px;
}
.yan-akordeon > summary:focus-visible {
  outline: 2px solid var(--bakir);
  outline-offset: 1px;
}

/* kurumsal duzen */
.sayfa-ust {
  align-items: center;
  border: 1px solid var(--cizgi);
  background: #fff;
}
.filtre-kart {
  border-color: var(--cizgi);
  background: #f8fafc;
}
.app-masaustu .filtre-kart { background: #f8fafc; }
table.tablo thead th {
  border-bottom: 1px solid #d7deea;
}
table.tablo tbody td {
  border-bottom: 1px solid #eef2f7;
}
.rozet {
  border-radius: 999px;
  font-weight: 700;
  letter-spacing: .01em;
}
.bos {
  padding: 18px 12px;
  color: var(--soluk);
  text-align: center;
  font-weight: 550;
}
.sayfalama {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  padding: 8px 2px;
  color: #334155;
  font-size: 12px;
  font-weight: 650;
}
.sayfalama a {
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid #c5ced9;
  border-radius: 6px;
  background: #fff;
  color: #1a2332;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}
.sayfalama a:hover { border-color: #64748b; background: #f1f5f9; }
.sayfalama .suanki {
  min-height: 30px;
  padding: 0 12px;
  border-radius: 6px;
  background: #0e2744;
  color: #fff !important;
  border: 1px solid #0e2744;
  display: inline-flex;
  align-items: center;
  font-weight: 750;
}
/* ===== eksik-sinif-cila-20261008 ===== */
.filtre-panel {
  border: 1px solid var(--cizgi);
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}
.filtre-panel-ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 6px 10px;
  background: #f7f9fc;
  border-bottom: 1px solid var(--cizgi);
}
.filtre-panel-ust button {
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid var(--cizgi);
  border-radius: 6px;
  background: #fff;
  font: inherit;
  font-size: 12px;
  font-weight: 650;
  cursor: pointer;
}
.filtre-panel-ust .filtre-aktif {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  background: var(--bakir-soluk, #eef4ff);
  color: var(--bakir, #0040ff);
  font-size: 11px;
  font-weight: 750;
}
.filtre-panel.kapali .filtre-panel-govde { display: none; }
.filtre-panel-govde { padding: 8px 10px; }
.filtre-panel-govde form.filtre,
.filtre-panel-govde form.filtre-kart {
  border: 0;
  background: transparent;
  box-shadow: none;
  margin: 0;
  padding: 0;
}

.onay-dialog {
  border: 1px solid #c8d0dc;
  border-radius: 10px;
  padding: 0;
  width: min(420px, 92vw);
  background: #fff;
  color: var(--yazi);
  box-shadow: 0 18px 48px rgba(8, 20, 38, .28);
}
.onay-dialog::backdrop { background: rgba(15, 23, 42, .42); }
.onay-dialog-govde { padding: 16px 18px 8px; display: grid; gap: 6px; }
.onay-dialog-govde h2 { margin: 0; font-size: 15px; font-weight: 750; }
.onay-dialog-govde p { margin: 0; color: var(--soluk); font-size: 13px; line-height: 1.45; }
.onay-dialog-alt {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px 16px;
  border-top: 1px solid #eef2f7;
}

.ctx-menu {
  position: fixed;
  z-index: 260;
  min-width: 180px;
  max-width: min(280px, 90vw);
  padding: 6px;
  background: #fff;
  border: 1px solid #d5dbe3;
  border-radius: 10px;
  box-shadow: 0 14px 32px rgba(15, 23, 42, .18);
  display: none;
}
.ctx-menu.acik,
.ctx-menu:not([hidden]) { display: grid; gap: 2px; }
.ctx-menu a,
.ctx-menu button {
  display: flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--yazi);
  font: inherit;
  font-size: 12px;
  font-weight: 650;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  width: 100%;
}
.ctx-menu a:hover,
.ctx-menu button:hover { background: var(--bakir-soluk, #eef4ff); color: var(--bakir, #0040ff); }
.ctx-menu hr {
  border: 0;
  border-top: 1px solid #e8edf3;
  margin: 4px 0;
}

.belge-icerik {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 0;
  flex: 1;
}

.gridlayout-arac-yer { display: block; }
.gridlayout-kabuk.gridlayout-filtre-aktif .gridlayout-arac,
.gridlayout-kabuk.gridlayout-filtre-aktif .izgara-arac {
  box-shadow: inset 0 -2px 0 var(--bakir, #0040ff);
}
th.gridlayout-filtre-bos { padding: 0 !important; }
th.gridlayout-baslik { cursor: pointer; user-select: none; position: relative; }
th.gridlayout-baslik:hover { color: var(--bakir, #0040ff); }
.gridlayout-th {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: 100%;
  min-width: 0;
  padding-right: 6px;
}
.gridlayout-th-ad {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.gridlayout-filtre-btn {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  padding: 0;
  margin: 0;
  border: 1px solid transparent;
  border-radius: 3px;
  background: transparent;
  color: #6b7a8d;
  font-size: 11px;
  line-height: 1;
  cursor: pointer;
  opacity: 0.55;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
th.gridlayout-baslik:hover .gridlayout-filtre-btn,
.gridlayout-filtre-btn.aktif,
.gridlayout-filtre-btn:focus-visible {
  opacity: 1;
  border-color: #c5d0dc;
  background: #f3f6fa;
  color: var(--bakir, #0040ff);
}
.gridlayout-filtre-btn.aktif {
  background: #e8eefc;
  border-color: #9bb0e0;
  font-weight: 700;
}
.gridlayout-filtre-panel {
  position: fixed;
  z-index: 1200;
  min-width: 220px;
  max-width: min(320px, calc(100vw - 16px));
  padding: 10px;
  background: #fff;
  border: 1px solid #c5c5c5;
  border-radius: 6px;
  box-shadow: 0 8px 24px rgba(20, 30, 50, 0.18);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.gridlayout-filtre-panel[hidden] { display: none !important; }
.gridlayout-filtre-panel-baslik {
  font-size: 11px;
  font-weight: 700;
  color: #3e4c5e;
  margin: 0;
}
.gridlayout-filtre-panel .gridlayout-filtre-girdi {
  width: 100%;
  min-height: 30px;
  font-size: 12px;
  padding: 4px 8px;
  border: 1px solid #c5c5c5;
  border-radius: 4px;
}
.gridlayout-filtre-panel-aksiyon {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
}
.gridlayout-filtre-panel-aksiyon button {
  min-height: 28px;
  padding: 0 10px;
  font-size: 12px;
  border: 1px solid #c5c5c5;
  border-radius: 4px;
  background: #f7f7f7;
  cursor: pointer;
}
.gridlayout-filtre-panel-aksiyon .btn-vurgu {
  background: var(--bakir, #0040ff);
  border-color: var(--bakir, #0040ff);
  color: #fff;
}
table.gridlayout thead tr.gridlayout-filtre,
table.gridlayout thead tr.izgara-filtre { display: none !important; }
html[data-tema="koyu"] .gridlayout-filtre-panel {
  background: #122436;
  border-color: #2a4666;
  color: var(--yazi);
}
html[data-tema="koyu"] .gridlayout-filtre-btn.aktif,
html[data-tema="koyu"] th.gridlayout-baslik:hover .gridlayout-filtre-btn {
  background: #1a2f48;
  border-color: #2a4666;
}

td.sec,
th.sec {
  width: 1%;
  text-align: center;
  vertical-align: middle;
}
td.sec input[type="checkbox"],
th.sec input[type="checkbox"] {
  width: 16px;
  height: 16px;
  accent-color: var(--bakir, #0040ff);
  cursor: pointer;
}
tbody tr:has(td.sec input:checked) td { background: #eef4ff; }

.form-izgara .form-genis,
.form-izgara .form-alan-tam { grid-column: 1 / -1; }
.evrak-bolum + .evrak-bolum.evrak-aralik,
.evrak-aralik { margin-top: 16px; }

.yan-govde > a,
.yan-akordeon > summary {
  letter-spacing: .01em;
}
.yan-alt .yan-akordeon > summary {
  font-size: 11px;
  font-weight: 750;
  color: var(--soluk);
  text-transform: uppercase;
  letter-spacing: .04em;
  min-height: 28px;
}
.yan-alt .yan-akordeon > summary::after { opacity: .7; }
/* ===== bulut12-liste ===== */
.liste-ust {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px;
  margin: 0; padding: 6px 8px 8px; background: #fff;
}
.hizli-filtre {
  display: flex; flex-wrap: wrap; gap: 4px; align-items: center;
  list-style: none; margin: 0; padding: 0; flex: 1; min-width: 0;
}
.hizli-filtre-btn {
  display: inline-flex; align-items: center; padding: 3px 10px;
  border: 1px solid transparent; border-radius: var(--radius-pill); background: #f3f5f8;
  color: #6b7480; font-size: 10.8px; font-weight: 400; text-decoration: none; line-height: 1.3;
  cursor: pointer;
}
.hizli-filtre-btn:hover { background: #e8ecf2; text-decoration: none; color: #4a5568; }
.hizli-filtre-btn.aktif {
  background: #4285f4; border-color: #4285f4; color: #fff;
}
/* Taslak vb. belge durum hapları — Bulut12 cyan */
.belge-pills .hizli-filtre-btn.aktif,
.belge-pills.taslak-aktif .hizli-filtre-btn.aktif {
  background: #00bcd4; border-color: #00bcd4; color: #fff;
}
.ara-kutu { display: flex; align-items: center; gap: 6px; margin-left: auto; }
.ara-kutu input {
  min-width: 200px; height: 28px; border: 1px solid #d5d9de; border-radius: 3px;
  padding: 0 10px; background: #fff; font-size: 12px; color: #4a5568;
}
.ara-kutu .btn { height: 28px; padding: 0 10px; font-size: 12px; font-weight: 400; }
.ara-detay {
  border: 0; background: transparent; color: #8b8b8b; font-size: 11px;
  padding: 0 4px; cursor: pointer; min-height: auto;
}
.ara-detay:hover { color: #4285f4; text-decoration: underline; }
.gelismis-filtre { display: none; margin: 0 0 0; padding: 10px 12px; background: #f8fafc; border-bottom: 1px solid #e4e9f0; }
.gelismis-filtre.acik { display: flex; flex-wrap: wrap; gap: 8px; align-items: end; }
/* ===== Tek liste çatısı (proje geneli — istisna yok) ===== */
.liste-kabuk {
  background: #fff; border-radius: 8px; overflow: hidden;
  border: 1px solid #cfd7e3; box-shadow: 0 1px 2px rgba(16,24,40,.04);
}
.liste-kabuk .liste-ust {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
  padding: 8px 10px;
  border-bottom: 1px solid #d7deea;
  background: #fafbfc;
}
.liste-kabuk grid-layout,
.liste-kabuk .tablo-sarmal,
.belge-detay-govde grid-layout { border: 0; border-radius: 0; max-height: min(62vh, 720px); }

/* Liste tablosu: proje geneli — her table.tablo aynı dil (modül istisnası yok) */
table.tablo,
.liste-tablo {
  font-size: 12px !important;
  width: 100%;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}
table.tablo thead th,
.liste-tablo thead th {
  font-size: 10.5px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase;
  color: #5f6b7c; background: #eef2f7 !important;
  border-bottom: 1px solid #c5cedc !important;
  border-right: 1px solid #dde3eb !important;
  height: 34px; padding: 0 10px !important;
  vertical-align: middle; white-space: nowrap;
}
table.tablo thead th:last-child,
.liste-tablo thead th:last-child { border-right: 0 !important; }
table.tablo tbody td,
.liste-tablo tbody td {
  padding: 8px 10px !important;
  border-bottom: 1px solid #d5dce8 !important;
  border-right: 1px solid #eef1f5 !important;
  background: #fff !important;
  vertical-align: middle;
  color: #334155;
}
table.tablo tbody td:last-child,
.liste-tablo tbody td:last-child { border-right: 0 !important; }
table.tablo tbody tr:nth-child(even) td,
.liste-tablo tbody tr:nth-child(even) td { background: #f6f8fb !important; }
table.tablo tbody tr:hover td,
.liste-tablo tbody tr:hover td { background: #eef4ff !important; }
table.tablo th.sayi, table.tablo td.sayi,
.liste-tablo th.sayi, .liste-tablo td.sayi {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  padding-right: 12px !important;
}
.liste-tablo .satir-alt { font-size: 10.5px; color: var(--soluk); margin-top: 1px; }
.liste-tablo .coklu-alan {
  display: inline-block; max-width: 220px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  vertical-align: bottom;
}
/* Eski masa/panel dilini liste kabuğu içinde etkisizleştir */
.liste-kabuk .masa-iki,
.liste-kabuk .masa-panel,
.liste-kabuk .panel {
  margin: 0 !important; padding: 0 !important; border: 0 !important;
  border-radius: 0 !important; box-shadow: none !important; background: transparent !important;
}
.liste-kabuk .masa-iki { display: block !important; }
.liste-kabuk .panel-bas,
.liste-kabuk .panel-govde { padding: 8px 10px; border-bottom: 1px solid #d7deea; background: #fafbfc; }
.liste-kabuk .panel-bas h2 { margin: 0; font-size: 12px; font-weight: 600; color: #5f6b7c; letter-spacing: .04em; text-transform: uppercase; }
/* Detay gövdesi: liste kabuğu kendi kenarlığını taşır */
.belge-detay-govde.fatura-grid-kart {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.kart-gorunum-aksiyon.belge-aksiyon,
.belge-aksiyon { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.liste-alt {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
  margin: 0; padding: 5px 8px; background: var(--footer-bg);
  border-top: 1px solid #e4e9f0; border-radius: 0 0 8px 8px; min-height: 43px;
}
.liste-alt-sol { display: flex; flex-wrap: wrap; gap: 6px; }
.liste-alt-orta { margin-left: 0; }
.liste-alt-sag { margin-left: auto; font-size: 12px; font-weight: 400; color: #787676; min-width: 7rem; text-align: right; }
.liste-alt .btn-vurgu, .liste-alt .btn.btn-vurgu {
  min-height: 32px; padding: 4px 8px; font-weight: 400; font-size: 12px;
  background: var(--primary-btn); border-radius: 5px;
}
.liste-alt .btn-vurgu:hover { background: #5274b3; }
.b12-baslik .isleyis-yolu, .b12-baslik .kirinti, .b12-baslik p { display: none !important; }
.b12-baslik.sayfa-ust {
  display: flex; align-items: center; justify-content: space-between;
  margin: 0 0 4px; padding: 0; border: 0; background: transparent; gap: 8px;
}
.b12-baslik h1, .b12-baslik .view-title {
  margin: 0; font-size: 16.8px; font-weight: 400; color: #4a5568; letter-spacing: 0;
}
.b12-baslik .sayfa-eylem { gap: 6px; }
.b12-baslik .sayfa-eylem .btn-vurgu { display: none; } /* Yeni alt şeritte */
.modul-sekme { display: none; } /* Bulut12'de tür haplarla */
.modul-hub .akis { gap: 12px; }
.modul-hub .akis-adim {
  border: 1px solid #e4e9f0; border-radius: 10px; background: #fff;
  padding: 14px 16px; box-shadow: 0 1px 0 rgba(16, 24, 40, .04);
}
.modul-hub .akis-adim p { margin: 4px 0 10px; color: var(--soluk); font-size: 13px; }
.modul-hub .akis-bag { display: flex; flex-wrap: wrap; gap: 8px; }
tr.satir-tikla.secili td, tr.satir-tikla:active td { background: #ffe8ea !important; }

/* koyu yan menü akordeon */
.yan .yan-akordeon > summary {
  color: #d5dee8; font-size: 10.8px; font-weight: 500; text-transform: uppercase;
  letter-spacing: .06em; min-height: 38px; padding: 0 12px; border-radius: 0;
  background: transparent;
}
.yan .yan-akordeon > summary:hover { background: var(--yan-hover); color: #fff; }
.yan .yan-akordeon.aktif > summary {
  background: transparent; color: #fff; box-shadow: none;
}
.yan .yan-akordeon > summary::after { border-left-color: #7b8ba0; }
.yan .yan-alt { padding: 0 0 4px; }
.yan .yan-alt a { padding-left: 22px; min-height: 34px; }
.yan .yan-etiket {
  color: #788496; font-size: 9.5px; margin: 6px 12px 2px; padding-top: 2px;
}
.yan .yan-alt a.aktif { background: var(--yan-aktif-bg); color: var(--yan-aktif); }

/* içerik alanı Bulut12 */
.app-masaustu .sayfa { background: var(--background) !important; padding: 8px 16px 16px !important; }
.app-masaustu .modul-serit, .app-masaustu .modul-kubuk, .app-masaustu nav.modul-serit,
.app-masaustu .belge-arac { display: none !important; }
.app-masaustu .yan {
  display: flex !important;
  background: #1e2a36 !important;
  color: #a9b4c0 !important;
  border-right: 0 !important;
  width: var(--yan-genislik) !important;
  position: sticky !important;
}
.app-masaustu .app {
  grid-template-columns: var(--yan-genislik) minmax(0, 1fr) !important;
}
.app-masaustu .yan a.aktif,
.app-masaustu .yan .yan-alt a.aktif {
  background: rgba(255,255,255,.06) !important;
  color: #d5dee8 !important;
  box-shadow: none !important;
  border: 0 !important;
}
.app-masaustu .yan .yan-akordeon.aktif > summary {
  background: transparent !important;
  color: #fff !important;
  box-shadow: none !important;
}
/* Bulut12 listelerinde gridlayout araç şeridini sadeleştir */
.app-masaustu .liste-kabuk .gridlayout-arac,
.app-masaustu .liste-kabuk .izgara-arac {
  display: none !important;
}
@media (max-width: 900px) {
  .app-masaustu .app { grid-template-columns: 1fr !important; }
  .app-masaustu .yan:not(.acik) { display: none !important; }
}

/* ===== Bulut12 cari kart görünümü ===== */
.kart-gorunum { display: grid; gap: 10px; }
.kart-gorunum-ust {
  display: flex; flex-wrap: wrap; gap: 12px 20px;
  align-items: flex-start; justify-content: space-between;
  background: #fff; border: 1px solid #dde3eb; border-radius: 8px;
  padding: 14px 16px 12px;
}
.kart-unvan {
  margin: 0 0 10px; font-size: 22px; font-weight: 600; color: #2d3748; letter-spacing: -.01em;
}
.kart-bilgi-izgara {
  display: grid; grid-template-columns: repeat(3, minmax(160px, 1fr)); gap: 10px 28px;
}
.kart-bilgi {
  display: grid; grid-template-columns: minmax(92px, max-content) minmax(0, 1fr);
  gap: 5px 12px; align-items: baseline; font-size: 12px;
}
.kart-bilgi span {
  color: #64748b; font-weight: 600; font-size: 10.5px;
  letter-spacing: .03em; text-transform: uppercase;
}
.kart-bilgi strong {
  color: #1e293b; font-weight: 600;
  font-variant-numeric: tabular-nums; min-width: 0;
}
.kart-gorunum-aksiyon { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.btn-basari { background: #3aa76d; color: #fff; border: 0; }
.btn-basari:hover { background: #2f8f5c; color: #fff; }
.btn-bilgi { background: #5b9bd5; color: #fff; border: 0; }
.btn-bilgi:hover { background: #4a89c2; color: #fff; }
.kart-ozet-serit {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px;
}
.kart-ozet {
  border-radius: 8px; padding: 14px 16px; min-height: 72px;
  display: flex; flex-direction: column; justify-content: center; gap: 4px;
  border: 1px solid transparent;
}
.kart-ozet span {
  font-size: 11px; font-weight: 700; letter-spacing: .06em; color: #5a6a7e;
}
.kart-ozet strong { font-size: 22px; font-weight: 600; color: #2d3748; font-variant-numeric: tabular-nums; }
.kart-ozet.borc { background: #e8f7ef; border-color: #cfe9da; }
.kart-ozet.alacak { background: #e8f1fb; border-color: #cddff3; }
.kart-ozet.bakiye { background: #fdecee; border-color: #f3d0d5; }
/* ===== Belge detay çatısı (tüm belgeler / reçete) ===== */
.belge-detay { display: grid; gap: 10px; }
.belge-detay-ust { padding: 14px 16px 12px; }
.belge-detay-ust-satir {
  display: flex; flex-wrap: wrap; gap: 12px 20px;
  align-items: flex-start; justify-content: space-between;
}
.belge-detay-kimlik { flex: 1; min-width: min(100%, 280px); }
.belge-detay-govde { padding: 0; overflow: visible; }
.belge-detay-govde > .liste-kabuk {
  margin: 0;
  /* Standalone liste-kabuk ile aynı kenarlık / gölge — iç içe farklı görünmesin */
}
.belge-gorunum { gap: 10px; }
.belge-bilgi-izgara { grid-template-columns: repeat(3, minmax(160px, 1fr)); }
.belge-aksiyon { justify-content: flex-start; }
.belge-aksiyon .inline-form { display: inline; margin: 0; }
.btn-basari-outline {
  background: #f8f8f8; color: #73b383; border: 1px solid #cfe3d4;
}
.btn-basari-outline:hover { background: #eef8f1; color: #5a9a6a; }
.btn-ucuncu {
  background: #6c757d; color: #f8f8f8; border: 0;
}
.btn-ucuncu:hover { background: #5a6268; color: #fff; }
/* Eski renkli KPI şeritleri — kullanılmaz; özet üst bilgi ızgarasında */
.belge-ozet-serit,
.kart-ozet-serit { display: none !important; }
/* Eski kart kabuğu → belge-detay ile aynı boşluk */
.kart-gorunum { display: grid; gap: 10px; }
.kart-gorunum-ust {
  display: flex; flex-wrap: wrap; gap: 12px 20px;
  align-items: flex-start; justify-content: space-between;
  padding: 14px 16px 12px;
  background: var(--kart, #fff);
  border: 1px solid var(--cizgi, #e4e9f0);
  border-radius: 10px;
}
.belge-sekme-icerik { padding: 8px; background: #fff; }
.belge-detay-alt { align-items: flex-end; }
.belge-toplam-kutu {
  display: grid; gap: 4px 16px; min-width: 220px; text-align: right;
  font-size: 12px; color: #787676;
}
.belge-toplam-kutu > div {
  display: flex; justify-content: space-between; gap: 24px; align-items: baseline;
}
.belge-toplam-kutu strong { color: #4a5568; font-weight: 600; font-variant-numeric: tabular-nums; }
.belge-toplam-kutu .genel strong { color: #2d3748; font-size: 14px; }
.belge-yazdir-aksiyon { gap: 4px; }
@media (max-width: 960px) {
  .belge-bilgi-izgara { grid-template-columns: 1fr; }
}

/* ===== Bulut12 yeni fatura formu ===== */
.fatura-form { display: grid; gap: 10px; }
.fatura-ust-kart, .fatura-grid-kart, .fatura-alt-kart {
  background: #fff; border: 1px solid #dde3eb; border-radius: 8px;
  padding: 12px 14px;
}
.fatura-ust-izgara {
  display: grid; grid-template-columns: 1fr 1fr; gap: 10px 28px; align-items: start;
}
.fatura-alan { display: grid; gap: 4px; min-width: 0; }
.fatura-alan > label {
  font-size: 11px; font-weight: 600; color: #787676; letter-spacing: .02em;
}
.fatura-alan input:not([type=checkbox]):not([type=radio]),
.fatura-alan select, .fatura-alan textarea {
  width: 100%; min-height: 30px; border: 1px solid #d5d9de; border-radius: 4px;
  padding: 4px 8px; font-size: 12px; background: #fff; color: #4a5568;
}
.fatura-alan textarea { min-height: 72px; resize: vertical; }
.fatura-yan-yana { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.fatura-yan-yana > * { flex: 1 1 120px; min-width: 0; }
.fatura-mini-pills .hizli-filtre-btn { cursor: pointer; border: 0; }
.fatura-grid-kart { padding: 8px 10px; }
.fatura-grid-kart .belge-grid-arac { margin-bottom: 4px; }
.fatura-alt-kart {
  display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(220px, .7fr);
  gap: 12px 20px; align-items: start;
}
.fatura-alt-sekme { margin: 0 0 8px; border-radius: 6px 6px 0 0; }
.fatura-alt-govde { padding: 4px 0; }
.fatura-odeme-izgara {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 8px;
}
.fatura-toplam-panel {
  display: grid; gap: 6px; justify-items: stretch; font-size: 12px; color: #787676;
  padding: 8px 10px; background: #fbfcfd; border: 1px solid #eef1f5; border-radius: 6px;
}
.fatura-toplam-panel > div {
  display: flex; justify-content: space-between; gap: 16px; align-items: center;
}
.fatura-toplam-panel strong { color: #4a5568; font-weight: 600; font-variant-numeric: tabular-nums; }
.fatura-toplam-panel .genel strong { color: #2d3748; font-size: 15px; }
.fatura-toplam-panel .sade-iskonto {
  display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0;
}
.fatura-toplam-panel .sade-iskonto label { margin: 0; font-size: 12px; color: #787676; }
.fatura-toplam-panel .sade-iskonto input { width: 72px; min-height: 28px; text-align: right; }
.fatura-footer {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 8px;
  padding: 10px 8px 4px;
}
.fatura-footer .btn { min-width: 96px; min-height: 34px; }
.fatura-footer .btn-vurgu { min-width: 110px; }
@media (max-width: 960px) {
  .fatura-ust-izgara, .fatura-alt-kart { grid-template-columns: 1fr; }
}
.b12-sekme {
  display: flex; flex-wrap: wrap; gap: 0; padding: 0 4px;
  border-bottom: 1px solid #e4e9f0; background: #f4f6f9;
}
.b12-sekme a,
.b12-sekme button {
  display: inline-flex; align-items: center; padding: 8px 14px;
  font-size: 10px; font-weight: 600; letter-spacing: .04em;
  color: #8b8b8b; text-decoration: none; border-radius: 6px 6px 0 0;
  border: 0; background: transparent; cursor: pointer; font-family: inherit;
}
}
.b12-sekme a:hover,
.b12-sekme button:hover { color: #4a5568; background: #eef1f5; text-decoration: none; }
.b12-sekme a.aktif,
.b12-sekme button.aktif {
  background: #fbfcfd; color: #2d3748; border: 1px solid #e4e9f0; border-bottom-color: #fbfcfd;
  margin-bottom: -1px;
}
.kart-sekme-kabuk { overflow: hidden; }
@media (max-width: 900px) {
  .kart-bilgi-izgara { grid-template-columns: 1fr; }
  .kart-ozet-serit { grid-template-columns: 1fr; }
}
.app-masaustu .belge-alani { background: var(--background); }
.app-masaustu .ust {
  background: #fff;
  border-bottom: 1px solid #e2e8f0;
  box-shadow: none;
  min-height: 40px;
  padding: 4px 12px;
  color: #1a2332;
}
.app-masaustu .ust-uygulama { display: none; }
.app-masaustu .ust .ikon-btn { color: #4a5568; }
.app-masaustu .ust .ikon-btn:hover { background: #eef2f7; color: #1a2332; }
.app-masaustu .ust-ara {
  background: #f4f7fb;
  border: 1px solid #d5d9de;
  color: #1a2332;
}
.app-masaustu .ust-ara span { color: #5a6b80; opacity: 1; }
.app-masaustu .ust-ara kbd {
  border-color: #c5ced9;
  color: #5a6b80;
  background: #fff;
}
.app-masaustu .ust-ara:hover { background: #e8eef6; color: #0e2744; }
.app-masaustu .ust .btn-outline-secondary {
  color: #334155;
  border-color: #c5ced9;
  background: #fff;
}
.app-masaustu .ust .btn-outline-secondary:hover {
  background: #eef2f7;
  color: #0e2744;
  border-color: #94a3b8;
}
.app-masaustu .ust .kullanici-ozet:hover { background: #eef2f7; }
.app-masaustu .ust .kullanici-ozet .yan-kim strong { color: #1a2332; }
.app-masaustu .ust .kullanici-ozet .yan-kim small { color: #5a6b80; }
.app-masaustu .sube-kutu {
  background: #f8fafc;
  border: 1px solid #d5d9de;
  border-radius: 6px;
  box-shadow: none;
}
.app-masaustu .sube-kutu .kapsam-alan:hover,
.app-masaustu .sube-kutu .kapsam-alan:focus-within { background: #eef2f7; }
.app-masaustu .sube-kutu .kapsam-etiket,
.app-masaustu .sube-kutu .sube-rozet,
.app-masaustu .sube-kutu .depo-rozet {
  color: #475569;
  font-size: 10px;
  font-weight: 800;
}
.app-masaustu .sube-kutu .kapsam-ayrac { background: #d5d9de; }
.app-masaustu .sube-kutu select,
.app-masaustu .sube-kutu #aktifSube,
.app-masaustu .sube-kutu #aktifDepo {
  color: #1a2332 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%234a5568' d='M1 1l4 4 4-4'/%3E%3C/svg%3E") !important;
}
.btn-vurgu { background: var(--primary-btn); }
.btn-vurgu:hover { background: #5274b3; color: #fff; }

/* ===== isleyis-drilldown ===== */
.isleyis-yolu {
  display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
  margin: 0 0 4px; font-size: 12px; font-weight: 650; color: var(--soluk);
}
.isleyis-yolu a { color: var(--bakir, #0040ff); text-decoration: none; }
.isleyis-yolu a:hover { text-decoration: underline; }
.isleyis-yolu [aria-current="page"] { color: var(--yazi); }
.isleyis-ayrac { opacity: .45; }
.yan-etiket {
  display: block; margin: 8px 8px 2px; padding-top: 4px;
  font-size: 10px; font-weight: 800; letter-spacing: .06em;
  text-transform: uppercase; color: #7b8ba0;
}
.yan-adim {
  display: inline-flex; align-items: center; justify-content: center;
  width: 18px; height: 18px; margin-right: 6px; border-radius: 50%;
  background: var(--bakir-soluk, #eef4ff); color: var(--bakir, #0040ff);
  font-size: 10px; font-weight: 800; vertical-align: middle;
}
.islem-asama { display: grid; gap: 10px; }
.islem-asama-baslik {
  display: flex; align-items: flex-start; gap: 10px;
  padding: 10px 12px; border: 1px solid var(--cizgi); border-radius: 8px; background: #fff;
}
.islem-asama-baslik .yan-adim { width: 28px; height: 28px; font-size: 13px; margin: 0; }
.islem-asama-baslik strong { display: block; font-size: 14px; }
.islem-asama-baslik p { margin: 2px 0 0; color: var(--soluk); font-size: 12px; }
tr.satir-tikla,
tr.hareket-satir { cursor: pointer; }
tr.satir-tikla:hover td,
tr.hareket-satir:hover td { background: #eef4ff !important; }
/* Hareket satırları = liste-tablo (ayrı kart/çerçeve yok) */
tr.hareket-iptal > td { opacity: .72; }
.hareket-detay-modal { width: min(560px, 94vw); padding: 0; }
.hareket-detay-ust {
  display: flex; justify-content: space-between; align-items: flex-start; gap: 12px;
  padding: 14px 16px; border-bottom: 1px solid #eef2f7;
}
.hareket-detay-ust h2 { margin: 2px 0 0; font-size: 16px; }
.hareket-detay-modal .hareket-ozet {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px;
  margin: 0; padding: 14px 16px; background: #f8fafc;
}
.hareket-detay-modal .hareket-ozet div { display: grid; gap: 2px; }
.hareket-detay-modal .hareket-ozet span { font-size: 11px; font-weight: 700; color: var(--soluk); text-transform: uppercase; }
.hareket-detay-modal .hareket-ozet strong { font-size: 13px; font-weight: 650; }
.hareket-detay-islem { padding: 12px 16px; display: grid; gap: 8px; border-bottom: 1px solid #eef2f7; }
.hareket-detay-form { padding: 12px 16px 16px; display: grid; gap: 10px; }
.soluk-metin { margin: 0; font-size: 12px; color: var(--soluk); line-height: 1.4; }
.modul-hub .akis {
  list-style: none; margin: 0; padding: 0;
  display: grid; gap: 10px;
}
.akis-adim {
  display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: start;
  padding: 14px 16px; border: 1px solid var(--cizgi); border-radius: 10px; background: #fff;
}
.akis-no {
  display: inline-flex; align-items: center; justify-content: center;
  width: 32px; height: 32px; border-radius: 50%;
  background: #0e2744; color: #fff; font-weight: 800; font-size: 14px;
}
.akis-adim strong { display: block; font-size: 15px; margin-bottom: 2px; }
.akis-adim p { margin: 0 0 8px; color: var(--soluk); font-size: 12.5px; }
.akis-bag { display: flex; flex-wrap: wrap; gap: 6px; }

/* ===== Bulut12 ortak kabuk — tüm modüller ===== */
.app-masaustu .islem-asama-baslik,
.app-masaustu .sayfa-ust:not(.b12-baslik) .kirinti,
.app-masaustu .sayfa-ust:not(.b12-baslik) p,
.app-masaustu .sayfa-ust:not(.b12-baslik) .isleyis-yolu { display: none !important; }
.app-masaustu .sayfa-ust:not(.b12-baslik) {
  display: flex; align-items: center; justify-content: space-between;
  margin: 0 0 4px; padding: 0; border: 0; background: transparent; gap: 8px;
}
.app-masaustu .sayfa-ust:not(.b12-baslik) h1 {
  margin: 0; font-size: 16.8px; font-weight: 400; color: #4a5568;
}
.app-masaustu .sayfa-ust:not(.b12-baslik) .sayfa-eylem .btn-vurgu { display: none; }
.app-masaustu .islem-asama { margin: 0; padding: 0; border: 0; background: transparent; }
.app-masaustu main > .liste-ust,
.app-masaustu .islem-asama > .liste-ust {
  background: #fff; border: 1px solid #dde3eb; border-bottom: 0;
  border-radius: 8px 8px 0 0; padding: 6px 8px 8px;
}
.app-masaustu main > grid-layout,
.app-masaustu .islem-asama > grid-layout,
.app-masaustu main > .hareket-duzen grid-layout {
  display: block; background: #fff; border: 1px solid #dde3eb; border-radius: 0;
  border-top: 0; max-height: min(62vh, 720px); overflow: auto;
}
.app-masaustu main > .liste-alt,
.app-masaustu .islem-asama > .liste-alt {
  border-radius: 0 0 8px 8px; border: 1px solid #dde3eb; border-top: 0;
}
.app-masaustu .liste-kabuk > .liste-ust { border: 0; border-radius: 0; }
.app-masaustu .liste-kabuk > grid-layout { border: 0; }
.belge-pills .hizli-filtre-btn { background: #f3f5f8; }

/* ===== Bulut12 işleyiş: modal overlay / kart form / hesap görünümü ===== */
.app-masaustu .islem-asama-baslik { display: none !important; }
dialog.islem-modal.genis, dialog.islem-modal.b12-modal, #kartModal {
  width: min(920px, 96vw); max-height: min(90vh, 860px); padding: 0; border-radius: 6px;
  border: 1px solid #c5ccd6; top: 4vh;
}
dialog.islem-modal.b12-modal.genis { width: min(1100px, 96vw); }
.islem-modal::backdrop, #kartModal::backdrop { background: rgba(20, 28, 40, .55); }
.b12-modal-ust {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  padding: 8px 14px; border-bottom: 1px solid #e4e9f0; background: #f7f9fc;
}
.b12-modal-ust h2, .b12-modal-ust .evrak-ad {
  margin: 0; font-size: 14px; font-weight: 600; color: #4a5568;
}
.b12-modal-govde { padding: 12px 16px 8px; overflow: auto; max-height: min(70vh, 680px); }
.b12-modal-alt, .b12-form-footer {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 8px;
  padding: 10px 12px 14px; border-top: 1px solid #eef1f5; background: #fff;
}
.b12-modal-alt .btn, .b12-form-footer .btn { min-width: 96px; min-height: 34px; }
.b12-form-izgara {
  display: grid; grid-template-columns: 1fr 1fr; gap: 10px 28px; align-items: start;
}
.b12-form-izgara .form-alan, .b12-form-izgara .fatura-alan { display: grid; gap: 4px; min-width: 0; }
.b12-form-izgara label {
  font-size: 11px; font-weight: 600; color: #787676;
}
.b12-form-izgara .tam-satir { grid-column: 1 / -1; }
@media (max-width: 900px) {
  .b12-form-izgara { grid-template-columns: 1fr; }
}
.kart-form { display: grid; gap: 10px; }
.kart-form .kayit-cerceve,
.kart-form.kayit-cerceve {
  background: #fff; border: 1px solid #dde3eb; border-radius: 8px;
  padding: 14px 16px; box-shadow: 0 1px 2px rgba(16,24,40,.04);
}
.kart-form .kart-modal-ust, .kart-form .stok-kart-baslik {
  display: none;
}
.kart-form .sekme-serit { display: none; }
.kart-form .sekme-panel { display: block !important; }
.kart-form .sekme-panel[hidden] { display: block !important; }
.kart-form .sekme-panel + .sekme-panel {
  margin-top: 12px; padding-top: 12px; border-top: 1px dashed #e4e9f0;
}
.kart-form .form-izgara {
  grid-template-columns: 1fr 1fr; gap: 10px 28px;
}
.hesap-gorunum .kart-gorunum-aksiyon { gap: 8px; }
.btn-basari { background: #3aa76d; color: #fff; border: 0; }
.btn-basari:hover { background: #2f8f5c; color: #fff; }
.kaynak-pills { display: inline-flex; flex-wrap: wrap; gap: 4px; }
.kaynak-pills .hizli-filtre-btn { cursor: pointer; border: 0; }
.liste-alt-orta.belge-alt-aksiyon { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.app-masaustu .evrak.masa-evrak:not(.b12-modal-govde .evrak) {
  background: #fff; border: 1px solid #dde3eb; border-radius: 8px; padding: 12px 14px;
}
.tahsilat-sayfa .evrak { display: none; }
.tahsilat-sayfa dialog[open] .evrak { display: grid; }

/* kartModal içine yüklenen tanım/cari/stok kartları */
#kartModal { padding: 0; overflow: hidden; flex-direction: column; }
#kartModal:not([open]) { display: none !important; }
#kartModal[open] { display: flex !important; }
dialog.islem-modal:not([open]),
dialog.secim-pencere:not([open]),
dialog.onay-dialog:not([open]),
dialog.komut-paleti:not([open]) { display: none !important; }
dialog.islem-modal[open],
dialog.secim-pencere[open] {
  z-index: 400;
}
#kartModal > .kart-modal,
#kartModal > .b12-kart-modal,
#kartModal > form.kart-modal {
  display: flex; flex-direction: column; flex: 1; min-height: 0; margin: 0; border: 0;
  background: #fff; max-height: min(90vh, 860px);
}
#kartModal .kart-modal-ust {
  display: none; /* eski üst şerit — b12-modal-alt kullanılır */
}
#kartModal .b12-modal-ust,
#kartModal .b12-modal-alt { flex-shrink: 0; }
#kartModal .b12-modal-govde { flex: 1; overflow: auto; }
#kartModal .sekme-serit {
  display: flex; flex-wrap: wrap; gap: 4px; padding: 8px 14px 0; border-bottom: 1px solid #eef1f5;
  background: #f7f9fc;
}
#kartModal .sekme-serit button {
  border: 0; background: transparent; min-height: 30px; padding: 0 12px;
  font-size: 11px; font-weight: 600; color: #8b8b8b; border-radius: 6px 6px 0 0;
}
#kartModal .sekme-serit button.aktif {
  background: #fff; color: #2d3748; border: 1px solid #e4e9f0; border-bottom-color: #fff;
}
#kartModal .sekme-panel { padding: 12px 16px; }
#kartModal .form-izgara.form-sik,
#kartModal .b12-form-izgara {
  grid-template-columns: 1fr 1fr; gap: 10px 20px;
}
#kartModal .form-alan label,
#kartModal .b12-form-izgara label {
  font-size: 11px; font-weight: 600; color: #787676;
}
#kartModal .form-alan input,
#kartModal .form-alan select,
#kartModal .form-alan textarea {
  min-height: 30px; border: 1px solid #d5d9de; border-radius: 4px; font-size: 12px;
}
.b12-kart-modal .kart-modal-ust { display: none !important; }
.app-masaustu form.kayit, .app-masaustu .kayit-serit {
  background: #fff; border: 1px solid #dde3eb; border-radius: 8px;
}
.app-masaustu .kayit-serit {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
  padding: 10px 14px; border-bottom: 1px solid #eef1f5;
}
.app-masaustu .kayit-serit strong { font-size: 14px; color: #4a5568; font-weight: 600; }
.app-masaustu .kayit-serit span { color: #8b8b8b; font-size: 12px; margin-right: auto; }
.app-masaustu form.kayit > section { padding: 14px 16px; }
.app-masaustu form.kayit > section h2 {
  margin: 0 0 10px; font-size: 12px; font-weight: 600; color: #787676; text-transform: uppercase;
}
.liste-ust:empty { display: none; }

/* ===== Bulut12 detaylı tasarım katmanı ===== */
.app-masaustu .sayfa {
  animation: b12SayfaGir var(--dur) var(--ease-out);
}
@keyframes b12SayfaGir {
  from { opacity: .0; transform: translateY(4px); }
  to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .app-masaustu .sayfa,
  .b12-hub-izgara .icerik-kart,
  .hizli-filtre-btn,
  .kart-gorunum-ust,
  .liste-kabuk,
  .asama-serit .asama-adim { animation: none !important; transition: none !important; }
}

/* Liste kabuğu — derinlik + satır ritmi */
.app-masaustu .liste-kabuk {
  border-color: #d0d7e2;
  box-shadow: var(--shadow-sm), 0 0 0 1px rgba(255,255,255,.55) inset;
}
.app-masaustu .liste-kabuk .liste-ust {
  padding: 8px 10px;
  background: linear-gradient(180deg, #fff 0%, var(--surface-soft) 100%);
}
.app-masaustu .liste-tablo thead th {
  position: sticky; top: 0; z-index: 2;
  box-shadow: 0 1px 0 #e4e9f0;
}
.app-masaustu .liste-tablo tbody tr {
  transition: background var(--dur-fast) var(--ease-out);
}
.app-masaustu .liste-tablo tbody tr.satir-tikla:hover td,
.app-masaustu .liste-tablo tbody tr.hareket-satir:hover td {
  background: #eef4ff !important;
}
.app-masaustu .liste-tablo tbody tr.satir-tikla:active td {
  background: #e3ecff !important;
}
.app-masaustu .liste-alt {
  background: linear-gradient(180deg, #f5f8fc 0%, var(--footer-bg) 100%);
  min-height: 44px;
  padding: 6px 10px;
}

/* Pill / hızlı filtre — B12 mikro tipografi */
.app-masaustu .hizli-filtre-btn {
  transition: background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);
}
.app-masaustu .hizli-filtre-btn:hover { transform: translateY(-1px); }
.app-masaustu .hizli-filtre-btn.aktif { box-shadow: 0 1px 0 rgba(0,0,0,.06); }
.app-masaustu .belge-pills .hizli-filtre-btn.aktif {
  background: var(--primary-cyan);
  border-color: var(--primary-cyan);
  box-shadow: 0 1px 2px rgba(0, 188, 212, .25);
}

/* Başlık hiyerarşisi */
.app-masaustu .b12-baslik.sayfa-ust {
  margin-bottom: 8px;
  padding-bottom: 2px;
}
.app-masaustu .b12-baslik .view-title {
  color: var(--text-strong);
  font-weight: 500;
  letter-spacing: -.01em;
}
.app-masaustu .b12-baslik .sayfa-eylem .btn {
  transition: background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);
}
.app-masaustu .b12-baslik .sayfa-eylem .btn:hover { transform: translateY(-1px); }

/* Kart görünüm — cari / kasa / belge / emir */
.app-masaustu .kart-gorunum-ust {
  box-shadow: var(--shadow-sm);
  background: linear-gradient(180deg, #fff 0%, #fbfdff 100%);
}
.app-masaustu .kart-unvan {
  font-weight: 600;
  letter-spacing: -.015em;
}
.app-masaustu .kart-bilgi span {
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-weight: 600;
}
.app-masaustu .kart-ozet {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55);
  transition: transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);
}
.app-masaustu .kart-ozet:hover {
  transform: translateY(-1px);
  box-shadow: var(--shadow-sm), inset 0 1px 0 rgba(255,255,255,.55);
}
.app-masaustu .kart-gorunum-aksiyon .btn {
  min-height: 30px;
  font-size: 11.5px;
  border-radius: var(--radius-md);
}

/* Sekmeler */
.app-masaustu .b12-sekme {
  background: linear-gradient(180deg, #eef1f5 0%, #f4f6f9 100%);
}
.app-masaustu .b12-sekme a {
  transition: color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);
}
.app-masaustu .b12-sekme a.aktif {
  box-shadow: 0 -1px 0 #fff inset;
}

/* Rozet — B12 durum dili */
.app-masaustu .rozet {
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 3px 9px;
  border: 1px solid transparent;
}
.app-masaustu .rozet.yesil { border-color: rgba(46, 125, 50, .18); }
.app-masaustu .rozet.turuncu { border-color: rgba(237, 108, 2, .2); }
.app-masaustu .rozet.kirmizi { border-color: rgba(198, 40, 40, .18); }
.app-masaustu .rozet.mavi { border-color: rgba(0, 131, 148, .18); }

/* Hub kartları (Finans İşlemleri vb.) */
.b12-hub-izgara {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 12px;
  padding: 16px !important;
}
.b12-hub-izgara .icerik-kart {
  display: grid;
  gap: 6px;
  padding: 16px 16px 14px !important;
  border: 1px solid #d5dce6 !important;
  border-radius: var(--radius-lg) !important;
  background: linear-gradient(165deg, #fff 0%, #f7f9fc 100%) !important;
  box-shadow: var(--shadow-sm) !important;
  color: var(--text) !important;
  text-decoration: none !important;
  transition: transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);
}
.b12-hub-izgara .icerik-kart:hover {
  transform: translateY(-2px);
  border-color: #b8c7dc !important;
  box-shadow: var(--shadow-md) !important;
  text-decoration: none !important;
}
.b12-hub-izgara .icerik-kart strong {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--text-strong);
}
.b12-hub-izgara .icerik-kart .soluk-metin {
  font-size: 11.5px;
  line-height: 1.45;
  color: var(--text-muted);
}

/* Aşama şeridi — transfer / talep / üretim */
.asama-serit {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin: 0 0 10px;
  padding: 0;
  list-style: none;
  background: #fff;
  border: 1px solid #dde3eb;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}
.asama-serit .asama-adim {
  flex: 1 1 120px;
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 8px 12px;
  border-right: 1px solid #eef1f5;
  color: #8b8b8b;
  font-size: 11.5px;
  font-weight: 500;
  background: #fbfcfd;
  transition: background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);
}
.asama-serit .asama-adim:last-child { border-right: 0; }
.asama-serit .asama-no {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #e8ecf2;
  color: #6b7a90;
  font-size: 11px;
  font-weight: 700;
}
.asama-serit .asama-adim.gecildi {
  color: #2e7d32;
  background: #f3faf5;
}
.asama-serit .asama-adim.gecildi .asama-no {
  background: #cfe9da;
  color: #1f5c2e;
}
.asama-serit .asama-adim.aktif {
  color: var(--text-strong);
  background: linear-gradient(180deg, #e8f0fe 0%, #f3f7ff 100%);
  box-shadow: inset 0 -2px 0 var(--primary);
}
.asama-serit .asama-adim.aktif .asama-no {
  background: var(--primary);
  color: #fff;
}
.asama-serit .asama-adim.red {
  color: var(--danger);
  background: #fdecee;
}
.asama-serit .asama-adim.red .asama-no {
  background: #f3d0d5;
  color: var(--danger);
}

/* Modal — daha net üst/alt ayrımı */
.app-masaustu dialog.islem-modal.b12-modal {
  box-shadow: 0 18px 48px rgba(16, 24, 40, .22);
  border-color: #b8c2d0;
}
.app-masaustu .b12-modal-ust {
  background: linear-gradient(180deg, #f9fafc 0%, #f1f4f8 100%);
}
.app-masaustu .b12-modal-alt {
  background: linear-gradient(180deg, #fff 0%, #f7f9fc 100%);
}
.app-masaustu dialog.islem-modal::backdrop {
  backdrop-filter: blur(2px);
}

/* Boş durum */
.app-masaustu .bos {
  padding: 28px 16px;
  text-align: center;
  color: var(--text-muted);
  font-size: 12.5px;
  background:
    radial-gradient(280px 80px at 50% 0%, rgba(66,133,244,.06), transparent 70%),
    #fbfcfd;
}

/* Satır menü / işlem */
.app-masaustu .satir-menu > summary {
  border-radius: var(--radius-md);
  transition: background var(--dur-fast) var(--ease-out);
}
.app-masaustu .satir-menu > summary:hover { background: #eef1f5; }
.app-masaustu .satir-islem .btn-sm {
  min-height: 26px;
  font-size: 11px;
}

/* Fatura formu — yüzey derinliği */
.app-masaustu .fatura-ust-kart,
.app-masaustu .fatura-grid-kart,
.app-masaustu .fatura-alt-kart {
  box-shadow: var(--shadow-sm);
}
.app-masaustu .fatura-toplam-panel {
  background: linear-gradient(180deg, #fff 0%, #f5f8fc 100%);
}

/* Yan menü — daha okunaklı aktif */
.app-masaustu .yan .yan-alt a {
  transition: background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), padding-left var(--dur-fast) var(--ease-out);
}
.app-masaustu .yan .yan-alt a:hover {
  color: #fff;
  background: rgba(255,255,255,.05);
}
.app-masaustu .yan .yan-alt a.aktif {
  padding-left: 26px;
  box-shadow: inset 2px 0 0 var(--primary) !important;
}

/* Mobil */
@media (max-width: 900px) {
  body {
    background: var(--background);
    background-attachment: scroll;
  }
  .asama-serit .asama-adim { flex: 1 1 100%; border-right: 0; border-bottom: 1px solid #eef1f5; }
  .asama-serit .asama-adim:last-child { border-bottom: 0; }
  .b12-hub-izgara { grid-template-columns: 1fr; padding: 12px !important; }
  .app-masaustu .kart-ozet strong { font-size: 18px; }
  .app-masaustu .sayfa { padding: 8px 10px 14px !important; }
}

/* Detay alt paneller (reçete, satırlar) */
.detay-alt-panel {
  margin-top: 12px;
  border: 1px solid #eef1f5;
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--kart, #fff);
}
.detay-alt-baslik {
  margin: 0;
  padding: 10px 14px;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--text-strong);
  letter-spacing: -.01em;
  border-bottom: 1px solid #eef1f5;
  background: linear-gradient(180deg, #fff 0%, var(--surface-soft) 100%);
}
details.detay-alt-panel > summary.detay-alt-baslik {
  cursor: pointer;
  list-style: none;
  border-bottom: 0;
}
details.detay-alt-panel[open] > summary.detay-alt-baslik { border-bottom: 1px solid #eef1f5; }
details.detay-alt-panel > summary.detay-alt-baslik::-webkit-details-marker { display: none; }
.metin-soluk { color: var(--text-muted, #6b7280); font-size: 13px; line-height: 1.45; }
.checkbox-satir { display: inline-flex; align-items: center; gap: 8px; font-weight: 500; cursor: pointer; }
.kart-gorunum > .liste-kabuk {
  margin-top: 10px;
  border-radius: var(--radius-lg);
  overflow: hidden;
}
.app-masaustu .rozet.gri {
  border-color: rgba(120, 118, 118, .18);
  background: #f1f3f5;
  color: #5c6670;
}

/* Yazdır — sade */
@media print {
  body { background: #fff !important; }
  .asama-serit, .yan, .ust, .liste-alt, .kart-gorunum-aksiyon { display: none !important; }
  .liste-kabuk, .kart-gorunum-ust { box-shadow: none !important; border-color: #ccc !important; }
}

/* Virman / tahsilat / cari sekme / kolon */
.virman-form { max-width: 920px; }
.virman-kart {
  border: 1px solid #d5d9de;
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .06);
}
.virman-kart-ust {
  display: flex; justify-content: space-between; align-items: flex-start; gap: 12px;
  padding: 16px 18px; border-bottom: 1px solid #eef2f7; background: #f8fafc;
}
.virman-kart-ust h2 { margin: 0 0 4px; font-size: 16px; color: #0e2744; }
.virman-kart-ust p { margin: 0; color: #475569; font-size: 12.5px; font-weight: 550; }
.virman-izgara {
  display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px; align-items: stretch; padding: 18px;
}
.virman-panel {
  border: 1px solid #e2e8f0; border-radius: 10px; padding: 14px; background: #fff; display: grid; gap: 8px;
}
.virman-panel label { font-size: 12px; font-weight: 750; color: #475569; }
.virman-rozet {
  display: inline-flex; width: fit-content; padding: 2px 8px; border-radius: 999px;
  background: #fee2e2; color: #b91c1c; font-size: 10px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase;
}
.virman-rozet.hedef { background: #dcfce7; color: #166534; }
.virman-ok { display: grid; place-items: center; font-size: 22px; font-weight: 800; color: #64748b; }
.virman-alt-alanlar {
  display: grid; grid-template-columns: 180px 1fr; gap: 12px; padding: 0 18px 18px;
}
.virman-alt-alanlar .tam { grid-column: 1 / -1; }
@media (max-width: 800px) {
  .virman-izgara { grid-template-columns: 1fr; }
  .virman-ok { transform: rotate(90deg); }
  .virman-alt-alanlar { grid-template-columns: 1fr; }
}
.pasif-alan { opacity: .45; pointer-events: none; }
.pasif-alan select { background: #f1f5f9 !important; }
.cari-sekme { display: flex; flex-wrap: wrap; gap: 0; border-bottom: 1px solid #d5d9de; background: #f1f5f9; }
.cari-sekme button {
  border: 0; background: transparent; min-height: 40px; padding: 0 14px;
  font: inherit; font-size: 12px; font-weight: 800; letter-spacing: .03em;
  color: #475569; cursor: pointer; border-bottom: 2px solid transparent;
}
.cari-sekme button:hover { color: #0e2744; background: #fff; }
.cari-sekme button.aktif { color: #0040ff; background: #fff; border-bottom-color: #0040ff; }
/* cari-hareket: üst bilgi ızgarası genel kart-bilgi dilini kullanır */
.cari-hareket-sayfa .kart-ozet span { color: #475569; font-weight: 800; }
.cari-hareket-sayfa .kart-ozet strong { color: #0f172a; }
.kolon-modal-liste { display: grid; gap: 6px; max-height: 50vh; overflow: auto; }
.kolon-modal-liste label {
  display: flex; align-items: center; gap: 10px; min-height: 36px; padding: 0 10px;
  border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; font-weight: 650; color: #1a2332; cursor: pointer;
}
.kolon-modal-liste label:hover { background: #f8fafc; }
th[data-kolon][hidden], td[data-kolon][hidden] { display: none !important; }

/* ===== satistan-uretim ===== */
.satistan-banner { margin-bottom: 12px; }
.satistan-kpi { margin-bottom: 12px; }
.satistan-duzen {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 300px);
  gap: 14px;
  align-items: start;
}
.satistan-tablo-alan { min-width: 0; overflow: auto; }
.satistan-panel {
  position: sticky; top: 12px;
  display: grid; gap: 12px; padding: 14px;
  border: 1px solid var(--cizgi); border-radius: 12px; background: var(--kart);
  box-shadow: 0 8px 24px rgba(14, 39, 68, .06);
}
.satistan-panel-ust strong { display: block; font-size: 14px; }
.satistan-panel-ust span { color: var(--soluk); font-size: 12px; }
.satistan-panel-alt { display: grid; gap: 8px; }
.satistan-ozet { margin: 0; font-size: 13px; font-weight: 700; color: #0e2744; }
.satistan-adimlar {
  margin: 0; padding-left: 18px; color: var(--soluk); font-size: 12px; display: grid; gap: 4px;
}
.satistan-miktar { width: 5.5rem; text-align: right; }
.satistan-satir.malzeme-uyari td { background: #fff8f1; }
.satistan-bom-liste { padding: 8px 10px; border: 1px dashed #d6dee8; border-radius: 8px; background: #f8fafc; }
.satistan-bom-liste strong { display: block; margin-bottom: 6px; font-size: 12px; }
.satistan-bom-liste ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 4px; }
.satistan-bom-liste li { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 10px; font-size: 12px; }
.satistan-bom-liste li.yetersiz { color: #b42318; font-weight: 700; }
@media (max-width: 960px) {
  .satistan-duzen { grid-template-columns: 1fr; }
  .satistan-panel { position: static; }
}

/* kredi sayfasý — üst þeritte Yeni butonu gizlenmesin */
.liste-ust .btn-vurgu,
.liste-kabuk .liste-ust .btn-vurgu,
.app-masaustu .liste-ust .btn-vurgu {
  display: inline-flex !important;
}

/* ===== Tek tasarım dili: alış faturası standardı (tüm proje) ===== */
.kayit,
form.kayit {
  display: grid; gap: 10px; border: 0; background: transparent;
}
.kayit-serit, .satir-serit, .fatura-serit {
  display: flex; flex-wrap: wrap; gap: 8px; align-items: center;
  padding: 12px 14px; margin: 0;
  background: #fff; border: 1px solid #dde3eb; border-radius: 8px;
}
.kayit-serit strong, .fatura-serit strong { font-size: 13px; font-weight: 600; color: #4a5568; }
.kayit-serit span, .fatura-serit span { color: #787676; font-size: 12px; margin-right: auto; }
.kayit > section,
.fatura-form > section.fatura-ust-kart {
  background: #fff; border: 1px solid #dde3eb; border-radius: 8px;
  padding: 12px 14px; border-bottom: 1px solid #dde3eb;
}
.kayit section h2 {
  margin: 0 0 8px; padding: 0; border: 0;
  font-size: 12px; font-weight: 600; color: #787676; letter-spacing: .02em;
}
.form-izgara, .b12-form-izgara, .form-sik {
  display: grid; grid-template-columns: 1fr 1fr; gap: 10px 28px; align-items: start;
}
.fatura-ust-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 28px; align-items: start; }
.form-alan, .fatura-alan { display: grid; gap: 4px; min-width: 0; }
.form-alan > label, .fatura-alan > label {
  font-size: 11px; font-weight: 600; color: #787676; letter-spacing: .02em;
}
.form-alan input:not([type=checkbox]):not([type=radio]),
.form-alan select, .form-alan textarea,
.fatura-alan input:not([type=checkbox]):not([type=radio]),
.fatura-alan select, .fatura-alan textarea {
  width: 100%; min-height: 30px; border: 1px solid #d5d9de; border-radius: 4px;
  padding: 4px 8px; font-size: 12px; background: #fff; color: #4a5568;
}
.form-alan.tam-satir, .fatura-alan-cift, .form-alan-tam, .form-genis { grid-column: 1 / -1; }
.kart-form { display: grid; gap: 10px; }
.bolge-2 { display: grid; gap: 12px; }
@media (min-width: 961px) {
  .bolge-2 { grid-template-columns: 1fr 1fr; align-items: start; }
}
.sayfa-ust:not(.b12-baslik) {
  display: flex; align-items: center; justify-content: space-between;
  margin: 0 0 4px; padding: 0; border: 0; background: transparent; gap: 8px;
}
.sayfa-ust:not(.b12-baslik) h1,
.sayfa-ust .view-title {
  margin: 0; font-size: 16.8px; font-weight: 400; color: #4a5568;
}
.sayfa > .tablo,
.sayfa > grid-layout,
.sayfa > .tablo-sarmal {
  background: #fff; border: 1px solid #dde3eb; border-radius: 8px; overflow: hidden;
}
.b12-modal.genis .b12-modal-govde { display: grid; gap: 10px; }
.b12-modal .fatura-ust-kart, .b12-modal .fatura-grid-kart {
  box-shadow: none;
}
.detay-alt-panel, details.detay-alt-panel {
  background: #fff; border: 1px solid #dde3eb; border-radius: 8px;
  padding: 0; margin: 10px 0; overflow: hidden;
}
.detay-alt-baslik, details.detay-alt-panel > summary {
  padding: 10px 14px; font-size: 12px; font-weight: 600; color: #4a5568;
  background: #f8fafc; border-bottom: 1px solid #eef1f5; cursor: pointer;
}
details.detay-alt-panel > *:not(summary) { padding: 12px 14px; }
.uyari, .on-kosul-kutu {
  border-radius: 8px; border: 1px solid #dde3eb; background: #fff;
}
@media (max-width: 960px) {
  .form-izgara, .b12-form-izgara, .form-sik, .fatura-ust-izgara { grid-template-columns: 1fr; }
}

/* —— Kurumsal işlem bildirimi (modal) —— */
.bildirim-kaynak { display: none !important; }
.bildirim-modal {
  border: 1px solid #c8d0dc;
  border-radius: 12px;
  padding: 0;
  width: min(440px, 92vw);
  background: #fff;
  color: var(--yazi);
  box-shadow: 0 22px 56px rgba(8, 20, 38, .28);
  overflow: hidden;
}
.bildirim-modal::backdrop { background: rgba(15, 23, 42, .45); backdrop-filter: blur(2px); }
.bildirim-modal .bildirim-modal-ust { background: linear-gradient(180deg, #f9fafc 0%, #f1f4f8 100%); }
.bildirim-modal-kimlik { display: flex; align-items: center; gap: 10px; min-width: 0; }
.bildirim-modal-kimlik h2 { margin: 0; font-size: 15px; font-weight: 700; color: #2d3748; }
.bildirim-modal-ikon {
  width: 36px; height: 36px; border-radius: 10px;
  display: inline-grid; place-items: center; flex-shrink: 0;
  background: #e8f0fe; color: var(--primary);
}
.bildirim-modal-ikon--basari { background: color-mix(in srgb, var(--basari) 14%, #fff); color: var(--basari); }
.bildirim-modal-ikon--hata { background: color-mix(in srgb, var(--tehlike) 14%, #fff); color: var(--tehlike); }
.bildirim-modal-ikon--uyari { background: color-mix(in srgb, var(--uyari) 16%, #fff); color: var(--uyari); }
.bildirim-modal-ikon--bilgi { background: color-mix(in srgb, var(--bilgi) 14%, #fff); color: var(--bilgi); }
.bildirim-modal-govde { padding: 16px 18px 10px !important; max-height: none !important; }
.bildirim-modal-govde p {
  margin: 0; font-size: 13.5px; line-height: 1.5; color: #334155; font-weight: 500;
  white-space: pre-wrap; word-break: break-word;
}
.bildirim-modal-ilerleme {
  margin-top: 14px; height: 3px; border-radius: 999px; background: #e8eef5; overflow: hidden;
}
.bildirim-modal-ilerleme-cubuk {
  display: block; height: 100%; width: 100%;
  background: linear-gradient(90deg, var(--primary-btn), var(--primary));
  border-radius: inherit;
}
.bildirim-modal--basari { border-top: 3px solid var(--basari); }
.bildirim-modal--hata { border-top: 3px solid var(--tehlike); }
.bildirim-modal--uyari { border-top: 3px solid var(--uyari); }
.bildirim-modal--bilgi { border-top: 3px solid var(--bilgi); }
.bildirim-modal--basari .bildirim-modal-ilerleme-cubuk {
  background: linear-gradient(90deg, #43a047, var(--basari));
}
.bildirim-modal--onay { border-top: 3px solid var(--uyari); }
.bildirim-modal .b12-modal-alt { justify-content: flex-end; gap: 8px; }
dialog.bildirim-modal[open],
dialog.onay-dialog[open] { z-index: 520; }

/* Eski köşe toast yedek (nadiren) */
.toast-kutu { z-index: 510; }
.toast {
  display: flex; align-items: flex-start; gap: 8px;
  min-width: 260px; max-width: min(380px, 92vw);
  font-size: 12.5px; font-weight: 600; line-height: 1.4;
  animation: bildirimKay 180ms var(--ease-out);
}
@keyframes bildirimKay {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: none; }
}