:root, :is([data-tema='acik'], [data-bs-theme='light']) {
  --marka: #4338CA; --marka-800: #3730A3; --marka-900: #312E81; --marka-400: #6366F1;
  --marka-zemin: #F1F2FF; --marka-metin: #4338CA;
  --aksan: #EA580C; --aksan-600: #C2410C; --aksan-700: #9A3412; --aksan-soluk: #FFF1E8; --aksan-metin: #B53D0B;
  --dolgu-metin: #FFFFFF;
  --yan-zemin: linear-gradient(180deg, #312E81 0%, #1E1B4B 100%);
}
:root, :is([data-tema='acik'], [data-bs-theme='light']) {
  color-scheme: light;
  --bg: #E8EDF3; --surface: #FFFFFF; --surface-2: #F4F7FA; --surface-3: #EEF3F9;
  --ayrac: #E3E9F1; --line: #D9E1EB; --line-2: #D2DBE7; --line-3: #B9C6D8;
  --girdi-zemin: #F8FAFD; --girdi-cizgi: #DAE1EB; --odak: 0 0 0 3px color-mix(in srgb, var(--marka-400) 26%, transparent);
  --text: #131C2E; --text-2: #3F4C63; --text-3: #525F75; --muted: #5C687F; --faint: #97A3B5;
  --info: #1F5BB0;  --info-soft: #E8F0FB;  --info-line: #BBD0EE;
  --vurgu: #6A3FD1; --vurgu-soft: #F1ECFD; --vurgu-line: #D5C7F6;
  --ok: #0F7551;    --ok-soft: #E5F4EE;    --ok-line: #A9DAC6;
  --warn: #9A5800;  --warn-soft: #FFF3DF;  --warn-line: #F2CF93;
  --err: #C0352B;   --err-soft: #FCEBEA;   --err-line: #F0B9B4;
  --teal: #0B7469;  --teal-soft: #E3F4F2;  --teal-line: #A8DAD4;
  --belge-zemin: #525659; --belge-arac: rgba(15, 23, 42, 0.82); --ipucu-zemin: #131C2E; --ipucu-metin: #FFFFFF;
  --perde: rgba(15, 25, 45, 0.45);
  --ust-zemin: rgba(255, 255, 255, 0.92);
  --kart-golge: 0 0 0 1px rgba(19, 28, 46, 0.035), 0 1px 3px rgba(19, 28, 46, 0.05);
  --sh-1: 0 1px 2px rgba(19, 28, 46, 0.06), 0 1px 1px rgba(19, 28, 46, 0.03);
  --sh-2: 0 6px 20px rgba(15, 23, 42, 0.08), 0 2px 6px rgba(15, 23, 42, 0.05);
  --sh-3: 0 22px 60px rgba(15, 23, 42, 0.22);
}
:root {
  --kapak-dugme-zemin: rgba(255, 255, 255, 0.92); --kapak-dugme-metin: #1E293B;
  --b-05: 2px; --b-1: 4px; --b-15: 6px; --b-2: 8px; --b-25: 10px; --b-3: 12px; --b-4: 16px; --b-5: 20px; --b-6: 24px;
  --y-0: 9px; --y-1: 10.5px; --y-2: 11px; --y-3: 11.5px; --y-4: 12px; --y-5: 12.5px; --y-6: 13px; --y-7: 13.5px; --y-8: 14px; --y-9: 15px;
  --y-10: 16px; --y-11: 17px; --y-12: 18px; --y-13: 20px; --y-14: 22px; --y-15: 24px; --y-16: 28px; --y-17: 32px; --y-18: 40px;
  --yk-1: 24px; --yk-2: 26px; --yk-3: 28px; --yk-4: 30px; --yk-5: 32px; --yk-6: 34px; --yk-7: 36px; --yk-8: 38px; --yk-9: 40px;
  --kontrol: var(--yk-8); --kontrol-k: var(--yk-5);
  --kart-x: var(--b-5); --kart-bas: 52px;
  --r-sm: 6px; --r-md: 10px; --r-lg: 14px; --r-xl: 18px;
  --font: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --mono: ui-monospace, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
  --kagit: #FFFFFF;
  --yan-genislik: 244px; --yan-dar: 60px;
  --ust-yukseklik: 0px;
}
@media (max-width: 860px) { :root { --ust-yukseklik: 44px; } }
:is([data-tema='koyu'], [data-bs-theme='dark']) {
  color-scheme: dark;
  --marka: #5B5BD6; --marka-800: #4F4FC4; --marka-900: #3F3FA8; --marka-400: #818CF8;
  --marka-zemin: #1C1F3D; --marka-metin: #A5B4FC;
  --aksan: #FB923C; --aksan-600: #C2410C; --aksan-700: #9A3412; --aksan-soluk: #3A1E10; --aksan-metin: #FDBA74;
  --yan-zemin: linear-gradient(180deg, #1E1B4B 0%, #0E0D24 100%);
  --bg: #080E17; --surface: #141C2A; --surface-2: #0E1622; --surface-3: #1B2536;
  --ayrac: #1F2C3F; --line: #253348; --line-2: #2D3B52; --line-3: #3C4C66;
  --girdi-zemin: #101724; --girdi-cizgi: #2A374C; --odak: 0 0 0 3px color-mix(in srgb, var(--marka-400) 34%, transparent);
  --kart-golge: 0 0 0 1px var(--line);
  --text: #E4EAF3; --text-2: #BAC5D5; --text-3: #9DA9BB; --muted: #8793A8; --faint: #56627A;
  --info: #7FA8EA;  --info-soft: #14233B;  --info-line: #26436B;
  --vurgu: #A98BF0; --vurgu-soft: #221B3A; --vurgu-line: #3D3166;
  --ok: #3DBE8B;    --ok-soft: #10291F;    --ok-line: #1E5240;
  --warn: #E3A44A;  --warn-soft: #2E2210;  --warn-line: #5C4318;
  --err: #F07A70;   --err-soft: #33181A;   --err-line: #663033;
  --teal: #45C5B6;  --teal-soft: #0F2B29;  --teal-line: #1F5651;
  --sh-1: 0 1px 2px rgba(0, 0, 0, 0.4); --sh-2: 0 6px 20px rgba(0, 0, 0, 0.45);
  --sh-3: 0 0 0 1px var(--line-3), 0 24px 56px rgba(0, 0, 0, 0.6);
  --perde: rgba(3, 6, 12, 0.74);
  --ust-zemin: rgba(20, 28, 42, 0.92);
}
@import './belirtecler.css';
* { box-sizing: border-box; }
[hidden] { display: none !important; }
html, body, #app { height: 100%; }
[data-tema]:not(:root) { background: var(--bg); color: var(--text); }
body {
  margin: 0; background: var(--bg); color: var(--text); font-family: var(--font); font-size: var(--y-8); line-height: 1.5;
  -webkit-font-smoothing: antialiased; font-variant-numeric: tabular-nums;
}
button, input, select, textarea { font: inherit; color: inherit; }
a { color: var(--marka-metin); text-decoration: none; }
a:hover { text-decoration: underline; }
:focus-visible { outline: 2px solid var(--marka-400); outline-offset: 2px; }
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-thumb { background: var(--line-2); border-radius: 999px; border: 2px solid transparent; background-clip: padding-box; }
*::-webkit-scrollbar-track { background: transparent; }
.mono { font-family: var(--mono); font-size: 0.92em; }
.soluk { color: var(--muted); }
.kucuk { font-size: var(--y-4); }
.sarmaz { white-space: nowrap; }
.kalin { font-weight: 700; }
.sag { margin-left: auto; }
.satir { display: flex; align-items: center; gap: var(--b-2); }
.satir.sar { flex-wrap: wrap; }
.dikey { display: flex; flex-direction: column; gap: var(--b-3); }
.kes { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:where(span, b, i, strong, em, small, abbr).kes { display: inline-block; max-width: 100%; vertical-align: bottom; }
.gorunmez { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.giris, .secim, .uzun {
  height: var(--kontrol); padding: 0 var(--b-3); border: 1px solid var(--girdi-cizgi); border-radius: var(--r-md); background-color: var(--girdi-zemin);
  font-size: var(--y-8); width: 100%; min-width: 0; transition: border-color 0.15s, box-shadow 0.15s, background-color 0.15s;
}
.uzun { height: auto; min-height: 84px; max-height: 360px; padding: var(--b-2) var(--b-3); resize: vertical; line-height: 1.5; field-sizing: content; }
.secim {
  appearance: none; padding-right: 32px; text-overflow: ellipsis;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237C889B' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right var(--b-3) center;
}
.giris:hover, .secim:hover, .uzun:hover { border-color: var(--line-3); }
.giris:focus, .secim:focus, .uzun:focus { outline: none; border-color: var(--marka-400); background-color: var(--surface); box-shadow: var(--odak); }
.giris:disabled, .secim:disabled, .uzun:disabled, .giris[readonly], .uzun[readonly] { background-color: var(--surface-3); border-color: transparent; color: var(--text-2); }
.giris.hatali, .secim.hatali, .uzun.hatali { border-color: var(--err); }
.giris.kucuk-giris, .secim.kucuk-giris { height: var(--kontrol-k); font-size: var(--y-6); }
@keyframes don { to { transform: rotate(360deg); } }
@keyframes belir { from { opacity: 0; } }
@keyframes yuksel { from { opacity: 0; transform: translateY(8px); } }
.donen { animation: don 0.9s linear infinite; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } }
.acilir { position: fixed; z-index: 1100; max-height: min(70dvh, 460px); overflow: auto; padding: var(--b-3); border-radius: var(--r-md); background: var(--surface); color: var(--text); box-shadow: var(--sh-3), var(--kart-golge); outline: none; animation: belir 0.12s ease; }
.adimlar { display: flex; gap: var(--b-15); overflow-x: auto; padding: var(--b-05); scrollbar-width: thin; }
.adim { display: inline-flex; align-items: center; gap: var(--b-2); flex-shrink: 0; padding: var(--b-15) var(--b-3) var(--b-15) var(--b-15); border: 1px solid var(--girdi-cizgi); border-radius: 999px; background: var(--surface); color: var(--text-2); font-size: var(--y-6); font-weight: 700; cursor: pointer; white-space: nowrap; }
.adim:hover { border-color: var(--line-3); color: var(--text); }
.adim-no { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; background: var(--surface-3); color: var(--text-3); font-size: var(--y-3); font-weight: 800; }
.adim-sayac { font-size: var(--y-3); font-weight: 700; color: var(--muted); }
.adim.tamam .adim-no { background: var(--ok-soft); color: var(--ok); }
.adim.hatali { border-color: var(--err-line); }
.adim.hatali .adim-no { background: var(--err-soft); color: var(--err); }
.adim.hatali .adim-sayac { color: var(--err); }
.adim.secili { background: var(--marka); border-color: var(--marka-metin); color: var(--dolgu-metin); }
.adim.secili .adim-no { background: rgba(255, 255, 255, 0.2); color: var(--dolgu-metin); }
.adim.secili .adim-sayac { color: rgba(255, 255, 255, 0.8); }
.ozet-kap { container-type: inline-size; }
.ozet {
  --n: 1; --bosluk: 28px;
  --ozet-etiket: max(110px, calc((100cqi - (var(--n) - 1) * var(--bosluk)) / var(--n) * 0.44));
  display: grid; grid-template-columns: repeat(var(--n), minmax(0, 1fr)); column-gap: var(--bosluk); margin: 0;
}
@container (min-width: 628px) { .ozet { --n: 2; } }
@container (min-width: 956px) { .ozet { --n: 3; } }
@container (min-width: 1284px) { .ozet { --n: 4; } }
.ozet.tek { --n: 1; }
.ozet-satir { display: grid; grid-template-columns: var(--ozet-etiket) minmax(0, 1fr); gap: var(--b-3); align-items: baseline; padding: var(--b-2) 0; min-height: var(--yk-7); }
.ozet-satir.genis { grid-column: 1 / -1; }
.ozet-satir dt { display: flex; align-items: center; gap: var(--b-1); min-width: 0; font-size: var(--y-5); color: var(--muted); font-weight: 600; }
.ozet-satir dt > span:first-child { min-width: 0; margin-right: auto; }
.ozet-satir:focus { outline: none; border-radius: 6px; background: var(--surface-2); }
.ozet-satir dd { margin: 0; font-size: var(--y-7); font-weight: 700; color: var(--text); overflow-wrap: anywhere; }
.ozet-satir.bos dd { color: var(--faint); font-weight: 500; }
.ozet.sik { --bosluk: 24px; }
.ozet.sik .ozet-satir { padding: 3px 0; min-height: var(--yk-2); gap: var(--b-25); }
.ozet.sik dt { font-size: var(--y-3); }
.ozet.sik dd { font-size: var(--y-6); font-weight: 600; }
@container (min-width: 520px) { .ozet.sik { --n: 2; } }
@container (min-width: 820px) { .ozet.sik { --n: 3; } }
@container (min-width: 1180px) { .ozet.sik { --n: 4; } }
.ozet.sik.tek { --n: 1; }
@container (max-width: 420px) { .ozet-satir, .ozet-satir.genis { grid-template-columns: minmax(0, 1fr); gap: var(--b-05); } }
@container (max-width: 420px) { .ozet.sik .ozet-satir { grid-template-columns: minmax(96px, 42%) minmax(0, 1fr); gap: var(--b-25); } }
.anahtar { position: relative; flex-shrink: 0; width: 36px; height: 21px; padding: 0; border: 0; border-radius: 999px; background: var(--line-3); cursor: pointer; transition: background 0.15s; }
.anahtar i { position: absolute; top: 3px; left: 3px; width: 15px; height: 15px; border-radius: 50%; background: var(--surface); box-shadow: var(--sh-1); transition: transform 0.15s; }
.anahtar.acik { background: var(--marka); }
.anahtar.acik i { transform: translateX(15px); }
.anahtar:disabled { opacity: 0.55; cursor: default; }
.anahtar:focus-visible { outline: 2px solid var(--marka-400); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
  .anahtar, .anahtar i { transition: none; }
}
.arama-kutusu { position: relative; display: flex; align-items: center; width: min(320px, 100%); min-width: 0; }
.arama-kutusu .giris { padding-left: 34px; padding-right: 34px; }
.arama-kutusu .giris::-webkit-search-cancel-button { display: none; }
.arama-kutusu .giris::placeholder { color: var(--muted); }
.ak-ikon { position: absolute; left: 11px; color: var(--muted); pointer-events: none; }
.ak-temizle { position: absolute; right: 6px; display: grid; place-items: center; width: 26px; height: var(--yk-2); padding: 0; border: 0; border-radius: 7px; background: transparent; color: var(--text-3); cursor: pointer; }
.ak-temizle:hover { background: var(--surface-3); color: var(--text); }
.arama-kutusu.kucuk .giris { padding-left: 30px; }
.arama-kutusu.kucuk .ak-ikon { left: 10px; }
.as-tetik { display: flex; align-items: center; text-align: left; cursor: pointer; overflow: hidden; white-space: nowrap; color: var(--text); }
.as-tetik > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.as-tetik.bos { color: var(--muted); }
.as-tetik:disabled { cursor: default; }
.as-liste { display: flex; flex-direction: column; gap: var(--b-2); }
.as-satirlar { max-height: min(52dvh, 320px); overflow: auto; margin: 0 calc(-1 * var(--b-1)); }
.as-satir { display: flex; align-items: center; min-height: var(--yk-5); padding: var(--b-1) var(--b-2); border-radius: var(--r-sm); font-size: var(--y-6); cursor: pointer; overflow-wrap: anywhere; }
.as-satir.aktif { background: var(--surface-3); }
.as-satir[aria-selected='true'] { background: var(--marka-zemin); color: var(--marka-metin); font-weight: 700; }
.as-satir.bos { color: var(--muted); }
.as-satir.serbest { color: var(--marka-metin); font-weight: 600; }
.as-grup { padding: var(--b-2) var(--b-2) var(--b-1); font-size: var(--y-5); font-weight: 700; color: var(--muted); }
.as-grup:not(:first-child) { margin-top: var(--b-1); }
.as-yok { padding: var(--b-2); }
.baglanti-dugmesi { padding: 0; border: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; max-width: 100%; min-width: 0; }
.baglanti-dugmesi:hover { color: var(--marka-metin); text-decoration: underline; }
.bgal { container-type: inline-size; display: flex; flex-direction: column; gap: var(--b-5); }
.bgal-bolum { display: flex; flex-direction: column; gap: var(--b-25); min-width: 0; }
.bgal-bolum-bas { display: flex; align-items: center; gap: var(--b-2); margin: 0; min-height: var(--yk-1); font-size: var(--y-7); font-weight: 800; color: var(--text); list-style: none; }
.bgal-bolum-bas::-webkit-details-marker { display: none; }
details.bgal-bolum { display: block; }
summary.bgal-bolum-bas { cursor: pointer; width: fit-content; border-radius: var(--r-sm); }
.bgal-ok { color: var(--muted); transition: transform 0.15s; }
details[open] > summary .bgal-ok { transform: rotate(90deg); }
details.bgal-bolum[open] > summary { margin-bottom: var(--b-25); }
details.bgal-bolum > .sayfalama { margin-top: var(--b-25); }
.bgal-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr)); gap: var(--b-4); }
.bgal-kart { position: relative; display: flex; flex-direction: column; min-width: 0; border-radius: var(--b-3); overflow: hidden; background: var(--surface-2); transition: box-shadow 0.15s; }
.bgal-kart:hover { box-shadow: var(--sh-2); }
.bgal-kart.uyarili { box-shadow: 0 0 0 2px var(--warn-line); }
.bgal-kapak { position: relative; height: 160px; padding: 0; border: 0; display: grid; place-items: center; overflow: hidden; background: var(--belge-zemin); color: rgba(255, 255, 255, 0.7); cursor: zoom-in; }
.bgal-kapak img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: top; display: block; animation: bgal-belir 0.2s ease-out; }
.bgal-kapak.sayfa img { inset: 10px 14px 0; width: calc(100% - 28px); height: calc(100% - 10px); border-radius: 3px 3px 0 0; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); }
.bgal-kapak.sayfa .etiket { z-index: 1; }
@keyframes bgal-belir { from { opacity: 0; } }
.bgal-kapak .etiket { position: absolute; top: 8px; left: 8px; }
.bgal-mesgul { position: absolute; inset: 0; display: grid; place-items: center; background: var(--belge-arac); color: var(--dolgu-metin); }
.bgal-govde { flex: 1; display: flex; flex-direction: column; gap: var(--b-15); padding: var(--b-3); min-width: 0; }
.bgal-baslik { font-weight: 800; font-size: var(--y-7); line-height: 1.3; overflow-wrap: anywhere; }
.bgal-isaretler { display: flex; align-items: center; gap: var(--b-15); flex-wrap: wrap; min-height: var(--yk-1); }
.bgal-isaretler > .etiket { height: var(--yk-1); padding-block: 0; }
.bgal-alt { display: flex; align-items: center; gap: var(--b-15); margin-top: auto; padding-top: var(--b-05); }
.bgal-alt select { flex: 1; min-width: 0; }
.bgal-izgara.foto { grid-template-columns: repeat(auto-fill, minmax(min(150px, 100%), 1fr)); gap: var(--b-3); }
.bgal-kart.foto .bgal-kapak { height: auto; aspect-ratio: 4 / 3; }
.bgal-kart.foto .bgal-kapak img { object-position: center; }
.bgal-kart.foto .bgal-govde { padding: var(--b-2); gap: var(--b-1); }
.bgal-kart.foto .bgal-baslik { font-size: var(--y-5); font-weight: 700; color: var(--text-2); }
.bgal-izgara.sade { grid-template-columns: repeat(auto-fill, minmax(min(170px, 100%), 1fr)); gap: var(--b-3); }
.bgal-kart.sade .bgal-kapak { height: 56px; cursor: pointer; }
.bgal-kart.sade .bgal-govde { padding: var(--b-2); gap: var(--b-1); }
.bgal-kart.sade .bgal-baslik { font-size: var(--y-5); font-weight: 700; color: var(--text-2); }
@container (max-width: 440px) { .bgal-izgara, .bgal-izgara.foto, .bgal-izgara.sade { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-25); } .bgal-kapak { height: 120px; } }
@container (max-width: 300px) { .bgal-izgara, .bgal-izgara.sade { grid-template-columns: minmax(0, 1fr); } }
.bg { position: relative; flex: 1 1 auto; width: 100%; height: 100%; min-height: 0; overflow: hidden; background: var(--belge-zemin); container-type: inline-size; }
.bg > .gor-sahne, .bg > .pdf-g { position: absolute; inset: 0; }
.gor-durum { position: absolute; inset: 0; display: grid; place-items: center; padding: var(--b-4); }
.gor-durum > .durum-kutu { background: var(--surface); border-radius: var(--r-lg); box-shadow: var(--sh-2); padding: var(--b-6) 28px; max-width: 100%; }
.gor-sahne { position: relative; width: 100%; height: 100%; overflow: hidden; touch-action: none; user-select: none; }
.gor-sahne.gezilebilir { cursor: grab; }
.gor-sahne.gezilebilir:active { cursor: grabbing; }
.gor-sahne > img { position: absolute; left: 50%; top: 50%; max-width: none; max-height: none; transform-origin: center; }
.gor-arac {
  position: absolute; left: 50%; bottom: 12px; transform: translateX(-50%); z-index: 2; display: flex; align-items: center; gap: var(--b-05); padding: var(--b-1);
  max-width: calc(100% - 16px); border-radius: var(--r-md); background: var(--belge-arac); color: var(--dolgu-metin); box-shadow: var(--sh-2); backdrop-filter: blur(6px);
}
.gor-arac button { width: 30px; height: var(--yk-4); display: grid; place-items: center; flex-shrink: 0; border: 0; border-radius: 7px; background: none; color: inherit; cursor: pointer; }
.gor-arac button:hover:not(:disabled) { background: rgba(255, 255, 255, 0.15); }
.gor-arac button:disabled { opacity: 0.4; cursor: default; }
.gor-arac span { min-width: 44px; text-align: center; font-size: var(--y-4); white-space: nowrap; }
.gor-arac i { width: 1px; height: 18px; margin: 0 var(--b-1); background: rgba(255, 255, 255, 0.25); flex-shrink: 0; }
@container (max-width: 330px) { .gor-arac i { display: none; } .gor-arac span { min-width: 36px; } .gor-arac button { width: 26px; } }
.gor-arac .gor-sayfa { width: auto; min-width: 44px; padding: 0 var(--b-2); font-size: var(--y-4); white-space: nowrap; }
.gor-git { display: flex; align-items: center; gap: var(--b-1); padding: 0 var(--b-1); }
.gor-git input { width: 46px; height: var(--yk-1); padding: 0 var(--b-1); border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 6px; background: rgba(255, 255, 255, 0.12); color: inherit; font: inherit; font-size: var(--y-4); text-align: center; -moz-appearance: textfield; appearance: textfield; }
.gor-git input::-webkit-outer-spin-button, .gor-git input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.gor-arac .gor-git span { min-width: 0; }
.pdf-g { position: relative; width: 100%; height: 100%; }
.pdf-kaydir { position: absolute; inset: 0; overflow-x: auto; overflow-y: scroll; padding: var(--b-3) var(--b-3) 60px; outline: none; }
.pdf-kaydir:focus-visible { box-shadow: inset 0 0 0 2px var(--info-line); }
.pdf-akis { display: flex; flex-direction: column; align-items: center; gap: var(--b-3); min-width: max-content; }
.pdf-yer { position: relative; flex-shrink: 0; overflow: hidden; box-shadow: var(--sh-2); background: var(--kagit); }
.pdf-yer canvas { display: block; }
.bp { flex: 1; min-height: 0; display: flex; container-type: inline-size; }
.bp-ic { flex: 1; min-width: 0; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); }
.bp-ic.yanli { grid-template-columns: minmax(0, 1fr) 9px min(var(--bp-yan, 440px), 62cqi); }
.bp-ic.suruklenen { user-select: none; cursor: col-resize; }
.bp-govde { position: relative; min-width: 0; min-height: 0; display: flex; }
.bp-ic.suruklenen .bp-govde { pointer-events: none; }
.bp-ayrac { position: relative; cursor: col-resize; background: var(--surface); touch-action: none; outline: none; }
.bp-ayrac::after { content: ''; position: absolute; top: 50%; left: 3px; width: 3px; height: var(--yk-7); translate: 0 -50%; border-radius: 999px; background: var(--line-2); transition: background 0.15s, height 0.15s; }
.bp-ayrac:hover::after, .bp-ayrac:focus-visible::after, .bp-ic.suruklenen .bp-ayrac::after { background: var(--marka-400); height: 64px; }
.bp-yan { min-width: 0; overflow: auto; padding: var(--b-3) var(--b-5) var(--b-5) var(--b-2); background: var(--surface); display: flex; flex-direction: column; gap: var(--b-4); container-type: inline-size; }
.bp-yan-baslik { margin: 0 0 var(--b-1); font-size: var(--y-2); font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); }
.bp-bilgi { flex-shrink: 0; margin-top: -4px; padding: 0 var(--b-6) var(--b-3); font-size: var(--y-5); color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@container (max-width: 760px) {
  .bp-ic.yanli { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto; }
  .bp-ayrac { display: none; }
  .bp-yan { padding: var(--b-3) var(--b-4) var(--b-4); border-top: 1px solid var(--line); max-height: 46dvh; }
}
.bp-gezinti { display: inline-flex; align-items: center; gap: var(--b-05); white-space: nowrap; }
.bp-gezinti > span { min-width: 44px; text-align: center; font-weight: 700; font-variant-numeric: tabular-nums; }
.bildirimler { position: fixed; right: 20px; bottom: 20px; z-index: 200; display: flex; flex-direction: column; gap: var(--b-2); width: min(380px, calc(100vw - 40px)); }
.bildirim { display: flex; gap: var(--b-25); align-items: flex-start; padding: var(--b-3) 14px; border-radius: var(--r-md); background: var(--surface); box-shadow: var(--sh-2), var(--kart-golge); animation: yuksel 0.18s ease; }
.bildirim > div { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.bildirim.basari > svg { color: var(--ok); background: var(--ok-soft); }
.bildirim.bilgi > svg { color: var(--info); background: var(--info-soft); }
.bildirim.uyari > svg { color: var(--warn); background: var(--warn-soft); }
.bildirim.hata > svg { color: var(--err); background: var(--err-soft); }
.bildirim > svg { flex-shrink: 0; box-sizing: content-box; padding: 5px; margin-top: -3px; border-radius: 50%; }
.bildirim button { border: 0; background: none; color: var(--muted); cursor: pointer; padding: var(--b-05); border-radius: 4px; }
.bildirimler[popover] { inset: auto 20px 20px auto; margin: 0; padding: 0; border: 0; background: none; overflow: visible; }
.donem-cubugu-satir { display: flex; align-items: center; gap: var(--b-2) var(--b-3); flex-wrap: wrap; min-width: 0; }
.donem-secim { display: inline-flex; flex-shrink: 0; padding: var(--b-05); border-radius: 999px; background: var(--surface-3); }
.donem-secim button { height: var(--yk-3); padding: 0 var(--b-3); white-space: nowrap; border: 0; border-radius: 999px; background: none; color: var(--text-2); font: inherit; font-size: var(--y-5); font-weight: 700; cursor: pointer; }
.donem-secim button[aria-pressed='true'] { background: var(--surface); color: var(--marka-metin); box-shadow: var(--kart-golge); }
.donem-tarihler { display: flex; align-items: center; gap: var(--b-15); flex-shrink: 0; }
.donem-cubugu-sag { margin-left: auto; display: flex; align-items: center; gap: var(--b-2); flex-shrink: 0; }
@container (max-width: 940px) {
  .donem-sorgula-ad { display: none; }
  .donem-secim button { padding: 0 9px; }
}
@container (max-width: 720px) {
  .donem-secim button { padding: 0 7px; font-size: var(--y-4); }
}
.birak {
  width: 100%; border: 2px dashed var(--line-3); border-radius: var(--r-lg); background: var(--surface-2); padding: 22px; text-align: center;
  cursor: pointer; transition: border-color 0.15s, background 0.15s; display: flex; flex-direction: column; align-items: center; gap: var(--b-2); color: var(--text-2);
}
.birak:hover:not(:disabled), .birak.uzerinde { border-color: var(--marka-metin); background: var(--marka-zemin); }
.birak:disabled { cursor: progress; opacity: 0.8; }
.birak-ikon { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; background: var(--surface); color: var(--marka-metin); box-shadow: var(--sh-1); }
.birak.kucuk { flex-direction: row; justify-content: center; padding: var(--b-25) 14px; }
.birak.kucuk .birak-ikon { width: 30px; height: var(--yk-4); border-radius: 9px; box-shadow: none; }
.birak-red-ic { flex: 1; min-width: 0; }
.birak-red-bas { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--b-05) var(--b-3); }
.birak-red-bas span { font-size: var(--y-5); }
.birak-red ul { margin: var(--b-1) 0 0; padding: 0; list-style: none; font-size: var(--y-5); color: var(--text-2); overflow-wrap: anywhere; }
.birak-red li b { font-weight: 700; color: var(--text); }
.birak-red-kapat { flex-shrink: 0; display: grid; place-items: center; width: 24px; height: var(--yk-1); padding: 0; border: 0; border-radius: var(--r-sm); background: none; color: inherit; cursor: pointer; }
.birak-red-kapat:hover { background: var(--surface); }
div.uyari .birak-red-kapat svg { margin: 0; }
.btn:where(.btn-ana, .btn-vurgu, .btn-ikincil, .btn-sessiz, .btn-tehlike) {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--b-2); height: var(--kontrol); padding: 0 var(--b-4);
  border-radius: var(--r-md); border: 1px solid transparent; font-weight: 700; font-size: var(--y-7); cursor: pointer;
  transition: background 0.15s, border-color 0.15s; white-space: nowrap; text-decoration: none;
}
.btn:where(.btn-ana, .btn-vurgu, .btn-ikincil, .btn-sessiz, .btn-tehlike):hover { text-decoration: none; }
.btn:where(.btn-ana, .btn-vurgu, .btn-ikincil, .btn-sessiz, .btn-tehlike):active:not(:disabled) { transform: translateY(1px); }
.btn:where(.btn-ana, .btn-vurgu, .btn-ikincil, .btn-sessiz, .btn-tehlike):disabled { opacity: 0.5; cursor: not-allowed; }
.btn-ana { background: var(--marka); color: var(--dolgu-metin); }
.btn-ana:hover:not(:disabled) { background: var(--marka-800); }
.btn-vurgu { background: var(--aksan-600); color: var(--dolgu-metin); }
.btn-vurgu:hover:not(:disabled) { background: var(--aksan-700); }
.btn-ikincil { background: var(--surface); color: var(--marka-metin); border-color: var(--girdi-cizgi); }
.btn-ikincil:hover:not(:disabled) { border-color: var(--line-3); background: var(--surface-2); }
.btn-sessiz { background: transparent; color: var(--text-2); }
.btn-sessiz:hover:not(:disabled) { background: var(--surface-3); }
.btn-tehlike { background: var(--surface); color: var(--err); border-color: var(--err-line); }
.btn-tehlike:hover:not(:disabled) { background: var(--err-soft); }
.btn-k { height: var(--kontrol-k); padding: 0 var(--b-3); font-size: var(--y-5); border-radius: 8px; }
.btn-b { height: 46px; padding: 0 22px; font-size: var(--y-9); border-radius: 12px; }
.btn-tam { width: 100%; }
.btn-ikon { width: 38px; padding: 0; }
.btn-ikon.btn-k { width: 32px; }
.durum-kutu { padding: 36px var(--b-5); text-align: center; color: var(--muted); display: flex; flex-direction: column; align-items: center; gap: var(--b-25); }
.durum-kutu b { color: var(--text-2); }
.durum-ikon { width: 48px; height: 48px; border-radius: 14px; background: var(--surface-3); display: grid; place-items: center; color: var(--faint); }
.durum-kutu.hata .durum-ikon { background: var(--err-soft); color: var(--err); }
div.uyari { display: flex; gap: var(--b-2); align-items: flex-start; padding: var(--b-2) var(--b-3); border-radius: var(--r-md); font-size: var(--y-7); line-height: 1.45; }
div.uyari svg { flex-shrink: 0; margin-top: var(--b-05); }
div.uyari > div { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
div.uyari.uyari { background: var(--warn-soft); color: var(--warn); }
div.uyari.bilgi { background: var(--info-soft); color: var(--info); }
div.uyari.hata { background: var(--err-soft); color: var(--err); }
div.uyari.basari { background: var(--ok-soft); color: var(--ok); }
.yukleniyor-satir { display: inline-flex; align-items: center; gap: var(--b-2); min-width: 0; color: var(--muted); font-size: var(--y-5); }
.yukleniyor-satir > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sayaclar { display: flex; flex-wrap: wrap; gap: var(--b-2); }
.sayac {
  position: relative; flex: 1 1 112px; min-width: 0; display: flex; flex-direction: column; gap: var(--b-05);
  padding: var(--b-25) var(--b-3) 9px; border: 0; border-radius: var(--r-md); background: var(--surface); box-shadow: var(--kart-golge);
  text-align: left; cursor: pointer; transition: background 0.15s, box-shadow 0.15s, opacity 0.15s;
}
.sayac:hover { background: var(--surface-2); }
.sayac-ust { display: flex; align-items: center; justify-content: space-between; gap: var(--b-2); }
.sayac-adet { font-size: var(--y-13); font-weight: 800; line-height: 1.2; letter-spacing: -0.01em; color: var(--text); }
.sayac-ikon { flex-shrink: 0; color: var(--sayac-renk, var(--muted)); }
.sayac-ad { font-size: var(--y-4); font-weight: 600; line-height: 1.25; color: var(--text-3); overflow-wrap: anywhere; }
:is(.sayac, .sayac-cip).ton-bilgi { --sayac-renk: var(--info); }
:is(.sayac, .sayac-cip).ton-vurgu { --sayac-renk: var(--vurgu); }
:is(.sayac, .sayac-cip).ton-uyari { --sayac-renk: var(--warn); }
:is(.sayac, .sayac-cip).ton-basari { --sayac-renk: var(--ok); }
:is(.sayac, .sayac-cip).ton-hata { --sayac-renk: var(--err); }
:is(.sayac, .sayac-cip).ton-teal { --sayac-renk: var(--teal); }
.sayac.birincil { background: var(--aksan-soluk); box-shadow: none; }
.sayac.birincil .sayac-ad { color: var(--text-2); font-weight: 700; }
.sayac.sifir .sayac-adet { color: var(--muted); }
.sayac.sifir .sayac-ikon, .sayac.sifir .sayac-ad { opacity: 0.6; }
.sayac.aktif { background: var(--marka-zemin); box-shadow: inset 0 0 0 1.5px var(--marka-400); }
.sayac.aktif .sayac-adet, .sayac.aktif .sayac-ad { color: var(--marka-metin); opacity: 1; }
.sayac.aktif .sayac-ad { font-weight: 700; }
.sayac.aktif .sayac-ikon { opacity: 1; }
@media (max-width: 520px) {
  .sayaclar { gap: var(--b-15); }
  .sayac { flex-basis: 82px; padding: var(--b-2) var(--b-25) 7px; }
  .sayac-adet { font-size: var(--y-12); }
}
.sayac-cip {
  display: inline-flex; align-items: center; gap: var(--b-15); height: var(--yk-5); padding: 0 var(--b-3); border: 0; border-radius: 999px; background: var(--surface-3);
  font-size: var(--y-5); font-weight: 700; color: var(--text-2); cursor: pointer; white-space: nowrap; transition: background 0.15s, box-shadow 0.15s;
}
.sayac-cip:hover { color: var(--text); }
.sayac-cip-ad { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.sayac-cipleri.dolu { display: grid; grid-template-columns: repeat(var(--sayac-sutun, auto-fit), minmax(150px, 1fr)); gap: var(--b-15); }
.sayac-cipleri.dolu .sayac-cip { min-width: 0; padding: 0 var(--b-25); }
.sayac-cipleri.dolu .sayac-cip-adet { margin-left: auto; }
.sayac-cip-adet { min-width: 18px; padding: 0 5px; border-radius: 999px; background: var(--surface); color: var(--text-2); font-size: var(--y-3); line-height: 18px; text-align: center; }
.sayac-cip.sifir .sayac-ikon { color: var(--muted); opacity: 0.7; }
.sayac-cip.sifir .sayac-cip-adet { color: var(--muted); }
.sayac-cip.aktif { background: var(--marka-zemin); color: var(--marka-metin); box-shadow: inset 0 0 0 1.5px var(--marka-400); }
.sayac-rozet { position: absolute; top: -6px; right: -6px; min-width: 20px; height: 20px; padding: 0 var(--b-15); border-radius: 999px; display: grid; place-items: center; background: var(--err); color: var(--dolgu-metin); font-size: var(--y-2); font-weight: 800; box-shadow: 0 0 0 2px var(--bg); }
.sayaclar.kart { display: grid; grid-template-columns: repeat(var(--sayac-sutun, auto-fit), minmax(86px, 1fr)); }
.sayaclar.kart .sayac { align-items: center; text-align: center; gap: var(--b-1); padding: 14px var(--b-2) var(--b-3); box-shadow: none; }
.sayaclar.kart .sayac.birincil { background: var(--aksan-soluk); }
.sayaclar.kart .sayac.aktif { background: var(--marka-zemin); box-shadow: inset 0 0 0 1.5px var(--marka-400); }
.sayaclar.kart .sayac-ikon { color: var(--sayac-renk, var(--text-3)); }
.sayaclar.kart .sayac-adet { font-size: var(--y-14); }
@media (max-width: 520px) { .sayaclar.kart .sayac { padding: var(--b-25) var(--b-15); } .sayaclar.kart .sayac-adet { font-size: var(--y-12); } }
.eylem-ayri { margin-inline-end: auto; }
.eylem-soru { margin: 0; color: var(--text-2); }
.eylem-onay-ad { margin-top: var(--b-4); }
.filtre-cubugu { display: flex; flex-direction: column; gap: var(--b-2); min-width: 0; }
.fc-satir { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b-2); min-width: 0; }
.fc-satir > .secim { width: auto; min-width: 160px; max-width: 240px; }
.fc-eylemler { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--b-2); margin-left: auto; }
.fc-etkin { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b-15); }
.fc-cip { display: inline-flex; align-items: center; gap: 5px; max-width: 280px; height: var(--yk-3); padding: 0 var(--b-1) 0 var(--b-25); border-radius: 999px; background: var(--marka-zemin); color: var(--marka-metin); font-size: var(--y-5); }
.fc-cip .soluk { color: var(--text-3); font-weight: 600; }
.fc-cip b { font-weight: 700; }
.fc-cip button { display: grid; place-items: center; width: 20px; height: 20px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: inherit; cursor: pointer; flex-shrink: 0; }
.fc-cip button:hover { background: color-mix(in srgb, var(--marka-400) 22%, transparent); }
.sifre-girdisi { position: relative; display: flex; align-items: center; min-width: 0; }
.sifre-girdisi .giris { flex: 1 1 auto; min-width: 0; padding-right: 40px; }
.sifre-girdisi .btn { position: absolute; inset-block: 0; right: var(--b-05); margin-block: auto; transform: none; }
.sifre-girdisi .btn:where(:hover, :active, :focus-visible) { transform: none; }
.sifre-girdisi input::-ms-reveal, .sifre-girdisi input::-ms-clear { display: none; }
.birimli { position: relative; display: flex; align-items: center; min-width: 0; }
.birimli .giris { flex: 1 1 auto; min-width: 0; padding-right: 34px; }
.birimli > span { position: absolute; right: 10px; font-size: var(--y-4); font-weight: 600; color: var(--muted); pointer-events: none; }
.ib { container: ib / inline-size; --ib-ust: calc(var(--ust-yukseklik, 0px) + var(--bolme-ust, 0px) + 12px); --ib-gorunen: calc(100dvh - var(--ib-ust) - var(--bolme-alt, 0px) - 12px); --ib-enaz: 460px; }
.ib-ic { display: grid; grid-template-columns: minmax(0, 1fr) 14px minmax(0, var(--ib-yan, 45%)); align-items: stretch; }
.ib-ic.tek, .ib-ic.kapali { grid-template-columns: minmax(0, 1fr); }
.ib-sol { min-width: 0; }
.ib-sol.devamli { display: flex; flex-direction: column; gap: var(--b-3); }
.ib-yan, .ib-ayirici { position: sticky; top: var(--ib-ust); min-height: clamp(320px, var(--ib-gorunen), var(--ib-enaz)); max-height: max(320px, var(--ib-gorunen)); }
.ib-yan { min-width: 0; display: flex; flex-direction: column; overflow: hidden; border-radius: var(--r-md); background: var(--surface-2); }
.ib-yan-bas { display: flex; align-items: center; gap: var(--b-05); min-height: var(--yk-5); padding: var(--b-05) var(--b-1) var(--b-05) var(--b-3); }
.ib-yan-bas .btn-k { height: var(--yk-3); }
.ib-yan-bas .btn-ikon.btn-k { width: 28px; }
.ib-yan-baslik { flex: 1; min-width: 0; font-size: var(--y-4); font-weight: 600; color: var(--muted); }
.ib-yan-govde { position: relative; flex: 1 1 0; min-height: 0; display: flex; overflow: hidden; }
.ib.kartli .ib-yan { border-radius: var(--r-lg); background: var(--surface); box-shadow: var(--kart-golge); }
.ib.kartli .ib-yan-bas { min-height: var(--kart-bas); padding: var(--b-2) var(--b-3) var(--b-2) var(--kart-x); gap: var(--b-1); }
.ib.kartli .ib-yan-bas .btn-k { height: var(--yk-5); }
.ib.kartli .ib-yan-bas .btn-ikon.btn-k { width: 32px; }
.ib.kartli .ib-yan-baslik { font-size: var(--y-9); font-weight: 700; color: var(--text); }
.ib-ayirici { cursor: col-resize; touch-action: none; border-radius: 6px; display: grid; place-items: center; }
.ib-ayirici::before { content: ''; width: 4px; height: 44px; border-radius: 999px; background: var(--line-2); transition: background 0.15s, height 0.15s; }
.ib-ayirici:hover::before, .ib-ayirici:focus-visible::before, .ib-ayirici:active::before { background: var(--marka-400); height: 72px; }
.ib-ayirici:focus-visible { outline: none; }
.ib-dar-ac { display: none; }
@container ib (max-width: 860px) {
  .ib-ic { grid-template-columns: minmax(0, 1fr); row-gap: var(--b-25); }
  .ib-dar-ac { order: -2; display: flex; align-items: center; gap: var(--b-2); height: var(--yk-7); padding: 0 var(--b-3); border: 1px solid var(--girdi-cizgi); border-radius: var(--r-md); background: var(--surface); color: var(--text-2); font-size: var(--y-6); font-weight: 700; cursor: pointer; }
  .ib-dar-ac > svg:last-child { margin-left: auto; color: var(--muted); transition: transform 0.15s; }
  .ib-dar-ac[aria-expanded='true'] > svg:last-child { transform: rotate(180deg); }
  .ib-ayirici { display: none; }
  .ib-yan { order: -1; position: static; height: 58dvh; min-height: 320px; max-height: none; }
  .ib-ic.dar-arada > .ib-sol { display: contents; }
  .ib-ic.dar-arada > .ib-dar-ac { order: 1; }
  .ib-ic.dar-arada > .ib-yan { order: 2; }
  .ib-ic.dar-arada > .ib-sol > .ib-devam { order: 3; }
}
.ipucu { position: relative; display: inline-flex; align-items: center; }
.ipucu-balon {
  position: fixed; z-index: 1200; width: max-content; max-width: min(260px, calc(100vw - 16px)); max-height: 60dvh; overflow: hidden;
  padding: var(--b-15) 9px; border-radius: 7px; background: var(--ipucu-zemin); color: var(--ipucu-metin); font-size: var(--y-4); font-weight: 500; line-height: 1.35;
  white-space: normal; overflow-wrap: anywhere; text-align: left; text-transform: none; letter-spacing: 0; pointer-events: none;
  box-shadow: var(--sh-2); animation: belir 0.12s ease;
}
.ipucu-balon.genis { max-width: min(520px, calc(100vw - 16px)); }
.ipucu-balon.kart {
  max-width: min(320px, calc(100vw - 16px)); padding: var(--b-25) var(--b-3); border: 1px solid var(--line); border-radius: var(--r-sm);
  background: var(--surface); color: var(--text); font-weight: 400; line-height: 1.4;
}
.ipucu-isaret { display: inline-grid; place-items: center; color: var(--muted); cursor: help; border-radius: 50%; }
.ipucu-isaret:hover, .ipucu-isaret:focus-visible { color: var(--marka-metin); }
.kesik { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 4px; }
.kesik:focus-visible { outline-offset: 1px; }
.iskelet { display: block; border-radius: var(--r-sm); background: linear-gradient(90deg, color-mix(in srgb, var(--text) 10%, transparent) 0%, color-mix(in srgb, var(--text) 4%, transparent) 50%, color-mix(in srgb, var(--text) 10%, transparent) 100%); background-size: 200% 100%; animation: iskelet-akis 1.4s ease-in-out infinite; }
.iskelet-blok { width: 100%; height: 96px; border-radius: var(--r-md); }
.iskelet-daire { width: 36px; height: var(--yk-7); border-radius: 50%; }
.iskelet-satir { height: var(--b-3); }
.iskelet-baslik { width: 40%; height: var(--b-4); }
.iskelet-metin { display: grid; gap: var(--b-2); width: 100%; }
.iskelet-metin .iskelet-satir:last-child { width: 60%; }
.iskelet-bolum { display: grid; gap: var(--b-3); width: 100%; padding: var(--b-4) var(--kart-x); }
.iskelet-kart { background: var(--surface); border-radius: var(--r-lg); box-shadow: var(--kart-golge); }
:is(.kart, .pencere) .iskelet-kart { background: none; border-radius: 0; box-shadow: none; }
.iskelet-tablo { display: grid; gap: var(--b-3); padding: var(--b-3) 0; }
.it-satir { display: grid; grid-template-columns: 1.6fr; grid-auto-columns: minmax(0, 1fr); grid-auto-flow: column; gap: var(--b-4); align-items: center; }
.it-satir .it-ilk { height: var(--b-4); }
@keyframes iskelet-akis { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } }
@media (prefers-reduced-motion: reduce) { .iskelet { animation: none; } }
.kabuk { --yan: var(--yan-genislik); display: grid; grid-template-columns: var(--yan) minmax(0, 1fr); min-height: 100dvh; transition: grid-template-columns 0.18s ease; }
.kabuk.dar { --yan: var(--yan-dar); }
.yan { position: sticky; top: 0; height: 100dvh; min-width: 0; background: var(--yan-zemin); color: var(--dolgu-metin); display: flex; flex-direction: column; padding: var(--b-4) var(--b-3) var(--b-3); z-index: 40; overflow: hidden; }
.yan :focus-visible { outline-color: var(--dolgu-metin); outline-offset: -2px; }
.yan-marka { flex: 0 0 auto; min-width: 0; display: flex; align-items: center; padding: var(--b-05) var(--b-15); min-height: var(--yk-6); }
.yan-logo { display: flex; align-items: center; gap: var(--b-25); min-width: 0; color: var(--dolgu-metin); }
.yan-logo b { font-size: var(--y-9); font-weight: 800; letter-spacing: -0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.yan-logo svg, .yan-logo img, .yan-logo-kisa svg { flex-shrink: 0; }
.yan-logo-kisa { display: none; }
.yan-logo.marka-cift { width: 100%; justify-content: center; gap: var(--b-3); padding: 0 var(--b-1); }
.marka-ayrac { flex: 0 0 1px; width: 1px; height: var(--yk-7); background: rgba(255, 255, 255, 0.3); }
.marka-firma { flex: 0 1 auto; min-width: 0; max-width: 100%; display: flex; align-items: center; justify-content: center; padding: var(--b-1) var(--b-2); overflow: hidden; border-radius: var(--r-md); background: rgba(255, 255, 255, 0.1); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16); }
.marka-firma :is(img, svg) { display: block; width: auto; height: var(--yk-5); max-width: 100%; object-fit: contain; object-position: center; }
.yan-kisi { flex: 0 0 auto; display: flex; align-items: center; gap: var(--b-3); min-width: 0; margin-top: var(--b-4); padding: 0 0 var(--b-4) var(--b-05); border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.yan-kisi > .ipucu { flex-shrink: 0; }
.yan-avatar { width: 34px; height: var(--yk-6); border-radius: 50%; display: grid; place-items: center; flex-shrink: 0; font-weight: 800; font-size: var(--y-5); background: rgba(255, 255, 255, 0.14); box-shadow: 0 0 0 2px var(--marka-400); }
.yan-kisi-metin { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; line-height: 1.3; overflow-wrap: anywhere; }
.yan-kisi-metin b { font-size: var(--y-8); font-weight: 600; color: var(--dolgu-metin); }
.yan-kisi-metin span { font-size: var(--y-4); font-weight: 500; color: rgba(255, 255, 255, 0.66); }
.yan-nav, .yan-alt { display: flex; flex-direction: column; gap: var(--b-05); min-width: 0; }
.yan-nav { flex: 1 1 auto; min-height: 0; margin-top: var(--b-3); overflow-y: auto; overflow-x: hidden; }
.yan-alt { flex: 0 0 auto; margin-top: var(--b-3); }
.yan-alt:empty { display: none; }
.yan-nav > .ipucu, .yan-alt > .ipucu { display: flex; flex-shrink: 0; }
.yan-nav > .ipucu > .yan-oge, .yan-alt > .ipucu > .yan-oge { flex: 1; }
.yan-oge { position: relative; flex: 0 0 auto; display: flex; align-items: center; gap: var(--b-3); width: 100%; height: var(--yk-9); padding: 0 var(--b-25); border: 0; border-radius: var(--r-md); background: transparent; color: rgba(255, 255, 255, 0.76); font: inherit; font-size: var(--y-7); font-weight: 600; white-space: nowrap; text-align: left; text-decoration: none; cursor: pointer; transition: background 0.12s, color 0.12s; }
.yan-oge > svg { flex-shrink: 0; }
.yan-oge > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.yan-oge:hover { background: rgba(255, 255, 255, 0.08); color: var(--dolgu-metin); text-decoration: none; }
.yan-oge.aktif { background: rgba(255, 255, 255, 0.16); color: var(--dolgu-metin); }
@media (min-width: 861px) {
  .kabuk.dar .yan { padding: var(--b-4) 0 var(--b-3); }
  .kabuk.dar .yan-marka { align-self: center; padding: var(--b-05) 0; }
  .kabuk.dar .yan-logo { display: none; }
  .kabuk.dar .yan-logo-kisa { display: flex; }
  .kabuk.dar .yan-kisi-metin { display: none; }
  .kabuk.dar .yan-kisi, .kabuk.dar .yan-nav, .kabuk.dar .yan-alt { margin-inline: calc((var(--yan-dar) - 40px) / 2); }
  .kabuk.dar .yan-oge { padding: 0; justify-content: center; }
  .kabuk.dar .yan-oge > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}
.ana { min-width: 0; display: flex; flex-direction: column; }
.icerik { padding: var(--b-4) var(--b-6) 48px; width: 100%; }
.mobil-ust, .kabuk-perde { display: none; }
.mobil-isaret { display: inline-flex; }
.mobil-isaret svg { width: 20px; height: 20px; }
@media (max-width: 860px) {
  .kabuk, .kabuk.dar { grid-template-columns: minmax(0, 1fr); }
  .yan { position: fixed; left: 0; top: 0; width: min(280px, 84vw); transform: translateX(-100%); visibility: hidden; transition: transform 0.2s ease, visibility 0.2s; }
  .kabuk.menu-acik .yan { transform: none; visibility: visible; box-shadow: var(--sh-3); }
  .kabuk.menu-acik .kabuk-perde { display: block; position: fixed; inset: 0; z-index: 30; border: 0; background: var(--perde); }
  .yan-tutamak, .kabuk.seritli .kenar-tutamak { display: none; }
  .mobil-ust { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; gap: var(--b-2); height: var(--ust-yukseklik); padding: 0 var(--b-2); background: var(--surface); font-size: var(--y-6); color: var(--text-2); }
  .icerik { padding: var(--b-3) var(--b-3) 40px; }
}
.yan-oge > span { flex: 1 1 auto; }
.yan-ok { flex-shrink: 0; margin-left: auto; opacity: 0.7; transition: transform 0.15s; }
.yan-oge[aria-expanded='true'] .yan-ok { transform: rotate(180deg); }
.yan-oge.icinde { color: var(--dolgu-metin); }
.yan-bolum { flex: 0 0 auto; display: flex; align-items: center; width: 100%; margin-top: var(--b-3); padding: var(--b-1) var(--b-25); border: 0; border-radius: 6px; background: none; color: rgba(255, 255, 255, 0.5); font: inherit; font-size: var(--y-2); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; text-align: left; cursor: pointer; }
.yan-nav > .yan-bolum:first-child { margin-top: 0; }
.yan-bolum:hover { color: var(--dolgu-metin); }
.yan-bolum[aria-expanded='false'] .yan-ok { transform: rotate(-90deg); }
.yan-grup { display: flex; flex-direction: column; gap: var(--b-05); flex-shrink: 0; }
.yan-grup > .ipucu { display: flex; }
.yan-grup > .ipucu > .yan-oge { flex: 1; }
.yan-grup-alt { display: flex; flex-direction: column; gap: var(--b-05); margin: 0 0 var(--b-1) 28px; }
.yan-oge.alt { height: var(--yk-7); font-size: var(--y-6); }
.yan-arama { flex: 0 0 auto; margin-top: var(--b-3); }
.yan-arama .arama-kutusu { width: 100%; }
.yan-arama .giris { background-color: rgba(255, 255, 255, 0.08); border-color: rgba(255, 255, 255, 0.14); color: var(--dolgu-metin); }
.yan-arama .giris::placeholder { color: rgba(255, 255, 255, 0.55); }
.yan-arama .giris:focus { background-color: rgba(255, 255, 255, 0.12); border-color: rgba(255, 255, 255, 0.4); box-shadow: none; }
.yan-arama .ak-ikon, .yan-arama .ak-temizle { color: rgba(255, 255, 255, 0.7); }
.yan-arama .ak-temizle:hover { background: rgba(255, 255, 255, 0.1); color: var(--dolgu-metin); }
.yan-arama-kisa { display: none; }
.yan-alt-bilgi { padding: var(--b-15) var(--b-25) 0; font-size: var(--y-2); color: rgba(255, 255, 255, 0.5); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (min-width: 861px) {
  .kabuk.dar .yan-arama, .kabuk.dar .yan-alt-bilgi, .kabuk.dar .yan-ok { display: none; }
  .kabuk.dar .yan-arama-kisa { display: flex; flex: 0 0 auto; width: 40px; height: var(--yk-5); margin: var(--b-3) auto 0; background: rgba(255, 255, 255, 0.08); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14); }
  .kabuk.dar .yan-bolum { height: 1px; margin: var(--b-2) 0; padding: 0; background: rgba(255, 255, 255, 0.12); border-radius: 0; cursor: default; pointer-events: none; }
  .kabuk.dar .yan-bolum > * { display: none; }
}
.kabuk-ust { position: sticky; top: 0; z-index: 25; display: flex; align-items: center; gap: var(--b-3); min-height: 48px; padding: var(--b-1) var(--b-6); background: var(--surface); }
.kabuk-ust-menu { display: none; }
.kenar { position: sticky; top: 0; height: 100dvh; min-width: 0; display: flex; flex-direction: column; background: var(--surface); border-left: 1px solid var(--line); z-index: 20; }
.kenar-bas { flex-shrink: 0; display: flex; align-items: center; gap: var(--b-2); min-height: 56px; padding: 0 var(--b-3) 0 var(--b-4); border-bottom: 1px solid var(--ayrac); color: var(--muted); }
.kenar-bas h2 { font-size: var(--y-4); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); }
.kenar-govde { flex: 1 1 auto; min-height: 0; overflow: auto; padding: var(--b-4); }
.kenar-perde { display: none; }
.kabuk-ust-kenar { display: flex; align-items: center; gap: var(--b-05); margin-left: var(--b-1); padding-left: var(--b-2); border-left: 1px solid var(--ayrac); }
.kabuk-ust-kenar[hidden] { display: none; }
.kenar-tetik { position: relative; }
.kenar-rozet.hata { background: var(--err); color: var(--dolgu-metin); }
.kenar-rozet { min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; display: inline-grid; place-items: center; background: var(--aksan); color: var(--aksan-uzeri, #1B1300); font-size: var(--y-1); font-weight: 800; letter-spacing: 0; line-height: 1; }
.kenar-tetik .kenar-rozet { position: absolute; top: 1px; right: 1px; pointer-events: none; }
.kenar-sekmeler { flex: 1 1 auto; display: flex; align-items: center; gap: var(--b-05); min-width: 0; align-self: stretch; margin-left: calc(-1 * var(--b-2)); }
.kenar-sekme { display: inline-flex; align-items: center; gap: 7px; min-width: 0; height: var(--yk-6); padding: 0 var(--b-25); border: 0; border-radius: var(--r-md); background: none; color: var(--muted); font: inherit; font-size: var(--y-4); font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; white-space: nowrap; cursor: pointer; transition: color 0.12s, background 0.12s; }
.kenar-sekme:hover { color: var(--text); background: var(--surface-3); }
.kenar-sekme.secili { color: var(--marka-metin); background: var(--marka-zemin); }
.kenar-sekme > svg { flex-shrink: 0; }
.kabuk.kenar-acik { grid-template-columns: var(--yan) minmax(0, 1fr) var(--kenar-genislik, 380px); }
.kabuk.seritli { --sag: var(--yan-dar); grid-template-columns: var(--yan) minmax(0, 1fr) var(--sag); }
.kabuk.seritli.kenar-acik:not(.kenar-ustte) { --sag: calc(var(--yan-dar) + var(--kenar-genislik, 380px)); }
.kabuk.seritli .kabuk-ust-kenar { display: none; }
.kenar-yan { position: sticky; top: 0; height: 100dvh; min-width: 0; display: flex; background: var(--surface); color: var(--text); z-index: 30; }
.ky-panel { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; color: var(--text); }
.ky-bas { flex-shrink: 0; display: flex; align-items: center; min-height: 48px; padding: 0 var(--b-4); }
.ky-bas h2 { margin: 0; font-size: var(--y-2); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); }
.ky-panel .kenar-govde { padding: 0 var(--b-4) var(--b-4); overflow-x: hidden; overflow-wrap: anywhere; }
.kenar-serit { flex: 0 0 var(--yan-dar); width: var(--yan-dar); display: flex; flex-direction: column; align-items: center; gap: var(--b-1); padding: var(--b-3) 0; }
.kenar-serit > .ipucu { display: flex; }
.kenar-serit-dugme { position: relative; width: 40px; height: var(--yk-9); display: grid; place-items: center; padding: 0; border: 0; border-radius: var(--r-md); background: none; color: var(--muted); cursor: pointer; transition: background 0.12s, color 0.12s; }
.kenar-serit-dugme:hover { background: var(--surface-3); color: var(--text); }
.kenar-serit-dugme.secili { background: var(--marka-zemin); color: var(--marka-metin); }
.kenar-serit-dugme .kenar-rozet { position: absolute; top: 0; right: 0; pointer-events: none; }
.yan-tutamak { position: fixed; top: 50%; z-index: 46; width: 16px; height: var(--yk-9); display: grid; place-items: center; padding: 0; border: 0; background: var(--yan-zemin); background-size: 100% 100dvh; background-position: 0 calc(20px - 50dvh); color: rgba(255, 255, 255, 0.8); cursor: pointer; translate: 0 -50%; transition: left 0.18s ease, right 0.18s ease, color 0.12s; }
.yan-tutamak:hover { color: var(--dolgu-metin); }
.kenar-tutamak { display: none; position: fixed; top: 50%; right: var(--sag); z-index: 46; width: 16px; height: var(--yk-9); place-items: center; padding: 0; border: 0; border-radius: 8px 0 0 8px; background: var(--surface); color: var(--muted); box-shadow: -2px 0 4px rgba(19, 28, 46, 0.05); cursor: pointer; translate: 0 -50%; transition: right 0.18s ease, color 0.12s; }
.kenar-tutamak:hover { color: var(--text); }
.kabuk.seritli .kenar-tutamak { display: grid; }
.kabuk.seritli.kenar-ustte.kenar-acik .kenar-tutamak { right: calc(var(--sag) + var(--kenar-genislik, 380px)); }
.yan-tutamak { left: var(--yan); border-radius: 0 8px 8px 0; }
.kabuk.kenar-ustte.kenar-acik:not(.seritli) { grid-template-columns: var(--yan) minmax(0, 1fr); }
.kabuk.kenar-ustte .kenar { position: fixed; top: 0; right: 0; bottom: 0; width: min(var(--kenar-genislik, 380px), 92vw); height: auto; box-shadow: var(--sh-3); z-index: 45; }
.kabuk.seritli.kenar-ustte .ky-panel { position: fixed; top: 0; bottom: 0; right: var(--sag); width: min(var(--kenar-genislik, 380px), 92vw); background: var(--surface); box-shadow: var(--sh-3); z-index: 45; }
.kabuk.kenar-ustte.kenar-acik .kenar-perde { display: block; position: fixed; inset: 0; z-index: 44; border: 0; background: transparent; cursor: default; }
@media (max-width: 860px) {
  .kabuk.kenar-acik, .kabuk.kenar-acik.dar, .kabuk.seritli, .kabuk.seritli.kenar-acik:not(.kenar-ustte) { grid-template-columns: minmax(0, 1fr); }
  .kenar-yan { position: fixed; top: 0; right: 0; width: 0; height: 0; }
  .kenar-serit { display: none; }
  .kabuk.seritli .kabuk-ust-kenar:not([hidden]) { display: flex; }
  .kabuk.seritli.kenar-ustte .ky-panel { right: 0; }
  .kabuk.kenar-ustte.kenar-acik .kenar-perde { background: var(--perde); }
  .kabuk-ust { padding: var(--b-15) var(--b-3); }
  .kabuk-ust-menu { display: inline-flex; }
}
.kart { background: var(--surface); border-radius: var(--r-lg); box-shadow: var(--kart-golge); min-width: 0; }
.kart-bas { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b-2) var(--b-3); padding: var(--b-2) var(--kart-x); min-height: var(--kart-bas); }
.kart-bas h3 { font-size: var(--y-9); font-weight: 700; }
.kart-ikon { width: 28px; height: var(--yk-3); border-radius: var(--b-2); display: grid; place-items: center; background: var(--marka-zemin); color: var(--marka-metin); flex-shrink: 0; }
.kart-govde { padding: var(--b-5) var(--kart-x); }
.kart-bas + .kart-govde { padding-top: var(--b-1); }
.kart-govde.sikisik { padding-block: var(--b-3) var(--b-4); }
.kart-bas + .kart-govde.sikisik { padding-top: 0; }
.kart-govde.dolgusuz { --tablo-x: var(--kart-x); padding: 0; overflow: hidden; border-radius: 0 0 var(--r-lg) var(--r-lg); }
.kart-bas > h3 { flex: 1 1 auto; }
.kart-bas > .sag { flex-wrap: wrap; justify-content: flex-end; }
.kart .kart { box-shadow: 0 0 0 1px var(--ayrac); }
.kaydet-cubugu { position: sticky; top: 0; z-index: 4; display: flex; align-items: center; gap: var(--b-3); min-height: 54px; padding: var(--b-2) var(--kart-x); background: var(--surface); border-radius: var(--r-lg); box-shadow: var(--kart-golge); container-type: inline-size; }
.kaydet-cubugu.gomulu { position: static; margin-top: var(--b-3); background: var(--surface-2); border-radius: var(--r-md); box-shadow: none; }
.kaydet-cubugu-sol { display: flex; align-items: center; gap: var(--b-3); flex: 1 1 auto; min-width: 0; }
.kaydet-cubugu-sag { display: flex; align-items: center; gap: var(--b-2); flex: 0 0 auto; }
.kaydet-cubugu-kisa { display: none; }
@container (max-width: 720px) {
  .kaydet-cubugu-uzun { display: none; }
  .kaydet-cubugu-kisa { display: inline; }
}
.kaydet-cubugu-soru { margin: 0; line-height: 1.6; }
.kayit-durumu { display: inline-flex; align-items: center; gap: var(--b-15); flex: 0 0 auto; min-width: 196px; height: var(--yk-1); font-size: var(--y-4); font-weight: 600; color: var(--muted); white-space: nowrap; }
.kayit-durumu > svg { flex-shrink: 0; }
.kayit-durumu.kaydedildi > svg { color: var(--ok); }
.kayit-durumu.hata { color: var(--err); }
.kayit-durumu button { display: inline-flex; align-items: center; gap: var(--b-1); height: 22px; margin-left: var(--b-05); padding: 0 var(--b-2); border: 1px solid var(--err-line); border-radius: 999px; background: var(--err-soft); color: var(--err); font-size: var(--y-3); font-weight: 700; cursor: pointer; }
.kayit-durumu button:hover { border-color: var(--err); }
.lh { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.lh-ust { display: flex; align-items: center; gap: var(--b-15); min-width: 0; min-height: var(--yk-1); font-size: var(--y-7); font-weight: 600; color: var(--text); }
.lh-alt { display: flex; align-items: center; gap: var(--b-15); min-width: 0; min-height: 18px; font-size: var(--y-4); color: var(--muted); }
.lh-alt > * + *::before { content: '·'; margin-right: var(--b-15); color: var(--faint); font-weight: 400; }
.lh-bos { color: var(--faint); font-weight: 400; }
.lh-bekliyor { animation: lh-bekle 1.1s ease-in-out infinite alternate; }
@keyframes lh-bekle { from { opacity: 0.25; } to { opacity: 1; } }
.lh-eylemler { display: flex; gap: var(--b-05); margin-left: -5px; }
.lh-eylem {
  display: grid; place-items: center; width: 26px; height: var(--yk-2); padding: 0; border: 0; border-radius: 7px; background: transparent;
  color: var(--text-3); cursor: pointer; transition: background 0.15s, color 0.15s;
}
.lh-eylem:hover:not(:disabled), .lh-eylem:focus-visible { background: var(--surface-3); color: var(--marka-metin); }
.lh-eylem.ana { background: var(--marka-zemin); color: var(--marka-metin); }
.lh-eylem.ana:hover:not(:disabled) { background: var(--info-line); }
.lh-eylem:disabled { cursor: progress; }
.oge-no { width: 24px; height: var(--yk-1); border-radius: 7px; background: var(--surface-3); color: var(--text-2); display: inline-grid; place-items: center; font-weight: 800; font-size: var(--y-3); flex-shrink: 0; }
.os-eksik { width: 8px; height: 8px; border-radius: 50%; background: var(--warn); flex-shrink: 0; }
.os { display: flex; flex-wrap: wrap; gap: var(--b-2); }
.os-cip { display: inline-flex; align-items: center; gap: var(--b-2); max-width: 100%; height: var(--yk-7); padding: 0 var(--b-3) 0 var(--b-15); border: 1px solid var(--girdi-cizgi); border-radius: var(--r-md); background: var(--surface); color: var(--text-2); font-size: var(--y-6); cursor: pointer; transition: border-color 0.15s, background 0.15s; }
.os-cip:hover { border-color: var(--line-3); background: var(--surface-2); }
.os-cip b { font-weight: 700; white-space: nowrap; }
.os-cip small { min-width: 0; max-width: 16ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--y-4); color: var(--muted); }
.os-cip[aria-selected='true'] { border-color: var(--info-line); background: var(--marka-zemin); color: var(--marka-metin); }
.os-cip[aria-selected='true'] small { color: var(--text-3); }
.os-cip[aria-selected='true'] .oge-no { background: var(--marka); color: var(--dolgu-metin); }
.os-cip .rozet { height: 20px; padding: 0 7px; font-size: var(--y-2); }
.osc { display: inline-flex; align-items: center; gap: var(--b-1); min-width: 0; max-width: 100%; }
.osc-tetik { display: inline-flex; align-items: center; gap: var(--b-2); min-width: 0; height: var(--yk-7); padding: 0 var(--b-2) 0 var(--b-15); border: 1px solid var(--info-line); border-radius: var(--r-md); background: var(--marka-zemin); color: var(--marka-metin); font-size: var(--y-6); cursor: pointer; }
.osc-tetik:hover { border-color: var(--line-3); }
.osc-tetik .oge-no { background: var(--marka); color: var(--dolgu-metin); }
.osc-tetik b { font-weight: 700; white-space: nowrap; }
.osc-tetik small { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--y-4); color: var(--text-3); }
.osc-tetik .rozet { height: 20px; padding: 0 7px; font-size: var(--y-2); }
.osc-ok { flex-shrink: 0; color: var(--muted); }
.osc-konum { color: var(--muted); white-space: nowrap; font-variant-numeric: tabular-nums; padding: 0 var(--b-1); }
.osc-liste { display: flex; flex-direction: column; gap: var(--b-2); }
.osc-arac { display: flex; align-items: center; gap: var(--b-3); flex-wrap: wrap; }
.osc-arac input[type='search'] { flex: 1 1 200px; min-width: 0; }
.osc-suz { display: inline-flex; align-items: center; gap: var(--b-15); font-weight: 600; color: var(--text-2); cursor: pointer; white-space: nowrap; }
.osc-satirlar { position: relative; max-height: min(52dvh, 340px); overflow: auto; margin: 0 calc(-1 * var(--b-1)); }
.osc-satir { display: flex; align-items: center; gap: var(--b-2); padding: var(--b-15) var(--b-2); border-radius: 8px; cursor: pointer; }
.osc-satir.aktif { background: var(--surface-3); }
.osc-satir[aria-selected='true'] { background: var(--marka-zemin); }
.osc-satir[aria-selected='true'] .oge-no { background: var(--marka); color: var(--dolgu-metin); }
.osc-metin { display: flex; flex-direction: column; min-width: 0; flex: 1; line-height: 1.3; }
.osc-metin b { font-size: var(--y-6); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.osc-metin small { color: var(--muted); font-size: var(--y-4); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.osc-metin small.bos { color: var(--faint); }
.osc-durum { display: flex; align-items: center; gap: var(--b-15); flex-shrink: 0; }
.osc-durum .rozet { height: 20px; padding: 0 7px; font-size: var(--y-2); }
.osc-bos { padding: var(--b-25) var(--b-2); }
.onay-karti { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b-2) var(--b-3); padding: var(--b-3) var(--b-4); border-radius: var(--r-lg); background: var(--warn-soft); }
.onay-karti.bilgi { background: var(--info-soft); }
.onay-karti.tehlike { background: var(--err-soft); }
.onay-ikon { display: grid; place-items: center; color: var(--warn); flex-shrink: 0; }
.onay-karti.bilgi .onay-ikon { color: var(--info); }
.onay-karti.tehlike .onay-ikon { color: var(--err); }
.onay-metin { flex: 1 1 240px; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.onay-metin b { font-size: var(--y-7); }
.onay-metin .kucuk { color: var(--text-2); overflow-wrap: anywhere; }
.onay-eylem { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b-2); margin-left: auto; }
.kd { container-type: inline-size; }
.kd-ic { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(340px, 1fr); gap: 18px; align-items: start; }
.kd-ic.tek { grid-template-columns: minmax(0, 1fr); }
.kd-icerik { min-width: 0; }
.kd-panel { position: sticky; top: calc(var(--ust-yukseklik) + 16px); height: calc(100dvh - var(--kd-ust, calc(var(--ust-yukseklik) + 16px)) - var(--kd-alt, 16px)); min-height: 340px; min-width: 0; display: flex; flex-direction: column; }
.kd-ac { display: none; }
@container (max-width: 900px) {
  .kd-ic { grid-template-columns: minmax(0, 1fr); gap: var(--b-25); }
  .kd-ac { display: flex; align-items: center; gap: var(--b-2); order: -2; height: var(--yk-7); padding: 0 var(--b-3); border: 1px solid var(--girdi-cizgi); border-radius: var(--r-md); background: var(--surface); color: var(--text-2); font-size: var(--y-6); font-weight: 700; cursor: pointer; }
  .kd-ac > svg:last-child { margin-left: auto; color: var(--muted); transition: transform 0.15s; }
  .kd-ic.panel-acik .kd-ac > svg:last-child { transform: rotate(180deg); }
  .kd-panel { display: none; order: -1; position: static; height: 52dvh; min-height: 320px; }
  .kd-ic.panel-acik .kd-panel { display: flex; }
}
.kd-panel > * { flex: 1 1 auto; min-height: 0; }
.perde { position: fixed; inset: 0; background: var(--perde); z-index: 100; display: grid; place-items: center; padding: var(--b-6); animation: belir 0.15s ease; }
.perde[hidden], dialog.perde:not([open]) { display: none; }
dialog.perde { width: auto; height: auto; max-width: none; max-height: none; margin: 0; border: 0; color: inherit; }
dialog.perde::backdrop { background: transparent; }
.perde.seffaf { background: none; backdrop-filter: none; }
.pencere { background: var(--surface); border-radius: var(--r-xl); box-shadow: var(--sh-3); width: min(560px, 100%); max-height: calc(100dvh - 48px); display: flex; flex-direction: column; overflow: hidden; animation: yuksel 0.18s ease; outline: none; }
.pencere.dar { width: min(420px, 100%); }
.pencere.genis { width: min(880px, 100%); }
.pencere.cok-genis { width: min(1140px, 96vw); }
.pencere.tam { width: min(1280px, 96vw); height: 92dvh; max-height: 92dvh; }
.pencere-bas { display: flex; align-items: center; gap: var(--b-3); padding: var(--b-4) var(--b-4) var(--b-2) var(--b-6); }
.pencere-bas h3 { font-size: var(--y-10); font-weight: 800; }
.pencere-govde { padding: var(--b-2) var(--b-6) var(--b-5); overflow: auto; flex: 1; min-height: 0; }
.pencere-govde.dolgusuz { padding: 0; display: flex; flex-direction: column; }
.pencere-alt { padding: var(--b-3) var(--b-6) var(--b-4); display: flex; gap: var(--b-2); justify-content: flex-end; border-top: 1px solid var(--ayrac); }
@media (max-width: 640px) {
  .perde { padding: 0; }
  .pencere, .pencere.tam { width: 100%; height: 100dvh; max-height: 100dvh; border-radius: 0; }
  .pencere.kucuk { width: calc(100% - 32px); height: auto; max-height: calc(100dvh - 32px); border-radius: var(--r-xl); }
}
.pencere-alt:empty { display: none; }
.rozet {
  display: inline-flex; align-items: center; gap: var(--b-15); height: var(--yk-1); padding: 0 var(--b-25); border-radius: 999px;
  font-size: var(--y-4); font-weight: 700; white-space: nowrap;
}
.rozet i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; flex-shrink: 0; }
.rozet.notr { background: var(--surface-3); color: var(--text-3); }
.rozet.bilgi { background: var(--info-soft); color: var(--info); }
.rozet.vurgu { background: var(--vurgu-soft); color: var(--vurgu); }
.rozet.uyari { background: var(--warn-soft); color: var(--warn); }
.rozet.basari { background: var(--ok-soft); color: var(--ok); }
.rozet.hata { background: var(--err-soft); color: var(--err); }
.rozet.teal { background: var(--teal-soft); color: var(--teal); }
.rozet svg { flex-shrink: 0; }
.rozet.sarar { max-width: 100%; height: auto; min-height: var(--yk-1); padding-block: var(--b-05); white-space: normal; text-align: left; }
button.rozet { border: 0; font-family: inherit; line-height: inherit; cursor: pointer; }
button.rozet:hover { filter: brightness(0.95); }
.rozet.buyuk { height: var(--yk-4); padding: 0 14px; font-size: var(--y-6); }
.etiket {
  display: inline-flex; align-items: center; gap: 5px; font-size: var(--y-3); font-weight: 700; padding: var(--b-05) var(--b-2); border-radius: 6px;
  background: var(--surface-3); color: var(--text-3); white-space: nowrap;
}
.etiket.acil { background: var(--err-soft); color: var(--err); }
.etiket.marka { background: var(--marka-zemin); color: var(--marka-metin); }
.sayfa-baslik { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--b-2) var(--b-4); min-height: var(--yk-9); }
.sayfa-baslik.gizli { align-items: center; }
.sb-sol { flex: 1 1 260px; min-width: 0; display: flex; flex-direction: column; gap: var(--b-05); }
.sb-yol { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b-15); margin: 0; padding: 0; list-style: none; font-size: var(--y-5); font-weight: 600; color: var(--muted); }
.sb-yol li { display: inline-flex; align-items: center; gap: var(--b-15); min-width: 0; }
.sb-yol li + li::before { content: '/'; color: var(--faint); font-weight: 400; }
.sb-yol a { color: var(--muted); }
.sb-yol a:hover { color: var(--marka-metin); }
.sb-baslik-satir { display: flex; align-items: center; gap: var(--b-3); min-width: 0; }
.sb-baslik { font-size: var(--y-13); font-weight: 700; line-height: 1.3; color: var(--text); }
.sb-ek { flex-shrink: 0; }
.sb-eylemler { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--b-2); margin-left: auto; }
.sayfalama { display: flex; align-items: center; gap: var(--b-25); padding-top: var(--b-25); }
.sayfalama .satir { gap: var(--b-1); }
.sayfa-no { min-width: 30px; height: var(--yk-4); border-radius: 8px; border: 0; background: transparent; font-weight: 700; font-size: var(--y-5); color: var(--text-2); cursor: pointer; }
.sayfa-no:hover { background: var(--surface-3); }
.sayfa-no.secili { background: var(--marka); color: var(--dolgu-metin); }
.secim-listesi { margin: 0; padding: 0; border: 0; border-radius: var(--r-md); background: var(--surface-2); min-width: 0; }
.secim-listesi legend { display: flex; align-items: center; gap: var(--b-2); width: 100%; padding: var(--b-2) var(--b-3); font-size: var(--y-5); font-weight: 800; color: var(--text-2); float: left; }
.secim-tumu { margin-left: auto; display: inline-flex; align-items: center; gap: var(--b-15); font-weight: 600; cursor: pointer; }
.secim-ogeler { clear: both; overflow: auto; padding: var(--b-1); }
.secim-oge { display: flex; align-items: baseline; gap: var(--b-2); padding: var(--b-15) var(--b-2); border-radius: 8px; cursor: pointer; font-size: var(--y-6); }
.secim-oge:hover { background: var(--surface-3); }
.secim-oge.devre-disi { opacity: 0.55; cursor: default; }
.secim-oge input { flex-shrink: 0; translate: 0 2px; }
.secim-ad { font-weight: 600; min-width: 0; }
.secim-ek { margin-left: auto; padding-left: var(--b-3); color: var(--muted); font-size: var(--y-5); text-align: right; overflow-wrap: anywhere; min-width: 0; max-width: 55%; }
.secim-bos { padding: var(--b-25) var(--b-2); }
.secim-ara { clear: both; padding: 0 var(--b-2) var(--b-1); }
.secim-ara .giris { width: 100%; }
.sekmeler { display: flex; align-items: center; gap: var(--b-1); overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
.sekmeler::-webkit-scrollbar { display: none; }
.sekme { padding: var(--b-2) var(--b-3); border: 0; border-radius: var(--r-md); background: none; font-weight: 700; color: var(--text-3); cursor: pointer; display: inline-flex; gap: var(--b-2); align-items: center; white-space: nowrap; }
.sekme:hover { color: var(--text); background: var(--surface-3); }
.sekme.aktif { color: var(--marka-metin); background: var(--marka-zemin); }
.sekme-sayi { font-size: var(--y-2); font-weight: 700; padding: 0 7px; border-radius: 999px; background: var(--surface-3); color: var(--text-3); }
.sekme-uyari { width: 7px; height: 7px; border-radius: 50%; background: var(--warn); }
.sorunlar { box-shadow: 0 0 0 1px var(--err-soft); border-radius: var(--r-lg); background: var(--surface); overflow: hidden; container-type: inline-size; }
.sorunlar header { display: flex; align-items: center; gap: var(--b-2); padding: var(--b-2) var(--b-3); background: var(--err-soft); color: var(--err); font-size: var(--y-6); }
.sorunlar header .kucuk { font-weight: 700; }
.sorun-kapat { margin-left: auto; border: 0; background: none; color: inherit; font-size: var(--y-4); font-weight: 700; cursor: pointer; }
.sorunlar ul { list-style: none; margin: 0; padding: var(--b-1); overflow: auto; }
.sorunlar li button { display: grid; grid-template-columns: minmax(90px, 0.7fr) minmax(0, 1.2fr) minmax(0, 1fr) 14px; gap: var(--b-25); align-items: baseline; width: 100%; padding: var(--b-15) var(--b-2); border: 0; border-radius: 8px; background: none; text-align: left; font-size: var(--y-6); cursor: pointer; }
.sorunlar li button:hover { background: var(--surface-2); }
.sorun-grup { color: var(--muted); font-size: var(--y-4); font-weight: 600; }
.sorun-baslik { font-weight: 700; overflow-wrap: anywhere; }
.sorun-mesaj { color: var(--err); font-size: var(--y-5); font-weight: 600; }
.sorunlar li svg { color: var(--faint); align-self: center; }
@container (max-width: 520px) {
  .sorunlar li button { grid-template-columns: minmax(0, 1fr) 14px; gap: 0 var(--b-2); }
  .sorunlar li button > span { grid-column: 1; }
  .sorunlar li svg { grid-column: 2; grid-row: 1 / span 3; }
}
.surec-kap { container-type: inline-size; }
.surec { display: grid; margin: 0; padding: 0; list-style: none; }
.surec-adim { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 5px; position: relative; padding: 0 var(--b-1); min-width: 0; }
.surec-adim::before { content: ''; position: absolute; top: 15px; left: -50%; right: 50%; height: 3px; background: var(--line-2); }
.surec-adim:first-child::before { display: none; }
.surec-adim.gecti::before, .surec-adim.aktif::before { background: var(--marka); }
.surec-bas { display: contents; }
.surec-bag, .surec-alt-bant { display: none; }
.surec-top { width: 32px; height: var(--yk-5); border-radius: 50%; display: grid; place-items: center; position: relative; z-index: 1; background: var(--surface); border: 2px solid var(--line-2); color: var(--faint); font-size: var(--y-5); font-weight: 800; }
.surec-adim.gecti .surec-top { background: var(--marka); border-color: var(--marka-metin); color: var(--dolgu-metin); }
.surec-adim.aktif .surec-top { background: var(--aksan); border-color: var(--aksan); color: var(--dolgu-metin); box-shadow: 0 0 0 5px color-mix(in srgb, var(--aksan) 16%, transparent); }
.surec-adim.aktif.dongu .surec-top { background: var(--warn); border-color: var(--warn); box-shadow: 0 0 0 5px color-mix(in srgb, var(--warn) 16%, transparent); }
.surec-ad { font-size: var(--y-5); font-weight: 700; color: var(--text-3); line-height: 1.2; overflow-wrap: anywhere; }
.surec-adim.aktif .surec-ad { color: var(--text); }
.surec-not { font-size: var(--y-2); color: var(--warn); font-weight: 700; }
@container (min-width: 721px) {
  .surec.kart { grid-template-columns: repeat(calc(var(--n) - 1), minmax(0, 1fr) var(--b-6)) minmax(0, 1fr); align-items: stretch; }
  .surec.kart .surec-adim { align-items: stretch; text-align: left; gap: 0; padding: var(--b-3); border-radius: var(--r-md); background: var(--surface-2); border: 1px solid transparent; }
  .surec.kart .surec-adim::before { display: none; }
  .surec.kart .surec-adim.gecti { background: var(--marka-zemin); border: 1px solid transparent; }
  .surec.kart .surec-adim.aktif { background: var(--aksan-soluk); border: 1px solid var(--aksan); box-shadow: 0 0 0 3px color-mix(in srgb, var(--aksan) 14%, transparent); }
  .surec.kart .surec-adim.aktif.dongu { background: var(--warn-soft); border-color: var(--warn); box-shadow: 0 0 0 3px color-mix(in srgb, var(--warn) 14%, transparent); }
  .surec.kart .surec-bas { display: flex; align-items: center; gap: var(--b-2); min-width: 0; }
  .surec.kart .surec-top { width: var(--yk-2); height: var(--yk-2); flex: none; border-radius: var(--r-sm); border-width: 0; background: var(--surface-3); color: var(--muted); font-size: var(--y-4); }
  .surec.kart .surec-adim.gecti .surec-top { background: var(--marka); color: var(--dolgu-metin); }
  .surec.kart .surec-adim.aktif .surec-top { background: var(--aksan-600); color: var(--dolgu-metin); box-shadow: none; }
  .surec.kart .surec-adim.aktif.dongu .surec-top { background: var(--warn); box-shadow: none; }
  .surec.kart .surec-ad { font-size: var(--y-6); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow-wrap: normal; }
  .surec.kart .surec-adim:not(.gecti):not(.aktif) .surec-ad { color: var(--muted); }
  .surec.kart .surec-alt { margin-top: var(--b-3); gap: var(--b-15); font-size: var(--y-3); align-items: stretch; }
  .surec.kart .surec-alt li { min-width: 0; }
  .surec.kart .surec-alt-bant { display: flex; flex-wrap: wrap; gap: var(--b-15); margin-top: auto; padding-top: var(--b-3); }
  .surec.kart .surec-su-an, .surec.kart .surec-donus { display: inline-flex; align-items: center; gap: var(--b-1); height: var(--yk-1); padding: 0 var(--b-2); border-radius: 999px; font-size: var(--y-3); font-weight: 700; white-space: nowrap; }
  .surec.kart .surec-su-an { background: var(--aksan-600); color: var(--dolgu-metin); }
  .surec.kart .surec-su-an i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
  .surec.kart .surec-su-an.dongu { background: var(--warn); }
  .surec.kart .surec-donus { background: var(--warn-soft); color: var(--warn); }
  .surec.kart .surec-donus.revizyon { background: var(--err-soft); color: var(--err); }
  .surec.kart .surec-bag { display: flex; flex-direction: column; align-items: center; gap: var(--b-1); padding-top: var(--b-6); color: var(--faint); }
  .surec.kart .surec-bag.gecti { color: var(--marka); }
  .surec.kart .surec-bag .geri { color: var(--err); }
}
@container (min-width: 721px) and (max-width: 1199px) { .surec.kart { grid-template-columns: repeat(var(--n), minmax(0, 1fr)); gap: var(--b-15); } .surec.kart .surec-bag { display: none; } .surec.kart .surec-adim { padding: var(--b-2); } .surec.kart .surec-bas { flex-direction: column; align-items: flex-start; gap: var(--b-1); } .surec.kart .surec-ad { max-width: 100%; white-space: nowrap; overflow-wrap: normal; } }
@container (max-width: 720px) { .surec.kart { grid-template-columns: repeat(var(--n), minmax(0, 1fr)); } }
.surec-alt { list-style: none; margin: var(--b-1) 0 0; padding: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 3px; text-align: left; font-size: var(--y-3); line-height: 1.3; color: var(--text-3); }
.surec-alt li { display: flex; align-items: center; gap: var(--b-15); }
.surec-alt-isaret { width: 12px; height: 12px; border-radius: 50%; border: 1.5px solid var(--line-3); display: grid; place-items: center; flex-shrink: 0; }
.surec-alt li.tamam { color: var(--ok); font-weight: 600; }
.surec-alt li.tamam .surec-alt-isaret { background: var(--ok); border-color: var(--ok); color: var(--dolgu-metin); }
.surec-alt li.hata { color: var(--err); font-weight: 600; }
.surec-alt li.hata .surec-alt-isaret { background: var(--err); border-color: var(--err); color: var(--dolgu-metin); }
@container (max-width: 560px) { .surec-adim:not(.aktif) .surec-ad { display: none; } .surec-adim.aktif .surec-ad { white-space: nowrap; overflow-wrap: normal; } .surec-alt { display: none; } }
.olaylar { list-style: none; margin: 0; padding: 0; }
.olaylar li { position: relative; padding: 0 0 14px var(--b-6); }
.olaylar li::before { content: ''; position: absolute; left: 5px; top: 16px; bottom: -4px; width: 2px; background: var(--line); }
.olaylar li:last-child::before { display: none; }
.olaylar i { position: absolute; left: 0; top: 4px; width: 12px; height: 12px; border-radius: 50%; background: var(--info); box-shadow: 0 0 0 3px var(--info-soft); }
.olaylar li.olay-uyari i { background: var(--warn); box-shadow: 0 0 0 3px var(--warn-soft); }
.olaylar li.olay-hata i { background: var(--err); box-shadow: 0 0 0 3px var(--err-soft); }
.olaylar li.olay-basari i { background: var(--ok); box-shadow: 0 0 0 3px var(--ok-soft); }
.olaylar li.olay-vurgu i { background: var(--vurgu); box-shadow: 0 0 0 3px var(--vurgu-soft); }
.olay-mesaj { font-weight: 700; font-size: var(--y-6); line-height: 1.35; }
.olay-detay { font-size: var(--y-5); color: var(--text-3); margin-top: var(--b-05); overflow-wrap: anywhere; }
.olay-alt { font-size: var(--y-3); color: var(--muted); margin-top: var(--b-05); }
.olay-ac { display: inline-flex; align-items: center; gap: var(--b-1); padding: 0; border: 0; background: none; color: inherit; font: inherit; font-weight: 700; text-align: left; cursor: pointer; border-radius: 4px; }
.olay-ac > svg { flex-shrink: 0; color: var(--muted); transition: transform 0.15s; }
.olay-ac[aria-expanded='true'] > svg { transform: rotate(180deg); }
.olay-ac:hover > svg { color: var(--text-2); }
.olaylar .olay-tekil { list-style: none; margin: var(--b-15) 0 0; padding: var(--b-1) var(--b-3); border-radius: var(--r-sm); background: var(--surface-2); }
.olaylar .olay-tekil li { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--b-05) var(--b-2); padding: var(--b-05) 0; font-size: var(--y-5); color: var(--text-2); }
.olaylar .olay-tekil li::before { display: none; }
.olay-tekil .olay-alt, .olay-tekil .olay-detay { margin-top: 0; }
.tablo-kap { overflow: auto; container-type: inline-size; }
.tablo { width: 100%; border-collapse: separate; border-spacing: 0; }
.tablo th {
  position: sticky; top: 0; z-index: 1; text-align: left; font-size: var(--y-3); font-weight: 700; color: var(--muted);
  text-transform: uppercase; letter-spacing: 0.06em; padding: var(--b-2) var(--b-3); background: var(--surface); border-bottom: 1px solid var(--ayrac); white-space: nowrap;
}
.tablo td { padding: var(--b-3); border-bottom: 1px solid var(--ayrac); vertical-align: middle; }
.tablo th:first-child, .tablo td:first-child { padding-left: var(--tablo-x, var(--b-4)); }
.tablo th:last-child, .tablo td:last-child { padding-right: var(--tablo-x, var(--b-4)); }
.tablo tbody tr:last-child td { border-bottom: 0; }
.tablo tbody tr.tik { cursor: pointer; }
.tablo tbody tr.vurgulu td { background: color-mix(in srgb, var(--aksan-soluk) 70%, transparent); }
.tablo tbody tr.tik:hover td, .tablo tbody tr.tik:focus-visible td { background: var(--surface-2); }
.tablo tbody tr.ek td { background: var(--surface-2); }
.tablo tfoot tr.toplam td { border-top: 1px solid var(--ayrac); border-bottom: 0; }
.tablo.sikisik td, .tablo.sikisik th { padding-block: var(--b-2); }
@container (max-width: 720px) { .tablo .geniste { display: none; } }
.tablo .tablo-secim { padding-right: 0; }
.tablo .tablo-secim input { display: block; margin: 0; }
.tablo-sirala { display: inline-flex; align-items: center; gap: var(--b-1); padding: 0; border: 0; background: none; font: inherit; color: inherit; letter-spacing: inherit; text-transform: inherit; cursor: pointer; }
.tablo-sirala:hover { color: var(--text); }
.tablo-sirala.sirali { color: var(--marka-metin); }
.tablo-sirala svg { flex-shrink: 0; opacity: 0.7; }
.tablo-sirala.sirali svg { opacity: 1; }
.yi { display: flex; flex-direction: column; gap: var(--b-1); padding: var(--b-2) var(--b-3); border-radius: var(--r-md); background: var(--surface-2); }
.yi-bas { display: flex; align-items: center; gap: var(--b-3); }
.yi-bas b { white-space: nowrap; font-variant-numeric: tabular-nums; }
.yi-cubuk { flex: 1; height: 4px; border-radius: 999px; background: var(--surface-3); overflow: hidden; }
.yi-cubuk i { display: block; height: 100%; background: var(--marka); transition: width 0.2s; }
.yi-liste { margin: 0; padding: 0; list-style: none; max-height: 168px; overflow: auto; font-size: var(--y-5); }
.yi-oge { display: flex; align-items: center; gap: var(--b-2); min-height: var(--yk-2); color: var(--text-2); }
.yi-oge > svg { flex-shrink: 0; color: var(--muted); }
.yi-oge.tamam > svg { color: var(--ok); }
.yi-oge.uyari > svg { color: var(--warn); }
.yi-oge.hata > svg { color: var(--err); }
.yi-ad { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.yi-not { margin-left: auto; padding-left: var(--b-3); color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 50%; }
.yi-oge.hata .yi-not { color: var(--err); }
.yi-oge.uyari .yi-not { color: var(--warn); }
.alan-formu { container-type: inline-size; }
.alan-formu + .alan-formu { margin-top: var(--b-6); padding-top: var(--b-5); border-top: 1px solid var(--ayrac); }
.alan-formu-bas { display: flex; align-items: center; gap: var(--b-2); margin-bottom: var(--b-3); }
.alan-formu-bas h3 { font-size: var(--y-7); font-weight: 800; color: var(--marka-metin); text-transform: uppercase; letter-spacing: 0.06em; }
.alanlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: var(--b-2) var(--b-4); align-items: start; }
.alan { display: flex; flex-direction: column; gap: var(--b-1); min-width: 0; }
.alan.genis, .alan.orta { grid-column: 1 / -1; }
.alan > label { font-size: var(--y-5); font-weight: 700; color: var(--text-2); display: flex; align-items: center; gap: 5px; min-height: 20px; min-width: 0; }
.alan .zorunlu { color: var(--aksan-metin); }
.alan-hata { min-height: 16px; font-size: var(--y-3); line-height: 16px; color: var(--err); font-weight: 600; }
.alan-formu.sik { --kontrol: var(--kontrol-k); }
.alan-formu.sik .alanlar { grid-template-columns: repeat(auto-fill, minmax(max(148px, calc((100% - 60px) / 6)), 1fr)); gap: var(--b-1) var(--b-3); }
.alan-formu.sik .alan.orta { grid-column: span 2; }
.alan-formu.sik .alan { gap: var(--b-05); }
.alan-formu.sik .alan > label { font-size: var(--y-4); min-height: 18px; }
.alan-formu.sik .giris, .alan-formu.sik .secim { padding-left: var(--b-25); font-size: var(--y-6); }
.alan-formu.sik .uzun { min-height: 54px; padding: var(--b-15) var(--b-25); font-size: var(--y-6); }
.alan-formu.sik .alan-hata { min-height: 13px; line-height: 13px; font-size: var(--y-2); }
.alan-formu.sik .secenek { height: var(--yk-3); padding: 0 11px; font-size: var(--y-5); }
.alan-formu.sik .alan-liste { padding-block: var(--b-05); }
.alan-formu.oku .alanlar { --n: 1; --oku-etiket: 152px; grid-template-columns: repeat(var(--n), minmax(0, 1fr)); gap: 0 28px; }
@container (min-width: 680px) { .alan-formu.oku .alanlar { --n: 2; } }
@container (min-width: 1030px) { .alan-formu.oku .alanlar { --n: 3; } }
@container (min-width: 1380px) { .alan-formu.oku .alanlar { --n: 4; } }
.alan-formu.oku .alan { display: grid; grid-template-columns: minmax(92px, min(var(--oku-etiket), 48%)) minmax(0, 1fr); column-gap: var(--b-25); row-gap: 0; align-items: center; min-height: var(--yk-6); padding: var(--b-05) 0; }
.alan-formu.oku .alan.genis, .alan-formu.oku .alan.orta { grid-column: 1 / -1; align-items: start; }
.alan-formu.oku .alan.genis > label, .alan-formu.oku .alan.orta > label { padding-top: 7px; }
.alan-formu.oku .uzun { min-height: 64px; padding: var(--b-15) var(--b-2); border-color: transparent; border-radius: 7px; background-color: var(--surface-2); font-size: var(--y-6); }
.alan-formu.oku .uzun:hover { border-color: var(--girdi-cizgi); }
.alan-formu.oku .uzun:focus { border-color: var(--marka-400); background-color: var(--surface); }
.alan-formu.oku .alan > label { font-size: var(--y-4); font-weight: 600; line-height: 1.25; color: var(--muted); min-height: 0; }
.alan-formu.oku .alan > label > .kes { white-space: normal; overflow-wrap: anywhere; }
.alan-formu.oku .alan-hata { grid-column: 2; min-height: 0; line-height: 15px; font-size: var(--y-2); padding: 0 0 3px var(--b-2); }
.alan-formu.oku .alan-hata:empty { display: none; }
.alan-formu.oku .alan-deger { padding: 0 var(--b-2); font-size: var(--y-6); font-weight: 700; overflow-wrap: anywhere; }
.alan-formu.oku .alan.bos .alan-deger { color: var(--faint); font-weight: 500; }
.alan-formu.oku .alan-deger:focus { outline: none; }
.alan-formu.oku .alan:has(> .alan-deger:focus) { background: var(--surface-2); }
.alan-formu.oku .giris, .alan-formu.oku .secim { height: var(--yk-3); padding: 0 var(--b-2); border-color: transparent; border-radius: 7px; background-color: var(--surface-2); font-size: var(--y-6); font-weight: 700; cursor: text; text-overflow: ellipsis; }
.alan-formu.oku .secim { cursor: pointer; padding-right: 26px; background-position: right 8px center; }
.alan-formu.oku .secim.bos { font-weight: 500; color: var(--muted); }
.alan-formu.oku .secim option { color: var(--text); font-weight: 500; }
.alan-formu.oku :where(.alan.bos.zor) .giris, .alan-formu.oku :where(.alan.bos.zor) .secim { border-style: dashed; border-color: color-mix(in srgb, var(--aksan) 50%, var(--line)); background-color: transparent; }
.alan-formu.oku .giris:hover, .alan-formu.oku .secim:hover { border-color: var(--girdi-cizgi); background-color: var(--girdi-zemin); }
.alan-formu.oku .giris:focus, .alan-formu.oku .secim:focus { border-style: solid; border-color: var(--marka-400); background-color: var(--surface); }
.alan-formu.oku .giris.hatali, .alan-formu.oku .secim.hatali { border-color: var(--err); }
.alan-formu.oku .giris::placeholder { color: var(--faint); font-weight: 500; }
.alan-formu.oku .alan.bos.zor .giris::placeholder, .alan-formu.oku .alan.bos.zor .secim.bos { color: var(--aksan-metin); font-weight: 600; }
.alan-formu.oku .alan-birimli.var .giris { padding-right: 34px; }
.alan-formu.oku .alan-birimli span { right: 8px; font-size: var(--y-3); }
.alan-formu.oku .secenekler { min-height: var(--yk-3); gap: var(--b-05); padding-left: var(--b-05); }
.alan-formu.oku .secenek { height: var(--yk-1); padding: 0 9px; border-color: transparent; background: var(--surface-2); font-size: var(--y-6); font-weight: 500; color: var(--faint); }
.alan-formu.oku .secenek:hover:not(:disabled) { border-color: var(--girdi-cizgi); color: var(--text-2); }
.alan-formu.oku .secenek.secili { background: var(--marka-zemin); border-color: transparent; color: var(--marka-metin); font-weight: 700; }
.alan-formu.oku .alan.bos.zor .secenek { color: var(--aksan-metin); }
.alan-formu.oku :where(.alan.bos.zor) .secenek { border-style: dashed; border-color: color-mix(in srgb, var(--aksan) 50%, var(--line)); }
@container (max-width: 360px) { .alan-formu.oku .alan { grid-template-columns: minmax(84px, 40%) minmax(0, 1fr); } }
.alan-birimli { position: relative; }
.alan-birimli.var .giris { padding-right: 58px; }
.alan-birimli span { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); font-size: var(--y-4); color: var(--muted); font-weight: 700; pointer-events: none; }
.alan-uzun { position: relative; }
.alan-sayac { position: absolute; right: 10px; bottom: 8px; min-width: 76px; text-align: right; font-size: var(--y-2); color: var(--faint); pointer-events: none; }
.secenekler { display: flex; flex-wrap: wrap; gap: var(--b-1); min-height: var(--kontrol); align-items: center; }
.secenek { height: var(--kontrol-k); padding: 0 var(--b-3); border-radius: 999px; border: 1px solid var(--girdi-cizgi); background: var(--girdi-zemin); font-size: var(--y-6); font-weight: 600; color: var(--text-2); cursor: pointer; }
.secenek:hover:not(:disabled) { border-color: var(--line-3); }
.secenek.secili { background: var(--marka); border-color: var(--marka-metin); color: var(--dolgu-metin); }
.secenek:disabled { cursor: default; }
.secenek:disabled:not(.secili) { opacity: 0.55; }
.alan-liste { display: flex; flex-wrap: wrap; gap: var(--b-1); align-items: center; min-height: var(--kontrol); padding: var(--b-1) var(--b-2); border: 1px solid var(--girdi-cizgi); border-radius: var(--r-md); background: var(--girdi-zemin); transition: border-color 0.15s, box-shadow 0.15s, background-color 0.15s; }
.alan-liste:hover { border-color: var(--line-3); }
.alan-liste:focus-within { border-color: var(--marka-400); background: var(--surface); box-shadow: var(--odak); }
.alan-liste.hatali { border-color: var(--err); }
.alan-liste.salt { background: var(--surface-3); border-color: transparent; }
.alan-liste input { flex: 1; min-width: 120px; height: var(--yk-3); border: 0; outline: none; background: transparent; }
.alan-liste-oge { display: inline-flex; align-items: center; gap: var(--b-1); height: var(--yk-2); padding: 0 var(--b-15) 0 var(--b-25); border-radius: 999px; background: var(--marka-zemin); color: var(--marka-metin); font-size: var(--y-5); font-weight: 700; }
.alan-liste.salt .alan-liste-oge { padding-right: var(--b-25); }
.alan-liste-oge button { display: grid; place-items: center; width: 18px; height: 18px; border: 0; border-radius: 50%; background: transparent; color: inherit; cursor: pointer; }
.alan-liste-oge button:hover { background: var(--info-line); }
.alan-tarih { --tarih-boy: 10ch; position: relative; min-width: calc(var(--tarih-boy) + var(--b-3) + var(--b-6) + var(--b-3)); font-size: var(--y-8); font-variant-numeric: tabular-nums; }
.alan-tarih.saatli { --tarih-boy: 16ch; }
.alan-tarih.kucuk { font-size: var(--y-6); }
.alan-tarih > .giris { padding-right: calc(var(--b-6) + var(--b-3)); font-variant-numeric: tabular-nums; }
.alan-tarih-dugme { position: absolute; top: 50%; right: var(--b-1); display: grid; place-items: center; width: var(--b-6); height: var(--b-6); transform: translateY(-50%); border: 0; border-radius: var(--r-sm); background: none; color: var(--muted); cursor: pointer; }
.alan-tarih-dugme:hover { background: var(--surface-3); color: var(--text); }
.alan-tarih-yerel { position: absolute; right: 0; bottom: 0; width: 1px; height: 1px; padding: 0; border: 0; opacity: 0; pointer-events: none; }
:root {
  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --yan-dar: 52px;
  --kod-sutun: 200px;
  --sades-yesil: #65B32E;
  --sades-lacivert: #003D58;
  --sades-beyaz: #FFFFFF;
  --cizim-kirmizi: #E53935;
  --cizim-sari: #F2B53A;
  --cizim-mavi: #1E88E5;
  --cizim-yesil: #2E9E5B;
}
body { font-size: var(--y-7); }
.giris, .secim, .uzun { font-size: var(--y-7); }
:root, :is([data-tema='acik'], [data-bs-theme='light']) {
  --marka: #1F4E7D;
  --marka-800: #193F66;
  --marka-900: #112C48;
  --marka-400: #3B7FC4;
  --marka-zemin: #EAF1F8;
  --marka-metin: #1F4E7D;
  --aksan: #B87800;
  --aksan-600: #A85D00;
  --aksan-700: #8A4B00;
  --aksan-soluk: #FFF4DA;
  --aksan-metin: #8F5200;
  --dolgu-metin: #FFFFFF;
  --bg: #E8EDF3;
  --surface: #FFFFFF;
  --surface-2: #F4F7FA;
  --surface-3: #ECF1F7;
  --ayrac: #E3E9F1;
  --line: #D9E1EB;
  --line-2: #CFD9E6;
  --line-3: #B5C3D6;
  --girdi-zemin: #F8FAFC;
  --girdi-cizgi: #D6DFEA;
  --text: #132033;
  --text-2: #34445A;
  --text-3: #4A5A70;
  --muted: #59687E;
  --faint: #97A3B5;
  --yan-zemin: linear-gradient(180deg, #173B61 0%, #0D2238 100%);
}
:is([data-tema='koyu'], [data-bs-theme='dark']) {
  --marka: #2D67A6;
  --marka-800: #285C94;
  --marka-900: #214D7D;
  --marka-400: #6FA8E8;
  --marka-zemin: #16263D;
  --marka-metin: #9CC3F0;
  --aksan: #F2B63D;
  --aksan-600: #A35A00;
  --aksan-700: #874A00;
  --aksan-soluk: #33260F;
  --aksan-metin: #F6C766;
  --dolgu-metin: #FFFFFF;
  --bg: #080E17;
  --surface: #131D2B;
  --surface-2: #0E1622;
  --surface-3: #1A2738;
  --ayrac: #1F2C3F;
  --line: #253348;
  --line-2: #2C3D55;
  --line-3: #3C5070;
  --girdi-zemin: #0F1824;
  --girdi-cizgi: #2B3A51;
  --text: #E5EBF4;
  --text-2: #BCC7D7;
  --text-3: #A0ACBF;
  --muted: #8D9AAE;
  --faint: #56627A;
  --yan-zemin: linear-gradient(180deg, #132A45 0%, #0A1626 100%);
}
.sades-isaret { position: relative; display: inline-flex; flex-shrink: 0; line-height: 0; border-radius: 22%; }
.sades-isaret svg { display: block; }
.sades-isaret .si-zemin { fill: var(--sades-yesil); }
.sades-isaret .si-p { fill: var(--sades-beyaz); stroke: var(--sades-beyaz); }
.sades-isaret .si-vurgu { fill: var(--sades-lacivert); stroke: var(--sades-lacivert); }
.sades-isaret.zeminsiz .si-p { fill: var(--sades-yesil); stroke: var(--sades-yesil); }
.sades-isaret.zeminsiz .si-vurgu { fill: var(--sades-lacivert); stroke: var(--sades-lacivert); }
.si-parca .si-p { transform-box: fill-box; transform-origin: center; animation: si-parca 1.8s ease-in-out infinite both; }
.si-parca .si-p2 { animation-delay: 0.12s; }
.si-parca .si-p3 { animation-delay: 0.24s; }
.si-parca .si-p4 { animation-delay: 0.36s; }
.si-parca .si-p5 { animation-delay: 0.48s; }
.si-parca .si-p6 { animation-delay: 0.6s; }
@keyframes si-parca { 0%, 12% { opacity: 0.18; transform: scale(0.82); } 38%, 70% { opacity: 1; transform: scale(1); } 100% { opacity: 0.18; transform: scale(0.82); } }
.si-parlama { overflow: hidden; }
.si-parlama::after { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 30%, color-mix(in srgb, var(--sades-beyaz) 55%, transparent) 50%, transparent 70%); transform: translateX(-120%); animation: si-isik 1.6s ease-in-out infinite; }
@keyframes si-isik { 60%, 100% { transform: translateX(120%); } }
.sades-yukleyici { --yukleyici-boy: 64px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--b-3); color: var(--muted); }
.sades-gecis { display: flex; align-items: center; justify-content: center; min-height: 60vh; }
.sades-yukleyici .sades-isaret svg { width: var(--yukleyici-boy); height: var(--yukleyici-boy); }
@media (prefers-reduced-motion: reduce) { .si-parca .si-p, .si-parlama::after { animation: none; } }
* { scrollbar-width: none; }
*::-webkit-scrollbar { display: none; width: 0; height: 0; }
.no { font-weight: 700; letter-spacing: 0.01em; }
.sayfa { display: flex; flex-direction: column; gap: var(--b-4); min-width: 0; container-type: inline-size; }
.ayrac-cizgi { border: 0; border-top: 1px solid var(--ayrac); margin: var(--b-1) 0; }
.izgara-uc { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--b-4); align-items: start; }
.yigin { display: flex; flex-direction: column; gap: var(--b-4); min-width: 0; }
@container (max-width: 1080px) { .izgara-uc { grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); } .izgara-uc > .yigin { display: contents; } }
.kisayollar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-2); }
.kisayollar .btn { justify-content: flex-start; }
.kisi-listesi { display: flex; flex-direction: column; gap: var(--b-3); margin: 0; padding: 0; list-style: none; }
.kisi-listesi li { display: flex; align-items: center; gap: var(--b-3); min-width: 0; }
.kisi-avatar { width: 34px; height: var(--yk-6); border-radius: 50%; display: grid; place-items: center; flex-shrink: 0; font-size: var(--y-5); font-weight: 800; background: var(--marka-zemin); color: var(--marka-metin); }
.kisi-avatar.bos { background: var(--surface-3); color: var(--muted); }
.harita-yer { position: relative; height: 150px; border-radius: var(--r-md); background-color: var(--surface-3); background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px); background-size: 24px 24px; display: grid; place-items: center; color: var(--marka-metin); }
.not-listesi { display: flex; flex-direction: column; gap: var(--b-3); margin: 0; padding: 0; list-style: none; }
.not-listesi li { display: flex; flex-direction: column; gap: var(--b-05); }
.not-ust { display: flex; gap: var(--b-15); font-size: var(--y-4); color: var(--muted); }
.firma-logo { display: flex; align-items: center; gap: var(--b-2); width: 100%; min-height: 46px; padding: var(--b-15) var(--b-1); color: var(--dolgu-metin); }
.firma-logo b { font-size: var(--y-9); font-weight: 800; letter-spacing: 0.02em; }
.firma-logo span { margin-left: auto; font-size: var(--y-1); font-weight: 600; color: rgba(255, 255, 255, 0.55); }
.firma-logo.kisa { width: 40px; min-height: var(--yk-9); padding: 0; justify-content: center; }
.yan-logo { width: 100%; }
.yan-oge { height: var(--yk-7); }
.yan-oge.alt { height: var(--yk-5); }
.yan-bolum { margin-top: var(--b-2); }
@media (min-width: 861px) and (max-height: 1000px) {
  .yan-oge { height: var(--yk-5); }
  .yan-oge.alt { height: var(--yk-4); }
  .yan-bolum { margin-top: var(--b-1); padding-block: 3px; }
}
.ust-sol { display: flex; align-items: center; gap: var(--b-2) var(--b-5); min-width: 0; }
.ust-baslik { margin: 0; font-size: var(--y-9); font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; color: var(--text); }
.ust-geri { gap: var(--b-15); margin-left: -8px; font-weight: 700; text-decoration: none; }
.ust-eylemler { gap: var(--b-1); }
.ust-kullanici { display: inline-flex; align-items: center; gap: var(--b-2); height: var(--yk-9); margin-left: var(--b-15); padding: 0 var(--b-2) 0 var(--b-1); border: 0; border-radius: 999px; background: transparent; color: var(--text); font-weight: 700; cursor: pointer; }
.ust-kullanici:hover { background: var(--surface-3); }
.ust-kullanici .kisi-avatar { width: 32px; height: var(--yk-5); }
@media (max-width: 1100px) { .ust-kullanici-ad { display: none; } }
.ust-sure { display: flex; align-items: center; gap: var(--b-4); min-width: 0; font-size: var(--y-6); white-space: nowrap; }
.ust-sure > span { display: inline-flex; align-items: baseline; gap: var(--b-15); }
.ust-sure b { font-size: var(--y-9); font-weight: 800; }
@media (max-width: 1280px) { .ust-sure-nitelik { display: none; } }
.filtre-alani { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: var(--b-3) var(--b-4); padding: var(--b-4) var(--kart-x); border-bottom: 1px solid var(--ayrac); background: var(--surface-2); }
.filtre-alani fieldset { display: flex; flex-direction: column; gap: var(--b-2); min-width: 0; margin: 0; padding: 0; border: 0; }
.filtre-alani legend { display: flex; align-items: center; gap: var(--b-15); padding: 0; margin-bottom: var(--b-1); font-size: var(--y-4); font-weight: 700; color: var(--text-2); }
@container (max-width: 1180px) { .liste-arac .dar-gizle { display: none; } }
.iki-alan { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-2); }
.iki-alan:has(.alan-tarih) { grid-template-columns: repeat(auto-fit, minmax(min(100%, 8.5rem), 1fr)); }
.filtre-alani { container-type: inline-size; }
@container (min-width: 900px) { .filtre-alani > fieldset:has(.iki-alan .alan-tarih) { grid-column: span 2; } }
.filtre-alt { position: sticky; bottom: calc(-1 * var(--b-4)); display: flex; align-items: center; gap: var(--b-2); margin: auto calc(-1 * var(--b-4)) calc(-1 * var(--b-4)); padding: var(--b-3) var(--b-4); background: var(--surface); border-top: 1px solid var(--ayrac); }
.dugme-sayi { min-width: 18px; height: 18px; margin-left: var(--b-05); padding: 0 5px; border-radius: 999px; display: inline-grid; place-items: center; background: var(--marka); color: var(--dolgu-metin); font-size: var(--y-2); font-weight: 800; }
.liste-arac { padding: var(--b-3) var(--kart-x); container-type: inline-size; }
.liste-arac .arama-kutusu { flex: 1 1 220px; max-width: 320px; }
.liste-arac .fc-eylemler .secim { width: auto; min-width: 150px; }
.liste-arac .kucuk-secim { min-width: 110px !important; }
.liste-alt { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b-2) var(--b-4); padding: var(--b-3) var(--kart-x); border-top: 1px solid var(--ayrac); }
.liste-alt .satir { gap: 5px; }
.liste-alt .satir b { margin-right: var(--b-3); color: var(--text-2); }
.liste-alt .sayfalama { margin-left: auto; }
.liste-tablo { --tablo-x: var(--kart-x); }
.liste-tablo .tablo { table-layout: fixed; width: 100%; }
.liste-tablo .tablo td { vertical-align: top; padding-block: 14px; }
.liste-tablo .tablo :is(th, td) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.liste-tablo .tablo th .tablo-sirala { max-width: 100%; min-width: 0; }
.liste-tablo .tablo th .tablo-sirala > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.liste-tablo .tablo :is(th, td):not(:first-child):not(:last-child) { padding-inline: var(--b-2); }
.liste-tablo .lh-ust, .liste-tablo .lh-alt { flex-wrap: nowrap; overflow: hidden; }
.liste-tablo .lh-ust > *, .liste-tablo .lh-alt > * { flex-shrink: 0; }
.liste-tablo .lh-ust > .kes, .liste-tablo .lh-alt > .kes { flex-shrink: 1; min-width: 0; }
.s-no { width: 18.5%; }
.s-kisi { width: 14%; }
.s-imza { width: 100px; }
.s-konum { width: 11%; }
.s-tasinmaz { width: 9.5%; }
.s-durum { width: 9%; }
.s-banka { width: auto; }
.s-is { width: 140px; }
.s-kalan { width: 152px; }
.liste-tablo a.no { flex-shrink: 0; }
.kalan { display: flex; flex-direction: column; align-items: flex-end; gap: 5px; margin: 0; }
.kalan > div { display: flex; align-items: center; gap: var(--b-15); }
.kalan dt { font-size: var(--y-2); font-weight: 600; color: var(--muted); }
.kalan dd { min-width: 76px; margin: 0; padding: var(--b-05) var(--b-2); border-radius: 6px; background: var(--surface-3); color: var(--text-2); font-size: var(--y-5); font-weight: 800; font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }
.kalan dd.hata { background: var(--err-soft); color: var(--err); }
.kalan dd.uyari { background: var(--warn-soft); color: var(--warn); }
.revize-isaret { display: inline-flex; align-items: center; gap: 3px; height: 20px; padding: 0 var(--b-1); border-radius: 6px; background: var(--warn-soft); color: var(--warn); font-size: var(--y-2); font-weight: 700; }
.ek-tapu { display: inline-flex; align-items: center; height: 18px; padding: 0 var(--b-15); border-radius: 999px; background: var(--marka-zemin); color: var(--marka-metin); font-size: var(--y-2); font-weight: 800; cursor: help; }
@container (max-width: 1320px) {
  .s-no { width: 22%; }
  .s-kisi { width: 13%; }
  .s-imza { width: 100px; }
  .s-konum { width: 9.5%; }
  .s-tasinmaz { width: 8%; }
  .s-durum { width: 8.5%; }
  .s-is { width: 140px; }
  .s-kalan { width: 116px; }
  .kalan dt { display: none; }
}
@container (max-width: 1100px) {
  .s-no { width: 20%; }
  .s-kisi { width: 12.5%; }
  .s-imza { width: 100px; }
  .s-konum { width: 9%; }
  .s-tasinmaz { width: 9.5%; }
  .s-durum { width: 9.5%; }
  .s-is { width: 124px; }
  .s-kalan { width: 108px; }
  .liste-tablo .banka-logo, .kalan dt { display: none; }
  .liste-tablo .is-kutulari { grid-template-columns: repeat(4, 24px); gap: 3px; }
  .liste-tablo .is-kutu { width: 24px; height: var(--yk-1); border-radius: 7px; }
}
.is-kutulari { display: grid; grid-template-columns: repeat(4, 28px); gap: var(--b-1); }
.is-kutulari.serit { display: flex; flex-wrap: wrap; gap: var(--b-15); }
.is-kutulari.serit .is-kutu { width: 32px; height: var(--yk-5); }
.is-kutu { position: relative; width: 28px; height: var(--yk-3); display: grid; place-items: center; padding: 0; border: 1px solid var(--line-2); border-radius: 8px; background: transparent; color: var(--faint); font: inherit; cursor: pointer; transition: box-shadow 0.12s; }
.is-kutu:hover, .is-kutu[aria-expanded='true'] { box-shadow: 0 0 0 3px var(--marka-zemin); }
.is-kutu:focus-visible { outline: 2px solid var(--marka-400); outline-offset: 1px; }
.is-kutu.tamam { color: var(--dolgu-metin); background: var(--ok); border-color: var(--ok); }
.is-kutu.bekliyor { color: var(--warn); background: var(--warn-soft); border-color: var(--warn-line); }
.is-kutu.hata { color: var(--dolgu-metin); background: var(--err); border-color: var(--err); }
.is-kutu.yok { color: var(--muted); border-style: dashed; }
.is-kutu.gereksiz { color: var(--faint); border-color: transparent; opacity: 0.5; }
.is-kutu.gereksiz::before { content: ''; position: absolute; left: 50%; top: 50%; width: 70%; height: 1.5px; background: currentColor; transform: translate(-50%, -50%) rotate(-40deg); }
.is-kutu.notr { color: var(--text-2); background: var(--surface-2); border-color: var(--line); }
.satir-menu { display: flex; flex-direction: column; gap: var(--b-05); }
.satir-menu-baslik { padding: var(--b-05) var(--b-2) var(--b-15); font-size: var(--y-4); color: var(--muted); }
.satir-menu-baslik:not(:first-child) { padding-top: var(--b-2); }
.detay-bas { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--b-3) var(--b-5); padding: var(--b-5) var(--kart-x); }
.detay-no { margin: var(--b-05) 0; font-size: var(--y-15); font-weight: 700; letter-spacing: 0; color: var(--text); }
.detay-eylemler { margin-left: auto; justify-content: flex-end; }
.ozet-satiri { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--ayrac); }
.ozet-satiri > div { display: flex; flex-direction: column; gap: var(--b-05); min-width: 0; padding: var(--b-4) var(--kart-x); }
.ozet-satiri > div + div { border-left: 1px solid var(--ayrac); }
.ozet-deger { font-size: var(--y-11); color: var(--text); }
@container (max-width: 760px) { .ozet-satiri { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ozet-satiri > div:nth-child(3) { border-left: 0; } }
.gecikme-bandi { display: flex; align-items: center; gap: var(--b-3); padding: var(--b-3) var(--kart-x); border-radius: var(--r-lg); background: var(--surface); box-shadow: var(--kart-golge); }
.gecikme-ikon { width: 36px; height: var(--yk-7); border-radius: 10px; display: grid; place-items: center; flex-shrink: 0; background: var(--surface-3); color: var(--text-2); }
.tapu-listesi { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.tapu-satir { display: flex; align-items: center; gap: var(--b-3); min-width: 0; padding: var(--b-2) 0; border-bottom: 1px solid var(--ayrac); }
.tapu-satir:last-child { border-bottom: 0; }
.tapu-durum { width: 28px; height: var(--yk-3); border-radius: 8px; display: grid; place-items: center; flex-shrink: 0; }
.tapu-durum.ton-basari { color: var(--ok); background: var(--ok-soft); }
.tapu-durum.ton-uyari { color: var(--warn); background: var(--warn-soft); }
.tapu-durum.ton-hata { color: var(--err); background: var(--err-soft); }
.tapu-durum.ton-notr { color: var(--muted); background: var(--surface-3); }
.tapu-bilgi { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.hata-metni { color: var(--err); }
.rapor-bilgisi { display: flex; flex-direction: column; gap: var(--b-3); }
.rb-bolum { display: flex; flex-direction: column; gap: var(--b-2); padding: var(--b-25) var(--b-3); border-radius: var(--r-md); background: var(--surface-2); box-shadow: inset 0 0 0 1px var(--ayrac); }
.rb-bolum-baslik { margin: 0; font-size: var(--y-2); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); }
.rb-bolum > .rb-grup { padding: 0; background: none; box-shadow: none; }
.rb-bas { display: flex; align-items: center; gap: var(--b-3); min-width: 0; }
.rb-no { font-size: var(--y-11); }
.rb-banka { width: 46px; height: 46px; border-radius: 10px; display: grid; place-items: center; flex-shrink: 0; background: var(--marka-zemin); color: var(--marka-metin); }
.rb-grup { display: flex; flex-direction: column; gap: var(--b-2); margin: 0; padding: var(--b-25) var(--b-3); border-radius: var(--r-md); background: var(--surface-2); box-shadow: inset 0 0 0 1px var(--ayrac); list-style: none; }
.rb-kisiler { display: flex; flex-direction: column; gap: var(--b-2); margin: 0; padding: 0; list-style: none; }
.rb-kisiler li { display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: center; gap: var(--b-15); font-size: var(--y-6); font-weight: 600; }
.rb-kisiler .icerde:not(:hover) { color: var(--ok); }
.rb-girinti { padding-left: 23px; }
.rb-acilir summary { display: flex; align-items: center; gap: var(--b-2); padding: var(--b-1) 0; font-weight: 700; cursor: pointer; list-style: none; }
.rb-acilir summary::-webkit-details-marker { display: none; }
.rb-acilir .rb-ok { color: var(--muted); transition: transform 0.15s; }
.rb-acilir[open] .rb-ok { transform: rotate(180deg); }
.rb-satirlar { display: flex; flex-direction: column; margin: 0; }
.rb-satirlar > div { display: flex; align-items: baseline; gap: var(--b-3); min-height: var(--yk-2); }
.rb-satirlar dt { flex: 0 1 45%; min-width: 0; font-size: var(--y-5); color: var(--text-2); }
.rb-satirlar dd { min-width: 0; margin: 0 0 0 auto; font-size: var(--y-6); font-weight: 700; text-align: right; overflow-wrap: anywhere; }
.rb-satirlar dd a, .rb-tel a { color: inherit; }
.rb-yer { display: flex; align-items: center; gap: var(--b-2); min-width: 0; }
.rb-yer-no { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; flex-shrink: 0; background: var(--marka); color: var(--dolgu-metin); font-size: var(--y-3); font-weight: 800; }
.rb-tel { gap: var(--b-1); color: var(--text-2); white-space: nowrap; }
.yp { display: flex; flex-direction: column; gap: var(--b-3); }
.yp-arac { display: flex; align-items: center; gap: var(--b-2); }
.yp-secim { display: inline-flex; padding: var(--b-05); border-radius: 999px; background: var(--surface-3); }
.yp-secim button { height: var(--yk-3); padding: 0 var(--b-3); white-space: nowrap; border: 0; border-radius: 999px; background: none; color: var(--text-2); font: inherit; font-size: var(--y-5); font-weight: 700; cursor: pointer; }
.yp-secim button[aria-pressed='true'] { background: var(--surface); color: var(--marka-metin); box-shadow: var(--kart-golge); }
.yp-liste { display: flex; flex-direction: column; margin: 0 calc(-1 * var(--b-2)); padding: 0; list-style: none; }
.yp-satir { display: flex; align-items: flex-start; gap: var(--b-3); width: 100%; padding: var(--b-25) var(--b-2); border: 0; border-radius: var(--r-md); background: none; color: var(--text); font: inherit; text-align: left; text-decoration: none; cursor: pointer; }
.yp-satir:hover { background: var(--surface-2); text-decoration: none; }
.yp-ikon { width: 32px; height: var(--yk-5); border-radius: 9px; display: grid; place-items: center; flex-shrink: 0; }
.yp-ikon.ton-hata { color: var(--err); background: var(--err-soft); }
.yp-ikon.ton-uyari { color: var(--warn); background: var(--warn-soft); }
.yp-ikon.ton-bilgi { color: var(--info); background: var(--info-soft); }
.yp-ikon.ton-basari { color: var(--ok); background: var(--ok-soft); }
.yp-govde { overflow-wrap: anywhere; display: flex; flex-direction: column; gap: var(--b-05); flex: 1 1 auto; min-width: 0; }
.yp-govde > .satir { align-items: flex-start; }
.yp-govde > .satir > .sag { flex-shrink: 0; overflow-wrap: normal; white-space: nowrap; }
.yp-no { color: var(--marka-metin); }
.yp-nokta { width: 8px; height: 8px; margin-top: var(--b-15); border-radius: 50%; flex-shrink: 0; background: var(--marka-400); }
.yp-liste li:not(.yeni) .yp-satir b { font-weight: 600; color: var(--text-2); }
.yp-bos { padding: var(--b-4) var(--b-2); }
.duyurular { gap: var(--b-2); margin: 0; }
.duyuru { display: flex; flex-direction: column; gap: var(--b-15); padding: var(--b-3); border-radius: var(--r-md); background: var(--surface-2); }
.duyuru:not(.yeni) { background: none; box-shadow: inset 0 0 0 1px var(--ayrac); }
.duyuru p { margin: 0; color: var(--text-2); font-size: var(--y-7); line-height: 1.5; }
.mesaj-listesi-kap { display: flex; flex-direction: column; gap: var(--b-3); }
.mesaj-listesi { display: flex; flex-direction: column; margin: 0 calc(-1 * var(--b-2)); padding: 0; list-style: none; }
.mesaj-satir { display: flex; align-items: center; gap: var(--b-3); width: 100%; padding: var(--b-25) var(--b-2); border: 0; border-radius: var(--r-md); background: none; color: var(--text); font: inherit; text-align: left; cursor: pointer; }
.mesaj-satir:hover { background: var(--surface-2); }
.mesaj-ozet { display: flex; flex-direction: column; gap: 1px; flex: 1 1 auto; min-width: 0; }
.mesaj-bos { padding: var(--b-3) var(--b-2); }
.mesaj-konusma { display: flex; flex-direction: column; gap: var(--b-3); min-height: 100%; }
.mesaj-ust { flex: 0 0 auto; display: flex; align-items: center; gap: var(--b-2); min-width: 0; padding-bottom: var(--b-3); border-bottom: 1px solid var(--ayrac); }
.mesaj-ust > :where(.btn, .kisi-avatar, .satir) { flex-shrink: 0; }
.mesaj-akisi { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; gap: var(--b-2); margin: 0; padding: 0; list-style: none; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; }
.mesaj-akisi li { display: flex; flex-direction: column; align-items: flex-start; gap: var(--b-05); max-width: 86%; min-width: 0; flex-shrink: 0; }
.mesaj-akisi li.benden { align-self: flex-end; align-items: flex-end; }
.mesaj-balon { padding: var(--b-2) var(--b-3); border-radius: 12px 12px 12px 4px; background: var(--surface-3); color: var(--text); line-height: 1.45; overflow-wrap: anywhere; min-width: 0; max-width: 100%; }
.mesaj-balon :where(img, video, audio, canvas) { max-width: 100%; height: auto; }
.benden .mesaj-balon { border-radius: 12px 12px 4px 12px; background: var(--marka); color: var(--dolgu-metin); }
.mesaj-zaman { font-size: var(--y-2); color: var(--muted); }
.mesaj-yaz { flex: 0 0 auto; display: flex; align-items: flex-end; gap: var(--b-2); margin: 0 calc(-1 * var(--b-4)) calc(-1 * var(--b-4)); padding: var(--b-3) var(--b-4); background: var(--surface); border-top: 1px solid var(--ayrac); }
.mesaj-yaz textarea { flex: 1 1 auto; min-width: 0; min-height: var(--yk-9); max-height: 8em; resize: none; }
.mesaj-yaz:has(> :nth-child(3)) { flex-wrap: wrap; align-items: center; }
.mesaj-yaz:has(> :nth-child(3)) textarea { order: -1; flex-basis: 100%; }
.mesaj-yaz:has(> :nth-child(3)) > :last-child:where(.btn) { margin-left: auto; }
.talep-hucre { display: flex; align-items: flex-start; gap: var(--b-25); min-width: 0; }
.banka-logo { width: 34px; height: var(--yk-6); flex-shrink: 0; padding: var(--b-05); border-radius: 8px; border: 1px solid var(--line); background: #FFFFFF; object-fit: contain; }
.banka-logo.yok { display: grid; place-items: center; padding: 0; background: var(--surface-3); color: var(--muted); }
.talep-bilgi, .satirlar { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.satirlar.sag-hiza { align-items: flex-end; }
.satir-1 { display: flex; align-items: center; gap: 5px; min-width: 0; min-height: 22px; }
.satir-1 > * { flex-shrink: 0; }
.satir-1 > .kes { flex-shrink: 1; min-width: 0; }
.ikincil { font-size: var(--y-4); color: var(--muted); }
.isaret { min-width: 18px; height: 18px; padding: 0 var(--b-1); border-radius: 5px; display: inline-grid; place-items: center; font-size: var(--y-1); font-weight: 800; }
.isaret.acil { background: var(--err); color: #FFFFFF; }
.isaret.vip { background: var(--marka); color: var(--dolgu-metin); }
.revize-isaret.gecmis { opacity: 0.6; }
.kisi-satirlari { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.kisi-satir { display: grid; grid-template-columns: 30px minmax(0, 1fr); align-items: center; gap: var(--b-15); height: 20px; }
.kisi-satir .ad { font-size: var(--y-6); font-weight: 600; color: var(--text); }
.kisi-satir .ad.icerde { color: var(--ok); font-weight: 700; }
.rol { min-width: 26px; height: 18px; padding: 0 5px; border-radius: 5px; display: inline-flex; align-items: center; justify-content: center; gap: var(--b-05); justify-self: start; background: var(--surface-3); color: var(--text-2); font-size: var(--y-1); font-weight: 800; letter-spacing: 0.02em; white-space: nowrap; }
.imza-satirlari { display: flex; flex-direction: column; gap: 3px; }
.imza-satir { display: flex; align-items: center; gap: var(--b-1); height: 20px; }
.imza-tamam { display: inline-flex; align-items: center; gap: 5px; color: var(--ok); font-size: var(--y-4); font-weight: 700; white-space: nowrap; }
.imza-bekliyor { display: inline-flex; align-items: center; gap: 5px; color: var(--aksan-metin); font-size: var(--y-4); font-weight: 700; white-space: nowrap; }
.icerde-nokta { display: inline-block; width: 7px; height: 7px; margin: 0 var(--b-15) 1px 1px; border-radius: 50%; background: var(--ok); box-shadow: 0 0 0 3px var(--ok-soft); }
.atanmamis { justify-self: start; padding: 0; border: 0; background: none; color: var(--err); font: inherit; font-size: var(--y-5); font-weight: 700; cursor: pointer; }
.atanmamis:hover { text-decoration: underline; }
.atanmadi, .rol-adi { font-size: var(--y-5); color: var(--muted); }
.olumsuz { display: inline-flex; align-items: center; gap: var(--b-1); font-weight: 700; }
.olumsuz.donduruldu { color: var(--teal); }
.olumsuz.iptal, .olumsuz.silindi { color: var(--err); }
.imzala { display: inline-flex; align-items: center; gap: var(--b-1); height: 22px; padding: 0 9px; border: 0; border-radius: 999px; background: var(--aksan); color: #1B1300; font: inherit; font-size: var(--y-4); font-weight: 800; cursor: pointer; }
.tapu-dugme { align-self: flex-start; padding: 0; border: 0; background: none; color: var(--marka-metin); font: inherit; font-size: var(--y-5); font-weight: 700; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
.uyari-metni { display: inline-flex; align-items: center; gap: var(--b-1); color: var(--warn); font-weight: 600; }
.ek-sure { align-self: flex-start; display: inline-flex; align-items: center; gap: var(--b-1); height: 20px; padding: 0 var(--b-15); border-radius: 6px; background: var(--ok-soft); color: var(--ok); font-size: var(--y-3); font-weight: 700; }
.rb-banka.gercek { padding: 3px; background: #FFFFFF; object-fit: contain; }
.detay-banka-logo { width: 34px; height: var(--yk-6); padding: var(--b-05); border-radius: 8px; background: #FFFFFF; box-shadow: 0 0 0 1px var(--line); object-fit: contain; }
.tapu-durum.ton-notr .lucide { opacity: 0.8; }
.is-kutu-kap { display: flex; }
.icerik { padding-bottom: var(--b-4); }
.yan-marka { height: 72px; }
@media (max-height: 800px) { .yan-marka { height: 48px; } }
.sayac-seridi { container-type: inline-size; }
.sayac-seridi .sayaclar.kart { grid-template-columns: none !important; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); }
.sayac-seridi .sayac-ad { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow-wrap: normal; }
@container (max-width: 1100px) {
  .sayac-seridi .sayaclar.kart { gap: var(--b-15); }
  .sayac-seridi .sayaclar.kart .sayac { padding: var(--b-25) var(--b-1) var(--b-2); gap: var(--b-05); }
  .sayac-seridi .sayaclar.kart .sayac-adet { font-size: var(--y-12); }
  .sayac-seridi .sayac-ad { font-size: var(--y-3); }
}
@container (max-width: 900px) {
  .sayac-seridi .sayaclar.kart .sayac-ikon { display: none; }
  .sayac-seridi .sayaclar.kart .sayac-adet { font-size: var(--y-12); }
  .sayac-seridi .sayac-ad { font-size: var(--y-2); }
}
.liste-arac .fc-satir, .liste-arac .fc-eylemler { flex-wrap: nowrap; }
.liste-arac .arama-kutusu { min-width: 120px; }
@container (max-width: 1180px) { .liste-arac .fc-eylemler .secim { min-width: 0; width: 156px; } .liste-arac .kucuk-secim { width: 110px !important; min-width: 0 !important; } }
@container (max-width: 1000px) {
  .s-is { display: none; }
  .s-no { width: 23%; }
  .s-kisi { width: 15%; }
  .s-konum { width: 9.5%; }
  .s-tasinmaz { width: 9%; }
  .s-durum { width: 11%; }
}
@container (max-width: 900px) {
  .s-kalan { display: none; }
  .s-no { width: 25%; }
  .s-kisi { width: 17%; }
  .s-konum { width: 11%; }
  .s-tasinmaz { width: 10%; }
  .s-durum { width: 13%; }
}
.rapor-bolumleri { display: flex; align-items: center; gap: var(--b-4); min-width: 0; padding: var(--b-15) var(--b-2) var(--b-15) var(--kart-x); border-radius: var(--r-lg); background: var(--surface); box-shadow: var(--kart-golge); container-type: inline-size; }
.rbo-no { flex-shrink: 0; font-size: var(--y-9); }
.rbo-liste { display: flex; flex: 1 1 auto; justify-content: flex-end; gap: var(--b-05); min-width: 0; }
.rbo-oge { display: inline-flex; align-items: center; gap: var(--b-15); height: var(--yk-6); padding: 0 var(--b-25); border-radius: var(--r-md); color: var(--text-2); font-size: var(--y-6); font-weight: 600; text-decoration: none; white-space: nowrap; }
.rbo-oge:hover { background: var(--surface-3); color: var(--text); text-decoration: none; }
.rbo-oge.secili { background: var(--marka-zemin); color: var(--marka-metin); }
@container (max-width: 1500px) { .rbo-oge:not(.secili) span { display: none; } }
.ust-kullanici { flex-shrink: 0; white-space: nowrap; }
.ust-kullanici-ad { max-width: 180px; overflow: hidden; text-overflow: ellipsis; }
.rb-tumu { gap: var(--b-1); padding: var(--b-1) 0 0; color: var(--marka-metin); font-weight: 700; text-decoration: none; }
@media (min-width: 861px) and (max-height: 800px) {
  .yan-oge { height: var(--yk-3); font-size: var(--y-6); }
  .yan-oge.alt { height: 27px; }
  .yan-bolum { margin-top: var(--b-05); padding-block: var(--b-05); }
  .yan-arama { margin-top: var(--b-2); }
  .yan-nav { margin-top: var(--b-05); }
  .yan-alt-bilgi { padding-top: var(--b-05); }
}
.td2-izgara { position: relative; min-width: 0; }
.td2-izgara.akis { display: grid; grid-template-columns: repeat(var(--td2-sutun, 3), minmax(0, 1fr)); gap: var(--b-4); align-items: start; }
.td2-oge { min-width: 0; }
.td2-izgara.yerlesik > .td2-oge { position: absolute; display: flex; flex-direction: column; }
.td2-izgara.yerlesik > .td2-oge > .kart { flex: 1 1 auto; }
.td2-tk { gap: var(--b-2); }
.td2-tk-ozet { display: flex; flex-wrap: nowrap; align-items: center; gap: var(--b-15); min-width: 0; overflow: hidden; }
.td2-tk-cip { display: inline-flex; align-items: center; gap: var(--b-1); height: 22px; padding: 0 var(--b-2); border-radius: 999px; font-size: var(--y-4); font-weight: 600; white-space: nowrap; }
.td2-tk-cip.ton-basari { background: var(--ok-soft); color: var(--ok); }
.td2-tk-cip.ton-uyari { background: var(--warn-soft); color: var(--warn); }
.td2-tk-cip.ton-hata { background: var(--err-soft); color: var(--err); }
.td2-tk-cip.ton-notr { border: 1px dashed var(--line-2); color: var(--muted); }
.td2-tk .tapu-satir { min-height: 50px; }
.td2-tk .tapu-bilgi { flex: 1 1 auto; }
.td2-tk .tapu-bilgi .satir { min-width: 0; flex-wrap: nowrap; }
.td2-tk-ad { flex-shrink: 0; color: var(--text); font-weight: 700; text-decoration: none; }
.td2-tk-ad:hover { color: var(--marka-metin); text-decoration: underline; }
.td2-harita { height: 132px; }
.td2-tasinmaz { min-width: 0; flex-wrap: nowrap; }
.td2-tasinmaz > .kes { min-width: 0; }
.td2-tasinmaz > .ek-tapu { flex-shrink: 0; }
.ar-tablo .tablo tbody tr:has(.olumsuz.silindi, .olumsuz.iptal) td { background: var(--err-soft); }
.ar-tablo .tablo tbody tr:has(.olumsuz.donduruldu) td { background: var(--info-soft); }
.ar-c-rapor { width: 16%; }
.ar-c-yapan { width: 15%; }
.ar-c-durum { width: 10%; }
.ar-c-tarih { width: 9%; }
.ar-c-konum { width: 10%; }
.ar-c-tasinmaz { width: 11%; }
.ar-c-kullanim { width: 12%; }
.ar-c-ekip { width: 17%; }
.ar-isaret { display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 6px; flex-shrink: 0; }
.ar-isaret.hata { color: var(--err); background: var(--err-soft); }
.ar-isaret.uyari { color: var(--warn); background: var(--warn-soft); }
.ar-tablo .kalin { font-weight: 700; color: var(--text); }
.ar-tablo .satirlar > .kalin { display: block; }
@container (max-width: 1400px) {
  .ar-c-kullanim { display: none; }
  .ar-c-rapor { width: 17%; }
  .ar-c-yapan { width: 17%; }
  .ar-c-durum { width: 11%; }
  .ar-c-tarih { width: 10%; }
  .ar-c-konum { width: 12%; }
  .ar-c-tasinmaz { width: 13%; }
  .ar-c-ekip { width: 20%; }
}
@container (max-width: 1120px) {
  .ar-c-ekip { display: none; }
  .ar-c-rapor { width: 22%; }
  .ar-c-yapan { width: 20%; }
  .ar-c-durum { width: 15%; }
  .ar-c-tarih { width: 12%; }
  .ar-c-konum { width: 15%; }
  .ar-c-tasinmaz { width: 16%; }
}
@container (max-width: 780px) {
  .ar-c-konum { display: none; }
  .ar-c-rapor { width: 30%; }
  .ar-c-yapan { width: 19%; }
  .ar-c-durum { width: 19%; }
  .ar-c-tarih { width: 15%; }
  .ar-c-tasinmaz { width: 17%; }
}
.ar-coklu { display: flex; align-items: center; justify-content: space-between; gap: var(--b-2); width: 100%; text-align: left; cursor: pointer; }
.ar-coklu .kes { flex: 1 1 auto; }
.ar-filtreler { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); }
.ar-tarih { grid-column: span 2; }
.ar-tarih-satir { display: grid; grid-template-columns: 84px minmax(0, 1fr); align-items: center; gap: var(--b-2); }
.ar-ayrinti { display: flex; flex-direction: column; gap: var(--b-3); min-width: 0; }
.ar-ayrinti .kart { box-shadow: 0 0 0 1px var(--ayrac); }
.ar-ikili { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-3); align-items: start; }
@media (max-width: 760px) { .ar-ikili { grid-template-columns: minmax(0, 1fr); } }
.ar-ozet { display: flex; align-items: flex-start; gap: var(--b-3); padding: var(--b-3) var(--b-4); border-radius: var(--r-lg); background: var(--marka-zemin); color: var(--text); }
.ar-ozet p { margin: 0; line-height: 1.6; }
.ar-ozet-ikon { width: 30px; height: var(--yk-4); border-radius: 9px; display: grid; place-items: center; flex-shrink: 0; background: var(--surface); color: var(--marka-metin); cursor: help; }
.ar-d-tablo { --tablo-x: var(--kart-x); }
.ar-d-tablo .tablo { table-layout: fixed; width: 100%; }
.ar-d-tablo .tablo :is(th, td) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ar-d-tablo .tablo td { vertical-align: top; padding-block: var(--b-25); }
.ar-d-tablo .tablo :is(th, td):not(:first-child):not(:last-child) { padding-inline: var(--b-2); }
.ar-d-konum { width: 24%; }
.ar-d-ada { width: 22%; }
.ar-d-nitelik { width: 14%; }
.ar-d-sayi { width: 17%; }
.ar-d-deger { width: 23%; }
.ar-iki { display: flex; align-items: baseline; justify-content: space-between; gap: var(--b-2); }
.ar-iki i { font-size: var(--y-2); font-style: normal; color: var(--muted); }
.ar-sayi { font-variant-numeric: tabular-nums; white-space: nowrap; }
.ar-acilir summary { display: flex; align-items: center; justify-content: space-between; gap: var(--b-2); padding: var(--b-1) 0; font-weight: 700; cursor: pointer; list-style: none; }
.ar-acilir summary::-webkit-details-marker { display: none; }
.ar-acilir summary svg { color: var(--muted); transition: transform 0.15s; }
.ar-acilir[open] summary svg { transform: rotate(180deg); }
.ar-acilir-govde { display: flex; flex-direction: column; gap: var(--b-3); padding-top: var(--b-2); }
.ar-metin p { margin: var(--b-05) 0 0; color: var(--text-2); line-height: 1.6; }
.ar-cip { display: inline-flex; align-items: center; height: 18px; max-width: 150px; padding: 0 var(--b-15); border-radius: 6px; overflow: hidden; background: var(--surface-3); color: var(--text-2); font-size: var(--y-2); font-weight: 700; white-space: nowrap; text-overflow: ellipsis; }
.ar-cip.marka { background: var(--marka-zemin); color: var(--marka-metin); }
.ar-benzer-suzgec { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b-15); padding-bottom: var(--b-2); }
.ar-hesap { margin-left: auto; }
.ar-benzer { display: flex; flex-direction: column; margin: 0 calc(-1 * var(--b-2)); padding: 0; list-style: none; }
.ar-benzer button { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--b-3); width: 100%; padding: var(--b-2) var(--b-2); border: 0; border-radius: var(--r-md); background: none; color: var(--text); font: inherit; text-align: left; cursor: pointer; }
.ar-benzer button:hover { background: var(--surface-2); }
.ar-benzer .satirlar:first-child { flex: 1 1 auto; }
.ar-benzer .satir-1 { flex-wrap: nowrap; overflow: hidden; }
.ar-hata-form { display: flex; flex-direction: column; gap: var(--b-3); }
.ar-hata-turler { display: flex; flex-direction: column; gap: var(--b-2); }
.ar-hata-tur { display: flex; align-items: center; gap: var(--b-3); padding: var(--b-25) var(--b-3); border: 0; border-radius: var(--r-md); background: var(--surface-2); box-shadow: inset 0 0 0 1px var(--line); color: var(--text); font: inherit; text-align: left; cursor: pointer; }
.ar-hata-tur:hover { box-shadow: inset 0 0 0 1px var(--line-3); }
.ar-hata-tur.secili { background: var(--marka-zemin); box-shadow: inset 0 0 0 1.5px var(--marka-400); }
.ar-alan { display: flex; flex-direction: column; gap: var(--b-15); }
.ar-etiket { font-size: var(--y-6); font-weight: 600; color: var(--text-2); }
.ar-hata-metni { font-size: var(--y-4); color: var(--err); }
.tp-ozet { display: flex; flex-wrap: nowrap; overflow: hidden; align-items: center; gap: var(--b-2) var(--b-3); min-width: 0; padding: var(--b-3) var(--kart-x); border-bottom: 1px solid var(--ayrac); }
.tp-ozet > :not(.tp-ozet-liste) { flex-shrink: 0; }
.tp-ozet-say { font-size: var(--y-6); color: var(--muted); white-space: nowrap; }
.tp-ozet-say b { font-size: var(--y-9); color: var(--text); }
.tp-ozet-liste { display: flex; flex-wrap: nowrap; gap: var(--b-15); min-width: 0; overflow: hidden; margin: 0; padding: 0; list-style: none; }
.tp-ozet-liste > li { flex-shrink: 0; }
.tp-ozet-oge { display: inline-flex; align-items: center; gap: 5px; height: var(--yk-3); padding: 0 var(--b-25); border: 1px solid transparent; border-radius: 999px; background: var(--surface-2); color: var(--text-2); font: inherit; font-size: var(--y-5); font-weight: 600; white-space: nowrap; cursor: pointer; }
.tp-ozet-oge b { font-weight: 800; }
.tp-ozet-oge:hover { background: var(--surface-3); }
.tp-ozet-oge[aria-pressed='true'] { border-color: currentColor; }
.tp-ozet-oge.alindi { background: var(--ok-soft); color: var(--ok); }
.tp-ozet-oge.bekliyor { background: var(--warn-soft); color: var(--warn); }
.tp-ozet-oge.hata { background: var(--err-soft); color: var(--err); }
.tp-ozet-oge.yok { background: transparent; border: 1px dashed var(--line-2); color: var(--muted); }
.tp-ozet-oge.gereksiz { background: transparent; color: var(--faint); text-decoration: line-through; }
.tp-ozet-oge.yok[aria-pressed='true'], .tp-ozet-oge.gereksiz[aria-pressed='true'] { border: 1px solid currentColor; }
.tp-arac .tp-ekle { display: inline-flex; align-items: center; gap: var(--b-15); }
.tp-arac .tp-adet { width: 64px; height: var(--yk-8); padding: 0 var(--b-15) 0 var(--b-25); text-align: right; }
.tp-tablo { --tablo-x: var(--kart-x); }
.tp-tablo .tablo { table-layout: fixed; width: 100%; }
.tp-tablo .tablo td { vertical-align: top; padding-block: var(--b-3); }
.tp-tablo .tablo :is(th, td) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tp-tablo .tablo :is(th, td):not(:first-child):not(:last-child) { padding-inline: var(--b-2); }
.tp-tablo .tablo .tablo-secim { width: 44px; padding-right: 0; }
.tp-tablo .tablo-secim input { margin-top: var(--b-1); }
.tp-tablo .lh-ust, .tp-tablo .lh-alt { flex-wrap: nowrap; overflow: hidden; }
.tp-tablo .lh-ust > *, .tp-tablo .lh-alt > * { flex-shrink: 0; }
.tp-tablo .lh-ust > .kes, .tp-tablo .lh-alt > .kes { flex-shrink: 1; min-width: 0; }
.tp-tablo .tp-sag .lh-ust { justify-content: flex-end; }
.tp-sayi { font-variant-numeric: tabular-nums; }
.tp-s-tapu { width: 13%; }
.tp-s-konum { width: 15%; }
.tp-s-nitelik { width: 15%; }
.tp-s-takbis { width: 14%; }
.tp-s-tky { width: 19.5%; }
.tp-s-olusturan { width: 13%; }
.tp-s-islem { width: 148px; }
.tp-tablo .lh-eylemler { margin-left: 0; justify-content: flex-end; }
.tp-bos-eylem { width: 26px; height: var(--yk-2); }
.lh-eylem.tp-kapali { opacity: 0.35; cursor: not-allowed; }
.tp-takbis { display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 var(--b-2); border: 1px solid transparent; border-radius: 6px; font-size: var(--y-4); font-weight: 700; white-space: nowrap; }
.tp-takbis.alindi { background: var(--ok-soft); color: var(--ok); }
.tp-takbis.bekliyor { background: var(--warn-soft); color: var(--warn); }
.tp-takbis.hata { background: var(--err-soft); color: var(--err); }
.tp-takbis.yok { border: 1px dashed var(--line-2); color: var(--muted); }
.tp-takbis.gereksiz { color: var(--faint); text-decoration: line-through; opacity: 0.8; }
@container (max-width: 1080px) {
  .tp-s-olusturan { display: none; }
  .tp-s-tapu { width: 15%; }
  .tp-s-konum { width: 17%; }
  .tp-s-nitelik { width: 17%; }
  .tp-s-takbis { width: 17%; }
  .tp-s-tky { width: 24%; }
}
@container (max-width: 920px) {
  .tp-s-tapu { width: 18%; }
  .tp-s-konum { width: 19%; }
  .tp-s-nitelik { width: 19%; }
  .tp-s-takbis { width: 19%; }
  .tp-s-tky { width: 25%; }
}
.tp-tapu-ad { display: inline-flex; align-items: center; gap: var(--b-15); min-width: 0; }
.tp-ac-ok { flex-shrink: 0; color: var(--muted); }
.tp-girinti { padding-left: var(--b-5); }
.tp-tky-ozet { color: var(--text-2); }
.tp-tky-ozet b { font-weight: 800; color: var(--text); }
.tp-tky-oge.rehin, .tp-tky-oge.rehin b { color: var(--marka-metin); }
.tp-cip { display: inline-flex; align-items: center; gap: var(--b-1); height: var(--yk-3); padding: 0 var(--b-25); border: 1px solid transparent; border-radius: 999px; background: var(--surface-2); color: var(--text-2); font: inherit; font-size: var(--y-5); font-weight: 600; white-space: nowrap; cursor: pointer; }
.tp-cip b { font-weight: 800; color: var(--text); }
.tp-cip:hover:not(:disabled) { background: var(--surface-3); }
.tp-cip[aria-pressed='true'] { background: var(--marka-zemin); color: var(--marka-metin); border-color: currentColor; }
.tp-cip[aria-pressed='true'] b { color: inherit; }
.tp-cip:disabled { opacity: 0.45; cursor: default; }
.tp-tablo .tablo tr { scroll-margin-top: 72px; }
.tp-tablo .tablo tr.ek > td { padding: 0; white-space: normal; overflow: visible; }
.tp-ac { display: flex; flex-direction: column; gap: var(--b-2); padding: var(--b-3) var(--kart-x) var(--b-4); container-type: inline-size; }
.tp-ac > .ozet-kap { padding: var(--b-3) var(--b-4); border-radius: var(--r-md); background: var(--surface); }
.tp-blok { display: flex; flex-direction: column; gap: var(--b-1); min-width: 0; padding: var(--b-2) var(--b-4) var(--b-3); border-radius: var(--r-md); background: var(--surface); }
.tp-blok-bas { display: flex; align-items: center; gap: var(--b-2); min-height: var(--yk-2); }
.tp-blok-bas b, .tp-blok-tek > b { font-size: var(--y-6); font-weight: 700; }
.tp-adet { color: var(--muted); font-weight: 600; }
.tp-blok-tek { flex-direction: row; align-items: center; gap: var(--b-3); padding-block: var(--b-2); }
.tp-tky-ara { width: 320px; max-width: 100%; }
.tp-malikler { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); column-gap: var(--b-5); margin: 0; padding: 0; list-style: none; }
.tp-malikler li { display: flex; align-items: center; gap: var(--b-2); min-width: 0; min-height: var(--yk-2); font-size: var(--y-6); font-weight: 600; }
.tp-pay { margin-left: auto; flex-shrink: 0; color: var(--muted); font-size: var(--y-4); font-weight: 500; font-variant-numeric: tabular-nums; }
.tp-daha { align-self: flex-start; padding: var(--b-05) 0 0; border: 0; background: none; color: var(--marka-metin); font: inherit; font-size: var(--y-5); font-weight: 700; cursor: pointer; }
.tp-daha:hover { text-decoration: underline; }
.tp-tky-liste { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.tp-tky-liste > li + li { border-top: 1px solid var(--ayrac); }
.tp-kayit { display: grid; align-items: center; gap: var(--b-3); width: 100%; min-height: var(--yk-5); padding: var(--b-1) var(--b-15); border: 0; border-radius: 6px; background: none; color: var(--text); font: inherit; font-size: var(--y-6); text-align: left; cursor: pointer; }
.tp-kayit > span { min-width: 0; }
.tp-kayit.beyan { grid-template-columns: 84px 72px minmax(0, 1fr) 14px; }
.tp-kayit.rehin { grid-template-columns: 84px 72px 150px 76px minmax(0, 1fr) 14px; }
.tp-kayit.serh, .tp-kayit.hak { grid-template-columns: 84px 72px minmax(0, 1.4fr) minmax(0, 1fr) 14px; }
.tp-kayit:hover, .tp-tky-liste > li.acik > .tp-kayit { background: var(--surface-2); }
.tp-kayit-bas { min-height: 22px; padding-block: 0; cursor: default; color: var(--muted); font-size: var(--y-3); font-weight: 600; }
.tp-kayit-bas:hover { background: none; }
.tp-k-sayi { font-variant-numeric: tabular-nums; white-space: nowrap; }
.tp-k-sag { text-align: right; }
.tp-kayit > .tp-k-sag + span { padding-left: var(--b-2); }
.tp-kayit:not(.tp-kayit-bas) .tp-k-sag { font-weight: 700; }
.tp-kayit-ok { color: var(--muted); }
.tp-tky-ayrinti { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: var(--b-2) var(--b-4); margin: var(--b-05) 0 var(--b-2); padding: var(--b-3); border-radius: 6px; background: var(--surface-2); }
.tp-tky-ayrinti > div { min-width: 0; }
.tp-tky-ayrinti > div.genis { grid-column: 1 / -1; }
.tp-tky-ayrinti dt { font-size: var(--y-3); color: var(--muted); }
.tp-tky-ayrinti dd { margin: 0; font-size: var(--y-6); font-weight: 600; overflow-wrap: anywhere; white-space: pre-wrap; }
.tp-grup .sayfalama { padding-top: var(--b-1); }
@container (max-width: 760px) {
  .tp-kayit.beyan { grid-template-columns: 78px minmax(0, 1fr) 14px; }
  .tp-kayit.rehin { grid-template-columns: 78px 130px 72px minmax(0, 1fr) 14px; }
  .tp-kayit.serh, .tp-kayit.hak { grid-template-columns: 78px minmax(0, 1.4fr) minmax(0, 1fr) 14px; }
  .tp-k-yev { display: none; }
}
.tp-belge-yok { gap: var(--b-3); }
.tp-tablo .tablo :is(th, td).tp-s-takbis { padding-left: 14px; }
.pn-ozet > .kart-govde { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b-2) var(--b-6); padding-block: var(--b-3); }
.pn-sayac { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b-2) var(--b-6); min-width: 0; }
.pn-sayi { display: inline-flex; align-items: baseline; gap: var(--b-15); font-size: var(--y-6); color: var(--text-3); }
.pn-sayi b { font-size: var(--y-12); line-height: 1; color: var(--text); font-variant-numeric: tabular-nums; }
.pn-sayi.vurgu b { color: var(--marka-metin); }
.pn-son { display: inline-flex; align-items: center; gap: var(--b-1); font-size: var(--y-5); }
.pn-ozet .filtre-cubugu { flex: 1 1 auto; align-items: flex-end; }
.pn-ozet .fc-satir { justify-content: flex-end; }
.pn-cip.secili { background: var(--marka-zemin); color: var(--marka-metin); }
.pn-kart > .kart-govde { overflow: clip; }
.pn-akis { display: flex; flex-direction: column; margin: 0; padding: var(--b-2) 0; list-style: none; }
.pn-gun { display: flex; align-items: center; gap: var(--b-3); padding: var(--b-3) var(--kart-x) var(--b-1); color: var(--muted); font-size: var(--y-4); font-weight: 700; }
.pn-gun::after { content: ''; flex: 1 1 auto; height: 1px; background: var(--ayrac); }
.pn-not { display: flex; align-items: flex-start; gap: var(--b-3); min-width: 0; padding: var(--b-3) var(--kart-x); }
.pn-not:hover { background: var(--surface-2); }
.pn-avatar-kap { position: relative; flex-shrink: 0; }
.pn-not.okunmamis .pn-avatar-kap::after { content: ''; position: absolute; top: calc(var(--b-05) * -1); right: calc(var(--b-05) * -1); width: 10px; height: 10px; border-radius: 50%; background: var(--marka); box-shadow: 0 0 0 2px var(--surface); }
.pn-not.okunmamis .pn-yazi { color: var(--text); font-weight: 500; }
.pn-avatar { flex-shrink: 0; width: 36px; height: var(--yk-7); }
.pn-not.benim .pn-avatar { background: var(--marka); color: var(--dolgu-metin); }
.pn-govde { flex: 1 1 auto; display: flex; flex-direction: column; gap: var(--b-1); min-width: 0; }
.pn-ust { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b-1) var(--b-2); min-height: var(--yk-3); font-size: var(--y-4); }
.pn-ust b { font-size: var(--y-6); color: var(--text); }
.pn-duzenlendi { font-size: var(--y-2); font-style: italic; color: var(--faint); }
.pn-gorunur { display: inline-flex; align-items: center; gap: 3px; height: 20px; padding: 0 var(--b-15); border-radius: 6px; background: var(--warn-soft); color: var(--warn); font-size: var(--y-2); font-weight: 700; cursor: help; }
.pn-yazi { max-width: 90ch; margin: 0; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; }
.pn-balon { min-width: 0; padding: 9px 13px; border-radius: 4px 12px 12px 12px; background: var(--surface-3); color: var(--text); line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; }
.pn-not-eylem { display: flex; gap: var(--b-05); margin-left: auto; color: var(--muted); }
.pn-not-eylem .btn { width: 28px; height: var(--yk-3); border-color: transparent; background: transparent; box-shadow: none; color: var(--faint); }
.pn-not-eylem .btn:hover { background: var(--surface-3); color: var(--text); }
.pn-duzen { display: flex; flex-direction: column; gap: var(--b-2); width: min(560px, 100%); }
.pn-duzen .uzun { min-height: 72px; }
.pn-sure { display: inline-flex; align-items: center; gap: var(--b-1); color: var(--muted); font-variant-numeric: tabular-nums; }
.pn-sure.az { color: var(--err); font-weight: 700; }
.pn-alt { display: flex; align-items: center; gap: var(--b-3); min-height: var(--yk-1); }
.pn-okuma { display: inline-flex; align-items: center; gap: var(--b-1); height: var(--yk-1); padding: 0 var(--b-2); border: 0; border-radius: 6px; background: var(--surface-3); color: var(--text-2); font: inherit; font-size: var(--y-4); font-weight: 700; cursor: pointer; }
.pn-okuma:hover { background: var(--line); }
.pn-okuma.tamam { background: var(--info-soft); color: var(--info); }
.pn-isaretle { display: inline-flex; align-items: center; gap: var(--b-1); height: var(--yk-1); padding: 0 var(--b-15); margin-left: calc(var(--b-15) * -1); border: 0; border-radius: 6px; background: transparent; color: var(--marka-metin); font: inherit; font-size: var(--y-4); font-weight: 700; cursor: pointer; }
.pn-isaretle:hover { background: var(--marka-zemin); }
.pn-isaretle:focus-visible { outline: 2px solid var(--marka-400); outline-offset: 1px; }
.pn-okundu { display: inline-flex; align-items: center; gap: var(--b-1); color: var(--info); font-size: var(--y-4); font-weight: 700; white-space: nowrap; }
.pn-cihaz { display: inline-flex; align-items: center; gap: 3px; color: var(--faint); font-size: var(--y-2); font-weight: 600; }
.ana:has(.pn-sayfa:not(.pn-kompakt)) > .icerik { flex: 1 0 auto; display: flex; flex-direction: column; }
.icerik > .sayfa:has(> .pn-sayfa:not(.pn-kompakt)) { flex: 1 0 auto; }
.pn-sayfa:not(.pn-kompakt) { flex: 1 0 auto; }
.pn-sayfa:not(.pn-kompakt) > .pn-kart { flex: 1 0 auto; }
.pn-yaz-kart { container-type: inline-size; position: sticky; bottom: var(--b-3); z-index: 2; box-shadow: var(--kart-golge), 0 -8px 14px -10px color-mix(in srgb, var(--text) 30%, transparent); }
.pn-yaz-kart > .kart-govde { padding-block: var(--b-3); }
.pn-yaz { display: flex; flex-direction: column; gap: var(--b-2); }
.pn-ayarlar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b-2); }
.pn-alan { display: flex; flex: 0 1 220px; min-width: 160px; }
.pn-alan .secim { height: var(--yk-5); font-size: var(--y-6); }
.pn-alan .secim.pn-bos { color: var(--aksan-metin); }
.pn-etiket { display: inline-flex; align-items: center; gap: 5px; padding: 0; font-size: var(--y-5); font-weight: 700; color: var(--text-2); }
.pn-etiket .zorunlu { color: var(--aksan-metin); margin-left: var(--b-05); }
.pn-secimler { display: flex; align-items: center; gap: var(--b-3); height: var(--yk-5); padding: 0 var(--b-3); border-radius: var(--r-md); background: var(--surface); box-shadow: inset 0 0 0 1px var(--ayrac); }
.pn-secimler label { display: inline-flex; align-items: center; gap: var(--b-15); font-size: var(--y-6); font-weight: 600; color: var(--text); cursor: pointer; }
.pn-secimler input { width: 16px; height: 16px; margin: 0; accent-color: var(--marka); cursor: pointer; }
.pn-secimler label:has(input:disabled) { color: var(--faint); cursor: default; }
.pn-onizleme { display: flex; flex-direction: column; gap: var(--b-1); padding: var(--b-15) var(--b-3); border-radius: var(--r-md); background: var(--surface); box-shadow: inset 0 0 0 1px var(--ayrac); font-size: var(--y-6); white-space: pre-wrap; overflow-wrap: anywhere; }
.pn-yaz-alt { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--b-3); align-items: stretch; }
.pn-metin { min-height: 64px; background-color: var(--surface); }
.pn-yaz-eylem { display: flex; flex-direction: column; justify-content: flex-end; gap: var(--b-2); }
.pn-yaz-eylem .btn { justify-content: flex-start; }
.pn-etiketler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-3) var(--b-4); }
.pn-etiket-grubu { display: flex; flex-direction: column; gap: var(--b-15); min-width: 0; }
.pn-etiket-liste { gap: var(--b-1); }
.pn-etiket-dugme { height: var(--yk-1); padding: 0 var(--b-2); border: 0; border-radius: 6px; background: var(--surface-3); color: var(--text); font: inherit; font-size: var(--y-4); font-weight: 600; cursor: pointer; }
.pn-etiket-dugme:hover { background: var(--marka-zemin); color: var(--marka-metin); }
.pn-etiket-dugme:focus-visible { outline: 2px solid var(--marka-400); outline-offset: 1px; }
.pn-okumalar { gap: var(--b-3); }
.pn-okuma-listesi { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.pn-okuma-listesi li { display: flex; align-items: center; gap: var(--b-3); min-width: 0; padding: var(--b-2) 0; border-bottom: 1px solid var(--ayrac); }
.pn-okuma-listesi li:last-child { border-bottom: 0; }
.dg-arac .sekmeler { flex: 0 0 auto; }
.dg-arac .arama-kutusu { max-width: 280px; }
.dg-s-tarih { width: 104px; }
.dg-s-kaynak { width: 138px; }
.dg-s-kim { width: 15%; }
.dg-s-alan { width: 21%; }
.dg-tablo .tablo td.dg-s-deger { padding-top: var(--b-3); }
.dg-hucre { display: flex; align-items: center; gap: var(--b-15); min-width: 0; overflow: hidden; }
.dg-deger { display: inline-block; max-width: 100%; padding: var(--b-05) var(--b-2); border-radius: 6px; font-size: var(--y-5); line-height: 20px; }
.dg-deger.eski { background: var(--surface-3); color: var(--text-2); }
.dg-deger.yeni { background: var(--marka-zemin); color: var(--marka-metin); font-weight: 600; }
.dg-bos { font-size: var(--y-5); font-style: italic; color: var(--faint); }
.dg-isaret { display: inline-flex; align-items: center; gap: 3px; flex-shrink: 0; height: 22px; padding: 0 var(--b-15); border-radius: 6px; font-size: var(--y-3); font-weight: 700; cursor: help; }
.dg-isaret.otomatik { background: var(--info-soft); color: var(--info); }
.dg-isaret.temiz { background: var(--warn-soft); color: var(--warn); }
.dg-tablo .tablo tr.ek td { white-space: normal; padding-block: var(--b-3) var(--b-4); }
.dg-ayrinti { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: start; gap: var(--b-3); }
.dg-ayrinti > div { display: flex; flex-direction: column; gap: var(--b-1); min-width: 0; }
.dg-ok { margin-top: 26px; color: var(--muted); }
.dg-tam { padding: var(--b-2) var(--b-3); border-radius: var(--r-md); font-size: var(--y-6); line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; }
.dg-tam.eski { background: var(--surface); color: var(--text-2); }
.dg-tam.yeni { background: var(--marka-zemin); color: var(--marka-metin); }
@container (max-width: 1100px) { .dg-s-kaynak { display: none; } .dg-s-alan { width: 24%; } .dg-s-kim { width: 16%; } }
@container (max-width: 1000px) { .dg-s-kim { width: 14%; } .dg-s-alan { width: 21%; } .dg-s-ac { width: 56px; } .dg-isaret.temiz { font-size: 0; gap: 0; } }
@container (max-width: 1240px) { .dg-arac .arama-kutusu { max-width: 220px; } }
.dg-s-ac { width: 72px; }
.dg-ac { display: inline-grid; place-items: center; width: 24px; height: var(--yk-1); border-radius: 6px; color: var(--muted); }
.dg-tablo .tablo tr:hover .dg-ac { background: var(--surface-3); color: var(--text); }
.dg-kisa { display: none; }
@container (max-width: 1320px) { .dg-arac .dg-uzun { display: none; } .dg-arac .dg-kisa { display: inline; } }
.um-bas { display: flex; align-items: center; gap: var(--b-3); min-width: 0; padding: var(--b-4) var(--kart-x); }
.um-ikon { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; flex-shrink: 0; background: var(--marka); color: var(--dolgu-metin); }
.um-mulk { gap: var(--b-05); min-width: 0; }
.um-mulk .satir { min-width: 0; }
.um-mulk b { font-size: var(--y-9); }
.um-ozet { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.um-sayi { font-variant-numeric: tabular-nums; white-space: nowrap; }
.um-co { color: var(--ok); }
.um-tablo { table-layout: fixed; width: 100%; }
.um-tablo :is(th, td) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.um-tablo .um-s { text-align: right; font-variant-numeric: tabular-nums; }
.um-tablo .um-o { text-align: center; }
.um-tablo tfoot td { padding: 11px var(--b-3); border-top: 1px solid var(--line); font-weight: 800; font-variant-numeric: tabular-nums; }
.um-tablo tfoot td:first-child { padding-left: var(--tablo-x); }
.um-tablo tfoot td:last-child { padding-right: var(--tablo-x); }
.um-c-tutar { width: 17%; }
.um-c-oran { width: 80px; }
@container (max-width: 760px) { .um-ozet { grid-template-columns: repeat(3, minmax(0, 1fr)); } .um-ozet > div:nth-child(3) { border-left: 1px solid var(--ayrac); } }
.rf-bas { scroll-margin-top: 64px; container-type: inline-size; }
.rf-satir { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b-2) var(--b-3); min-width: 0; padding: var(--b-2) var(--kart-x); }
.rf-satir > .sekmeler { flex: 1 1 auto; min-width: 0; margin-left: -8px; }
.rf-sekme { display: inline-flex; align-items: center; gap: 7px; }
.rf-eylemler { display: flex; align-items: center; gap: var(--b-2); margin-left: auto; }
.rf-ornek { background: var(--surface-2); }
.rf-ornek .os-cip { background: var(--surface); }
.rf-arac { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b-2); margin-left: auto; }
.rf-altlar .adimlar { flex: 1 1 auto; min-width: 0; margin-left: -2px; }
.rf-sayac { display: inline-flex; align-items: center; height: 22px; padding: 0 var(--b-2); border-radius: 999px; background: var(--surface-3); color: var(--text-2); font-size: var(--y-4); font-weight: 700; white-space: nowrap; cursor: help; font-variant-numeric: tabular-nums; }
.rf-sayac.uyari { background: var(--warn-soft); color: var(--warn); }
.rf-govde { display: grid; grid-template-columns: 196px minmax(0, 1fr); gap: var(--b-4); align-items: start; }
.rf-nav { position: sticky; top: 64px; display: flex; flex-direction: column; gap: var(--b-2); padding: var(--b-2); border-radius: var(--r-lg); background: var(--surface); box-shadow: var(--kart-golge); }
.rf-nav.uzun { position: static; }
.rf-kip { width: 100%; height: var(--yk-5); font-size: var(--y-6); }
.rf-nav-liste { display: flex; flex-direction: column; gap: 1px; margin: 0; padding: 0; list-style: none; }
.rf-nav-oge { display: flex; align-items: center; gap: 7px; width: 100%; min-height: var(--yk-4); padding: 3px var(--b-15); border: 0; border-radius: var(--r-md); background: none; color: var(--text-2); font: inherit; font-size: var(--y-5); font-weight: 600; text-align: left; cursor: pointer; }
.rf-nav-oge:hover { background: var(--surface-3); color: var(--text); }
.rf-nav-oge.secili { background: var(--marka-zemin); color: var(--marka-metin); }
.rf-nav-oge > .kes { flex: 1 1 auto; }
.rf-nav-sayi { flex-shrink: 0; display: inline-flex; align-items: center; font-size: var(--y-3); font-weight: 700; color: var(--muted); font-variant-numeric: tabular-nums; }
.rf-nav-sayi.hata { color: var(--err); }
.rf-durum { width: 16px; height: 16px; flex-shrink: 0; border-radius: 50%; display: grid; place-items: center; font-size: var(--y-1); font-weight: 800; line-height: 1; }
.rf-durum.tamam { background: var(--ok); color: var(--dolgu-metin); }
.rf-durum.hata { background: var(--err); color: var(--dolgu-metin); }
.rf-durum.surer { border: 2px solid var(--warn); background: linear-gradient(90deg, var(--warn) 50%, transparent 50%); }
.rf-durum.bos { border: 1.5px dashed var(--line-3); }
.rf-durum.notr { width: 6px; height: 6px; margin: 0 5px; background: var(--line-3); }
.rf-nav-alt { display: flex; flex-direction: column; gap: var(--b-2); margin-top: var(--b-1); }
.rf-nav-alt .kayit-durumu { min-width: 0; padding: 0 var(--b-15); }
.rf-bolumler { display: flex; flex-direction: column; gap: var(--b-3); min-width: 0; container-type: inline-size; }
.rf-ikili { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr)); gap: var(--b-3); align-items: start; }
.rf-bolum { scroll-margin-top: 64px; min-width: 0; }
.rf-yatay { display: grid; grid-template-columns: minmax(220px, 22%) minmax(0, 1fr); align-items: center; }
.rf-yatay > .kart-bas { min-height: 0; padding-block: var(--b-3); }
.rf-yatay > .kart-bas > h3 { white-space: normal; }
.rf-yatay > .kart-govde { padding: var(--b-2) var(--kart-x) var(--b-2) 0; }
@container (max-width: 700px) { .rf-yatay { grid-template-columns: minmax(0, 1fr); } .rf-yatay > .kart-govde { padding: 0 var(--kart-x) var(--b-3); } }
.rf-baslik { display: inline-flex; align-items: center; gap: var(--b-2); min-width: 0; }
.rf-bolum .alan-formu.oku .alanlar { --oku-etiket: 128px; gap: 0 var(--b-6); }
@container (min-width: 600px) { .rf-bolum .alan-formu.oku .alanlar { --n: 2; } }
@container (min-width: 900px) { .rf-bolum .alan-formu.oku .alanlar { --n: 3; } }
@container (min-width: 1160px) { .rf-bolum .alan-formu.oku .alanlar { --n: 4; } }
@container (min-width: 1500px) { .rf-bolum .alan-formu.oku .alanlar { --n: 5; } }
.rf-bolum .alan-formu.oku .alan:has(> .secenekler[role="group"]), .rf-bolum .alan-formu.oku .alan:has(> .secenekler > .secenek:nth-child(5)) { grid-column: 1 / -1; }
.rf-bolum .alan-formu.oku .alan:has(> .secenekler[role="radiogroup"] > .secenek:nth-child(3)) { grid-column: span 2; }
.rf-bolum .alan-formu.oku .secenek { white-space: nowrap; }
.rf-oto { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; padding: 0; line-height: 1; vertical-align: middle; color: var(--info); cursor: help; }
.rf-oto.duzeltildi { color: var(--muted); }
.rf-oneri, .rf-duz { display: inline-grid; place-items: center; width: 20px; height: 20px; padding: 0; border: 0; border-radius: 6px; cursor: pointer; }
.rf-oneri { background: var(--aksan-soluk); color: var(--aksan-metin); box-shadow: inset 0 0 0 1px var(--aksan); }
.rf-oneri:hover:not(:disabled) { background: var(--aksan); color: var(--dolgu-metin); }
.rf-duz { width: auto; height: auto; background: none; color: var(--muted); line-height: 1; vertical-align: middle; }
.rf-duz:hover:not(:disabled) { background: none; color: var(--text); }
.rf-oneri:focus-visible, .rf-duz:focus-visible { outline: 2px solid var(--marka-400); outline-offset: 1px; }
.rf-oneri:disabled, .rf-duz:disabled { cursor: default; opacity: 0.7; }
.rf-coklu { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 520px), 1fr)); gap: var(--b-2) var(--b-6); margin-top: var(--b-1); }
.rf-coklu-alan { display: grid; grid-template-columns: minmax(92px, 128px) minmax(0, 1fr); column-gap: var(--b-25); align-items: start; min-width: 0; padding: var(--b-05) 0; }
.rf-coklu-etiket { display: flex; align-items: center; gap: 5px; min-width: 0; padding-top: var(--b-15); font-size: var(--y-4); font-weight: 600; line-height: 1.25; color: var(--muted); }
.rf-coklu-etiket > .kes { white-space: normal; overflow-wrap: anywhere; }
.rf-coklu-etiket .zorunlu { color: var(--aksan-metin); }
.rf-coklu-deger { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b-1); min-height: var(--yk-4); min-width: 0; padding: var(--b-05) 0 var(--b-05) var(--b-05); }
.rf-cip { display: inline-flex; align-items: center; max-width: 100%; height: var(--yk-1); padding: 0 9px; border-radius: 999px; background: var(--marka-zemin); color: var(--marka-metin); font-size: var(--y-5); font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rf-coklu-bos { padding: 0 var(--b-2); color: var(--faint); font-size: var(--y-6); }
.rf-coklu-bos.zor { color: var(--aksan-metin); font-weight: 600; }
.rf-coklu-alan .alan-hata { grid-column: 2; padding-left: var(--b-2); font-size: var(--y-2); color: var(--err); font-weight: 600; }
.rf-liste { min-width: 0; }
.rf-tablo { --tablo-x: 0px; min-width: 0; container-type: inline-size; }
.rf-tablo .tablo { table-layout: fixed; }
.rf-tablo .tablo :is(th, td) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rf-hucre { display: block; }
.rf-tum .rf-tablo { --tablo-x: var(--kart-x); }
.rf-tum .sayfalama { padding: var(--b-2) var(--kart-x); }
.rf-eksik-hucre { color: var(--err); font-weight: 700; }
.rf-tamam-ikon { color: var(--ok); }
.rf-alt-tablo { margin-top: var(--b-3); }
.rf-tablo-bas { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b-2); min-height: var(--yk-5); margin-bottom: var(--b-1); }
.rf-tablo-bas b { font-size: var(--y-6); color: var(--text-2); }
.rf-tablo-arac { display: inline-flex; flex-wrap: wrap; align-items: center; gap: var(--b-2); margin-left: auto; }
.rf-tablo-arac .arama-kutusu { width: 200px; }
.rf-tumu { margin-top: var(--b-1); }
.rf-harita { display: grid; grid-template-columns: minmax(0, 1fr) 220px; gap: var(--b-4); margin-top: var(--b-3); }
.rf-harita .harita-yer { height: 150px; }
.rf-harita-yan { display: flex; flex-direction: column; align-items: flex-start; gap: var(--b-1); min-width: 0; }
.rf-harita-yan b { max-width: 100%; margin-bottom: var(--b-2); }
.rf-maliyet { display: flex; flex-direction: column; gap: var(--b-3); min-width: 0; }
.rf-ozet { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--b-2); margin: 0; }
.rf-ozet > div { display: flex; flex-direction: column; gap: var(--b-05); min-width: 0; padding: var(--b-2) var(--b-3); border-radius: var(--r-md); background: var(--surface-2); }
.rf-ozet dt { font-size: var(--y-4); font-weight: 600; color: var(--muted); }
.rf-ozet dd { margin: 0; font-size: var(--y-8); font-weight: 800; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rf-uyari-satir { flex: 1 1 auto; justify-content: space-between; }
.rf-radar { display: flex; flex-direction: column; gap: var(--b-3); min-width: 0; }
.rf-radar-bas { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b-2); min-height: var(--yk-4); }
.rf-radar-bas b { font-size: var(--y-6); }
.rf-radar-kod { gap: var(--b-1); }
.rf-radar-baslik { min-width: 0; gap: var(--b-15); }
.rf-radar-im { display: inline-grid; place-items: center; width: 18px; height: 18px; border-radius: 5px; background: var(--info-soft); color: var(--info); font-size: var(--y-2); font-weight: 800; cursor: help; }
.rf-radar-im.dogru { background: var(--ok-soft); color: var(--ok); }
.rf-radar-im.yanlis { background: var(--err-soft); color: var(--err); }
.rf-radar-im.oneri { background: var(--aksan-soluk); color: var(--aksan-metin); }
.rf-radar-im.unverified { background: var(--warn-soft); color: var(--warn); }
.rf-radar-neden { display: flex; align-items: flex-start; gap: var(--b-15); font-size: var(--y-4); color: var(--text-2); line-height: 1.4; }
.rf-radar-neden > .ti, .rf-radar-neden > svg { flex-shrink: 0; margin-top: 1px; color: var(--aksan-metin); }
.rf-radar-neden b { color: var(--text); }
.rf-radar-notu { display: flex; align-items: center; flex-wrap: wrap; gap: var(--b-15); font-size: var(--y-3); color: var(--muted); }
.rf-radar-oneri { display: flex; flex-direction: column; gap: var(--b-2); padding: var(--b-3); border-radius: var(--r-md); background: var(--surface-2); }
.rf-radar-not { display: flex; align-items: center; gap: var(--b-2); margin: 0; color: var(--text-2); font-size: var(--y-6); }
.rf-radar-not.uyari { color: var(--warn); }
.rf-radar-liste { display: flex; flex-direction: column; gap: var(--b-1); margin: 0; padding: 0; list-style: none; }
.rf-radar-liste li { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto auto auto; align-items: center; gap: var(--b-3); min-height: 44px; padding: var(--b-1) var(--b-2); border-radius: var(--r-md); background: var(--surface); }
.rf-radar-govde { gap: 0; min-width: 0; }
.rf-radar-dayanak { font-size: var(--y-4); font-weight: 600; color: var(--text-2); cursor: help; white-space: nowrap; }
.rf-radar-say { font-size: var(--y-4); font-weight: 700; color: var(--muted); white-space: nowrap; font-variant-numeric: tabular-nums; }
.rf-katalog { gap: var(--b-3); }
.rf-katalog-liste { display: flex; flex-direction: column; gap: var(--b-05); margin: 0; padding: 0; list-style: none; }
.rf-katalog-oge { display: grid; grid-template-columns: 56px minmax(0, 1fr); align-items: center; gap: var(--b-2); width: 100%; min-height: var(--yk-5); padding: var(--b-1) var(--b-2); border: 0; border-radius: var(--r-md); background: none; color: var(--text); font: inherit; font-size: var(--y-6); text-align: left; cursor: pointer; }
.rf-katalog-oge:hover:not(:disabled) { background: var(--surface-3); }
.rf-katalog-oge.secili { background: var(--marka-zemin); color: var(--marka-metin); }
.rf-katalog-oge:disabled { cursor: default; }
.rf-katalog-metin { gap: var(--b-1); }
.rf-kaynak { display: flex; flex-direction: column; gap: var(--b-05); margin: 0; padding: 0; list-style: none; }
.rf-kaynak li { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) auto; align-items: center; gap: var(--b-3); min-height: var(--yk-8); padding: 0 var(--b-2); border-radius: var(--r-md); }
.rf-kaynak li:nth-child(odd) { background: var(--surface-2); }
.rf-kaynak-fark { min-width: 0; }
@container (max-width: 1000px) { .rf-sekme svg, .rf-ornek .os-cip small { display: none; } }
@container (max-width: 760px) { .rf-arac { margin-left: 0; } }
@media (max-width: 1100px) { .rf-govde { grid-template-columns: 176px minmax(0, 1fr); } .rf-harita { grid-template-columns: minmax(0, 1fr); } .rf-radar-liste li { grid-template-columns: 56px minmax(0, 1fr) auto; } .rf-radar-dayanak, .rf-radar-say { display: none; } }
.bg-arac { gap: var(--b-2); flex-wrap: wrap; min-width: 0; padding: var(--b-3) var(--kart-x); container-type: inline-size; }
.bg-ara { flex: 1 1 150px; max-width: 220px; min-width: 100px; }
.bg-arac .yp-secim { flex-shrink: 0; }
.bg-arac-sag { flex-shrink: 0; gap: var(--b-2); }
.bg-anahtar { display: inline-flex; align-items: center; gap: var(--b-2); flex-shrink: 0; height: var(--yk-6); padding: 0 var(--b-25) 0 var(--b-15); border: 0; border-radius: 999px; background: none; color: var(--text-2); font: inherit; font-size: var(--y-6); font-weight: 700; white-space: nowrap; cursor: pointer; }
.bg-anahtar:hover { background: var(--surface-3); }
.bg-anahtar:focus-visible { outline: 2px solid var(--marka-400); outline-offset: 1px; }
.bg-anahtar-iz { position: relative; width: 34px; height: 20px; flex-shrink: 0; border-radius: 999px; background: var(--line-2); transition: background 0.15s; }
.bg-anahtar-iz i { position: absolute; top: 3px; left: 3px; width: 14px; height: 14px; border-radius: 50%; background: var(--surface); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); transition: transform 0.15s; }
.bg-anahtar[aria-checked='true'] { color: var(--marka-metin); }
.bg-anahtar[aria-checked='true'] .bg-anahtar-iz { background: var(--marka); }
.bg-anahtar[aria-checked='true'] .bg-anahtar-iz i { transform: translateX(14px); }
.bg-kisa { display: none; }
.bg-kategori { flex: 0 1 150px; min-width: 100px; width: auto; }
.bg-gorunum, .bg-grupla, .bg-sec-dugme { flex-shrink: 0; }
.bg-gorunum button { display: grid; place-items: center; width: 34px; padding: 0; }
.bg-toplu { position: sticky; top: 52px; z-index: 6; display: flex; flex-wrap: wrap; align-items: center; gap: var(--b-2) var(--b-3); padding: var(--b-2) var(--kart-x); border-radius: var(--r-lg); background: var(--marka-zemin); box-shadow: var(--kart-golge); }
.bg-toplu-sayi { color: var(--marka-metin); white-space: nowrap; }
.bg-toplu-eylem { flex-wrap: wrap; gap: var(--b-2); }
.bg-sec { width: 16px; height: 16px; margin: 0; flex-shrink: 0; accent-color: var(--marka); cursor: pointer; }
.bg-bolumler { display: flex; flex-direction: column; gap: var(--b-4); min-width: 0; }
.bg-bolum { display: flex; flex-direction: column; min-width: 0; }
.bg-kat .kart-bas h3 { display: flex; min-width: 0; }
.bg-kat-ust { display: inline-flex; align-items: center; gap: var(--b-2); min-width: 0; }
.bg-kat-bas { display: inline-flex; align-items: center; gap: var(--b-15); min-width: 0; max-width: 100%; margin: -4px 0 -4px -6px; padding: var(--b-1) var(--b-2) var(--b-1) var(--b-15); border: 0; border-radius: var(--r-md); background: none; color: inherit; font: inherit; cursor: pointer; white-space: nowrap; }
.bg-kat-bas:hover { background: var(--surface-2); }
.bg-kat-bas:focus-visible, .bg-altgrup-bas:focus-visible, .bg-tumu:focus-visible { outline: 2px solid var(--marka-400); outline-offset: 1px; }
.bg-tur-sec { width: 190px; }
.bg-ok { flex-shrink: 0; color: var(--muted); transition: transform 0.15s; }
[aria-expanded='true'] > .bg-ok { transform: rotate(90deg); }
.bg-adet { display: inline-grid; place-items: center; min-width: 22px; height: 20px; padding: 0 var(--b-15); border-radius: 999px; background: var(--surface-3); color: var(--text-2); font-size: var(--y-3); font-weight: 800; font-variant-numeric: tabular-nums; }
.bg-tasnif .kart-ikon { background: var(--warn-soft); color: var(--warn); }
.bg-oto { margin-right: 1px; }
.bg-kat .kart-govde { display: flex; flex-direction: column; }
.bg-izgara { display: grid; grid-template-columns: repeat(auto-fill, var(--bg-hucre, 176px)); gap: var(--b-25); justify-content: start; min-width: 0; }
.bg-kutu { position: relative; display: flex; flex-direction: column; width: var(--bg-hucre, 176px); height: 212px; min-width: 0; border-radius: 10px; background: var(--surface-2); overflow: hidden; contain: strict; transition: box-shadow 0.15s; }
.bg-kutu:hover, .bg-kutu:focus-within { box-shadow: var(--sh-2); }
.bg-kutu.uyarili { box-shadow: 0 0 0 2px var(--warn-line); }
.bg-kutu.secili { box-shadow: 0 0 0 2px var(--marka-400); background: var(--marka-zemin); }
.bg-kutu-kapak { position: relative; display: grid; place-items: center; width: 100%; height: 152px; flex: 0 0 152px; padding: 0; border: 0; overflow: hidden; background: var(--belge-zemin); color: rgba(255, 255, 255, 0.72); cursor: zoom-in; }
.bg-kutu-kapak[aria-pressed] { cursor: pointer; }
.bg-kutu-kapak:not(:has(img)) { background: var(--surface-3); color: var(--text-3); }
.bg-kutu-kapak img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
.bg-kutu-kapak.sayfa img { inset: 6px 10px 0; width: calc(100% - 20px); height: calc(100% - 6px); object-position: top; border-radius: 2px 2px 0 0; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); }
.bg-kutu-kapak:focus-visible { outline: 2px solid var(--marka-400); outline-offset: -2px; }
.bg-yer { display: flex; flex-direction: column; align-items: center; gap: 3px; color: var(--text-3); }
.bg-yer b { font-size: var(--y-1); font-weight: 800; letter-spacing: 0.04em; }
.bg-yer.kucuk { color: var(--text-2); }
.bg-kutu-sec { position: absolute; top: 6px; left: 6px; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 6px; background: var(--kapak-dugme-zemin); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); opacity: 0; transition: opacity 0.12s; }
.bg-kutu:hover .bg-kutu-sec, .bg-kutu:focus-within .bg-kutu-sec, .bg-kutu.secili .bg-kutu-sec, .bg-izgara:has(.bg-kutu.secili) .bg-kutu-sec { opacity: 1; }
@media (hover: none) { .bg-kutu-sec { opacity: 1; } }
.bg-kutu-sec .bg-sec { width: 18px; height: 18px; }
.bg-kat-sec.gizli-sec { opacity: 0; transition: opacity 0.12s; }
.kart-bas:hover .bg-kat-sec.gizli-sec, .bg-kat-sec.gizli-sec:focus-visible { opacity: 1; }
.bg-kutu-isaret { position: absolute; top: 126px; left: 5px; pointer-events: auto; }
.bg-isaret { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 6px; background: var(--surface); color: var(--text-2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); }
.bg-isaret.ton-hata { background: var(--err); color: #fff; }
.bg-isaret.ton-uyari { background: var(--warn-soft); color: var(--warn); }
.bg-isaret.ton-vurgu { background: var(--aksan-soluk); color: var(--aksan-metin); }
.bg-isaret.ton-bilgi { background: var(--info-soft); color: var(--info); }
.bg-kutu-menu { position: absolute; top: 4px; right: 4px; opacity: 0; transition: opacity 0.12s; }
.bg-kutu:hover .bg-kutu-menu, .bg-kutu:focus-within .bg-kutu-menu, .bg-kutu-menu:has([aria-expanded='true']) { opacity: 1; }
@media (hover: none) { .bg-kutu-menu { opacity: 1; } }
.bg-kutu-menu .bg-menu-dugme { width: 24px; height: var(--yk-1); min-height: 0; padding: 0; background: var(--kapak-dugme-zemin); color: var(--kapak-dugme-metin); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); }
.bg-kutu-onay { position: absolute; top: 124px; right: 5px; width: 24px; height: var(--yk-1); min-height: 0; padding: 0; }
.bg-kutu-govde { display: flex; flex-direction: column; gap: 3px; padding: 5px var(--b-15) var(--b-15); min-width: 0; }
.bg-kutu-ad { font-size: var(--y-3); font-weight: 700; line-height: 15px; height: 15px; color: var(--text); }
.bg-kutu-tur { display: flex; height: var(--yk-1); min-width: 0; }
.bg-kutu.alt { height: 230px; }
.bg-kutu-alt { font-size: var(--y-2); line-height: 14px; height: 14px; color: var(--muted); }
.bg-kutu-ekler { position: absolute; top: 124px; right: 5px; left: 30px; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--b-1); pointer-events: none; }
.bg-kutu-ek { display: inline-flex; align-items: center; gap: var(--b-1); max-width: 100%; height: var(--yk-1); padding: 0 var(--b-2); border: 0; border-radius: 6px; background: var(--surface); color: var(--text-2); font: inherit; font-size: var(--y-2); font-weight: 700; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); cursor: pointer; pointer-events: auto; }
.bg-kutu-ek:hover { background: var(--marka-zemin); color: var(--marka-metin); }
.bg-kutu-ek:focus-visible { outline: 2px solid var(--marka-400); outline-offset: 1px; }
.bg-kutu-ek svg { flex-shrink: 0; color: var(--text-3); }
.bg-tur-metin { display: inline-flex; align-items: center; gap: var(--b-1); min-width: 0; height: var(--yk-1); color: var(--text-2); font-size: var(--y-3); }
.bg-tur-metin svg { flex-shrink: 0; color: var(--text-3); }
.bg-izgara-alt { display: flex; align-items: center; flex-wrap: wrap; gap: var(--b-3); margin-top: var(--b-2); }
.bg-izgara-alt .sayfalama { flex: 1 1 auto; margin: 0; }
.bg-tumu { display: inline-flex; align-items: center; gap: var(--b-15); height: var(--yk-4); padding: 0 var(--b-3) 0 var(--b-2); border: 0; border-radius: 999px; background: var(--surface-2); color: var(--marka-metin); font: inherit; font-size: var(--y-5); font-weight: 700; cursor: pointer; white-space: nowrap; }
.bg-tumu:hover { background: var(--marka-zemin); }
.bg-liste { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; container-type: inline-size; }
.bg-liste li { display: flex; align-items: center; gap: var(--b-3); height: var(--yk-8); border-bottom: 1px solid var(--ayrac); }
.bg-liste li:last-child { border-bottom: 0; }
.bg-liste li.secili { background: var(--marka-zemin); }
.bg-satir-ac { display: flex; align-items: center; gap: var(--b-2); flex: 1 1 auto; min-width: 0; height: 100%; padding: 0 var(--b-15) 0 0; border: 0; background: none; color: var(--text); font: inherit; font-size: var(--y-6); font-weight: 600; text-align: left; cursor: zoom-in; }
.bg-satir-ac:hover { color: var(--marka-metin); }
.bg-satir-ac:focus-visible { outline: 2px solid var(--marka-400); outline-offset: -2px; border-radius: var(--r-sm); }
.bg-satir-kapak { position: relative; width: 28px; height: var(--yk-3); flex-shrink: 0; display: grid; place-items: center; overflow: hidden; border-radius: 6px; background: var(--surface-3); }
.bg-satir-kapak img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.bg-satir-tur { display: flex; flex: 0 0 200px; min-width: 0; }
.bg-satir-tarih { flex: 0 0 82px; font-size: var(--y-5); font-variant-numeric: tabular-nums; white-space: nowrap; text-align: right; }
.bg-satir-durum { display: flex; align-items: center; gap: var(--b-1); flex: 0 0 150px; min-width: 0; overflow: hidden; white-space: nowrap; }
.bg-satir-durum > * { flex-shrink: 0; }
.bg-satir-eylem { display: flex; align-items: center; justify-content: flex-end; gap: var(--b-1); flex: 0 0 62px; }
@container (max-width: 700px) { .bg-satir-tarih { display: none; } .bg-satir-tur { flex-basis: 160px; } }
.bg-altgruplar { gap: var(--b-3); }
.bg-altgrup { display: flex; flex-direction: column; gap: var(--b-2); min-width: 0; }
.bg-altgrup-ust { display: flex; align-items: center; gap: var(--b-2); }
.bg-altgrup-bas { display: inline-flex; align-items: center; gap: var(--b-15); max-width: 100%; height: var(--yk-2); padding: 0 var(--b-2) 0 var(--b-1); border: 0; border-radius: var(--r-sm); background: none; color: var(--text); font: inherit; font-size: var(--y-6); cursor: pointer; white-space: nowrap; }
.bg-altgrup-bas:hover { background: var(--surface-2); }
.bg-rapor .birak.kucuk { min-height: 0; padding: var(--b-1) var(--b-3); }
.bg-rapor .birak.kucuk .birak-ikon { width: 26px; height: var(--yk-2); }
.bg-icerik-yok .bp-govde .gor-arac, .bg-icerik-yok .pencere-bas a[download] { display: none; }
.bg-rapor-ic { gap: var(--b-3); }
.bg-rapor-liste { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.bg-rapor-liste li { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: var(--b-3); min-height: 52px; padding: var(--b-15) 0; border-bottom: 1px solid var(--ayrac); }
.bg-rapor-liste li:last-child { border-bottom: 0; }
.bg-rapor-ac { display: flex; align-items: center; gap: var(--b-3); min-width: 0; padding: var(--b-1) var(--b-15) var(--b-1) 0; border: 0; border-radius: var(--r-md); background: none; color: var(--text); font: inherit; text-align: left; cursor: zoom-in; }
.bg-rapor-ac:hover .bg-rapor-ikon { background: var(--marka); color: var(--dolgu-metin); }
.bg-rapor-ac:focus-visible { outline: 2px solid var(--marka-400); outline-offset: 1px; }
.bg-rapor-ikon { width: 36px; height: var(--yk-7); flex-shrink: 0; display: grid; place-items: center; border-radius: 9px; background: var(--marka-zemin); color: var(--marka-metin); transition: background 0.12s; }
.bg-rapor-bilgi { gap: 1px; min-width: 0; }
.bg-rapor-isaret, .bg-rapor-eylem { flex-wrap: nowrap; gap: var(--b-15); justify-content: flex-end; }
.bg-rapor-secilen { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: var(--b-3); padding: var(--b-2) var(--b-25); border-radius: var(--r-md); background: var(--surface-2); }
.bg-nushalar { display: flex; flex-direction: column; gap: var(--b-2); padding-top: var(--b-2); }
.bg-nushalar .tablo { table-layout: fixed; width: 100%; }
.bg-nushalar .tablo :is(th, td) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bg-baglanti { display: block; max-width: 100%; padding: 0; border: 0; background: none; color: var(--marka-metin); font: inherit; font-weight: 600; text-align: left; cursor: pointer; }
.bg-baglanti:hover { text-decoration: underline; }
.bg-rapor { container-type: inline-size; }
@container (max-width: 620px) { .bg-rapor-liste li { grid-template-columns: minmax(0, 1fr) auto; } .bg-rapor-isaret { grid-column: 1 / -1; justify-content: flex-start; padding-left: 48px; } }
.bg-yukleme { gap: var(--b-3); }
.bg-hazir-ust { gap: var(--b-3); }
.bg-hazir { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.bg-hazir li { display: grid; grid-template-columns: 40px minmax(0, 1fr) minmax(180px, 260px) 32px; align-items: center; gap: var(--b-3); padding: var(--b-15) 0; border-bottom: 1px solid var(--ayrac); }
.bg-hazir li:last-child { border-bottom: 0; }
.bg-hazir-onizleme { width: 40px; height: var(--yk-9); display: grid; place-items: center; overflow: hidden; border-radius: 8px; background: var(--surface-3); color: var(--text-2); }
.bg-hazir-onizleme img { width: 100%; height: 100%; object-fit: cover; }
.bg-hazir-ad { gap: 0; min-width: 0; }
.bg-hazir .secim { width: 100%; }
.bg-yan { gap: var(--b-4); }
.bg-yan .secim { width: 100%; }
.bg-yan-eylem { display: flex; flex-direction: column; align-items: stretch; gap: var(--b-15); }
.bg-yan-eylem > .btn { justify-content: flex-start; width: 100%; }
.bg-yan-eylem > .btn:last-child:not(:first-child) { margin-top: var(--b-2); }
.bg-basili[aria-pressed='true'] { background: var(--marka-zemin); color: var(--marka-metin); }
.bg-sayfaya .bp-govde { container-type: size; justify-content: center; background: var(--belge-zemin); }
.bg-sayfaya .bp-govde > .bg { flex: 0 0 auto; width: min(100cqw, calc((100cqh - 72px) * var(--bg-oran, 0.7071) + 24px)); }
@container (max-width: 1240px) { .bg-anahtar-ad { display: none; } }
@container (max-width: 1340px) { .bg-indir { gap: 0; padding-inline: 9px; font-size: 0; } }
@container (max-width: 1000px) { .bg-uzun { display: none; } .bg-kisa { display: inline; } .bg-anahtar { padding-right: var(--b-1); } }
@container (max-width: 900px) { .bg-arac .yp-secim button { padding: 0 9px; } .bg-sec-dugme { gap: 0; padding-inline: 9px; font-size: 0; } .bg-arac { gap: var(--b-15); } .bg-ara, .bg-kategori { flex-basis: 108px; min-width: 96px; } .bg-indir { display: none; } }
.bg-ts-tetik { display: inline-flex; align-items: center; gap: 5px; width: 100%; min-width: 0; height: var(--yk-1); padding: 0 var(--b-15); border: 0; border-radius: 6px; background: var(--surface-3); color: var(--text); font: inherit; font-size: var(--y-3); font-weight: 600; text-align: left; cursor: pointer; }
.bg-ts-tetik:hover, .bg-ts-tetik[aria-expanded='true'] { background: var(--marka-zemin); color: var(--marka-metin); }
.bg-ts-tetik:focus-visible { outline: 2px solid var(--marka-400); outline-offset: 1px; }
.bg-ts-tetik .kes { flex: 1 1 auto; min-width: 0; }
.bg-ts-tetik svg { flex-shrink: 0; color: var(--text-3); }
.bg-ts-tetik.bos { background: var(--warn-soft); color: var(--warn); }
.bg-ts-tetik.bos svg { color: var(--warn); }
.bg-ts-tetik.soluk-bos { color: var(--text-3); font-weight: 500; }
.bg-ts-tetik.genis { width: 100%; height: var(--yk-5); padding: 0 var(--b-25); border-radius: var(--r-md); background: var(--surface); box-shadow: inset 0 0 0 1px var(--girdi-cizgi); font-size: var(--y-6); }
.bg-ts-tetik.genis:hover { box-shadow: inset 0 0 0 1px var(--line-3); }
.bg-ts-ok { margin-left: auto; }
.bg-ts { display: flex; flex-direction: column; gap: var(--b-2); }
.bg-ts-liste { position: relative; max-height: min(52dvh, 360px); overflow: auto; margin: 0 -4px; }
.bg-ts-bas { display: flex; align-items: center; gap: var(--b-15); padding: var(--b-2) var(--b-2) 3px; color: var(--muted); font-size: var(--y-3); font-weight: 800; letter-spacing: 0.02em; }
.bg-ts-bas svg { flex-shrink: 0; }
.bg-ts-satir { display: flex; align-items: center; justify-content: space-between; gap: var(--b-2); padding: var(--b-15) var(--b-2); border-radius: 8px; font-size: var(--y-6); cursor: pointer; }
.bg-ts-satir.aktif { background: var(--surface-3); }
.bg-ts-satir[aria-selected='true'] { background: var(--marka-zemin); color: var(--marka-metin); font-weight: 700; }
.bg-ts-satir svg { flex-shrink: 0; }
.bg-ts-bos { padding: var(--b-25) var(--b-2); }
.bg-ts-temizle { display: inline-flex; align-items: center; gap: var(--b-15); align-self: flex-start; height: var(--yk-3); padding: 0 var(--b-25) 0 var(--b-2); border: 0; border-radius: 999px; background: var(--surface-2); color: var(--text-2); font: inherit; font-size: var(--y-5); font-weight: 700; cursor: pointer; }
.bg-ts-temizle:hover { background: var(--err-soft); color: var(--err); }
.yb-izgara { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: var(--b-4); align-items: start; }
@container (max-width: 1000px) { .yb-izgara { grid-template-columns: minmax(0, 1fr); } }
.yb-form { display: flex; flex-direction: column; gap: var(--b-3); }
.yb-uzman { max-width: 420px; }
.yb-alan { display: flex; flex-direction: column; gap: var(--b-15); }
.yb-etiket { font-size: var(--y-6); font-weight: 600; color: var(--text-2); }
.yb-alan .secenekler { min-height: 0; gap: var(--b-15); }
.yb-alan .yb-kurumlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.yb-kurumlar .secenek { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.yb-adres { min-height: 60px; resize: none; }
.yb-kagit { padding: 22px var(--b-6); border-radius: var(--r-md); background: #FFFFFF; color: #1A2433; box-shadow: 0 0 0 1px var(--line); font-size: var(--y-4); line-height: 1.6; }
.yb-kagit p { margin: 0 0 var(--b-25); }
.yb-kagit hr { border: 0; border-top: 1px solid #D9DEE6; margin: var(--b-3) 0; }
.yb-muhatap { text-align: center; font-weight: 800; letter-spacing: 0.01em; }
.yb-tapu { display: flex; flex-direction: column; gap: var(--b-05); margin: 0; font-size: var(--y-3); }
.yb-tapu div { display: grid; grid-template-columns: 110px minmax(0, 1fr); }
.yb-tapu dt { font-weight: 700; }
.yb-tapu dd { margin: 0; overflow-wrap: anywhere; }
.yb-tapu dd::before { content: ': '; }
.yb-gecmis .tablo td { vertical-align: middle; }
.yb-hucre { gap: 1px; min-width: 0; }
.yb-kucuk { width: 42px; height: 56px; display: flex; flex-direction: column; justify-content: flex-start; gap: 5px; padding: var(--b-2) 7px; border-radius: 4px; background: #FFFFFF; box-shadow: 0 0 0 1px var(--line-2); }
.yb-kucuk span { height: 2px; border-radius: 1px; background: #C9D1DC; }
.yb-kucuk span:first-child { width: 70%; align-self: center; background: #8C97A8; }
.yb-kucuk span:nth-child(3) { width: 80%; }
.yb-kucuk span:last-child { width: 55%; }
.yb-kisi { max-width: 100%; padding: 0; border: 0; background: none; color: var(--marka-metin); font: inherit; font-weight: 600; text-align: left; cursor: pointer; }
.yb-kisi:hover { text-decoration: underline; }
.ms-tablo { table-layout: fixed; width: 100%; }
.ms-tablo :is(th, td) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ms-tablo :is(th, td):not(:first-child):not(:last-child) { padding-inline: var(--b-2); }
.ms-tablo td { padding-block: 9px; }
.ms-tablo .ms-s { text-align: right; font-variant-numeric: tabular-nums; }
.ms-tablo .ms-o { text-align: center; }
.ms-tablo .ms-b { background: var(--surface-2); }
.ms-tablo tfoot td { padding: 11px var(--b-3); border-top: 1px solid var(--line); font-weight: 800; font-variant-numeric: tabular-nums; }
.ms-tablo tfoot td:first-child { padding-left: var(--tablo-x); }
.ms-tablo tfoot td:last-child { padding-right: var(--tablo-x); }
.ms-tablo:not(:has(tfoot)) tbody tr:last-child td, .ms-tablo tfoot td { border-bottom: 0; }
.ms-grup th { padding-block: var(--b-15) 0; border-bottom: 0; }
.ms-grup .ms-alt-hiza { vertical-align: bottom; padding-bottom: var(--b-2); border-bottom: 1px solid var(--ayrac); }
.ms-grup-ad { justify-content: center; gap: var(--b-15); color: var(--text-2); }
.ms-c-kalem { width: 27%; }
.ms-c-oran { width: 56px; }
.ms-c-kdv { width: 84px; }
.ms-c-giris { width: 13%; }
.ms-c-tutar { width: 15%; }
.ms-c-sira { width: 48px; }
.ms-c-alan { width: 13%; }
.ms-c-tarife { width: 26%; }
.ms-c-eylem { width: 64px; }
.ms-kalem { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.ms-ad { gap: var(--b-15); min-width: 0; }
.ms-ad > * { flex-shrink: 0; }
.ms-ad > .kes { flex-shrink: 1; }
.ms-alt { gap: var(--b-1); min-width: 0; }
.ms-alt.tamam { color: var(--ok); font-weight: 600; }
.ms-alt.eksik { color: var(--err); font-weight: 600; }
.ms-pay { height: 18px; padding: 0 5px; border-radius: 5px; display: inline-flex; align-items: center; background: var(--aksan-soluk); color: var(--aksan-metin); font-size: var(--y-2); font-weight: 800; cursor: help; }
.ms-elle { display: inline-flex; color: var(--marka-metin); cursor: help; }
.ms-yok { color: var(--faint); }
.ms-tutar { width: 100%; padding-inline: var(--b-2); text-align: right; font-variant-numeric: tabular-nums; }
.ms-kdv { width: 100%; padding-left: var(--b-25); padding-right: 26px; background-position: right 8px center; }
.ms-odeme { width: min(100%, 210px); }
.ms-tablo .secim.bos { color: var(--muted); }
.ms-tutar-hucre { gap: 0; align-items: flex-end; }
.ms-oneri-toplam { gap: var(--b-2); }
.ms-oneri-toplam b { font-size: var(--y-10); font-variant-numeric: tabular-nums; }
.ms-sayi { font-variant-numeric: tabular-nums; white-space: nowrap; }
.ms-ozet.dort { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ms-ozet:not(.dort) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ms-ozet { border-top: 0; }
.ms-ozet > div { justify-content: center; }
.ms-eylemler { gap: var(--b-15); }
.ms-sorular { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b-2) var(--b-6); padding: var(--b-05) var(--kart-x) var(--b-3); }
.ms-soru { display: flex; align-items: center; gap: var(--b-3); min-width: 0; }
.ms-soru .secenekler { min-height: 0; flex-wrap: nowrap; }
.ms-soru .secenek { height: var(--yk-3); }
.ms-kap { min-width: 0; }
.ms-bos { margin: 0; padding: var(--b-1) var(--kart-x) var(--b-4); }
.ms-izgara { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: var(--b-4); align-items: start; }
.ms-izgara.tek { grid-template-columns: minmax(0, 1fr); }
.ms-aciklamalar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-3) var(--b-4); }
.ms-aciklamalar .uzun { min-height: 76px; resize: none; }
.ms-ulasim { gap: var(--b-3); }
.ms-anahtar { gap: var(--b-25); min-height: var(--yk-5); cursor: pointer; font-weight: 600; }
.ms-anahtar input { width: 18px; height: 18px; margin: 0; accent-color: var(--marka); }
.ms-ulasim .uzun { min-height: 60px; resize: none; }
.ms-yukle { display: flex; flex-direction: column; gap: var(--b-2); padding: var(--b-05) var(--kart-x) var(--b-3); }
.ms-secilen { gap: var(--b-2); min-width: 0; }
.ms-dosya { gap: var(--b-2); min-width: 0; color: var(--marka-metin); }
.ms-dosya .kes { color: var(--text); }
@container (max-width: 1080px) { .ms-izgara { grid-template-columns: minmax(0, 1fr); } }
@container (max-width: 900px) {
  .ms-c-kalem { width: 25%; }
  .ms-c-giris { width: 16%; }
  .ms-c-tarife { width: 30%; }
  .ms-ozet.dort { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ms-ozet.dort > div:nth-child(3) { border-left: 0; }
  .ms-ozet.dort > div:nth-child(n + 3) { border-top: 1px solid var(--ayrac); }
}
@container (max-width: 760px) { .ms-aciklamalar { grid-template-columns: minmax(0, 1fr); } }
.rv-ust-kap { container-type: inline-size; }
.rv-ust { display: flex; align-items: center; gap: var(--b-3) var(--b-6); padding: var(--b-3) var(--kart-x); }
.rv-ust.aktif { display: grid; grid-template-columns: auto minmax(0, 1fr) minmax(260px, 340px); }
.rv-bas { display: flex; align-items: center; gap: var(--b-3); min-width: 0; }
.rv-bas-ikon { width: 38px; height: var(--yk-8); border-radius: 10px; display: grid; place-items: center; flex-shrink: 0; background: var(--surface-3); color: var(--text-2); }
.rv-bas-ikon.aktif { background: var(--warn-soft); color: var(--warn); }
.rv-ata .secim { flex: 1 1 auto; min-width: 0; }
.rv-izinli { color: var(--warn); }
@container (max-width: 1180px) { .rv-ust.aktif { grid-template-columns: minmax(0, 1fr) minmax(240px, 320px); } .rv-ust.aktif > .ozet-kap { grid-column: 1 / -1; grid-row: 2; } }
.rv-sekmeler { padding: var(--b-3) var(--kart-x); border-bottom: 1px solid var(--ayrac); }
.rv-turlar { display: flex; flex-direction: column; }
.rv-tur { display: flex; flex-direction: column; gap: var(--b-2); padding: var(--b-4) var(--kart-x); container-type: inline-size; }
.rv-tur + .rv-tur { border-top: 1px solid var(--ayrac); }
.rv-tur-bas { display: flex; align-items: center; gap: var(--b-3); min-height: var(--yk-5); }
.rv-tur-no { font-size: var(--y-9); }
.rv-kisi-tarih { gap: 0; min-width: 0; }
.rv-kisi-tarih .kucuk { font-weight: 600; }
.rv-metin { display: flex; flex-direction: column; gap: var(--b-1); padding: var(--b-2) var(--b-3); border-radius: var(--r-md); background: var(--surface-2); }
.rv-metin-etiket { display: inline-flex; align-items: center; gap: var(--b-15); font-size: var(--y-5); font-weight: 700; color: var(--text-2); }
.rv-metin-etiket svg { color: var(--muted); }
.rv-metin p { margin: 0; font-size: var(--y-7); line-height: 1.5; color: var(--text); overflow-wrap: anywhere; white-space: pre-wrap; }
.rv-form { display: flex; flex-direction: column; gap: var(--b-2); padding: var(--b-3) var(--b-4); border-radius: var(--r-md); background: var(--surface-2); }
.rv-form .uzun { min-height: 64px; }
.rv-form-alt { gap: var(--b-2); }
.rv-govde { padding: var(--b-4) var(--kart-x); }
.rv-gecmis { gap: var(--b-3); }
.rv-surum-sec { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--b-2) var(--b-3); }
.rv-surum-sec .alan { flex: 0 1 280px; min-width: 200px; }
.rv-surum-sec .alan-hata { display: none; }
.rv-surum-ok { margin-top: 34px; color: var(--muted); }
.rv-tablo { --tablo-x: 0px; container-type: inline-size; }
.rv-tablo .tablo { table-layout: fixed; }
.rv-tablo .tablo :is(th, td) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rv-tablo .tablo td > .kes { display: block; }
.rv-degisen { font-weight: 700; color: var(--text); }
.rv-s-fark { width: 116px; }
.rv-s-alan { width: 30%; }
.rv-s-dar { width: 13%; }
.rv-s-tarih { width: 140px; }
.rv-s-sayi { width: 120px; }
.rv-s-kdv { width: 70px; }
.rv-s-ac { width: 84px; }
@container (max-width: 760px) { .rv-s-gizle { display: none; } .rv-s-sayi { width: 104px; } .rv-s-tarih { width: 120px; } }
.an-sekmeler { padding: var(--b-3) var(--kart-x); }
.an-sekmeler .sekmeler { overflow: visible; }
.an-tarih-alan { display: inline-flex; align-items: center; gap: var(--b-15); min-width: 0; }
.an-tablo .tablo { table-layout: fixed; width: 100%; }
.an-tablo .tablo td { vertical-align: middle; padding-block: var(--b-25); }
.an-tablo .tablo :is(th, td) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.an-tablo .tablo :is(th, td):not(:first-child):not(:last-child) { padding-inline: var(--b-2); }
.an-c-ad { width: 40%; }
.an-c-tarih { width: 11%; }
.an-c-durum { width: 120px; }
.an-c-katilimci { width: 112px; }
.an-c-islem { width: 230px; }
.an-ad { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.an-baslik { font-weight: 700; color: var(--text); }
.an-etiketler { display: inline-flex; align-items: center; gap: var(--b-15); min-width: 0; }
.an-sayi-metin { font-variant-numeric: tabular-nums; white-space: nowrap; }
.an-katilimci { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; color: var(--text-2); }
.an-eylem { display: flex; justify-content: flex-end; }
.an-tamam { white-space: normal; line-height: 1.3; }
@container (max-width: 1000px) {
  .an-c-katilimci { display: none; }
  .an-c-ad { width: 46%; }
  .an-c-islem { width: 200px; }
}
@container (max-width: 760px) {
  .an-c-tarih { display: none; }
  .an-c-ad { width: 58%; }
}
.an-govde { display: flex; flex-direction: column; gap: var(--b-3); min-width: 0; }
.an-ipucu { margin: 0; font-size: var(--y-5); color: var(--muted); }
.an-ilerleme-ust { display: flex; align-items: center; justify-content: space-between; }
.an-ilerleme { height: 6px; overflow: hidden; border-radius: 999px; background: var(--surface-3); }
.an-ilerleme i { display: block; height: 100%; border-radius: inherit; background: var(--marka-400); transition: width 0.2s; }
.an-soru { display: flex; flex-direction: column; gap: var(--b-2); min-width: 0; padding-top: var(--b-2); }
.an-bolum { font-size: var(--y-2); font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); }
.an-soru h3 { margin: 0; font-size: var(--y-10); font-weight: 700; line-height: 1.35; color: var(--text); }
.an-zorunlu { margin-right: var(--b-1); color: var(--err); }
.an-girdi { display: flex; flex-direction: column; gap: var(--b-2); max-width: 640px; }
.an-secenekler { display: flex; flex-direction: column; gap: var(--b-15); }
.an-secenek { display: flex; flex-direction: column; gap: var(--b-15); padding: var(--b-2) var(--b-3); border-radius: var(--r-md); background: var(--surface-2); }
.an-secenek.secili { background: var(--marka-zemin); }
.an-secenek label { display: flex; align-items: center; gap: var(--b-25); cursor: pointer; }
.an-secenek input { margin: 0; accent-color: var(--marka); }
.an-diger { max-width: 420px; }
.an-acilir { display: flex; flex-direction: column; gap: var(--b-15); max-width: 360px; }
.an-acilir .an-diger { max-width: none; }
.an-sayilar { display: flex; flex-wrap: wrap; gap: var(--b-15); }
.an-sayi { min-width: 44px; height: var(--yk-8); padding: 0 var(--b-25); border: 0; border-radius: var(--r-md); background: var(--surface-3); color: var(--text-2); font: inherit; font-weight: 700; cursor: pointer; }
.an-sayi:hover { box-shadow: 0 0 0 2px var(--marka-400); }
.an-sayi.secili { background: var(--marka); color: var(--dolgu-metin); }
.an-sayi:focus-visible { outline: 2px solid var(--marka-400); outline-offset: 2px; }
.an-olcek-etiket { display: flex; justify-content: space-between; max-width: 560px; }
.an-tesekkur { display: flex; flex-direction: column; align-items: center; gap: var(--b-2); padding: var(--b-5) 0; text-align: center; color: var(--ok); }
.an-tesekkur h3 { margin: 0; font-size: var(--y-12); color: var(--text); }
.an-tesekkur p { margin: 0; color: var(--muted); }
.an-puan { display: flex; align-items: center; gap: var(--b-3); margin-top: var(--b-2); font-size: var(--y-9); color: var(--text); }
.ku-c-kisi { width: 29%; }
.ku-c-firma { width: 16%; }
.ku-c-rol { width: 15%; }
.ku-c-durum { width: 104px; }
.ku-c-giris { width: 152px; }
.ku-c-olusturma { width: 104px; }
.ku-c-islem { width: 84px; }
.ku-tablo .tablo td { vertical-align: middle; padding-block: var(--b-25); }
.ku-tablo .tablo .ku-c-islem { text-align: right; }
.ku-kisi { display: flex; align-items: center; gap: var(--b-3); min-width: 0; }
.ku-kisi .satirlar { flex: 1 1 auto; gap: 1px; }
.ku-avatar { flex-shrink: 0; }
.ku-kilit { display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 6px; color: var(--err); background: var(--err-soft); flex-shrink: 0; }
.ku-filtreler { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }
.ku-coklu { display: flex; align-items: center; justify-content: space-between; gap: var(--b-2); width: 100%; text-align: left; cursor: pointer; }
.ku-coklu .kes { flex: 1 1 auto; }
@container (max-width: 1320px) {
  .ku-c-olusturma { display: none; }
  .ku-c-kisi { width: 31%; }
}
@container (max-width: 1080px) {
  .ku-c-giris { display: none; }
  .ku-c-kisi { width: 34%; }
  .ku-c-firma { width: 24%; }
  .ku-c-rol { width: 22%; }
}
@container (max-width: 800px) {
  .ku-c-firma { display: none; }
  .ku-c-kisi { width: 52%; }
  .ku-c-rol { width: 28%; }
}
.ku-soru { margin: 0; line-height: 1.55; }
.ku-uyari-yazi { color: var(--warn); }
.ku-ok-yazi { color: var(--ok); }
.ku-engel { display: flex; flex-direction: column; gap: var(--b-3); }
.ku-engel-sayac { display: flex; gap: var(--b-15); margin-top: var(--b-15); }
.ku-engel-tablo { border-radius: var(--r-md); box-shadow: inset 0 0 0 1px var(--line); overflow: hidden; }
.ku-engel-tablo .tablo { table-layout: fixed; width: 100%; }
.ku-engel-tablo .tablo :is(th, td) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ku-e-sebep { width: 98px; }
.ku-e-talep { width: 34%; }
.ku-e-asama { width: 18%; }
.ku-e-rol { width: 16%; }
.ku-e-termin { width: 98px; }
.ku-dosya { display: flex; align-items: center; gap: var(--b-3); padding: var(--b-4); border-radius: var(--r-md); background: var(--surface-2); box-shadow: inset 0 0 0 1px var(--line); cursor: pointer; }
.ku-dosya:hover { box-shadow: inset 0 0 0 1px var(--marka-400); }
.ku-dosya .satirlar { min-width: 0; }
.ku-ayrinti { display: flex; flex-direction: column; gap: var(--b-3); min-width: 0; }
.ku-ayrinti .kart { box-shadow: 0 0 0 1px var(--ayrac); }
.ku-ayr-ust { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: var(--b-5); align-items: start; }
.ku-ayr-kimlik { display: flex; flex-direction: column; align-items: center; gap: var(--b-15); text-align: center; }
.ku-ayr-ad { font-size: var(--y-10); }
.ku-is { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--b-2); }
.ku-is > .ku-is-kutu:first-child { grid-column: span 2; }
.ku-is-kutu { display: flex; flex-direction: column; gap: var(--b-15); padding: var(--b-3); border-radius: var(--r-md); background: var(--surface-2); }
.ku-is-kutu > b { font-size: var(--y-5); color: var(--text-2); }
.ku-is-ikili, .ku-is-uclu { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-2); }
.ku-is-uclu { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ku-is-ikili span, .ku-is-uclu span { display: flex; flex-direction: column; gap: 0; }
.ku-is i { font-style: normal; font-size: var(--y-3); color: var(--muted); }
.ku-is b { font-size: var(--y-13); line-height: 1.2; }
.ku-is-kutu > b { font-size: var(--y-5); }
.ku-is b.hata { color: var(--err); }
.ku-is b.uyari { color: var(--warn); }
.ku-is-not { font-size: var(--y-3); }
.ku-gorev { display: flex; flex-direction: column; gap: var(--b-3); }
.ku-sayaclar { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--b-2); }
.ku-sayac { display: flex; align-items: center; gap: var(--b-2); padding: var(--b-2) var(--b-25); border-radius: var(--r-md); background: var(--surface-2); }
.ku-sayac b { font-size: var(--y-11); }
.ku-sayac-ikon { display: inline-grid; place-items: center; color: var(--marka-metin); }
.ku-chipler { display: flex; flex-direction: column; gap: var(--b-05); min-width: 0; }
.ku-chip-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-2) var(--b-4); }
.ku-chip-izgara > .genis { grid-column: 1 / -1; }
.ku-chipler > .ikincil { display: flex; align-items: center; gap: var(--b-15); min-height: 22px; }
.ku-chipler p { margin: 0; line-height: 1.9; }
.ku-chip { display: inline-block; margin: 0 var(--b-1) 0 0; padding: 0 9px; height: 22px; line-height: 22px; border-radius: 999px; background: var(--marka-zemin); color: var(--marka-metin); font-size: var(--y-4); font-weight: 700; white-space: nowrap; }
.ku-ilce-duzen { display: flex; flex-direction: column; gap: var(--b-2); padding: var(--b-3); border-radius: var(--r-md); background: var(--surface-2); }
.ku-ilce-liste { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: var(--b-1) var(--b-3); min-height: var(--yk-1); }
.ku-ilce-liste label, .ku-bolge label { display: flex; align-items: center; gap: var(--b-15); font-size: var(--y-6); cursor: pointer; }
@container (max-width: 700px) { .ku-ayr-ust { grid-template-columns: minmax(0, 1fr); } .ku-is { grid-template-columns: minmax(0, 1fr); } .ku-is > .ku-is-kutu:first-child { grid-column: auto; } .ku-chip-izgara { grid-template-columns: minmax(0, 1fr); } }
.ku-yetki { display: flex; flex-direction: column; gap: var(--b-3); flex: 1 1 auto; min-height: 0; padding: var(--b-2) var(--b-6) var(--b-4); }
.ku-yetki-ust { display: grid; grid-template-columns: auto minmax(180px, 280px) auto; align-items: start; justify-content: start; gap: var(--b-4); flex: 0 0 auto; }
.ku-yetki-kopya { display: flex; align-items: flex-start; gap: var(--b-2); }
.ku-yetki-kopya > .btn { margin-top: var(--b-6); }
.ku-yetki-kopya .alan { margin: 0; min-width: 260px; }
.ku-yetki-ara { margin-top: var(--b-6); }
.ku-yetki-aciklama { display: flex; align-items: center; gap: var(--b-15); margin-top: var(--b-6); min-height: var(--yk-5); }
.ku-yetki-kisisel { display: flex; align-items: center; gap: var(--b-3); flex: 0 0 auto; padding: var(--b-1) var(--b-2); border-radius: var(--r-md); background: var(--surface-2); }
.ku-yetki-kisisel-bas { display: inline-flex; align-items: center; gap: var(--b-2); margin-right: auto; border: 0; background: none; color: var(--text); font: inherit; font-size: var(--y-6); cursor: pointer; }
.ku-manuel { display: flex; flex-direction: column; flex: 0 0 auto; max-height: 150px; overflow: auto; padding: var(--b-1) var(--b-2); border-radius: var(--r-md); background: var(--surface-2); }
.ku-manuel-satir { display: grid; grid-template-columns: 78px minmax(0, 1fr) minmax(0, 0.8fr) 32px; align-items: center; gap: var(--b-2); min-height: var(--yk-5); font-size: var(--y-6); }
.ku-karsilastir { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-3); flex: 0 0 auto; }
.ku-karsilastir > div { display: flex; flex-wrap: nowrap; align-items: center; gap: var(--b-15); padding: var(--b-2) var(--b-3); border-radius: var(--r-md); background: var(--surface-2); max-height: 130px; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1fr) auto; }
.ku-karsi-liste { grid-column: 1 / -1; max-height: 78px; overflow: auto; font-size: var(--y-4); color: var(--text-2); line-height: 1.55; }
.ku-yetki-govde { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: var(--b-4); flex: 1 1 auto; min-height: 0; }
.ku-yetki-kat { display: flex; flex-direction: column; gap: var(--b-05); overflow: auto; }
.ku-yetki-oge { display: flex; align-items: center; gap: var(--b-2); width: 100%; padding: 0 var(--b-25); border-radius: var(--r-md); }
.ku-yetki-oge:hover { background: var(--surface-2); }
.ku-yetki-oge.secili { background: var(--marka-zemin); color: var(--marka-metin); }
.ku-yetki-oge button { flex: 1 1 auto; min-height: var(--yk-8); padding: 0; border: 0; background: none; color: inherit; font: inherit; font-weight: 700; text-align: left; cursor: pointer; }
.ku-yetki-icerik { overflow: auto; min-height: 0; display: flex; flex-direction: column; gap: var(--b-4); padding-right: var(--b-1); }
.ku-izin-parca { display: flex; flex-direction: column; gap: var(--b-2); flex: 0 0 auto; }
.ku-izin-parca h4 { margin: 0; font-size: var(--y-6); text-transform: uppercase; letter-spacing: 0.06em; color: var(--marka-metin); }
.ku-izin-alt { display: flex; flex-direction: column; gap: var(--b-3); }
.ku-izin-bolum { display: flex; flex-direction: column; gap: var(--b-1); padding: var(--b-2) var(--b-3); border-radius: var(--r-md); background: var(--surface-2); }
.ku-izin-bolum-bas { display: flex; align-items: center; gap: var(--b-2); font-size: var(--y-5); font-weight: 800; cursor: pointer; }
.ku-izin-bolum-bas .ikincil { margin-left: auto; font-weight: 600; }
.ku-izin-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: var(--b-05) var(--b-4); }
.ku-izin { display: grid; grid-template-columns: 16px minmax(0, 1.2fr) minmax(0, 1fr) auto; align-items: center; gap: var(--b-2); min-height: var(--yk-4); padding: 0 var(--b-15); border-radius: var(--r-sm); font-size: var(--y-6); cursor: pointer; }
.ku-izin:hover { background: var(--surface-3); }
.ku-izin:not(.acik) { color: var(--muted); }
.ku-izin-anahtar { font-family: var(--mono); font-size: var(--y-2); color: var(--faint); }
.ku-formsayfasi { gap: var(--b-3); }
.ku-baslikserit { display: flex; align-items: center; gap: var(--b-3); padding: var(--b-3) var(--kart-x); border-radius: var(--r-lg); background: var(--surface); box-shadow: var(--kart-golge); }
.ku-baslikserit .satirlar { gap: 0; min-width: 0; }
.ku-form-ad { font-size: var(--y-10); }
.ku-sekmeler { padding: var(--b-1); border-radius: var(--r-lg); background: var(--surface); box-shadow: var(--kart-golge); }
.ku-sekmeler .sekmeler { gap: var(--b-05); }
.ku-sekmeler .sekme { padding: var(--b-2) var(--b-3); flex: 0 1 auto; }
.ku-sekme-sayi { padding: 0 7px; border-radius: 999px; background: var(--ok-soft); color: var(--ok); font-size: var(--y-2); font-weight: 800; }
@container (max-width: 1240px) { .ku-sekme-ad { display: none; } .ku-sekmeler .sekme.aktif .ku-sekme-ad { display: inline; } .ku-sekmeler .sekme { padding: var(--b-2) 11px; } }
@container (max-width: 760px) { .ku-sekmeler .sekme.aktif .ku-sekme-ad { display: none; } }
.ku-sekme-icerik { min-width: 0; }
.ku-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-3); align-items: start; }
.ku-izgara.bir { grid-template-columns: minmax(0, 1fr); }
.ku-izgara .ku-kart-adres, .ku-izgara .ku-kart-askerlik { grid-column: span 1; }
.ku-yigin { display: flex; flex-direction: column; gap: var(--b-3); min-width: 0; }
@container (max-width: 760px) { .ku-izgara { grid-template-columns: minmax(0, 1fr); } }
.ku-hesap-ek { display: flex; flex-direction: column; gap: var(--b-3); margin-top: var(--b-2); }
.ku-hesap-ek .alan { margin: 0; max-width: 360px; }
.ku-sifre { display: flex; align-items: center; gap: var(--b-1); }
.ku-iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-3); }
.ku-iki .alan { margin: 0; }
.ku-onay-kutu { display: flex; align-items: flex-start; gap: var(--b-2); font-size: var(--y-6); cursor: pointer; }
.ku-onay-kutu input { margin-top: 3px; }
.ku-dar { max-width: 360px; }
.ku-not { margin: var(--b-15) 0 0; }
.ku-form-tablo { --tablo-x: var(--kart-x); }
.ku-f-belge { width: 52px; }
.ku-f-seviye { width: 15%; }
.ku-f-okul { width: 22%; }
.ku-f-fakulte { width: 17%; }
.ku-f-bolum { width: 19%; }
.ku-f-tarih { width: 98px; }
.ku-f-boyut { width: 80px; }
.ku-f-durum { width: 150px; }
.ku-f-islem { width: 84px; }
.ku-f-islem1 { width: 56px; }
.ku-f-bad { width: 32%; }
.ku-f-btur { width: 24%; }
.ku-form-tablo .tablo td { padding-block: var(--b-2); }
.ku-form-tablo .tablo :is(.ku-f-islem, .ku-f-islem1) { text-align: right; }
@container (max-width: 1120px) { .ku-f-fakulte { display: none; } }
@container (max-width: 880px) { .ku-f-bolum { display: none; } }
.ku-diploma { display: flex; flex-direction: column; gap: var(--b-2); }
.ku-bekleyen { display: flex; flex-direction: column; gap: var(--b-05); margin-top: var(--b-3); }
.ku-bekleyen-satir { display: grid; grid-template-columns: 22px 32px minmax(0, 1.4fr) minmax(0, 1.2fr) minmax(0, 1fr) 32px; align-items: center; gap: var(--b-2); padding: var(--b-1) var(--b-15); border-radius: var(--r-md); }
.ku-bekleyen-satir.hatali { background: var(--err-soft); }
.ku-bekleyen-satir:hover { background: var(--surface-2); }
.ku-bekleyen-ad { font-size: var(--y-6); font-weight: 600; }
.ku-no { text-align: center; }
.ku-tanim-sayac { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--b-3); }
.ku-tanim-sayac > div { display: flex; align-items: center; justify-content: center; gap: var(--b-2); padding: var(--b-3); border-radius: var(--r-lg); background: var(--surface); box-shadow: var(--kart-golge); color: var(--marka-metin); }
.ku-tanim-sayac b { font-size: var(--y-13); color: var(--text); }
.ku-tanim-sekme { padding: var(--b-2) var(--kart-x) 0; }
.ku-tanim-icerik { padding: var(--b-3) var(--kart-x) var(--b-4); }
.ku-bolge { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--b-3); }
.ku-bolge section { display: flex; flex-direction: column; gap: var(--b-2); min-width: 0; padding: var(--b-3); border-radius: var(--r-md); background: var(--surface-2); }
.ku-bolge header { display: flex; align-items: baseline; justify-content: space-between; gap: var(--b-2); }
.ku-bolge-liste { display: flex; flex-direction: column; gap: var(--b-1); max-height: 280px; overflow: auto; }
.ku-ilce-grup { display: flex; flex-direction: column; gap: var(--b-1); padding-bottom: var(--b-2); }
.ku-ilce-grup > label:not(.ku-ilce-bas) { padding-left: 22px; }
.ku-ilce-bas { display: flex; align-items: center; gap: var(--b-15); }
.ku-ilce-bas .ikincil { margin-left: auto; }
@container (max-width: 560px) { .ku-bolge { grid-template-columns: minmax(0, 1fr); } }
.ku-alt { position: sticky; bottom: 0; z-index: 5; display: flex; flex-direction: column; gap: var(--b-2); }
.ku-alt .sorunlar { border-radius: var(--r-lg); background: var(--surface); box-shadow: var(--kart-golge); }
.ku-alt-cubuk { display: flex; align-items: center; gap: var(--b-2); padding: var(--b-3) var(--kart-x); border-radius: var(--r-lg); background: var(--surface); box-shadow: var(--kart-golge), 0 -6px 18px -12px rgba(0, 0, 0, 0.35); }
.ku-durum { display: inline-flex; align-items: center; gap: var(--b-15); margin-right: auto; font-size: var(--y-6); font-weight: 600; color: var(--muted); white-space: nowrap; min-width: 0; }
.ku-durum.degisti { color: var(--aksan-metin); }
@media (max-width: 900px) { .ku-bekleyen-satir { grid-template-columns: 22px 32px minmax(0, 1fr) minmax(0, 1fr) 32px; } .ku-bekleyen-satir .ku-bos { display: none; } }
.iy-sayi { font-variant-numeric: tabular-nums; white-space: nowrap; }
.iy-toplam { font-size: var(--y-5); color: var(--muted); white-space: nowrap; }
.iy-toplam b { color: var(--text); }
.iy-boyut { width: 112px; min-width: 0; }
.iy-tablo .tablo { table-layout: fixed; width: 100%; }
.iy-tablo .tablo td { vertical-align: middle; padding-block: var(--b-25); }
.iy-tablo .tablo :is(th, td) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.iy-tablo .tablo :is(th, td):not(:first-child):not(:last-child) { padding-inline: var(--b-2); }
.iy-tablo .kalin { font-weight: 700; color: var(--text); }
.iy-c-ad { width: 18%; }
.iy-c-kategori { width: 14%; }
.iy-c-tarih { width: 16%; }
.iy-c-sure { width: 9%; }
.iy-c-tur { width: 15%; }
.iy-c-durum { width: 12%; }
.iy-c-olusturma { width: 12%; }
.iy-c-islem { width: 120px; }
@container (max-width: 1100px) {
  .iy-c-olusturma { display: none; }
}
.iy-kisi { display: flex; align-items: center; gap: var(--b-25); min-width: 0; }
.iy-kisi .kes { min-width: 0; }
.iy-avatar { width: 28px; height: var(--yk-3); border-radius: 50%; display: grid; place-items: center; flex-shrink: 0; background: var(--marka-zemin); color: var(--marka-metin); font-size: var(--y-2); font-weight: 800; }
.iy-kategori { display: flex; align-items: center; gap: var(--b-2); min-width: 0; }
.iy-kategori i { width: 9px; height: 9px; border-radius: 50%; flex-shrink: 0; }
.iy-kategori .kes { min-width: 0; }
.iy-ayrinti { display: flex; flex-direction: column; gap: var(--b-3); }
.iy-form { display: flex; flex-direction: column; gap: var(--b-3); }
.iy-soru { margin: 0; line-height: 1.6; }
.iy-soru-alt { display: block; margin-top: var(--b-15); font-size: var(--y-5); color: var(--muted); }
.iy-ayrinti s { color: var(--muted); }
.te-sayi { font-variant-numeric: tabular-nums; white-space: nowrap; }
.te-toplam { font-size: var(--y-5); color: var(--muted); white-space: nowrap; }
.te-toplam b { color: var(--text); }
.te-tablo .tablo { table-layout: fixed; width: 100%; }
.te-tablo .tablo td { vertical-align: middle; padding-block: var(--b-25); }
.te-tablo .tablo :is(th, td) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.te-tablo .tablo :is(th, td):not(:first-child):not(:last-child) { padding-inline: var(--b-2); }
.te-tablo .kalin { font-weight: 700; color: var(--text); }
.te-c-ad { width: 27%; }
.te-c-eposta { width: 25%; }
.te-c-vergi { width: 13%; }
.te-c-telefon { width: 14%; }
.te-c-durum { width: 12%; }
.te-c-islem { width: 128px; }
.te-form { display: flex; flex-direction: column; gap: var(--b-3); }
.te-sekme { align-self: flex-start; }
.te-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--b-3) 18px; }
.te-iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-3) 18px; }
.te-grid .te-tam { grid-column: 1 / -1; }
.te-ortak { display: flex; flex-direction: column; gap: var(--b-3); }
.te-ortak-ekle { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--b-25); align-items: end; }
.te-ortak-tablo { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: var(--y-6); }
.te-ortak-tablo :is(th, td) { padding: var(--b-2) var(--b-15); text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom: 1px solid var(--ayrac); }
.te-ortak-tablo th { font-size: var(--y-3); font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: 0.04em; }
.te-ortak-tablo td:last-child { width: 56px; text-align: right; }
.te-ortak-tablo .soluk { color: var(--muted); }
.du-ust { padding: var(--b-3) var(--kart-x) 0; }
.du-sayi { font-variant-numeric: tabular-nums; white-space: nowrap; }
.du-rozet { display: inline-grid; place-items: center; min-width: 18px; height: 18px; margin-left: var(--b-15); padding: 0 5px; border-radius: 999px; background: var(--aksan-soluk); color: var(--aksan-metin); font-size: var(--y-2); font-weight: 800; }
.du-toplam { font-size: var(--y-5); color: var(--muted); white-space: nowrap; }
.du-toplam b { color: var(--text); }
.du-tablo .tablo { table-layout: fixed; width: 100%; }
.du-tablo .tablo td { vertical-align: middle; padding-block: var(--b-25); }
.du-tablo .tablo :is(th, td) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.du-tablo .tablo :is(th, td):not(:first-child):not(:last-child) { padding-inline: var(--b-2); }
.du-tablo .kalin { font-weight: 700; color: var(--text); }
.du-c-duyuru { width: 46%; }
.du-c-tip { width: 22%; }
.du-c-tarih { width: 17%; }
.du-c-durum { width: 15%; }
.du-duyuru { display: flex; align-items: center; gap: var(--b-25); min-width: 0; }
.du-duyuru .satirlar { flex: 1 1 auto; min-width: 0; }
.du-ikon { width: 30px; height: var(--yk-4); border-radius: 9px; display: grid; place-items: center; flex-shrink: 0; background: var(--aksan-soluk); color: var(--aksan-metin); }
.du-ayrinti { display: flex; flex-direction: column; gap: var(--b-3); }
.du-sekme { align-self: flex-start; }
.du-sekme .du-sayi { margin-left: var(--b-15); color: var(--muted); }
.du-govde { display: flex; flex-direction: column; gap: var(--b-2); padding: var(--b-3) 14px; border-radius: var(--r-md); background: var(--surface-2); line-height: 1.6; }
.du-govde p { margin: 0; }
.du-ekler { display: flex; flex-direction: column; gap: var(--b-05); margin: 0; padding: 0; list-style: none; }
.du-ekler li { display: grid; grid-template-columns: 16px minmax(0, 1fr) auto auto; align-items: center; gap: var(--b-2); padding: var(--b-1) 0; }
.du-ekler svg { color: var(--muted); }
.du-arac { display: flex; align-items: center; gap: var(--b-2); }
.du-arac > :nth-child(2) { flex: 1 1 auto; min-width: 0; }
.du-arac .yp-secim button { font-variant-numeric: tabular-nums; }
.du-alici-tablo { display: flex; flex-direction: column; gap: var(--b-2); }
.du-alici-tablo .tablo { table-layout: fixed; width: 100%; }
.du-alici-tablo .tablo td { vertical-align: middle; padding-block: var(--b-2); }
.du-alici-tablo .tablo :is(th, td) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.du-c-alici { width: 36%; }
.du-c-eposta { width: 32%; }
.du-c-okundu { width: 14%; }
.du-c-okunma { width: 18%; }
.du-alici { display: flex; align-items: center; gap: var(--b-25); min-width: 0; }
.du-alici .satirlar { min-width: 0; flex: 1 1 auto; }
.du-avatar { width: 28px; height: var(--yk-3); border-radius: 50%; display: grid; place-items: center; flex-shrink: 0; background: var(--marka-zemin); color: var(--marka-metin); font-size: var(--y-2); font-weight: 800; }
.du-form { display: flex; flex-direction: column; gap: var(--b-3); }
.du-etiket { font-size: var(--y-6); font-weight: 600; color: var(--text-2); }
.du-yukleme { display: flex; flex-direction: column; gap: var(--b-15); }
.du-yeni { display: flex; flex-direction: column; gap: var(--b-05); margin: 0; padding: 0; list-style: none; }
.du-yeni li { display: grid; grid-template-columns: 16px minmax(0, 1fr) auto auto; align-items: center; gap: var(--b-2); padding: var(--b-05) 0; }
.du-yeni svg { color: var(--muted); }
.du-kanallar { display: flex; flex-wrap: nowrap; align-items: center; gap: var(--b-1) 18px; white-space: nowrap; }
.du-kanallar label { display: inline-flex; align-items: center; gap: var(--b-15); font-size: var(--y-6); cursor: pointer; }
.du-kanallar label.pasif { color: var(--muted); cursor: default; }
.du-kanallar .du-etiket { margin-right: var(--b-1); }
.du-etiket-satir { display: flex; align-items: baseline; gap: var(--b-25); }
.du-zorunlu { color: var(--err); }
.du-hata { font-size: var(--y-5); color: var(--err); font-weight: 600; }
.du-roller { display: flex; flex-wrap: wrap; gap: var(--b-15); }
.du-rol { display: inline-flex; align-items: center; gap: var(--b-15); height: var(--yk-4); padding: 0 var(--b-25); border: 0; border-radius: 999px; background: var(--surface-3); color: var(--text-2); font: inherit; font-size: var(--y-5); font-weight: 600; cursor: pointer; white-space: nowrap; }
.du-rol-sayi { font-variant-numeric: tabular-nums; font-weight: 800; opacity: 0.8; }
.du-rol[data-durum='tum'] { background: var(--marka-zemin); color: var(--marka-metin); }
.du-rol[data-durum='kismi'] { background: var(--surface); color: var(--marka-metin); box-shadow: inset 0 0 0 1px var(--line-3); }
.du-rol[data-durum='bos'] { opacity: 0.45; cursor: default; }
.du-kisiler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--b-15); }
.du-kisi { display: flex; align-items: center; gap: var(--b-25); min-width: 0; padding: 7px var(--b-25); border-radius: var(--r-md); background: var(--surface-2); cursor: pointer; }
.du-kisi:hover { background: var(--surface-3); }
.du-kisi.secili { background: var(--marka-zemin); }
.du-kisi input { margin: 0; flex-shrink: 0; }
.du-kisi .satirlar { min-width: 0; flex: 1 1 auto; }
.du-kisi .satirlar > * { display: block; }
.du-form { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--b-3) 22px; align-items: start; }
.du-sol, .du-sag { display: flex; flex-direction: column; gap: var(--b-3); min-width: 0; }
.du-iki { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--b-3); }
.du-kanallar { flex-wrap: wrap; white-space: normal; gap: var(--b-15) var(--b-4); }
.du-kisiler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.du-kisi-alt { display: flex; align-items: center; justify-content: space-between; gap: var(--b-2); }
:root, :is([data-tema='acik'], [data-bs-theme='light']) {
  --ay-s1: #2a78d6; --ay-s2: #eb6834; --ay-s3: #1baf7a;
  --ay-o1: #86b6ef; --ay-o2: #5598e7; --ay-o3: #256abf;
  --ay-d1: #eb6834; --ay-d2: #2a78d6; --ay-n: #aab4c3;
  --ay-dg: 86px;
}
:is([data-tema='koyu'], [data-bs-theme='dark']) {
  --ay-s1: #3987e5; --ay-s2: #d95926; --ay-s3: #199e70;
  --ay-o1: #184f95; --ay-o2: #256abf; --ay-o3: #3987e5;
  --ay-d1: #d95926; --ay-d2: #3987e5; --ay-n: #55627a;
}
.ay-y-ust { position: sticky; top: 48px; z-index: 4; display: flex; align-items: center; gap: var(--b-3); min-width: 0; padding: var(--b-1) 0; background: var(--bg); }
.ay-y-ust > * { flex-shrink: 0; }
.ay-y-ust > .ay-y-ust-baslik { flex-shrink: 1; min-width: 0; }
.ay-y-ust-baslik { margin: 0; font-size: var(--y-10); font-weight: 800; letter-spacing: 0; color: var(--text); }
.ay-y-ust .sag { flex-shrink: 0; }
.ay-y-sayi-metin { font-variant-numeric: tabular-nums; white-space: nowrap; }
.ay-y-not { margin: 0; font-size: var(--y-5); color: var(--muted); }
.ay-y-onay { display: inline-flex; align-items: center; gap: var(--b-2); min-width: 0; cursor: pointer; }
.ay-y-onay input { margin: 0; flex-shrink: 0; accent-color: var(--marka); }
.ay-y-onay-metin { margin: 0; line-height: 1.5; }
.ay-y-onay-metin p { margin: 0 0 var(--b-2); }
.ay-y-onay-metin ul { margin: 0 0 var(--b-2); padding-left: 18px; }
.ay-y-daha { padding: var(--b-15) var(--b-2); border: 0; border-radius: var(--r-md); background: transparent; color: var(--marka-metin); font: inherit; font-size: var(--y-5); font-weight: 700; cursor: pointer; }
.ay-y-daha:hover { background: var(--marka-zemin); }
.ay-y-daha.genis { width: 100%; background: var(--surface-2); }
.ay-y-daha.genis:hover { background: var(--marka-zemin); }
.ay-y-secilen { display: flex; align-items: center; gap: var(--b-25); min-width: 0; padding: var(--b-2) var(--b-3); border-radius: var(--r-md); background: var(--surface-2); }
.ay-y-secilen .kes { flex: 1 1 auto; }
.ay-y-bosluk { margin-top: var(--b-3); }
.ay-y-izgara { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--b-1) var(--b-4); align-items: start; }
.ay-y-izgara > * { min-width: 0; }
.ay-y-sut2 { grid-column: span 2; }
.ay-y-sut3 { grid-column: span 3; }
.ay-y-sut4 { grid-column: span 4; }
.ay-y-sut8 { grid-column: span 8; }
.ay-y-sut12 { grid-column: 1 / -1; }
.ay-y-kisa { min-height: 56px; }
.ay-y-alt { display: flex; align-items: flex-start; padding-top: 28px; }
.ay-y-notlar { display: flex; flex-direction: column; gap: var(--b-2); }
.ay-y-notlar:not(:empty) { margin-top: var(--b-2); }
.ay-y-ayarlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: var(--b-4) var(--b-5); align-items: start; }
.ay-y-ayar { display: flex; flex-direction: column; gap: var(--b-15); min-width: 0; }
.ay-y-ayar-not { display: flex; align-items: flex-start; gap: var(--b-15); margin: 0; font-size: var(--y-5); color: var(--muted); }
.ay-y-ayar-not svg { flex-shrink: 0; margin-top: var(--b-05); }
.ay-y-ayar-not.uyari { color: var(--warn); }
.ay-y-ayar-not.hata { color: var(--err); }
.ay-y-ayar-alan { max-width: 260px; }
.ay-y-hedef { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-5); align-items: start; }
.ay-y-hedef-sut { display: flex; flex-direction: column; gap: var(--b-3); min-width: 0; }
.ay-y-kisi-blok { display: flex; flex-direction: column; gap: var(--b-2); padding: var(--b-3); border-radius: var(--r-md); background: var(--surface-2); }
.ay-y-kisi-bas { display: flex; align-items: center; gap: var(--b-15); }
.ay-y-kisi-bas .sag { flex-shrink: 0; }
.ay-y-cipler { display: flex; flex-wrap: wrap; gap: var(--b-15); }
.ay-y-cip { display: inline-flex; align-items: center; gap: var(--b-1); max-width: 220px; height: var(--yk-2); padding: 0 var(--b-1) 0 var(--b-25); border-radius: 999px; font-size: var(--y-5); font-weight: 600; }
.ay-y-cip.dahil { background: var(--ok-soft); color: var(--ok); }
.ay-y-cip.haric { background: var(--err-soft); color: var(--err); }
.ay-y-cip button { display: grid; place-items: center; width: 20px; height: 20px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: inherit; cursor: pointer; }
.ay-y-cip button:hover { background: color-mix(in srgb, currentColor 16%, transparent); }
.ay-y-sorular { display: flex; flex-direction: column; gap: var(--b-2); }
.ay-y-soru { border-radius: var(--r-md); background: var(--surface-2); }
.ay-y-soru.acik { background: var(--marka-zemin); }
.ay-y-soru.sorunlu { box-shadow: inset 0 0 0 1px var(--err); }
.ay-y-soru-bas { display: flex; align-items: center; gap: var(--b-1); padding-right: var(--b-2); }
.ay-y-soru-dugme { display: flex; flex: 1 1 auto; align-items: center; gap: var(--b-25); min-width: 0; padding: var(--b-25) var(--b-2) var(--b-25) var(--b-3); border: 0; border-radius: var(--r-md); background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.ay-y-soru-dugme:hover { background: color-mix(in srgb, var(--marka) 6%, transparent); }
.ay-y-no { display: grid; place-items: center; flex-shrink: 0; width: 26px; height: var(--yk-2); border-radius: 50%; background: var(--surface); color: var(--marka-metin); font-size: var(--y-4); font-weight: 800; }
.ay-y-soru-metin { flex: 1 1 auto; min-width: 0; font-weight: 600; }
.ay-y-soru-etiketler { display: flex; align-items: center; gap: var(--b-15); flex-shrink: 0; }
.ay-y-soru-araclar { display: flex; flex-shrink: 0; gap: var(--b-05); }
.ay-y-soru-govde { display: flex; flex-direction: column; gap: var(--b-3); padding: var(--b-1) var(--b-4) var(--b-4); }
.ay-y-secenekler { display: flex; flex-direction: column; gap: var(--b-2); }
.ay-y-secenek-bas { display: flex; align-items: center; gap: var(--b-3); }
.ay-y-secenek { display: grid; grid-template-columns: minmax(0, 1fr) auto auto 32px; align-items: center; gap: var(--b-3); }
.ay-y-secenek .giris { height: var(--yk-6); }
.ay-y-onizleme { display: flex; flex-direction: column; gap: var(--b-3); min-width: 0; }
.ay-y-onizleme-baslik { margin: 0 0 var(--b-1); font-size: var(--y-10); font-weight: 800; }
.ay-y-ilerleme-ust { display: flex; align-items: center; justify-content: space-between; }
.ay-y-ilerleme { height: 6px; overflow: hidden; border-radius: 999px; background: var(--surface-3); }
.ay-y-ilerleme.kalin { height: 10px; }
.ay-y-ilerleme i { display: block; height: 100%; border-radius: inherit; background: var(--ay-s1); }
.ay-y-onizleme-soru { display: flex; flex-direction: column; gap: var(--b-2); min-width: 0; padding-top: var(--b-2); }
.ay-y-onizleme-soru h3 { margin: 0; font-size: var(--y-9); font-weight: 700; line-height: 1.4; }
.ay-y-bolum { font-size: var(--y-2); font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); }
.ay-y-zorunlu { margin-right: var(--b-1); color: var(--err); }
.ay-y-onizleme-girdi { display: flex; flex-direction: column; gap: var(--b-2); max-width: 560px; }
.ay-y-onizleme-secenekler { display: flex; flex-direction: column; gap: var(--b-15); }
.ay-y-onizleme-secenek { display: flex; align-items: center; gap: var(--b-25); padding: var(--b-2) var(--b-3); border-radius: var(--r-md); background: var(--surface-2); }
.ay-y-dar { max-width: 360px; }
.ay-y-sayilar { display: flex; flex-wrap: wrap; gap: var(--b-15); }
.ay-y-sayi { display: grid; place-items: center; min-width: 40px; height: var(--yk-7); padding: 0 var(--b-2); border-radius: var(--r-md); background: var(--surface-3); color: var(--text-2); font-weight: 700; }
.ay-y-sayi-etiket { display: flex; justify-content: space-between; }
.ay-y-tablo .tablo { table-layout: fixed; width: 100%; }
.ay-y-tablo .tablo td { vertical-align: middle; padding-block: var(--b-25); }
.ay-y-tablo .tablo :is(th, td) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ay-y-tablo .tablo :is(th, td):not(:first-child):not(:last-child) { padding-inline: var(--b-2); }
.ay-y-tablo .lh-ust, .ay-y-tablo .lh-alt { flex-wrap: nowrap; overflow: hidden; }
.ay-y-ad { display: flex; align-items: center; gap: var(--b-2); min-width: 0; }
.ay-y-ad > * { flex-shrink: 0; }
.ay-y-ad > .kes { flex-shrink: 1; min-width: 0; }
.ay-y-benim { height: var(--yk-8); flex-shrink: 0; }
.ay-y-hucre-satir { display: flex; align-items: center; gap: var(--b-2); min-width: 0; }
.ay-y-hucre-satir > * { flex-shrink: 0; }
.ay-y-hucre-satir > .kes { flex-shrink: 1; min-width: 0; }
.ay-y-skor { display: inline-flex; align-items: center; gap: var(--b-2); }
.ay-y-islemler { display: flex; justify-content: flex-end; gap: var(--b-1); }
.ay-y-liste .lh-eylemler, .ay-y-islemler { justify-content: flex-end; flex-wrap: nowrap; }
.ay-y-c-tur { width: 112px; }
.ay-y-c-tarih { width: 100px; }
.ay-y-c-durum { width: 112px; }
.ay-y-c-sayi { width: 116px; }
.ay-y-c-soruSayi { width: 60px; }
.ay-y-c-islem { width: 214px; }
.ay-y-c-kisi { width: 28%; }
.ay-y-c-rol { width: 16%; }
.ay-y-c-sure { width: 90px; }
.ay-y-c-deneme { width: 96px; }
.ay-y-c-skor { width: 150px; }
.ay-y-liste .ay-y-c-tarih { width: 100px; }
.ay-y-c-soru { width: 34%; }
.ay-y-c-cevap { width: 28%; }
.ay-y-c-tarih2 { width: 190px; }
.ay-y-c-dosya { width: 34%; }
.ay-y-c-yukleyen { width: 16%; }
.ay-y-c-boyut { width: 84px; }
.ay-y-c-gonderim { width: 104px; }
.ay-y-c-islem3 { width: 132px; }
@container (max-width: 1280px) { .ay-y-c-olusturma { display: none; } }
@container (max-width: 1120px) { .ay-y-c-soruSayi, .ay-y-c-tur { display: none; } .ay-y-c-islem { width: 200px; } }
@container (max-width: 960px) { .ay-y-liste .ay-y-c-sayi { display: none; } }
@container (max-width: 860px) { .ay-y-c-rol, .ay-y-c-sure, .ay-y-c-tarih2, .ay-y-c-yukleyen, .ay-y-c-gonderim { display: none; } .ay-y-c-skor { width: 120px; } }
@container (max-width: 800px) { .ay-y-liste .ay-y-c-bas { display: none; } }
@container (max-width: 640px) { .ay-y-liste .ay-y-c-bit { display: none; } .ay-y-c-boyut { display: none; } }
.ay-y-sonuc { display: flex; flex-direction: column; gap: var(--b-4); min-width: 0; }
.ay-y-ozet { display: flex; flex-direction: column; gap: var(--b-4); }
.ay-y-kutular { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--b-3); }
.ay-y-kutu { display: flex; flex-direction: column; gap: var(--b-1); min-width: 0; padding: var(--b-3) var(--b-4); border-radius: var(--r-md); background: var(--surface-2); }
.ay-y-kutu b { font-size: var(--y-14); font-weight: 800; font-variant-numeric: tabular-nums; }
.ay-y-oran { display: flex; flex-direction: column; gap: var(--b-15); }
.ay-y-oran-ust { display: flex; align-items: center; justify-content: space-between; }
.ay-y-ozet-alt { display: flex; justify-content: flex-end; }
.ay-y-bant { padding: var(--b-3) var(--kart-x) 0; }
.ay-y-kisi { display: flex; flex-direction: column; gap: var(--b-4); min-width: 0; }
.ay-y-kisi-ad { display: flex; align-items: center; gap: var(--b-25); min-width: 0; font-weight: 700; }
.ay-y-kisi-ad > * { flex-shrink: 0; }
.ay-y-kisi-ad > .kes:first-child { flex-shrink: 1; }
.ay-y-kisi-ad .kucuk { flex-shrink: 1; min-width: 0; font-weight: 400; }
.ay-y-deneme-sec { width: auto; min-width: 220px; }
.ay-y-yukle { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; gap: var(--b-4); align-items: start; }
.ay-y-yukle-eylem { padding-top: 28px; }
.ay-y-rapor-bas { display: flex; align-items: center; justify-content: space-between; gap: var(--b-3); }
.ay-y-rapor-meta { display: flex; align-items: center; gap: var(--b-3); }
.ay-y-rapor-meta b { color: var(--text); }
.ay-y-rapor-eylem { display: flex; align-items: center; gap: var(--b-2); flex-shrink: 0; }
.ay-y-suzgec { display: flex; align-items: center; gap: var(--b-3); margin-top: var(--b-3); }
.ay-y-suzgec .secim { width: 180px; flex-shrink: 0; }
.ay-y-suzgec label { flex-shrink: 0; }
.ay-y-suzgec .giris { width: 150px; }
.ay-y-grafikler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-4); align-items: start; }
.ay-y-grafik-kart { container-type: inline-size; min-width: 0; }
.ay-y-grafik-kart .kart-bas { flex-wrap: nowrap; }
.ay-y-grafik-kart .kart-bas h3 { flex-shrink: 0; }
.ay-y-grafik-kart .kart-bas > .sag { flex-wrap: nowrap; min-width: 0; flex: 0 1 auto; }
.ay-y-grafik-alt { flex: 0 1 auto; min-width: 0; text-align: right; }
.ay-y-grafik-kart .kart-govde { display: flex; flex-direction: column; gap: var(--b-3); }
@container (max-width: 460px) { .ay-y-grafik-alt { display: none; } }
.ay-y-demo-arac { display: flex; align-items: center; gap: var(--b-2); }
.ay-y-demo-arac .secim { width: 150px; flex-shrink: 0; }
.ay-y-iki { display: inline-flex; padding: var(--b-05); border-radius: var(--r-md); background: var(--surface-3); }
.ay-y-iki button { height: var(--yk-3); padding: 0 var(--b-3); border: 0; border-radius: 8px; background: transparent; color: var(--text-2); font: inherit; font-size: var(--y-5); font-weight: 700; white-space: nowrap; cursor: pointer; }
.ay-y-iki button.secili { background: var(--surface); color: var(--text); box-shadow: var(--sh-1); }
.ay-y-mini { width: 100%; border-collapse: collapse; font-size: var(--y-6); }
.ay-y-mini th { padding: var(--b-1) var(--b-15); font-size: var(--y-3); font-weight: 700; text-align: left; letter-spacing: 0.04em; text-transform: uppercase; color: var(--muted); }
.ay-y-mini td { padding: var(--b-15); border-top: 1px solid var(--ayrac); overflow-wrap: anywhere; }
.ay-y-mini .sagda { text-align: right; font-variant-numeric: tabular-nums; }
.ay-y-cubuklar { display: flex; flex-direction: column; gap: var(--b-15); }
.ay-y-cubuk { display: grid; grid-template-columns: minmax(70px, 28%) minmax(0, 1fr) var(--ay-dg); align-items: center; gap: var(--b-3); min-height: 22px; }
.ay-y-cubuk-ad { font-size: var(--y-6); color: var(--text); }
.ay-y-cubuk-iz { display: block; height: 14px; background: var(--surface-3); border-radius: 0 4px 4px 0; }
.ay-y-cubuk-dolgu { display: block; height: 100%; border-radius: 0 4px 4px 0; }
.ay-y-cubuk-gizli { display: block; height: 100%; border-radius: 0 4px 4px 0; background: repeating-linear-gradient(135deg, var(--line-2) 0 4px, transparent 4px 8px); }
.ay-y-cubuk-deger { display: flex; align-items: center; justify-content: flex-end; font-size: var(--y-6); font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ay-y-cubuklar.kalin { gap: var(--b-2); }
.ay-y-cubuklar.kalin .ay-y-cubuk-iz { height: 22px; }
.ay-y-cubuklar.kalin .ay-y-cubuk-deger { font-size: var(--y-8); font-weight: 700; }
.ay-y-deger-grup { display: inline-flex; align-items: center; gap: var(--b-15); }
.ay-y-deger-grup svg { color: var(--ok); }
.ay-y-efsane { display: flex; gap: var(--b-4); font-size: var(--y-4); color: var(--text-2); }
.ay-y-efsane span { display: inline-flex; align-items: center; gap: var(--b-15); min-width: 0; }
.ay-y-efsane i { width: 10px; height: 10px; border-radius: 3px; flex-shrink: 0; }
.ay-y-isi { display: flex; flex-direction: column; gap: 3px; }
.ay-y-isi-satir { display: grid; grid-template-columns: minmax(90px, 30%) minmax(0, 1fr); align-items: center; gap: var(--b-3); }
.ay-y-isi-hucreler { display: grid; grid-template-columns: repeat(var(--ay-sutun), minmax(0, 1fr)); gap: 3px; }
.ay-y-isi-satir.baslik .ay-y-isi-hucreler > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
.ay-y-isi-hucre { display: grid; place-items: center; height: var(--yk-2); border-radius: 4px; font-size: var(--y-3); font-weight: 600; font-variant-numeric: tabular-nums; color: var(--text); }
.ay-y-isi-hucre.koyu { color: #fff; }
.ay-y-isi-hucre.bos { background: transparent; }
.ay-y-isi-soru { font-size: var(--y-5); }
.ay-y-isi-not { margin-top: var(--b-1); }
.ay-y-ayrisan { display: flex; flex-direction: column; gap: var(--b-2); }
.ay-y-ayrisan-satir { display: grid; grid-template-columns: minmax(80px, 32%) minmax(0, 1fr) 48px; align-items: center; gap: var(--b-3); min-height: 22px; }
.ay-y-ayrisan-iz { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); height: 18px; }
.ay-y-ayrisan-yari { display: flex; height: 100%; min-width: 0; overflow: hidden; }
.ay-y-ayrisan-yari.solda { justify-content: flex-end; border-radius: 4px 0 0 4px; }
.ay-y-ayrisan-yari.sagda { justify-content: flex-start; border-radius: 0 4px 4px 0; border-left: 1px solid var(--line-3); }
.ay-y-ayrisan-yari span { display: block; height: 100%; flex: none; }
.ay-y-soru-listesi { display: flex; flex-direction: column; gap: var(--b-3); }
.ay-y-soru-karti { display: flex; flex-direction: column; gap: var(--b-3); padding: var(--b-4); border-radius: var(--r-md); background: var(--surface-2); }
.ay-y-soru-karti-bas { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--b-4); }
.ay-y-soru-karti-ad { display: flex; flex-direction: column; gap: var(--b-05); min-width: 0; }
.ay-y-soru-karti-ad h4 { margin: 0; font-size: var(--y-8); font-weight: 700; line-height: 1.4; }
.ay-y-soru-karti-meta { display: flex; flex-shrink: 0; gap: var(--b-3); white-space: nowrap; }
.ay-y-soru-karti-meta b { color: var(--text); }
.ay-y-metinler { margin: 0; padding: 0; list-style: none; }
.ay-y-metinler li { padding: var(--b-15) 0; border-top: 1px solid var(--ayrac); font-size: var(--y-6); }
.ay-y-metin-alt { display: flex; align-items: center; justify-content: space-between; gap: var(--b-3); }
@container (max-width: 1000px) { .ay-y-grafikler { grid-template-columns: minmax(0, 1fr); } .ay-y-hedef { grid-template-columns: minmax(0, 1fr); } }
@container (max-width: 820px) {
  .ay-y-soru-etiketler > :not(:first-child) { display: none; }
  .ay-y-sut3 { grid-column: span 4; }
  .ay-y-sut2 { grid-column: span 3; }
  .ay-y-yukle { grid-template-columns: minmax(0, 1fr); }
  .ay-y-yukle-eylem { padding-top: 0; }
  .ay-y-soru-karti-bas { flex-direction: column; gap: var(--b-1); }
  .ay-y-rapor-bas { flex-wrap: nowrap; }
}
@media print {
  .ay-y-yazdirma-gizle, .ay-y-ust { display: none !important; }
  .ay-y-soru-karti { break-inside: avoid; }
}
@container (max-width: 600px) {
  .ay-y-sut4, .ay-y-sut8 { grid-column: 1 / -1; }
  .ay-y-sut3 { grid-column: span 6; }
}
:is([class^="ay-y"], [class*=" ay-y"]) .kart-bas > .sag { flex-wrap: nowrap; min-width: 0; }
.ay-y-soru-karti .ay-y-cubuklar { max-width: 900px; }
.satir-menu .btn { justify-content: flex-start; }
.ay-y-kisi .kart-bas { flex-wrap: nowrap; }
.ay-y-kisi .kart-bas h3 { flex: 1 1 auto; min-width: 0; }
@container (max-width: 760px) { .ay-y-liste .liste-arac .secim { min-width: 0; width: 142px; } .ay-y-kisi-ad .rozet { display: none; } }
.fo-izgara { display: grid; grid-template-columns: repeat(auto-fill, 264px); gap: 14px; justify-content: start; }
.fo-kart { width: 264px; display: flex; flex-direction: column; gap: var(--b-2); }
.fo-kisi { display: flex; align-items: center; gap: var(--b-25); min-width: 0; }
.fo-kisi .satirlar { flex: 1 1 auto; min-width: 0; }
.fo-kisi .satirlar > * { display: block; }
.fo-avatar { width: 32px; height: var(--yk-5); border-radius: 50%; display: grid; place-items: center; flex-shrink: 0; background: var(--marka-zemin); color: var(--marka-metin); font-size: var(--y-6); font-weight: 800; }
.fo-foto { display: block; width: 100%; height: 150px; padding: 0; border: 0; border-radius: var(--r-md); overflow: hidden; background: var(--surface-3); cursor: zoom-in; flex-shrink: 0; }
.fo-foto img { display: block; width: 100%; height: 100%; object-fit: cover; }
.fo-foto.bos { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--b-15); color: var(--muted); font-size: var(--y-5); cursor: default; }
.fo-satir { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--b-1) var(--b-2); min-width: 0; }
.fo-ipucu-metin { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--y-5); color: var(--text-2); }
.fo-eylem { display: flex; gap: var(--b-2); }
.fo-eylem > * { flex: 1 1 0; }
.fo-sayi { font-variant-numeric: tabular-nums; white-space: nowrap; }
.fo-arac { display: flex; align-items: center; gap: var(--b-2); padding: var(--b-3) var(--kart-x) 0; }
.fo-arac > :nth-child(2) { flex: 1 1 auto; min-width: 0; max-width: 360px; }
.fo-tablo { container-type: inline-size; }
.fo-tablo .tablo { table-layout: fixed; width: 100%; }
.fo-tablo .tablo td { vertical-align: middle; padding-block: var(--b-15); }
.fo-tablo .tablo :is(th, td) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fo-tablo .tablo :is(th, td):not(:first-child):not(:last-child) { padding-inline: var(--b-2); }
.fo-tablo .kalin { font-weight: 700; color: var(--text); }
.fo-c-foto { width: 84px; }
.fo-c-ad { width: 15%; }
.fo-c-tarih { width: 15%; }
.fo-c-durum { width: 12%; }
.fo-c-degerlendiren { width: 14%; }
.fo-c-degerlendirme { width: 15%; }
.fo-c-not { width: 25%; }
.fo-mini { display: block; width: 60px; height: var(--yk-9); padding: 0; border: 0; border-radius: 8px; overflow: hidden; background: var(--surface-3); cursor: zoom-in; }
.fo-mini img { display: block; width: 100%; height: 100%; object-fit: cover; }
.fo-mini.bos { display: grid; place-items: center; color: var(--muted); cursor: default; }
.fo-alt { display: flex; justify-content: flex-end; padding: var(--b-25) var(--kart-x) 14px; }
.fo-form { display: flex; flex-direction: column; gap: var(--b-3); }
.fo-soru { margin: 0; line-height: 1.6; }
.fo-ipucu { margin: 0; font-size: var(--y-5); color: var(--muted); line-height: 1.5; }
@container (max-width: 1000px) {
  .fo-c-degerlendiren, .fo-c-degerlendirme { display: none; }
  .fo-c-not { width: 35%; }
}
.fo-gorsel { position: relative; flex-shrink: 0; }
.fo-durum { position: absolute; top: 8px; right: 8px; }
.ba-sayi { font-variant-numeric: tabular-nums; white-space: nowrap; }
.ba-toplam { font-size: var(--y-5); color: var(--muted); white-space: nowrap; }
.ba-toplam b { color: var(--text); }
.ba-boyut { width: 112px; min-width: 0; }
.ba-tablo .tablo { table-layout: fixed; width: 100%; }
.ba-tablo .tablo td { vertical-align: middle; padding-block: var(--b-25); }
.ba-tablo .tablo :is(th, td) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ba-tablo .tablo :is(th, td):not(:first-child):not(:last-child) { padding-inline: var(--b-2); }
.ba-tablo .kalin { font-weight: 700; color: var(--text); }
.ba-c-belge { width: 26%; }
.ba-c-aciklama { width: 17%; }
.ba-c-kisiler { width: 19%; }
.ba-c-tarih { width: 12%; }
.ba-c-durum { width: 16%; }
.ba-c-islem { width: 150px; }
.ba-belge { display: flex; align-items: center; gap: var(--b-2); min-width: 0; }
.ba-belge svg { flex-shrink: 0; color: var(--marka-metin); }
.ba-belge .kes { min-width: 0; }
.ba-form { display: flex; flex-direction: column; gap: var(--b-3); }
.ba-secili { display: flex; align-items: center; gap: var(--b-2); min-width: 0; margin-top: -6px; }
.ba-secili svg { flex-shrink: 0; color: var(--muted); }
.ba-secili .kes { min-width: 0; }
.ba-secili .soluk { flex-shrink: 0; }
.pt-sayi { font-variant-numeric: tabular-nums; white-space: nowrap; }
.pt-soluk { color: var(--muted); }
.pt-kalin { font-weight: 700; color: var(--text); }
.pt-toplam { font-size: var(--y-5); color: var(--muted); white-space: nowrap; }
.pt-toplam b { color: var(--text); }
.pt-sayaclar { padding: var(--b-3) var(--kart-x) 0; }
.pt-kilit { display: inline-flex; align-items: center; height: 20px; padding: 0 7px; border-radius: 999px; font-size: var(--y-3); font-weight: 600; background: var(--surface-3); color: var(--muted); white-space: nowrap; }
.pt-tablo .tablo { table-layout: fixed; width: 100%; }
.pt-tablo .tablo td { vertical-align: middle; padding-block: 9px; }
.pt-tablo .tablo :is(th, td) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pt-tablo .tablo :is(th, td):not(:first-child):not(:last-child) { padding-inline: var(--b-2); }
.pt-c-no { width: 60px; }
.pt-c-baslik { width: 30%; }
.pt-c-metin { width: 27%; }
.pt-c-sira { width: 60px; }
.pt-c-not { width: 60px; }
.pt-c-durum { width: 104px; }
.pt-c-islem { width: 136px; }
.pt-baslik { display: flex; align-items: center; gap: var(--b-15); min-width: 0; }
.pt-baslik .kes { min-width: 0; flex: 0 1 auto; }
.pt-baslik .pt-cip { flex: none; }
.pt-alt { padding-left: 22px; }
.pt-dal { color: var(--muted); flex: none; font-size: var(--y-4); }
.pt-cip { display: inline-flex; align-items: center; height: 20px; padding: 0 7px; border-radius: 999px; font-size: var(--y-3); font-weight: 600; background: var(--surface-3); color: var(--text-2); white-space: nowrap; }
.pt-uyari { background: var(--warn-soft); color: var(--warn); }
.pt-form { display: flex; flex-direction: column; gap: var(--b-3); container-type: inline-size; }
.pt-satir-ust { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.7fr) 96px; gap: var(--b-3) 18px; align-items: start; }
.pt-not { display: block; margin-top: var(--b-1); font-size: var(--y-4); color: var(--muted); }
.pt-etiketler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-3) 22px; }
.pt-etiket-satir { display: flex; align-items: center; justify-content: space-between; gap: var(--b-3); margin-top: -4px; }
.pt-etiket-ipucu { font-size: var(--y-4); color: var(--muted); }
.pt-etiket-grup { display: flex; flex-direction: column; gap: var(--b-1); }
.pt-etiket-ad { font-size: var(--y-3); font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: 0.04em; }
.pt-etiket-liste { display: flex; flex-wrap: wrap; gap: var(--b-1); }
.pt-etiket { border: 1px solid var(--line-2); background: var(--surface-2); color: var(--text-2); border-radius: var(--r-sm); padding: var(--b-05) 7px; font: inherit; font-size: var(--y-4); cursor: pointer; user-select: none; }
.pt-etiket:hover, .pt-etiket:focus-visible { background: var(--surface-3); color: var(--text); }
.pt-ayarlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--b-3) 18px; align-items: start; }
.pt-grup { display: flex; flex-direction: column; gap: var(--b-15); min-width: 0; }
.pt-grup-baslik { display: flex; align-items: center; gap: var(--b-15); font-size: var(--y-5); font-weight: 700; color: var(--text); margin-bottom: var(--b-05); }
.pt-onay { display: flex; align-items: center; gap: var(--b-2); font-size: var(--y-6); color: var(--text-2); cursor: pointer; }
.pt-onay input { width: 15px; height: 15px; margin: 0; accent-color: var(--aksan); flex: none; }
.pt-onay:has(input:disabled) { color: var(--muted); cursor: default; }
.pt-ipucu { font-size: var(--y-3); line-height: 1.4; color: var(--muted); }
@container (max-width: 700px) {
  .pt-ayarlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pt-satir-ust { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 96px; }
  .pt-etiketler { grid-template-columns: minmax(0, 1fr); }
}
.bk-sayi { font-variant-numeric: tabular-nums; white-space: nowrap; }
.bk-toplam { font-size: var(--y-5); color: var(--muted); white-space: nowrap; }
.bk-toplam b { color: var(--text); }
.bk-boyut { width: 112px; min-width: 0; }
.bk-yigin { display: flex; flex-direction: column; gap: var(--b-3); min-width: 0; }
.bk-tablo .tablo { table-layout: fixed; width: 100%; }
.bk-tablo .tablo td { vertical-align: middle; padding-block: 9px; }
.bk-tablo .tablo :is(th, td) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bk-tablo .tablo :is(th, td):not(:first-child):not(:last-child) { padding-inline: var(--b-2); }
.bk-tablo .kalin { font-weight: 700; color: var(--text); }
.bk-c-ad { width: 25%; }
.bk-c-yetkili { width: 16%; }
.bk-c-eposta { width: 17%; }
.bk-c-telefon { width: 11%; }
.bk-c-durum { width: 104px; }
.bk-c-kullanici { width: 108px; }
.bk-c-tarih { width: 12%; }
.bk-c-islem { width: 148px; }
@container (max-width: 1240px) {
  .bk-c-tarih { display: none; }
}
@container (max-width: 1020px) {
  .bk-c-eposta, .bk-c-telefon { display: none; }
}
@container (max-width: 800px) {
  .bk-c-kullanici { display: none; }
}
.bk-ad { display: flex; align-items: center; gap: var(--b-25); min-width: 0; }
.bk-ad-metin, .bk-iki { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
.bk-ad-metin .kes, .bk-iki .kes { display: block; min-width: 0; }
.bk-logo { flex-shrink: 0; object-fit: contain; border-radius: 8px; background: var(--surface); }
.bk-logo.k { width: 36px; height: var(--yk-7); padding: 3px; border: 1px solid var(--line); }
.bk-logo.b { width: 96px; height: 96px; padding: var(--b-2); border: 1px solid var(--line); }
.bk-logo.yok { display: grid; place-items: center; background: var(--surface-3); color: var(--muted); border-color: transparent; }
.bk-ayrinti { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--b-5); align-items: start; }
.bk-soru { margin: 0; line-height: 1.6; }
.bk-engel { display: flex; flex-direction: column; gap: var(--b-3); min-width: 0; }
.bk-engel-sayac { flex-wrap: wrap; }
.bk-engel-tablo .tablo { table-layout: fixed; width: 100%; }
.bk-engel-tablo .tablo :is(th, td) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bk-e-tur { width: 112px; }
.bk-e-talep { width: 36%; }
.bk-e-termin { width: 108px; }
.bk-form { display: flex; flex-direction: column; gap: var(--b-3); min-width: 0; }
.bk-sekme-alan { min-width: 0; min-height: 396px; }
.bk-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--b-1) var(--b-4); align-items: start; }
.bk-hucre { min-width: 0; }
.bk-grid .uzun { min-height: 58px; max-height: 120px; resize: none; }
.bk-bolum-satir { grid-column: 1 / -1; display: flex; align-items: center; gap: var(--b-2); margin-top: var(--b-2); }
.bk-grid > .bk-bolum-satir:first-child { margin-top: 0; }
.bk-bolum { padding-top: var(--b-1); font-size: var(--y-4); font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; color: var(--marka-metin); }
.bk-ac-satir { display: flex; align-items: center; gap: var(--b-25); min-height: var(--yk-8); }
.bk-logo-satir { display: flex; align-items: center; gap: var(--b-3); }
.bk-logo-yukle { flex: 1; min-width: 0; }
.bk-logo-onizleme { width: 54px; height: 54px; flex-shrink: 0; display: grid; place-items: center; border-radius: 10px; background: var(--surface-3); color: var(--muted); overflow: hidden; }
.bk-logo-onizleme img { width: 100%; height: 100%; object-fit: contain; padding: var(--b-1); }
.bk-masraf .tablo { width: 100%; table-layout: fixed; }
.bk-m-aktif { width: 90px; }
.bk-m-kdv { width: 120px; }
.bk-kdv { width: 90px; }
.bk-kapasite-bas { display: flex; align-items: center; gap: var(--b-2); min-height: 22px; }
.bk-ziraat-bas { display: flex; align-items: center; gap: var(--b-3); }
.bk-ziraat-ac { gap: var(--b-25); }
.bk-birak { display: flex; align-items: center; gap: var(--b-3); padding: var(--b-4); border: 1.5px dashed var(--line-3); border-radius: var(--r-lg); color: var(--muted); }
.bk-birak.dolu { border-style: solid; border-color: var(--line); background: var(--surface-2); }
.bk-birak-metin { display: flex; flex-direction: column; min-width: 0; margin-right: auto; }
.bk-eslesme { display: flex; flex-direction: column; gap: var(--b-2); }
.bk-eslesme .tablo { width: 100%; table-layout: fixed; }
.bk-eslesme .tablo :is(th, td) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bk-kompakt .alan-hata { display: none; }
.bk-kompakt { row-gap: var(--b-15); }
.sb-sayi { font-variant-numeric: tabular-nums; white-space: nowrap; }
.sb-kalin { font-weight: 700; color: var(--text); }
.sb-soluk { color: var(--muted); }
.sb-kod { font-family: var(--mono); font-size: var(--y-4); white-space: nowrap; padding: var(--b-05) var(--b-15); border-radius: var(--r-sm); background: var(--surface-2); color: var(--text-2); }
.sb-toplam { font-size: var(--y-5); color: var(--muted); white-space: nowrap; }
.sb-toplam b { color: var(--text); }
.sb-boyut { display: flex; align-items: center; gap: var(--b-15); font-size: var(--y-5); color: var(--muted); white-space: nowrap; }
.sb-boyut .secim { width: auto; min-width: 72px; }
.liste-arac .sb-secim { width: auto; min-width: 150px !important; }
.sb-tablo .tablo { table-layout: fixed; width: 100%; }
.sb-tablo .tablo td { vertical-align: middle; padding-block: 9px; }
.sb-tablo .tablo :is(th, td) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sb-tablo .tablo :is(th, td):not(:first-child):not(:last-child) { padding-inline: var(--b-2); }
.sb-c-banka { width: 15%; }
.sb-c-ad { width: 16%; }
.sb-c-il { width: 9%; }
.sb-c-ilce { width: 10%; }
.sb-c-kod { width: 11%; }
.sb-c-telefon { width: 12%; }
.sb-c-adres { width: 13%; }
.sb-c-durum { width: 100px; }
.sb-c-islem { width: 64px; }
.sb-tablo .tablo tbody tr.tik { cursor: pointer; }
.sb-form { display: flex; flex-direction: column; gap: var(--b-3); }
.sb-iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-3) 18px; }
.gb-sayi { font-variant-numeric: tabular-nums; white-space: nowrap; }
.gb-toplam { font-size: var(--y-5); color: var(--muted); white-space: nowrap; }
.gb-toplam b { color: var(--text); }
.gb-toplam b.hata-metni { color: var(--err); }
.gb-boyut { width: 112px; min-width: 0; }
.gb-sekmeler { padding: var(--b-3) var(--kart-x) 0; }
.gb-yigin { display: flex; flex-direction: column; gap: var(--b-3); min-width: 0; }
.gb-arac { display: flex; align-items: center; gap: var(--b-3); }
.gb-arac-bilgi { display: inline-flex; align-items: center; gap: var(--b-15); }
.gb-tablo .tablo { table-layout: fixed; width: 100%; }
.gb-tablo .tablo td { vertical-align: middle; padding-block: var(--b-25); }
.gb-tablo .tablo :is(th, td) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gb-tablo .tablo :is(th, td):not(:first-child):not(:last-child) { padding-inline: var(--b-2); }
.gb-tablo .kalin { font-weight: 700; color: var(--text); }
.gb-gruplar { display: flex; flex-direction: column; padding-bottom: var(--b-2); }
.gb-grup { display: flex; align-items: center; gap: var(--b-25); width: 100%; min-width: 0; padding: var(--b-25) var(--kart-x); border: 0; background: none; color: var(--text); font: inherit; text-align: left; cursor: pointer; }
.gb-grup:hover { background: var(--surface-2); }
.gb-grup.acik { background: var(--surface-2); }
.gb-grup:focus-visible { outline: 2px solid var(--marka-400); outline-offset: -2px; }
.gb-grup-ikon { width: 30px; height: var(--yk-4); flex-shrink: 0; display: grid; place-items: center; border-radius: 9px; background: var(--marka-zemin); color: var(--marka-metin); }
.gb-grup b { flex-shrink: 0; max-width: 40%; }
.gb-grup-aciklama { flex: 1; min-width: 0; }
.gb-grup > svg:last-child { margin-left: auto; flex-shrink: 0; color: var(--muted); }
.gb-c-id { width: 48px; }
.gb-c-ad { width: 29%; }
.gb-c-hedef { width: 14%; }
.gb-c-tetik { width: 14%; }
.gb-c-deger { width: 110px; }
.gb-c-zorunlu, .gb-c-sayisal { width: 74px; }
.gb-c-min, .gb-c-max { width: 82px; }
.gb-c-durum { width: 96px; }
.gb-c-sira { width: 54px; }
.gb-c-islem { width: 84px; }
.gb-c-nitelik { width: 100px; }
.gb-c-alan { width: 116px; }
.gb-c-mekan { width: 80px; }
.gb-c-kod { width: 14%; }
.gb-c-nad { width: 28%; }
.gb-c-sinif { width: 18%; }
@container (max-width: 1240px) {
  .gb-c-sira, .gb-c-min, .gb-c-max { display: none; }
}
@container (max-width: 1000px) {
  .gb-c-sayisal, .gb-c-deger, .gb-c-az1 { display: none; }
}
@container (max-width: 820px) {
  .gb-c-zorunlu, .gb-c-tetik, .gb-c-az2 { display: none; }
}
.gb-form { display: flex; flex-direction: column; gap: var(--b-3); min-width: 0; }
.gb-sekme-alan { min-width: 0; min-height: 300px; }
.gb-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--b-1) var(--b-4); align-items: start; }
.gb-hucre { min-width: 0; }
.gb-ac-satir { display: flex; align-items: center; gap: var(--b-25); min-height: var(--yk-8); }
.gb-cift { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: var(--b-2); }
.gb-f-no { flex: 1 1 150px; max-width: 200px; min-width: 120px; }
.gb-f-tarih { display: inline-flex; align-items: center; gap: var(--b-15); white-space: nowrap; }
.gb-f-tarih input { width: 136px; min-width: 0; }
.gb-f-tur { width: 190px; min-width: 0; }
@container (max-width: 980px) {
  .gb-f-etiket { display: none; }
  .gb-f-tur { width: 150px; }
  .gb-f-tarih input { width: 128px; }
}
.gb-rapor .tablo tbody tr { cursor: pointer; }
.gb-r-ihlal { width: 56px; }
.gb-r-no { width: 170px; }
.gb-r-talep, .gb-r-rapor { width: 112px; }
.gb-r-ada { width: 104px; }
.gb-r-yapi { width: 96px; }
.gb-r-insaat { width: 120px; }
.gb-r-alan { width: 108px; }
.gb-r-deger { width: 116px; }
.gb-ihlal-isaret { display: flex; align-items: center; color: var(--err); }
.gb-ihlal-isaret svg { flex-shrink: 0; }
@container (max-width: 1560px) {
  .gb-r-talep, .gb-r-insaat, .gb-r-yapi { display: none; }
}
@container (max-width: 1260px) {
  .gb-r-tapu, .gb-r-deger { display: none; }
}
@container (max-width: 1000px) {
  .gb-r-ilce, .gb-r-malan { display: none; }
}
@container (max-width: 780px) {
  .gb-r-fiili, .gb-r-ada { display: none; }
}
.gb-ihlal-bas { display: flex; flex-wrap: wrap; gap: var(--b-2) var(--b-6); padding-bottom: var(--b-3); border-bottom: 1px solid var(--ayrac); }
.gb-ihlal-bas > span { display: inline-flex; align-items: baseline; gap: var(--b-15); }
.gb-ihlal-ozet { display: flex; align-items: center; gap: var(--b-2); padding: var(--b-25) 14px; border-radius: var(--r-md); background: var(--err-soft); color: var(--err); }
.gb-ihlal-ozet b { color: inherit; }
.gb-ihlal-yok { display: flex; align-items: center; gap: var(--b-2); padding: var(--b-25) 14px; border-radius: var(--r-md); background: var(--ok-soft); color: var(--ok); }
.gb-ihlal-liste { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.gb-ihlal-liste li { display: flex; align-items: center; gap: var(--b-3); padding: 9px 0; border-bottom: 1px solid var(--ayrac); }
.gb-ihlal-liste li:last-child { border-bottom: 0; }
.alan .gb-ac-satir { margin-bottom: var(--b-4); }
@container (max-width: 820px) {
  .gb-sekmeler .sekme-sayi { display: none; }
}
.rk-sayfa { container-name: rk; }
.rk-izgara { display: grid; grid-template-columns: 232px minmax(0, 1fr); gap: var(--b-4); align-items: start; }
.rk-ana { container-type: inline-size; min-width: 0; }
.rk-ana-kart .kart-bas { flex-wrap: nowrap; }
.rk-ana-kart .kart-bas h3 { min-width: 0; }
.rk-ana-kart .kart-bas > .sag { flex-wrap: nowrap; flex-shrink: 0; }
.rk-banka-kart { position: sticky; top: 56px; }
.rk-banka-secici { display: flex; flex-direction: column; gap: var(--b-2); padding: var(--b-2); }
.rk-banka-liste { display: flex; flex-direction: column; gap: var(--b-05); max-height: max(320px, calc(100vh - 230px)); overflow: auto; }
.rk-banka { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--b-2); height: var(--yk-7); padding: 0 var(--b-25); border: 0; border-radius: var(--r-md); background: transparent; color: var(--text); font: inherit; font-weight: 600; text-align: left; cursor: pointer; }
.rk-banka:hover { background: var(--surface-3); }
.rk-banka.secili { background: var(--marka-zemin); color: var(--marka-metin); font-weight: 700; }
.rk-sayi { flex-shrink: 0; min-width: 22px; padding: 1px 7px; border-radius: 999px; background: var(--surface-3); color: var(--text-2); font-size: var(--y-3); font-weight: 700; font-variant-numeric: tabular-nums; text-align: center; }
.rk-banka.secili .rk-sayi { background: var(--surface); color: var(--marka-metin); }
.rk-banka-ust { display: none; margin-bottom: var(--b-3); }
.rk-banka-sec .secim { max-width: 360px; }
@container rk (max-width: 1000px) {
  .rk-izgara { grid-template-columns: minmax(0, 1fr); }
  .rk-banka-kart { display: none; }
  .rk-banka-ust { display: block; }
}
.rk-agac-kap { display: grid; grid-template-columns: minmax(270px, 38%) minmax(0, 1fr); gap: var(--b-4); align-items: start; }
.rk-sol { position: sticky; top: 56px; display: flex; flex-direction: column; gap: var(--b-2); min-width: 0; max-height: max(380px, calc(100vh - 196px)); }
.rk-sol-ust { display: flex; flex-direction: column; gap: var(--b-2); }
.rk-arama-satir { display: flex; align-items: center; gap: var(--b-1); }
.rk-arama-satir .arama-kutusu { flex: 1 1 auto; max-width: none; min-width: 0; }
.rk-sayaclar { display: flex; align-items: center; justify-content: space-between; gap: var(--b-2); min-width: 0; }
.rk-sayaclar > .kes { flex: 0 1 auto; }
.rk-sayaclar > .kes b { color: var(--text); }
.rk-sayaclar > label { flex-shrink: 0; }
.rk-onay { display: inline-flex; align-items: center; gap: var(--b-15); cursor: pointer; white-space: nowrap; }
.rk-onay input { margin: 0; accent-color: var(--marka); }
.rk-liste { display: flex; flex-direction: column; gap: var(--b-05); min-height: 0; overflow: auto; }
.rk-liste > * { flex: none; }
.rk-grup { display: flex; flex-direction: column; }
.rk-grup-bas { display: flex; align-items: center; gap: var(--b-05); border-radius: var(--r-md); }
.rk-grup-bas:hover { background: var(--surface-2); }
.rk-grup-bas.silinmis { opacity: 0.6; }
.rk-grup-dugme { display: flex; flex: 1 1 auto; align-items: center; gap: var(--b-15); min-width: 0; padding: 7px var(--b-1) 7px var(--b-15); border: 0; background: transparent; color: var(--text); font: inherit; font-weight: 700; text-align: left; cursor: pointer; }
.rk-grup-dugme > svg { flex-shrink: 0; color: var(--muted); }
.rk-grup-dugme > .etiket, .rk-grup-dugme > .rozet { flex-shrink: 0; }
.rk-grup-ad { flex: 1 1 auto; min-width: 3rem; }
.rk-grup-kod { flex: 0 1 auto; max-width: 30%; font-size: var(--y-2); font-weight: 500; color: var(--muted); }
.rk-grup-icerik { display: flex; flex-direction: column; gap: 1px; padding-left: 14px; }
.rk-kod { display: flex; align-items: center; gap: var(--b-25); width: 100%; min-height: var(--yk-6); padding: 0 var(--b-25); border: 0; border-radius: var(--r-md); background: transparent; color: var(--text); font: inherit; text-align: left; cursor: pointer; }
.rk-kod:hover { background: var(--surface-2); }
.rk-kod.secili { background: var(--marka-zemin); }
.rk-kod.pasif .rk-kod-no { color: var(--muted); }
.rk-kod.silinmis { opacity: 0.6; }
.rk-kod > .rozet { flex-shrink: 0; }
.rk-kod-no { flex: none; min-width: 48px; font-weight: 700; color: var(--marka-metin); }
.rk-kod-ad { flex: 1 1 auto; min-width: 0; }
.rk-kilit { display: grid; place-items: center; width: 32px; height: var(--yk-5); color: var(--muted); }
.rk-daha { margin: var(--b-05) 0 var(--b-05) var(--b-15); padding: 5px var(--b-2); border: 0; border-radius: var(--r-md); background: transparent; color: var(--marka-metin); font: inherit; font-size: var(--y-5); font-weight: 700; text-align: left; cursor: pointer; }
.rk-daha:hover { background: var(--marka-zemin); }
.rk-bos { margin: var(--b-2) 0; color: var(--muted); }
.rk-bos-kap { padding: var(--b-5) 0; }
.rk-not { margin: 0; font-size: var(--y-5); color: var(--muted); }
.rk-soru { margin: 0; line-height: 1.5; }
.rk-metin { white-space: pre-wrap; overflow-wrap: anywhere; }
.rk-sag { display: flex; flex-direction: column; gap: var(--b-3); min-width: 0; }
.rk-kok { padding: var(--b-4); border-radius: var(--r-md); background: var(--surface-2); }
.rk-kok-ust { display: flex; align-items: center; gap: var(--b-2); min-width: 0; }
.rk-kok-ust > * { flex-shrink: 0; }
.rk-yol-kap { display: flex; flex: 0 1 auto; min-width: 0; }
.rk-yol-kap > .etiket { min-width: 0; overflow: hidden; }
.rk-yol { display: block; max-width: 100%; }
.rk-kok-kod { font-size: var(--y-12); font-weight: 800; color: var(--marka-metin); }
.rk-eylem { display: inline-flex; align-items: center; gap: var(--b-1); margin-left: auto; }
.rk-kok-baslik { margin-top: var(--b-15); font-size: var(--y-9); font-weight: 600; line-height: 1.4; }
.rk-alanlar { margin-top: var(--b-3); }
.rk-dallar { display: flex; flex-direction: column; gap: var(--b-2); margin: 0; padding: 0; list-style: none; }
.rk-dal { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: var(--b-2); align-items: start; }
.rk-sira { display: grid; place-items: center; width: 24px; height: var(--yk-1); margin-top: var(--b-25); border-radius: 50%; background: var(--marka); color: var(--dolgu-metin); font-size: var(--y-3); font-weight: 800; }
.rk-dugum { padding: var(--b-3) var(--b-4); border-radius: var(--r-md); background: var(--surface-2); }
.rk-dugum.silinmis { opacity: 0.6; }
.rk-dugum-ust { display: flex; align-items: center; gap: var(--b-2); min-width: 0; }
.rk-dugum-ust > * { flex-shrink: 0; }
.rk-dugum-ad { flex: 1 1 auto; min-width: 0; font-weight: 700; line-height: 1.4; }
.rk-dugum-kod { font-weight: 700; color: var(--marka-metin); }
@container (max-width: 780px) {
  .rk-agac-kap { grid-template-columns: minmax(0, 1fr); }
  .rk-sol { position: static; max-height: 460px; }
}
.rk-form { display: flex; flex-direction: column; gap: var(--b-3); }
.rk-izgara-form { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 0 var(--b-4); align-items: start; }
.rk-izgara-form > * { min-width: 0; }
.rk-s1 { grid-column: span 1; }
.rk-s2 { grid-column: span 2; }
.rk-s3 { grid-column: span 3; }
.rk-s4 { grid-column: span 4; }
.rk-s6 { grid-column: span 6; }
.rk-s12 { grid-column: 1 / -1; }
.rk-kisa { min-height: 110px; }
@media (max-width: 900px) {
  .rk-s1, .rk-s2 { grid-column: span 3; }
  .rk-s3 { grid-column: span 6; }
  .rk-s4, .rk-s6 { grid-column: 1 / -1; }
}
.rk-dosya { display: flex; align-items: center; gap: var(--b-3); min-width: 0; }
.rk-dosya > .kes { flex: 1 1 auto; }
.rk-onizleme { display: flex; flex-direction: column; gap: var(--b-3); padding: var(--b-3); border-radius: var(--r-md); background: var(--surface-2); }
.rk-mini { width: 100%; border-collapse: collapse; font-size: var(--y-6); }
.rk-mini td { padding: var(--b-15) var(--b-1); border-top: 1px solid var(--ayrac); }
.rk-mini td:last-child { text-align: right; font-weight: 700; font-variant-numeric: tabular-nums; }
.rk-mini .ok { color: var(--ok); }
.rk-mini .bilgi { color: var(--info); }
.rk-mini .uyari { color: var(--warn); }
.rk-satir { display: inline-flex; align-items: center; gap: var(--b-2); flex-wrap: nowrap; }
.rk-hata-metin { color: var(--err); }
.satir-menu .btn { justify-content: flex-start; }
.kt-sayfa { gap: var(--b-3); }
.kt-onay { display: flex; align-items: center; gap: var(--b-2); font-size: var(--y-6); color: var(--text-2); cursor: pointer; white-space: nowrap; }
.kt-onay input { width: 15px; height: 15px; margin: 0; accent-color: var(--aksan); }
.kt-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--b-3); align-items: start; }
@container (max-width: 760px) {
  .kt-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.kt-kolon { display: flex; flex-direction: column; gap: var(--b-2); min-width: 0; }
.kt-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; min-width: 0; }
.kt-satir { display: flex; align-items: center; gap: var(--b-15); min-width: 0; padding: var(--b-1) var(--b-1) var(--b-1) var(--b-2); border-radius: var(--r-sm); }
.kt-satir + .kt-satir { margin-top: var(--b-05); }
.kt-satir:hover { background: var(--surface-2); }
.kt-satir.secili { background: var(--vurgu-soft); }
.kt-satir.pasif .kt-ad { color: var(--muted); }
.kt-govde-dugme { all: unset; box-sizing: border-box; flex: 1 1 auto; min-width: 0; cursor: pointer; padding: 3px 0; border-radius: var(--r-sm); }
.kt-govde-dugme:focus-visible { outline: 2px solid var(--odak); outline-offset: 1px; }
.kt-metin { display: flex; flex-direction: column; min-width: 0; }
.kt-ad { font-weight: 600; font-size: var(--y-7); color: var(--text); }
.kt-alt { font-size: var(--y-3); color: var(--muted); font-variant-numeric: tabular-nums; }
.kt-alt.uyari { color: var(--warn); }
.kt-satir .rozet { flex: none; }
.kt-satir .satir-eylemleri { flex: none; }
.kt-alt-cubuk { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b-2) var(--b-3); padding-top: var(--b-2); border-top: 1px solid var(--ayrac); }
.kt-alt-cubuk .sayfalama { margin-left: auto; }
.kt-toplam { font-size: var(--y-4); color: var(--muted); white-space: nowrap; }
.kt-toplam b { color: var(--text); font-variant-numeric: tabular-nums; }
.kt-form { display: flex; flex-direction: column; gap: var(--b-3); }
.kt-ust-bilgi { font-size: var(--y-6); color: var(--muted); }
.kt-ust-bilgi b { color: var(--text); font-weight: 700; }
.kt-iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-3) var(--b-4); }
.kt-ipucu { font-size: var(--y-3); line-height: 1.4; color: var(--muted); margin-top: -4px; }
.gr-sayfa .liste-arac .fc-satir { align-items: center; flex-wrap: nowrap; }
.gr-etiket { font-size: var(--y-4); font-weight: 700; color: var(--text-2); white-space: nowrap; }
.gr-tarih { width: 150px; flex: 0 0 150px; }
.gr-aralik { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.gr-tablo { min-width: 0; }
.gr-tablo .tablo { table-layout: fixed; }
.gr-tablo .tablo :is(th, td) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gr-tablo .tablo td { padding-block: 9px; }
.gr-tablo .tablo th { letter-spacing: 0.02em; }
.gr-tablo .tablo :is(th, td):first-child { width: 170px; }
.gr-tablo .tablo .gr-para { width: 112px; }
.gr-tablo .tablo .gr-ikincil { color: var(--text-2); font-size: var(--y-5); }
.gr-tablo .tablo tfoot tr.toplam td { background: color-mix(in srgb, var(--aksan-soluk) 70%, transparent); font-weight: 800; }
@container (max-width: 1000px) {
  .gr-tablo .tablo .gr-ek-il { display: none; }
}
@container (max-width: 760px) {
  .gr-tablo .tablo .gr-ikincil { display: none; }
}
.gd-ozet-ipucu { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.gd-uyari { padding: var(--b-3) var(--kart-x) 0; }
.gd-tablo { min-width: 0; }
.gd-tablo .tablo { table-layout: fixed; }
.gd-tablo .tablo :is(th, td) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gd-tablo .tablo td { padding-block: var(--b-2); vertical-align: middle; }
.gd-tablo .tablo .gd-talep { width: 204px; }
.gd-tablo .tablo .gd-banka { width: 140px; }
.gd-tablo .tablo .gd-tarih, .gd-tablo .tablo .gd-tanzim { width: 136px; }
.gd-tablo .tablo .gd-konum { width: 116px; }
.gd-tablo .tablo .gd-tasinmaz { width: 130px; }
.gd-tablo .tablo .gd-atanan { width: 124px; }
.gd-tablo .tablo .gd-denetmen { width: 120px; }
.gd-tablo .tablo .gd-ikinci { width: 104px; }
.gd-tablo .tablo .gd-asama { width: 136px; }
.gd-tablo .tablo .gd-tutar { width: 196px; }
.gd-coklu { display: flex; align-items: center; justify-content: space-between; gap: var(--b-2); width: 100%; min-width: 0; text-align: left; cursor: pointer; }
.gd-coklu .kes { min-width: 0; }
.gd-tablo .tablo td.gd-tutar, .gd-tablo .tablo th.gd-tutar { text-align: right; }
.gd-tutar { display: flex; align-items: center; justify-content: flex-end; gap: var(--b-15); min-width: 0; }
.gd-tutar-deger { display: flex; flex-direction: column; align-items: flex-end; min-width: 0; font-variant-numeric: tabular-nums; }
.gd-tutar-deger span { font-size: var(--y-4); }
.gd-ac { flex-shrink: 0; display: inline-grid; place-items: center; width: 26px; height: var(--yk-2); padding: 0; border: 0; border-radius: 7px; background: var(--surface-3); color: var(--text-2); cursor: pointer; }
.gd-ac:hover { color: var(--text); }
.gd-ayrinti { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: var(--b-2) var(--b-4); margin: 0; padding: var(--b-2) var(--kart-x); font-variant-numeric: tabular-nums; }
.gd-ayrinti > div, .gd-ozet > div { display: flex; align-items: baseline; justify-content: space-between; gap: var(--b-3); min-width: 0; }
.gd-ayrinti dt, .gd-ozet dt { font-size: var(--y-5); color: var(--text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gd-ayrinti dd, .gd-ozet dd { margin: 0; font-weight: 700; white-space: nowrap; }
.gd-ozet { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: var(--b-2) var(--b-4); margin: 0; padding: var(--b-3) var(--kart-x); border-top: 1px solid var(--ayrac); background: var(--surface-2); }
@container (max-width: 1280px) {
  .gd-tablo .tablo .gd-tasinmaz, .gd-tablo .tablo .gd-tanzim { display: none; }
}
@container (max-width: 1250px) {
  .gd-tablo .tablo .gd-denetmen { display: none; }
}
@container (max-width: 1120px) {
  .gd-tablo .tablo .gd-ikinci, .gd-tablo .tablo .gd-konum { display: none; }
}
@container (max-width: 860px) {
  .gd-tablo .tablo .gd-tarih { display: none; }
}
.gd-sayfa .fc-cip { white-space: nowrap; }
:root, :is([data-tema='acik'], [data-bs-theme='light']) {
  --ro-s1: #2a78d6;
  --ro-ok: #0f7551; --ro-uyari: #c98500; --ro-hata: #c0352b; --ro-bilgi: #1f5bb0; --ro-notr: #626e85;
}
:is([data-tema='koyu'], [data-bs-theme='dark']) {
  --ro-s1: #3987e5;
  --ro-ok: #3dbe8b; --ro-uyari: #f5c242; --ro-hata: #e5534b; --ro-bilgi: #6a9ceb; --ro-notr: #8793a8;
}
.ro-kart { container-type: inline-size; }
.ro-kart .kart-bas { flex-wrap: nowrap; }
.ro-kart .kart-bas > .sag { flex-wrap: nowrap; flex-shrink: 0; gap: var(--b-1); }
.ro-kart .kart-bas h3 { min-width: 0; }
.ro-ok { color: var(--ok); }
.ro-uyari { color: var(--warn); }
.ro-hata { color: var(--err); }
.ro-soluk-ton { color: var(--muted); }
@container (max-width: 940px) {
  .ro-suz-ad { display: none; }
}
.ro-uyari-bant { display: flex; align-items: center; gap: var(--b-2); padding: var(--b-25) var(--b-4); border-radius: var(--r-md); background: var(--warn-soft); color: var(--text); font-size: var(--y-6); }
.ro-uyari-bant svg { flex-shrink: 0; color: var(--warn); }
.ro-uyari-bant span { min-width: 0; }
.ro-ozet { display: grid; grid-template-columns: repeat(var(--ro-n, 3), minmax(0, 1fr)); gap: var(--b-3); }
.ro-ozet-kutu { display: flex; flex-direction: column; gap: var(--b-05); min-width: 0; padding: var(--b-3) var(--b-4); border-radius: var(--r-md); background: var(--surface-2); }
.ro-ozet-kutu.ton-uyari .ro-ozet-deger { color: var(--warn); }
.ro-ozet-kutu.ton-hata .ro-ozet-deger { color: var(--err); }
.ro-ozet-kutu.ton-basari .ro-ozet-deger { color: var(--ok); }
.ro-ozet-kutu.ton-bilgi .ro-ozet-deger { color: var(--marka-metin); }
.ro-ozet-deger { font-size: var(--y-15); line-height: 1.2; font-weight: 800; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@container (max-width: 640px) { .ro-ozet-deger { font-size: var(--y-13); } .ro-ozet-kutu { padding: var(--b-25) var(--b-3); } }
.ro-ikili { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: var(--b-4); align-items: stretch; }
@container (max-width: 1060px) { .ro-ikili { grid-template-columns: minmax(0, 1fr); } }
.ro-harita-kap { min-width: 0; }
.ro-harita-yer { position: relative; }
.ro-harita { display: block; width: 100%; height: auto; max-height: 440px; }
.ro-il { stroke: var(--surface); stroke-width: 0.7; stroke-linejoin: round; transition: opacity 0.12s; }
.ro-il.tik { cursor: pointer; }
.ro-il.ac { stroke: var(--text); stroke-width: 1.3; }
.ro-il.soluk { opacity: 0.3; }
.ro-harita-efsane { display: flex; align-items: center; gap: var(--b-2); margin-top: var(--b-2); font-size: var(--y-4); color: var(--muted); font-variant-numeric: tabular-nums; }
.ro-harita-bar { flex: 1 1 auto; max-width: 220px; height: 10px; border-radius: 5px; background: linear-gradient(90deg, color-mix(in srgb, var(--ro-s1) 22%, var(--surface)), color-mix(in srgb, var(--ro-s1) 98%, var(--surface))); }
.ro-ipucu { position: absolute; z-index: 5; display: flex; flex-direction: column; gap: 3px; min-width: 150px; padding: var(--b-2) var(--b-25); border-radius: var(--r-md); background: var(--ipucu-zemin); color: var(--ipucu-metin); font-size: var(--y-4); line-height: 1.3; pointer-events: none; white-space: nowrap; box-shadow: var(--sh-2); }
.ro-ipucu-baslik { font-size: var(--y-6); font-weight: 700; }
.ro-ipucu-satir { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.ro-ipucu-satir b { font-weight: 700; font-variant-numeric: tabular-nums; }
.ro-ipucu-soluk { opacity: 0.78; }
.ro-ipucu-ayrac { margin: 3px 0; border: 0; border-top: 1px solid currentColor; opacity: 0.25; }
.ro-cubuklar { --ro-dg: 90px; display: flex; flex-direction: column; gap: var(--b-05); margin: 0 -8px; }
.ro-cubuk { display: grid; grid-template-columns: minmax(70px, 30%) minmax(0, 1fr) var(--ro-dg); align-items: center; gap: var(--b-3); width: 100%; min-height: var(--ro-satir, 30px); padding: 3px var(--b-2); border: 0; border-radius: var(--r-md); background: none; color: inherit; font: inherit; text-align: left; }
.ro-cubuk.tik { cursor: pointer; }
@container (min-width: 1061px) { .ro-ikili { --ro-satir: 40px; } }
.ro-cubuk.tik:hover { background: var(--surface-2); }
.ro-cubuk.secili { background: var(--marka-zemin); }
.ro-cubuk-ad { font-size: var(--y-6); color: var(--text); }
.ro-cubuk.secili .ro-cubuk-ad { color: var(--marka-metin); font-weight: 700; }
.ro-cubuk-iz { display: block; height: 14px; background: var(--surface-3); border-radius: 0 4px 4px 0; }
.ro-cubuk.secili .ro-cubuk-iz { background: var(--surface); }
.ro-cubuk-dolgu { display: block; height: 100%; border-radius: 0 4px 4px 0; }
.ro-cubuk-deger { display: flex; align-items: center; justify-content: flex-end; font-size: var(--y-6); font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ro-pay { display: inline-block; min-width: 38px; margin-left: var(--b-15); font-size: var(--y-4); font-weight: 400; text-align: right; }
@container (max-width: 480px) { .ro-cubuk { grid-template-columns: minmax(60px, 34%) minmax(0, 1fr) auto; } }
.ro-yigin { display: flex; gap: var(--b-05); min-width: 0; }
.ro-yigin-parca { display: block; min-width: 2px; border-radius: 3px; }
.ro-bantlar { display: grid; grid-template-columns: repeat(var(--ro-n, 3), minmax(0, 1fr)); gap: var(--b-2); }
.ro-bant { display: grid; grid-template-columns: 10px minmax(0, 1fr); align-items: center; column-gap: var(--b-2); row-gap: 1px; min-width: 0; padding: var(--b-2) var(--b-25); border: 0; border-radius: var(--r-md); background: var(--surface-2); color: var(--text); font: inherit; font-size: var(--y-5); text-align: left; cursor: pointer; }
.ro-bant:hover { background: var(--surface-3); }
.ro-bant i { grid-row: 1 / span 2; width: 10px; height: 10px; border-radius: 3px; }
.ro-bant-ad { grid-column: 2; }
.ro-bant-say { grid-column: 2; display: flex; align-items: baseline; gap: var(--b-2); font-variant-numeric: tabular-nums; }
.ro-bant-say b { font-size: var(--y-9); }
@container (max-width: 520px) { .ro-bantlar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.ro-durumlar { display: flex; flex-direction: column; gap: var(--b-2); margin: 0; padding: 0; list-style: none; }
.ro-durumlar li { display: grid; grid-template-columns: 15px minmax(0, 1fr) auto; align-items: start; gap: var(--b-2); font-size: var(--y-6); line-height: 1.4; }
.ro-durumlar li > svg { margin-top: var(--b-05); color: var(--muted); }
.ro-durumlar li.hata > svg { color: var(--err); }
.ro-durumlar li.uyari > svg { color: var(--warn); }
.ro-durumlar li.basari > svg { color: var(--ok); }
.ro-durumlar li.ayrac { margin-top: var(--b-05); padding-top: var(--b-25); border-top: 1px solid var(--ayrac); }
.ro-say { padding: 0; border: 0; background: none; color: inherit; font: inherit; font-weight: 700; cursor: pointer; font-variant-numeric: tabular-nums; }
.ro-say:hover { color: var(--marka-metin); text-decoration: underline; text-underline-offset: 3px; }
.ro-tablo { --tablo-x: var(--kart-x); }
.ro-tablo .tablo { table-layout: fixed; width: 100%; }
.ro-tablo .tablo :is(th, td) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ro-tablo .tablo :is(th, td):not(:first-child):not(:last-child) { padding-inline: var(--b-2); }
.ro-tablo-ic { margin: 0 calc(-1 * var(--kart-x)); }
.ro-tablo .tablo tr.ek td { padding-block: 0; }
@container (max-width: 1020px) { .ro-tablo .ro-gizle-1020 { display: none; } }
@container (max-width: 940px) { .ro-tablo .ro-gizle-940 { display: none; } }
@container (max-width: 860px) { .ro-tablo .ro-gizle-860 { display: none; } }
@container (max-width: 760px) { .ro-tablo .ro-gizle-760 { display: none; } }
@container (max-width: 640px) { .ro-tablo .ro-gizle-640 { display: none; } }
@container (max-width: 520px) { .ro-tablo .ro-gizle-520 { display: none; } }
@container (max-width: 480px) { .ro-tablo .ro-gizle-480 { display: none; } }
.ro-liste-arac { display: flex; align-items: center; gap: var(--b-3); flex-wrap: nowrap; padding: var(--b-3) var(--kart-x); }
.ro-liste-arac .arama-kutusu { flex: 1 1 220px; max-width: 320px; min-width: 120px; }
.ro-liste-alt { display: flex; align-items: center; gap: var(--b-3); flex-wrap: nowrap; padding: var(--b-3) var(--kart-x); border-top: 1px solid var(--ayrac); }
.ro-liste-alt .kucuk-secim { width: 104px; min-width: 0; }
.ro-liste-alt .sayfalama { margin-left: auto; }
.ro-sayili { display: inline-flex; align-items: center; justify-content: flex-end; gap: var(--b-25); }
.ro-mini { display: inline-block; width: 64px; height: 8px; border-radius: 0 3px 3px 0; background: var(--surface-3); }
.ro-mini i { display: block; height: 100%; border-radius: 0 3px 3px 0; }
.ro-mini-yigin { display: flex; gap: 1px; width: 100%; max-width: 110px; height: 10px; }
.ro-mini-yigin i { display: block; min-width: 2px; border-radius: 2px; }
.ro-num { font-variant-numeric: tabular-nums; }
.ro-ik { display: inline-flex; align-items: baseline; gap: var(--b-1); }
.ro-ik .soluk { font-size: var(--y-4); }
.ro-coklu { display: flex; align-items: center; justify-content: space-between; gap: var(--b-2); width: 100%; text-align: left; cursor: pointer; }
.ro-coklu svg { flex-shrink: 0; color: var(--muted); }
.ro-detay { --kart-x: 20px; display: flex; flex-direction: column; min-width: 0; }
.ro-detay-bilgi { display: flex; align-items: center; gap: var(--b-15); min-width: 0; padding: var(--b-3) var(--kart-x) 0; }
.ro-detay-bilgi.uyari { color: var(--warn); }
.ro-detay-bilgi svg { flex-shrink: 0; }
.ro-tablo .tablo th { text-overflow: clip; white-space: normal; line-height: 1.15; vertical-align: bottom; }
.ro-tablo .tablo th .tablo-sirala { text-align: right; }
.ro-isaret { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 20px; height: 20px; margin-left: var(--b-1); border-radius: 6px; background: var(--surface-3); color: var(--muted); vertical-align: middle; }
.ro-isaret.uyari { background: var(--warn-soft); color: var(--warn); }
.ro-isaret.hata { background: var(--err-soft); color: var(--err); }
.ro-isaret.bilgi { background: var(--info-soft); color: var(--info); }
.ro-kisi-satir { display: inline-flex; align-items: center; max-width: 100%; min-width: 0; }
.ro-kisi-satir .baglanti-dugmesi { flex: 0 1 auto; font-weight: 600; }
.ro-ek { font-size: var(--y-4); color: var(--muted); }
@container (max-width: 940px) { .ro-bag-ad { display: none; } }
@container (max-width: 1100px) { .ro-tablo .ro-gizle-1100 { display: none; } }
.ro-nokta { display: inline-block; width: 8px; height: 8px; margin-right: var(--b-1); border-radius: 2px; vertical-align: baseline; }
.s3-ozet { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--b-3); }
.s3-ozet-kutu { display: flex; flex-direction: column; gap: var(--b-05); min-width: 0; padding: var(--b-3) var(--b-4); border-radius: var(--r-md); background: var(--surface-2); color: var(--text-2); }
.s3-ozet-kutu.ton-basari { background: var(--ok-soft); }
.s3-ozet-kutu.ton-basari .s3-ozet-deger b { color: var(--ok); }
.s3-ozet-kutu.ton-hata { background: var(--err-soft); }
.s3-ozet-kutu.ton-hata .s3-ozet-deger b { color: var(--err); }
.s3-ozet-deger { display: flex; align-items: baseline; gap: var(--b-2); min-width: 0; white-space: nowrap; }
.s3-ozet-deger b { font-size: var(--y-15); line-height: 1.2; font-weight: 800; font-variant-numeric: tabular-nums; color: var(--text); }
.s3-ozet-deger span { font-size: var(--y-7); color: var(--text-3); font-variant-numeric: tabular-nums; }
.s3-kapsam { max-width: 360px; }
.s3-talep { display: flex; flex-direction: column; gap: 0; min-width: 0; line-height: 1.3; }
.s3-talep .no { font-weight: 700; }
.s3-c-talep { width: 22%; }
.s3-c-nitelik { width: 12%; }
.s3-c-uzman { width: 22%; }
.s3-c-tarih { width: 13%; }
.s3-c-durum { width: 156px; }
.ro-kart .ro-liste-arac .yp-secim { flex-shrink: 1; min-width: 0; overflow: hidden; }
.ro-kart .ro-liste-arac .yp-secim button { white-space: nowrap; }
@container (max-width: 900px) {
  .s3-c-nitelik { display: none; }
  .s3-kapsam { display: none; }
}
@container (max-width: 760px) {
  .s3-c-tarih:nth-child(4) { display: none; }
}
.hk-sayi { font-variant-numeric: tabular-nums; white-space: nowrap; }
.hk-kalin { font-weight: 700; }
.hk-sag { text-align: right; justify-self: end; }
.hk-sirket { width: 176px; min-width: 0; flex-shrink: 1; }
.hk-suz { width: 160px; min-width: 0; flex-shrink: 0; }
.hk-kart .ro-liste-arac .arama-kutusu { flex: 1 1 200px; min-width: 120px; }
.hk-olay { display: flex; align-items: center; gap: var(--b-15); min-width: 0; }
.hk-olay svg { flex-shrink: 0; }
.hk-islem { display: inline-flex; align-items: center; justify-content: flex-end; gap: var(--b-1); }
.hk-kalem-dugme { display: inline-flex; align-items: center; gap: var(--b-1); max-width: 100%; padding: var(--b-05) var(--b-15); border: 0; border-radius: var(--r-sm); background: none; color: var(--text-2); font: inherit; cursor: pointer; white-space: nowrap; }
.hk-kalem-dugme:hover { background: var(--surface-2); color: var(--text); }
.hk-kalem-dugme[aria-expanded='true'] { background: var(--surface-2); color: var(--text); }
.hk-kalem-dugme .ro-isaret { margin-left: 0; width: 18px; height: 18px; }
.hk-kalemler { display: grid; grid-template-columns: minmax(0, 1.6fr) repeat(4, minmax(72px, 1fr)); gap: var(--b-05) var(--b-4); margin: var(--b-15) var(--kart-x) var(--b-3); padding: var(--b-2) var(--b-3); border-radius: var(--r-md); background: var(--surface-2); }
.hk-kalem-satir { display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; align-items: center; min-height: var(--yk-2); font-size: var(--y-6); }
.hk-form { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0 var(--b-4); align-items: start; }
.hk-bir { grid-column: span 1; min-width: 0; }
.hk-iki { grid-column: span 2; min-width: 0; }
.hk-uc { grid-column: span 3; min-width: 0; }
.hk-tam { grid-column: 1 / -1; min-width: 0; }
.hk-form .giris, .hk-form .secim { width: 100%; }
.hk-kalem-tablo { --kart-x: 0px; }
.hk-kalem-tablo .tablo .giris { height: var(--yk-4); text-align: right; }
.hk-ozet-satir { display: flex; align-items: baseline; gap: var(--b-2); margin: 0; min-width: 0; }
@container (max-width: 1240px) { .hk-m-tahmini { display: none; } }
@container (max-width: 1100px) { .hk-m-cizim { display: none; } }
@container (max-width: 1020px) { .hk-m-daire { display: none; } }
@container (max-width: 940px) { .hk-m-pin { display: none; } }
@container (max-width: 870px) { .hk-m-adres { display: none; } }
@container (max-width: 780px) { .hk-m-yakin { display: none; } }
@container (max-width: 670px) { .hk-m-faturali { display: none; } .hk-rol { display: none; } }
@container (max-width: 1340px) { .hk-rol-tablo .hk-m-tahmini { display: none; } }
@container (max-width: 1200px) { .hk-rol-tablo .hk-m-cizim { display: none; } }
@container (max-width: 1120px) { .hk-rol-tablo .hk-m-daire { display: none; } }
@container (max-width: 1040px) { .hk-rol-tablo .hk-m-pin { display: none; } }
@container (max-width: 970px) { .hk-rol-tablo .hk-m-adres { display: none; } }
@container (max-width: 880px) { .hk-rol-tablo .hk-m-yakin { display: none; } }
@container (max-width: 1540px) { .hk-h-yuzey { display: none; } }
@container (max-width: 1380px) { .hk-h-konum { display: none; } }
@container (max-width: 1220px) { .hk-h-yaricap { display: none; } }
@container (max-width: 1130px) { .hk-h-sonuc { display: none; } }
@container (max-width: 1060px) { .hk-h-ayrinti { display: none; } }
@container (max-width: 1120px) { .hk-f-dagitilan { display: none; } }
@container (max-width: 1000px) { .hk-f-sirket { display: none; } }
@container (max-width: 860px) { .hk-f-no { display: none; } }
@container (max-width: 940px) { .hk-sirket { width: 132px; } }
.hk-hareket .tablo tbody td { height: 42px; }
.hk-faturalar .tablo tbody tr:not(.ek) td { height: 50px; }
.mo-sayi { font-variant-numeric: tabular-nums; white-space: nowrap; }
.mo-para { display: inline-flex; align-items: baseline; gap: 3px; max-width: 100%; font-variant-numeric: tabular-nums; white-space: nowrap; }
.mo-para small { font-size: var(--y-1); font-weight: 600; color: var(--muted); }
.mo-para.kalin { font-weight: 800; color: var(--text); }
.mo-para.hata, .mo-para.hata small { color: var(--err); font-weight: 700; }
.mo-para.ok, .mo-para.ok small { color: var(--ok); font-weight: 700; }
.mo-para.soluk { color: var(--muted); }
.mo-hap { display: inline-flex; max-width: 100%; }
.mo-hap .rozet { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.mo-hap.kesik .rozet { background: transparent; color: var(--text-3); outline: 1px dashed var(--line-3); outline-offset: -1px; }
.mo-sayi-hap { display: inline-grid; place-items: center; min-width: 24px; height: 22px; padding: 0 7px; border-radius: 999px; font-size: var(--y-4); font-weight: 800; font-variant-numeric: tabular-nums; }
.mo-sayi-hap.hata { background: var(--err-soft); color: var(--err); }
.mo-sayi-hap.uyari { background: var(--warn-soft); color: var(--warn); }
.mo-sayi-hap.kesik { color: var(--text-3); outline: 1px dashed var(--line-3); outline-offset: -1px; }
.mo-ozet { display: grid; grid-template-columns: var(--mo-sutun); gap: var(--b-2); padding: var(--b-3) var(--kart-x); }
.mo-ozet-oge { display: flex; flex-direction: column; gap: var(--b-05); min-width: 0; padding: var(--b-25) 14px; border-radius: var(--r-md); background: var(--surface-2); }
.mo-ozet-oge b { font-size: var(--y-11); font-weight: 800; }
.mo-ozet-oge.t-marka b { color: var(--marka-metin); }
.mo-ozet-oge.t-uyari b { color: var(--warn); }
.mo-ozet-oge.t-basari b { color: var(--ok); }
.mo-ozet-oge.t-hata b { color: var(--err); }
.mo-ozet-oge.t-soluk b { color: var(--muted); }
@container (max-width: 1100px) {
  .mo-ozet { gap: var(--b-15); }
  .mo-ozet-oge { padding: var(--b-2) var(--b-25); }
  .mo-ozet-oge b { font-size: var(--y-9); }
}
@container (max-width: 820px) {
  .mo-ozet-oge b { font-size: var(--y-8); }
  .mo-ozet-oge .ikincil { font-size: var(--y-2); }
}
.mo-toplam { font-size: var(--y-5); color: var(--muted); white-space: nowrap; }
.mo-toplam b { color: var(--text); }
.liste-alt .mo-boyut { width: 112px; min-width: 0; }
.mo-tablo .tablo { table-layout: fixed; width: 100%; }
.mo-tablo .tablo td { vertical-align: middle; padding-block: 9px; }
.mo-tablo .tablo :is(th, td) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mo-tablo .tablo :is(th, td):not(:first-child):not(:last-child) { padding-inline: var(--b-2); }
.mo-tablo .tablo tbody tr.mo-satir-uyari td { background: var(--warn-soft); }
.mo-tablo .tablo tbody tr.mo-satir-hata td { background: var(--err-soft); }
.mo-tablo .tablo tbody tr.mo-satir-bilgi td { background: var(--info-soft); }
.mo-tablo .tablo tbody tr.mo-satir-soluk td { background: var(--surface-2); }
.mo-tablo .tablo tfoot td { padding: 11px var(--b-2); border-top: 1px solid var(--line); font-weight: 800; font-variant-numeric: tabular-nums; background: var(--surface); }
.mo-tablo .tablo tfoot td:first-child { padding-left: var(--tablo-x); }
.mo-tablo .tablo tfoot td:last-child { padding-right: var(--tablo-x); }
.mo-tablo .tablo .tablo-secim { padding-right: 0; overflow: visible; }
.mo-tablo .kalin { font-weight: 700; color: var(--text); }
.mo-tablo a.mo-baglanti { display: inline-flex; align-items: center; gap: var(--b-1); max-width: 100%; font-weight: 700; }
.mo-tablo a.mo-baglanti .kes { min-width: 0; }
.mo-iki { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
.mo-iki > .kes { display: block; min-width: 0; }
.mo-satir { display: flex; align-items: center; gap: var(--b-15); min-width: 0; }
.mo-satir > .kes { min-width: 0; }
.mo-satir > :not(.kes) { flex-shrink: 0; }
.mo-etiket { display: inline-flex; align-items: center; gap: var(--b-1); height: 20px; padding: 0 7px; border-radius: 999px; background: var(--marka-zemin); color: var(--marka-metin); font-size: var(--y-2); font-weight: 800; white-space: nowrap; }
.mo-etiket.uyari { background: var(--warn-soft); color: var(--warn); }
.mo-etiket.hata { background: var(--err-soft); color: var(--err); }
.mo-etiket.basari { background: var(--ok-soft); color: var(--ok); }
.mo-etiket.bilgi { background: var(--info-soft); color: var(--info); }
.mo-etiket.kesik { background: transparent; color: var(--text-3); outline: 1px dashed var(--line-3); outline-offset: -1px; }
.mo-tarih-aralik { display: inline-flex; align-items: center; gap: var(--b-15); flex: 0 1 auto; min-width: min-content; font-size: var(--y-5); color: var(--text-3); }
.mo-tarih-aralik > span:first-child { font-weight: 700; white-space: nowrap; }
.mo-tarih-aralik .giris { width: 132px; flex: 0 0 132px; padding-inline: var(--b-2); }
.mo-tarih-aralik ~ .btn { flex-shrink: 0; }
.mo-form { display: flex; flex-direction: column; gap: var(--b-3); min-width: 0; }
.mo-iki-sutun { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-3); }
.mo-uc-sutun { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--b-3); }
.mo-maddeler { display: flex; flex-direction: column; gap: var(--b-1); margin: 0; padding-left: 18px; color: var(--text-2); font-size: var(--y-6); line-height: 1.5; }
.mo-soru { margin: 0; line-height: 1.55; color: var(--text); }
.mo-soru b { font-weight: 700; }
.mo-para-girdi { text-align: right; font-variant-numeric: tabular-nums; }
.mo-yatay { display: flex; align-items: center; gap: var(--b-2); min-width: 0; }
.mo-secim-satir { display: flex; align-items: center; gap: var(--b-2); }
.mo-dosya-secici { display: flex; flex-direction: column; gap: var(--b-15); min-width: 0; }
.mo-birak { display: flex; flex-direction: column; align-items: center; gap: var(--b-1); width: 100%; padding: var(--b-4); border: 1px dashed var(--line-3); border-radius: var(--r-md); background: var(--surface-2); color: var(--text-2); font: inherit; cursor: pointer; transition: background 0.12s, border-color 0.12s; }
.mo-birak:hover, .mo-birak.uzerinde { background: var(--marka-zemin); border-color: var(--marka-400); color: var(--marka-metin); }
.mo-birak:focus-visible { outline: 2px solid var(--marka-400); outline-offset: 2px; }
.mo-secilen { display: flex; align-items: center; gap: var(--b-25); min-width: 0; padding: var(--b-2) var(--b-2) var(--b-2) var(--b-3); border-radius: var(--r-md); background: var(--surface-2); }
.mo-secilen > svg { flex-shrink: 0; color: var(--muted); }
.mo-secilen .kes { flex: 1 1 auto; }
.mo-dosya-hata { padding: var(--b-15) var(--b-25); border-radius: var(--r-sm); background: var(--err-soft); color: var(--err); font-size: var(--y-5); }
.mo-sutun-secici { display: flex; flex-direction: column; gap: var(--b-15); }
.mo-sutun-baslik { font-size: var(--y-4); font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); padding: var(--b-05) var(--b-15); }
.mo-sutun-liste { display: flex; flex-direction: column; max-height: 360px; overflow: auto; }
.mo-sutun-oge { display: flex; align-items: center; gap: var(--b-2); min-width: 0; padding: 5px var(--b-15); border-radius: var(--r-sm); font-size: var(--y-6); cursor: pointer; }
.mo-sutun-oge:hover { background: var(--surface-3); }
.mo-sutun-oge.kilitli { color: var(--muted); cursor: default; }
.mo-sutun-oge input { margin: 0; flex-shrink: 0; }
.mo-menu { display: flex; flex-direction: column; gap: var(--b-05); }
.mo-menu .btn { justify-content: flex-start; }
.mo-menu-baslik { padding: var(--b-1) var(--b-2) var(--b-05); font-size: var(--y-3); font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); }
.mo-bos-kart { display: flex; flex-direction: column; align-items: center; gap: var(--b-15); padding: 28px var(--kart-x); color: var(--muted); text-align: center; }
.mo-denetim { display: flex; flex-direction: column; gap: var(--b-15); }
.mo-denetim-oge { display: flex; align-items: center; gap: var(--b-2); font-size: var(--y-6); color: var(--text-3); }
.mo-denetim-oge.tamam { color: var(--ok); font-weight: 700; }
.mo-denetim-oge .mo-isaret { display: grid; place-items: center; width: 18px; height: 18px; flex-shrink: 0; border-radius: 50%; }
.mo-denetim-oge.tamam .mo-isaret { background: var(--ok); color: var(--dolgu-metin); }
.mo-denetim-oge:not(.tamam) .mo-isaret { outline: 1px dashed var(--line-3); outline-offset: -1px; }
.mo-satir-dugmeleri { display: flex; align-items: center; justify-content: flex-end; gap: var(--b-05); }
.mo-yigin { display: flex; flex-direction: column; gap: var(--b-4); min-width: 0; }
.mo-bas { display: flex; align-items: center; gap: var(--b-3); min-width: 0; padding: var(--b-3) var(--kart-x) var(--b-2) var(--b-2); }
.mo-bas-metin { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; line-height: 1.3; }
.mo-baslik { margin: 0; font-size: var(--y-11); font-weight: 800; letter-spacing: 0; }
.mo-surec { padding: var(--b-2) var(--kart-x) var(--b-4); }
.mo-es { display: inline-flex; align-items: center; gap: var(--b-1); max-width: 100%; overflow: hidden; font-size: var(--y-5); font-weight: 700; white-space: nowrap; text-overflow: ellipsis; }
.mo-es.tamam { color: var(--ok); }
.mo-es.uyari { color: var(--warn); }
.mo-es.hata { color: var(--err); }
.mo-es svg { flex-shrink: 0; }
.liste-arac .fc-satir > .kucuk-secim { width: 168px !important; flex: 0 1 168px; }
.mk-tablo .tablo { table-layout: fixed; width: 100%; }
.mk-tablo .tablo :is(th, td) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mk-tablo .tablo :is(th, td):not(:first-child):not(:last-child) { padding-inline: var(--b-2); }
.mk-tablo .tablo td { padding-block: 9px; }
.mk-tablo .sag-hiza { text-align: right; }
.mk-tablo .tablo th.sag-hiza { text-align: right; }
.mk-c-kod { width: 184px; }
.mk-c-banka { width: 20%; }
.mk-c-tarih { width: 104px; }
.mk-c-dekont { width: 130px; }
.mk-c-kurum { width: 17%; }
.mk-c-tutar { width: 138px; }
.mk-grup td { background: var(--surface-3); cursor: pointer; font-weight: 700; }
.mk-grup:hover td, .mk-grup:focus-visible td { background: var(--marka-zemin); }
.mk-grup:focus-visible { outline: 2px solid var(--marka-400); outline-offset: -2px; }
.mk-grup .soluk { font-weight: 500; }
.mk-grup .mo-satir > svg { flex-shrink: 0; color: var(--muted); }
.mk-tablo .tablo tfoot td { background: var(--surface); }
.mk-tablo .tablo tfoot td:first-child { letter-spacing: 0.04em; }
.mk-tablo .tablo tfoot td.sag-hiza { text-align: right; }
@container (max-width: 1400px) { .mr-o3 { display: none; } }
@container (max-width: 1000px) { .mr-o2 { display: none; } }
.mr-tablo .tablo th .tablo-sirala { max-width: 100%; min-width: 0; }
.mr-tablo .tablo th .tablo-sirala .kes { min-width: 0; }
.mr-aralik { margin-right: var(--b-3); font-variant-numeric: tabular-nums; color: var(--text-2); }
.mr-t-kod { width: 196px; }
.mr-t-ref { width: 110px; }
.mr-t-il { width: 150px; }
.mr-t-banka { width: 170px; }
.mr-t-donem { width: 132px; }
.mr-t-uzman { width: 130px; }
.mr-t-co { width: 24%; }
.mr-t-durum { width: 128px; }
.mr-t-tarih { width: 104px; }
.mr-t-islem { width: 104px; }
@container (max-width: 1250px) { .mr-t-banka, .mr-t-il { display: none; } }
@container (max-width: 950px) { .mr-t-uzman, .mr-t-donem { display: none; } .mr-masraf span { display: none; } .mr-t-islem { width: 52px; } }
.mr-masraf { white-space: nowrap; }
.co-eylem-satiri { display: flex; flex-wrap: nowrap; gap: var(--b-2); justify-content: flex-end; padding: 0 var(--kart-x) var(--b-2); }
.co-bilgi { padding: 0 var(--kart-x) var(--b-3); }
.co-pdf { gap: var(--b-2); padding: var(--b-2) 0 0; }
.co-donem-bilgi { padding: 0 var(--kart-x) var(--b-2); }
.co-ok { color: var(--ok); font-weight: 800; }
.co-p-no { width: 152px; }
.co-p-tur { width: 104px; }
.co-p-durum { width: 150px; }
.co-p-gonder { width: 126px; }
.co-p-satir { width: 58px; }
.co-p-tutar { width: 96px; }
.co-p-odenecek { width: 112px; }
.co-p-odeme { width: 100px; }
.co-p-islem { width: 52px; }
@container (max-width: 1900px) { .co-p-g4 { display: none; } }
@container (max-width: 1750px) { .co-p-g3 { display: none; } }
@container (max-width: 1500px) { .co-p-g1 { display: none; } }
@container (max-width: 1350px) { .co-p-g3, .co-p-satir { display: none; } }
@container (max-width: 1300px) { .co-p-g2 { display: none; } }
@container (max-width: 950px) { .co-p-gonder { display: none; } }
.co-toplam-seridi { display: flex; align-items: center; gap: var(--b-5); padding: var(--b-3) var(--kart-x); border-top: 1px solid var(--ayrac); font-size: var(--y-5); color: var(--muted); white-space: nowrap; overflow: hidden; }
.co-toplam-seridi b { color: var(--text); font-variant-numeric: tabular-nums; }
.co-toplam-seridi .co-ok { color: var(--ok); }
@container (max-width: 900px) { .co-g-gizle { display: none; } }
.co-l-kod { width: var(--kod-sutun); }
.co-l-tarih { width: 102px; }
.co-l-sayi { width: 64px; }
.co-l-tutar { width: 140px; }
.co-l-islem { width: 52px; }
@container (max-width: 1000px) { .co-l-bit { display: none; } }
.co-s-kod { width: 196px; }
.co-s-ref { width: 124px; }
.co-s-il { width: 130px; }
.co-s-ada { width: 104px; }
.co-s-uzman { width: 120px; }
.co-s-bm { width: 112px; }
.co-s-tanzim { width: 96px; }
.co-s-oran { width: 56px; }
.co-s-tutar { width: 104px; }
.co-s-islem { width: 52px; }
@container (max-width: 1500px) { .co-s-ada, .co-s-tanzim { display: none; } }
@container (max-width: 1400px) { .co-s-uzman, .co-s-oran { display: none; } }
@container (max-width: 1100px) { .co-s-il, .co-s-bm { display: none; } }
.co-d-kat { width: 120px; }
.co-d-imza { width: 76px; }
.co-d-not { width: 20%; }
.co-d-tarih { width: 140px; }
.co-d-islem { width: 112px; }
@container (max-width: 900px) { .co-d-not { display: none; } }
.co-e-kod { width: 176px; }
.co-e-ref { width: 100px; }
.co-e-uzman { width: 108px; }
.co-e-durum { width: 128px; }
.co-e-bm { width: 128px; }
.co-aday-tablo .tablo-kap { border-radius: var(--r-md); box-shadow: 0 0 0 1px var(--ayrac); }
.co-fatura { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-4); align-items: start; }
@container (max-width: 900px) { .co-fatura { grid-template-columns: minmax(0, 1fr); } }
.co-sol { min-width: 0; }
.co-form-satir { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: center; gap: var(--b-3); }
.co-form-satir label { text-align: right; font-size: var(--y-6); font-weight: 600; color: var(--text-2); }
.co-kurallar { display: flex; flex-wrap: wrap; gap: var(--b-1) var(--b-4); padding: var(--b-2) var(--b-3); border-radius: var(--r-md); background: var(--surface-2); font-size: var(--y-5); color: var(--text-3); }
.co-akis { display: flex; flex-direction: column; gap: var(--b-2); margin: 0; padding: 0; list-style: none; }
.co-akis li { display: flex; }
.co-akis li.co { justify-content: flex-start; }
.co-akis li.muh { justify-content: flex-end; }
.co-balon { display: flex; flex-direction: column; gap: var(--b-1); max-width: 82%; padding: var(--b-2) var(--b-3); border-radius: var(--r-md); }
.co-akis li.co .co-balon { background: var(--warn-soft); }
.co-akis li.muh .co-balon { background: var(--marka-zemin); }
.co-not { font-size: var(--y-6); white-space: pre-wrap; }
.co-not-yaz { display: flex; align-items: flex-start; gap: var(--b-2); }
.co-not-yaz .uzun { flex: 1 1 auto; }
.co-imza { display: flex; flex-direction: column; align-items: center; gap: var(--b-2); padding: var(--b-3) 0; text-align: center; color: var(--marka-metin); }
.co-imza b { color: var(--text); }
.bm-iki-ust { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-4); align-items: start; }
.bm-iki-ust:has(> :only-child) { grid-template-columns: minmax(0, 1fr); }
.bm-iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-4); align-items: start; }
@container (max-width: 900px) { .bm-iki-ust, .bm-iki { grid-template-columns: minmax(0, 1fr); } }
.bm-donem-sayilari { display: inline-flex; align-items: center; gap: var(--b-15); white-space: nowrap; }
@container (max-width: 1100px) { .bm-donem-sayilari .rozet:not(:first-child) { display: none; } }
.bm-bas-ikon { display: inline-flex; align-items: center; justify-content: center; color: var(--muted); }
.bm-bas-ikon.hata { color: var(--err); }
.bm-bas-ikon.uyari { color: var(--warn); }
.bm-l-kod { width: var(--kod-sutun); }
.bm-l-banka { width: 92px; }
.bm-l-tarih { width: 100px; }
.bm-l-durum { width: 128px; }
.bm-l-yukleme { width: 82px; }
.bm-l-sayi { width: 62px; }
.bm-l-islem { width: 84px; }
@container (max-width: 1180px) { .bm-l-bit { display: none; } }
@container (max-width: 940px) { .bm-l-yukleme { display: none; } }
.bm-c-ref { width: 11%; }
.bm-c-kod { width: 17%; }
.bm-c-esles { width: 128px; }
.bm-c-islem { width: 56px; }
@container (max-width: 1060px) { .bm-dar-gizle { display: none; } .bm-c-kod { width: 20%; } }
.bm-m-kod { width: 20%; }
.bm-m-maya { width: 8%; }
.bm-m-ref { width: 9%; }
.bm-m-musteri { width: 15%; }
@container (max-width: 1300px) { .bm-m-maya { display: none; } }
@container (max-width: 1400px) { .bm-m-gizle { display: none; } }
.bm-b-ref { width: 14%; }
.bm-b-kod { width: 17%; }
.bm-f-tarih { width: 100px; }
.bm-o-tarih { width: 136px; }
.bm-o-fatura { width: 20%; }
.bm-o-aciklama { width: 24%; }
.bm-d-kategori { width: 128px; }
.bm-d-imzali { width: 76px; }
.bm-d-not { width: 18%; }
.bm-d-tarih { width: 138px; }
.bm-d-islem { width: 112px; }
@container (max-width: 940px) { .bm-d-not { display: none; } }
.bm-e-kod { width: 42%; }
.bm-e-ref { width: 20%; }
.bm-e-tarih { width: 108px; }
.bm-aday-tablo .tablo-kap { border-radius: var(--r-md); box-shadow: 0 0 0 1px var(--ayrac); }
.bm-onceki { display: inline-flex; align-items: center; gap: var(--b-1); max-width: 100%; padding: 0; border: 0; background: none; color: var(--info); font: inherit; font-size: var(--y-5); font-weight: 700; white-space: nowrap; cursor: pointer; }
.bm-onceki:hover { text-decoration: underline; }
.bm-fark { display: flex; flex-direction: column; align-items: flex-end; min-width: 0; line-height: 1.25; }
.bm-fark small i { font-style: normal; }
@container (max-width: 1400px) { .bm-fark small i { display: none; } }
.bm-fark small { font-size: var(--y-1); color: var(--muted); white-space: nowrap; }
.bm-tablo .tablo tbody tr.vurgulu td { background: var(--info-soft); }
.bm-liste .tablo tbody tr.vurgulu td { background: color-mix(in srgb, var(--aksan-soluk) 70%, transparent); }
.bm-baglanamayan .tablo tbody td { border-bottom: 1px dashed var(--line-2); }
.bm-mukerrer { display: flex; align-items: flex-start; gap: var(--b-2); margin: 0 var(--kart-x) var(--b-3); padding: var(--b-2) var(--b-3); border-radius: var(--r-md); background: var(--warn-soft); color: var(--warn); font-size: var(--y-6); line-height: 1.45; }
.bm-mukerrer svg { flex-shrink: 0; margin-top: var(--b-05); }
.bm-manuel { display: flex; align-items: center; justify-content: space-between; gap: var(--b-3); }
.bm-manuel > span { min-width: 0; }
@container (max-width: 760px) { .bm-manuel { flex-direction: column; align-items: flex-start; } }
.bm-eslestirme { padding-bottom: var(--b-3); }
.bm-eslestirme .tablo { table-layout: fixed; width: 100%; }
.bm-es-sira { width: 84px; }
.bm-es-durum { width: 120px; }
.bm-sira { display: inline-flex; gap: var(--b-05); }
.bm-zorunlu { color: var(--err); font-weight: 800; }
.bm-es-alt { display: flex; align-items: center; justify-content: space-between; gap: var(--b-3); padding: var(--b-3) var(--kart-x) 0; }
.bm-fatura-toplam { display: flex; flex-direction: column; gap: var(--b-15); padding: var(--b-3) var(--kart-x) var(--b-4); border-top: 1px solid var(--ayrac); font-size: var(--y-6); }
.bm-fatura-toplam > div:not(.uyari) { display: flex; align-items: baseline; justify-content: space-between; gap: var(--b-3); }
.bm-fatura-toplam > div:not(.uyari) span { color: var(--text-3); }
.bm-fatura-toplam b { font-variant-numeric: tabular-nums; white-space: nowrap; }
.bm-ilerleme { height: 6px; margin: 0 var(--kart-x) var(--b-3); border-radius: 999px; background: var(--surface-3); overflow: hidden; }
.bm-ilerleme i { display: block; height: 100%; border-radius: 999px; background: var(--aksan); transition: width 0.2s; }
.bm-ilerleme i.tamam { background: var(--ok); }
.bm-odeme-form { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); align-items: start; gap: var(--b-3); padding: 0 var(--kart-x); }
.bm-odeme-ekle { align-self: start; padding-top: 22px; }
.bm-odeme-ekle .btn { width: 100%; }
.bm-odeme-hata { padding: 0 var(--kart-x) var(--b-3); }
.bm-odeme-form + .liste-tablo, .bm-odeme-hata + .liste-tablo { border-top: 1px solid var(--ayrac); }
.sa-soru { margin: 0; line-height: 1.6; }
.sa-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-4); align-items: start; }
.sa-kolon { display: flex; flex-direction: column; gap: var(--b-4); min-width: 0; container-type: inline-size; }
.sa-alanlar { display: flex; flex-direction: column; gap: var(--b-2); min-width: 0; }
.sa-iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-1) var(--b-4); }
@container (max-width: 1000px) {
  .sa-izgara { grid-template-columns: minmax(0, 1fr); }
}
@container (max-width: 440px) {
  .sa-iki { grid-template-columns: minmax(0, 1fr); }
}
.sa-logo { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: var(--b-4); align-items: start; }
.sa-logo-kutu { position: relative; display: grid; place-items: center; width: 100%; height: 120px; padding: var(--b-2); border: 0; border-radius: var(--r-md); background: var(--surface-3); color: var(--muted); cursor: pointer; overflow: hidden; }
.sa-logo-kutu img { max-width: 100%; max-height: 100%; object-fit: contain; }
.sa-logo-kutu .sa-yok { display: flex; flex-direction: column; align-items: center; gap: var(--b-1); font-size: var(--y-4); }
.sa-logo-ust { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--b-05); background: rgba(13, 34, 56, 0.66); color: #fff; font-size: var(--y-4); font-weight: 600; opacity: 0; transition: opacity 0.15s; }
.sa-logo-kutu:hover .sa-logo-ust, .sa-logo-kutu:focus-visible .sa-logo-ust { opacity: 1; }
.sa-logo-kutu:focus-visible { outline: 2px solid var(--marka-400); outline-offset: 2px; }
.sa-logo-yan { display: flex; flex-direction: column; gap: var(--b-2); min-width: 0; }
.sa-logo-alt { display: flex; align-items: center; gap: var(--b-2); margin-top: var(--b-2); min-width: 0; }
.sa-logo-alt .kes { flex: 1 1 auto; font-size: var(--y-4); color: var(--muted); }
@container (max-width: 560px) {
  .sa-logo { grid-template-columns: 150px minmax(0, 1fr); }
}
@container (max-width: 440px) {
  .sa-logo { grid-template-columns: minmax(0, 1fr); }
}
.sa-anahtar-satir { display: flex; align-items: center; gap: var(--b-3); min-width: 0; min-height: var(--yk-7); }
.sa-anahtar-satir .kes { flex: 1 1 auto; }
.sa-maske { font-family: var(--mono); font-size: var(--y-6); color: var(--text-2); letter-spacing: 0.04em; }
.sa-anahtar-duzen { display: flex; align-items: center; gap: var(--b-2); min-width: 0; }
.sa-anahtar-duzen .sifre-girdisi { flex: 1 1 auto; }
.sa-uyari { margin-top: var(--b-1); }
.sa-bilgi { display: flex; flex-direction: column; gap: 7px; margin: 0; min-width: 0; font-size: var(--y-6); }
.sa-bilgi-satir { display: grid; grid-template-columns: minmax(96px, 128px) minmax(0, 1fr); gap: var(--b-3); align-items: baseline; }
.sa-bilgi dt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--y-5); font-weight: 600; color: var(--muted); }
.sa-bilgi dd { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; color: var(--text); }
.sa-bar-ad { display: flex; align-items: center; gap: var(--b-2); min-width: 0; font-weight: 700; color: var(--text); }
.sa-bar-ad svg { flex: none; color: var(--muted); }
.ml-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-4); align-items: start; }
.ml-kolon { display: flex; flex-direction: column; gap: var(--b-4); min-width: 0; container-type: inline-size; }
@container (max-width: 1000px) {
  .ml-izgara { grid-template-columns: minmax(0, 1fr); }
}
.ml-sirket { display: flex; align-items: center; gap: var(--b-2); min-width: 0; }
.ml-sirket label { flex: none; font-size: var(--y-5); font-weight: 700; color: var(--text-2); }
.ml-sirket .secim { width: auto; min-width: 120px; max-width: 320px; flex: 0 1 auto; }
.ml-sirket-ad { font-weight: 700; }
.ml-etkin { display: inline-flex; align-items: center; gap: var(--b-2); font-size: var(--y-5); font-weight: 700; color: var(--text-2); cursor: pointer; }
.ml-sunucu { display: grid; grid-template-columns: minmax(0, 1fr) 92px; gap: var(--b-1) var(--b-4); }
.ml-ssl { display: flex; align-items: center; gap: var(--b-3); min-height: var(--yk-5); margin-bottom: var(--b-2); font-size: var(--y-7); color: var(--text); }
.ml-test { display: flex; align-items: center; gap: var(--b-2); min-width: 0; }
.ml-test .giris { flex: 1 1 auto; min-width: 0; }
.ml-test .btn { flex: none; }
.ml-renk { position: relative; display: flex; align-items: center; min-width: 0; }
.ml-renk i { position: absolute; left: 9px; width: 16px; height: 16px; border-radius: 4px; box-shadow: 0 0 0 1px var(--line-3) inset; pointer-events: none; }
.ml-renk .giris { flex: 1 1 auto; min-width: 0; padding-left: 34px; }
.yt-form { display: flex; flex-direction: column; gap: var(--b-4); min-width: 0; }
.yt-ust { display: grid; grid-template-columns: minmax(180px, 280px) minmax(0, 1fr); gap: var(--b-1) var(--b-4); align-items: start; }
.yt-dosya-kap { min-width: 0; outline: none; }
.yt-bos { display: flex; align-items: center; gap: var(--b-2); min-height: 52px; padding: 0 var(--b-3); border-radius: var(--r-md); background: var(--surface-2); color: var(--muted); font-size: var(--y-6); }
.yt-yukle { display: flex; align-items: center; gap: var(--b-3); min-width: 0; }
.yt-yukle > .dikey { flex: 1 1 auto; min-width: 0; }
.yt-yukle > .btn { flex-shrink: 0; }
.yt-dosya { display: flex; align-items: center; gap: var(--b-3); min-width: 0; min-height: 52px; padding: var(--b-15) var(--b-3); border-radius: var(--r-md); background: var(--surface-2); }
.yt-dosya-ikon { width: 34px; height: var(--yk-6); border-radius: 9px; display: grid; place-items: center; flex-shrink: 0; background: var(--ok-soft); color: var(--ok); }
.yt-dosya-bilgi { display: flex; flex-direction: column; gap: 1px; flex: 1 1 auto; min-width: 0; }
.yt-dosya-eylem { display: flex; align-items: center; gap: var(--b-2); flex-shrink: 0; }
.yt-oto { display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 6px; background: var(--info-soft); color: var(--info); cursor: help; }
.yt-duz { display: inline-grid; place-items: center; width: 20px; height: 20px; padding: 0; border: 0; border-radius: 6px; background: var(--surface-3); color: var(--text-2); cursor: pointer; }
.yt-duz:hover { background: var(--info-soft); color: var(--info); }
.yt-duz:focus-visible { outline: 2px solid var(--marka-400); outline-offset: 1px; }
@container (max-width: 900px) { .yt-etiket { display: none; } }
.yt-malikler { display: flex; flex-direction: column; gap: var(--b-2); margin: 0; padding: 0; list-style: none; }
.yt-malik { display: grid; grid-template-columns: 26px minmax(0, 1fr) 32px; align-items: start; gap: var(--b-3); padding: var(--b-2) var(--b-3) 0; border-radius: var(--r-md); background: var(--surface-2); }
.yt-malik-no { width: 22px; height: 22px; margin-top: 26px; border-radius: 50%; display: grid; place-items: center; background: var(--marka); color: var(--dolgu-metin); font-size: var(--y-3); font-weight: 800; }
.yt-malik > .btn { margin-top: 22px; }
.yt-malik-bosluk { width: 32px; }
.yt-kontrol { display: flex; flex-direction: column; gap: var(--b-4); }
.yt-tablo .tablo { table-layout: fixed; width: 100%; }
.yt-tablo .tablo td { vertical-align: middle; padding-block: var(--b-25); }
.yt-hucre { display: flex; align-items: center; gap: var(--b-2); min-width: 0; }
.yt-hucre > * { flex-shrink: 0; }
.yt-hucre > .kes { flex-shrink: 1; min-width: 0; }
.yt-s-no { width: 30%; }
.yt-s-banka { width: 17%; }
.yt-s-musteri { width: 25%; }
.yt-s-tarih { width: 12%; }
.yt-s-ada { width: 16%; }
@container (max-width: 760px) { .yt-s-banka, .yt-s-tarih { display: none; } .yt-s-no { width: 42%; } .yt-s-musteri { width: 30%; } .yt-s-ada { width: 28%; } }
.yt-alt { position: sticky; bottom: 0; z-index: 5; display: flex; flex-direction: column; gap: var(--b-2); margin-top: calc(-1 * var(--b-1)); }
.yt-alt .sorunlar { border-radius: var(--r-lg); background: var(--surface); box-shadow: var(--kart-golge); }
.yt-alt-cubuk { display: flex; align-items: center; gap: var(--b-2); padding: var(--b-3) var(--kart-x); border-radius: var(--r-lg); background: var(--surface); box-shadow: var(--kart-golge), 0 -6px 18px -12px rgba(0, 0, 0, 0.35); }
.yt-alt-cubuk .sag { margin-left: auto; }
.yt-durum { display: inline-flex; align-items: center; gap: var(--b-15); min-width: 0; font-size: var(--y-6); font-weight: 600; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.yt-durum.tamam { color: var(--ok); }
.ty-sekmeler { padding: var(--b-15); border-radius: var(--r-lg); background: var(--surface); box-shadow: var(--kart-golge); }
.ty-sekmeler .sekme { gap: var(--b-2); }
.ty-sekmeler .sekme svg { flex-shrink: 0; }
.ty-yil { min-width: 0; }
.ty-arac .arama-kutusu { flex: 1 1 260px; min-width: 240px; }
.ty-arac .fc-satir > .secim { min-width: 0; }
.ty-tablo .tablo td { vertical-align: middle; padding-block: var(--b-25); }
.ty-s-no { width: 14%; }
.ty-s-ref { width: 13%; }
.ty-s-banka { width: 10%; }
.ty-s-musteri { width: 15%; }
.ty-s-tarih { width: 9%; }
.ty-s-asama { width: 10%; }
.ty-s-uzman { width: 10%; }
.ty-s-denetmen { width: 9%; }
.ty-s-durum { width: 10%; }
@container (max-width: 1260px) {
  .ty-s-ref, .ty-s-denetmen { display: none; }
  .ty-s-no { width: 19%; }
  .ty-s-banka { width: 12%; }
  .ty-s-musteri { width: 17%; }
  .ty-s-tarih { width: 10%; }
  .ty-s-asama { width: 14%; }
  .ty-s-uzman { width: 12%; }
  .ty-s-durum { width: 16%; }
}
@container (max-width: 1000px) {
  .ty-s-uzman, .ty-s-banka { display: none; }
  .ty-s-no { width: 24%; }
  .ty-s-musteri { width: 24%; }
  .ty-s-tarih { width: 13%; }
  .ty-s-asama { width: 18%; }
  .ty-s-durum { width: 21%; }
}
@container (max-width: 800px) {
  .ty-s-tarih { display: none; }
  .ty-s-no { width: 29%; }
  .ty-s-musteri { width: 28%; }
  .ty-s-asama { width: 20%; }
  .ty-s-durum { width: 23%; }
}
@container (max-width: 1000px) { .ty-arac .fc-satir > .secim { min-width: 0; width: 132px; } }
@container (max-width: 800px) { .ty-arac .fc-satir > .secim { width: 108px; } .ty-arac .kucuk-secim { display: none; } }
.ty-ayar { display: flex; flex-direction: column; gap: var(--b-2); }
.alan-formu.sik.ty-ayar .alanlar { grid-template-columns: minmax(170px, 1.1fr) minmax(110px, 0.5fr) minmax(0, 1.4fr) minmax(0, 2.2fr); }
@container (max-width: 1000px) { .alan-formu.sik.ty-ayar .alanlar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.ty-ayar .secenekler { flex-wrap: nowrap; }
.ty-ayar .secenek { flex-shrink: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ty-ayar .secenek:disabled { opacity: 0.6; cursor: default; }
.ty-onay { display: inline-flex; align-items: center; gap: var(--b-2); align-self: flex-start; font-size: var(--y-6); font-weight: 600; color: var(--text-2); cursor: pointer; }
.ty-onay input { width: 16px; height: 16px; margin: 0; accent-color: var(--marka); cursor: pointer; }
.ty-dosyalar { display: flex; flex-direction: column; gap: var(--b-3); min-width: 0; container-type: inline-size; }
.ty-yukle { display: flex; align-items: center; gap: var(--b-3); min-width: 0; }
.ty-yukle > .dikey { flex: 1 1 auto; min-width: 0; }
.ty-yukle > .btn { flex-shrink: 0; }
.ty-eylem-cubugu { display: flex; align-items: center; gap: var(--b-3); min-width: 0; }
.ty-sayi { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ty-eylemler { display: flex; align-items: center; gap: var(--b-2); margin-left: auto; flex-shrink: 0; }
.ty-ilerleme { display: flex; align-items: center; gap: var(--b-3); min-width: 0; flex: 1 1 auto; font-size: var(--y-6); }
.ty-ilerleme b { white-space: nowrap; font-variant-numeric: tabular-nums; }
.ty-ilerleme .kes { min-width: 0; flex: 1 1 0; }
.ty-cubuk { flex: 0 0 160px; height: 4px; border-radius: 999px; background: var(--surface-3); overflow: hidden; }
.ty-cubuk i { display: block; height: 100%; background: var(--marka); transition: width 0.2s; }
@container (max-width: 820px) { .ty-etiket { display: none; } .ty-cubuk { flex-basis: 80px; } }
@container (max-width: 560px) { .ty-sayi { display: none; } }
.ty-sonuc-arac { display: flex; align-items: center; gap: var(--b-3); min-width: 0; padding: var(--b-3) var(--kart-x); }
.ty-sonuc-arac > .kucuk { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ty-r-ad { width: 27%; }
.ty-r-no { width: 16%; }
.ty-r-talep { width: 17%; }
.ty-r-kontrol { width: 20%; }
.ty-r-sonuc { width: 20%; }
@container (max-width: 1000px) {
  .ty-r-no { display: none; }
  .ty-r-ad { width: 30%; }
  .ty-r-talep { width: 20%; }
  .ty-r-kontrol { width: 24%; }
  .ty-r-sonuc { width: 26%; }
}
.ty-bekle { display: inline-flex; align-items: center; gap: var(--b-15); font-size: var(--y-5); font-weight: 600; }
.ty-yeni { color: var(--ok); }
.liste-tablo .tablo .satir-1 { overflow: hidden; }
.yy-sayi { font-variant-numeric: tabular-nums; white-space: nowrap; }
.yy-sayi.kalin { font-weight: 700; }
.yy-soru { margin: 0; line-height: 1.6; }
.yy-hata { color: var(--err); font-size: var(--y-5); font-weight: 600; }
.yy-yigin { display: flex; flex-direction: column; gap: var(--b-3); min-width: 0; }
.yy-form { display: flex; flex-direction: column; gap: var(--b-1); }
.yy-sira { width: 120px; }
.yy-bos-metin { padding: var(--b-5); text-align: center; color: var(--muted); }
.yy-onay { display: flex; align-items: center; gap: var(--b-2); min-width: 0; cursor: pointer; }
.yy-onay input { flex-shrink: 0; margin: 0; accent-color: var(--marka); }
.yy-onay.pasif { opacity: 0.55; cursor: default; }
.yy-anahtar-satir { display: inline-flex; align-items: center; gap: var(--b-2); min-width: 0; font-size: var(--y-6); font-weight: 600; white-space: nowrap; cursor: pointer; }
.yy-kart { container-type: inline-size; height: clamp(480px, calc(100dvh - 120px), 1100px); }
.yy-kart > .kart-govde { display: flex; flex-direction: column; height: 100%; min-height: 0; }
.yy-sekme-satiri { flex-shrink: 0; padding: var(--b-2) var(--kart-x) var(--b-1); }
.yy-icerik { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
.yy-icerik-kopya, .yy-icerik-roller, .yy-icerik-kurulum { overflow-y: auto; }
.yy-arac { display: flex; align-items: center; flex-wrap: nowrap; gap: var(--b-2); flex-shrink: 0; min-width: 0; padding: var(--b-2) var(--kart-x); }
.yy-arac > * { flex-shrink: 0; }
.yy-arac .arama-kutusu { flex: 1 1 180px; min-width: 120px; max-width: 300px; flex-shrink: 1; }
.yy-arac .secim { flex-shrink: 1; min-width: 0; }
.yy-sec-rol { width: 210px; }
.yy-sec-kisi { width: 200px; }
.yy-bosluk { flex: 1 1 0 !important; min-width: 0; }
.yy-seg-kap { display: flex; }
.yy-seg-secim { display: none; width: auto; min-width: 100px; }
.yy-seg { display: inline-flex; padding: var(--b-05); border-radius: 999px; background: var(--surface-3); }
.yy-seg button { display: inline-flex; align-items: center; gap: var(--b-15); height: var(--yk-3); padding: 0 var(--b-3); border: 0; border-radius: 999px; background: none; color: var(--text-2); font: inherit; font-size: var(--y-5); font-weight: 700; white-space: nowrap; cursor: pointer; }
.yy-seg button[aria-pressed='true'] { background: var(--surface); color: var(--marka-metin); box-shadow: var(--kart-golge); }
.yy-seg button i { font-style: normal; font-size: var(--y-2); font-weight: 700; color: var(--muted); font-variant-numeric: tabular-nums; }
.yy-kaynak { display: flex; align-items: center; gap: var(--b-3); flex-shrink: 0; min-width: 0; padding: 0 var(--kart-x) var(--b-2); font-size: var(--y-5); }
.yy-kaynak-not { min-width: 0; }
@container (max-width: 1180px) {
  .yy-seg-kap .yy-seg { display: none; }
  .yy-seg-kap .yy-seg-secim { display: block; }
  .yy-etiket { display: none; }
  .yy-sec-rol { width: 168px; }
  .yy-sec-kisi { width: 168px; }
}
.yy-govde { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: 248px minmax(0, 1fr); }
.yy-govde-bos { display: grid; grid-template-columns: minmax(0, 1fr); place-items: center; }
.yy-sag { display: flex; flex-direction: column; min-width: 0; min-height: 0; }
.yy-dar-secim { display: none; gap: var(--b-2); padding: var(--b-2) var(--kart-x) 0; }
.yy-dar-secim .secim { flex: 1 1 0; min-width: 0; }
@container (max-width: 860px) {
  .yy-govde { grid-template-columns: minmax(0, 1fr); }
  .yy-govde > .yy-ray { display: none; }
  .yy-dar-secim { display: flex; }
  .yy-sekme-satiri .sekme { padding-inline: 9px; font-size: var(--y-6); }
}
.yy-ray { display: flex; flex-direction: column; gap: var(--b-05); min-height: 0; padding: var(--b-2); overflow-y: auto; background: var(--surface-2); }
.yy-ray-grup { display: flex; flex-direction: column; }
.yy-ray-menu { display: grid; grid-template-columns: 16px minmax(0, 1fr) auto; align-items: center; gap: var(--b-15); width: 100%; height: var(--yk-6); padding: 0 var(--b-2); border: 0; border-radius: var(--r-md); background: transparent; color: var(--text); font: inherit; font-weight: 700; text-align: left; cursor: pointer; }
.yy-ray-menu:hover { background: var(--surface-3); }
.yy-ray-menu.secili { color: var(--marka-metin); }
.yy-ray-sayi { font-size: var(--y-3); font-weight: 600; color: var(--muted); font-variant-numeric: tabular-nums; }
.yy-ray-sayfalar { display: flex; flex-direction: column; gap: 1px; padding: var(--b-05) 0 var(--b-15) 14px; }
.yy-ray-ust { padding: var(--b-2) var(--b-2) var(--b-05); font-size: var(--y-2); font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); }
.yy-ray-sayfa { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--b-15); width: 100%; min-height: var(--yk-4); padding: 0 var(--b-2); border: 0; border-radius: var(--r-md); background: transparent; color: var(--text-2); font: inherit; font-size: var(--y-6); font-weight: 600; text-align: left; cursor: pointer; }
.yy-ray-sayfa.alt { padding-left: 18px; }
.yy-ray-sayfa:hover { background: var(--surface-3); }
.yy-ray-sayfa.secili { background: var(--marka-zemin); color: var(--marka-metin); font-weight: 700; }
.yy-ray-menu.silik, .yy-ray-sayfa.silik { opacity: 0.45; }
.yy-liste { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; gap: var(--b-3); padding: var(--b-3) var(--kart-x) var(--b-4); overflow-y: auto; }
.yy-liste > * { flex-shrink: 0; }
.yy-sonuc { font-size: var(--y-5); color: var(--muted); }
.yy-sayfa-bas { display: flex; align-items: center; gap: var(--b-4); min-width: 0; }
.yy-sayfa-bas-m { padding: var(--b-2) var(--kart-x) var(--b-2); }
.yy-sayfa-baslik { display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0; }
.yy-sayfa-baslik h3 { font-size: var(--y-11); font-weight: 800; }
.yy-sayfa-ilerleme { display: flex; align-items: center; gap: var(--b-3); flex-shrink: 0; }
.yy-ilerleme { width: 96px; height: 6px; border-radius: 999px; background: var(--surface-3); overflow: hidden; }
.yy-ilerleme i { display: block; height: 100%; border-radius: 999px; background: var(--marka-400); }
.yy-ilerleme i.tam { background: var(--ok); }
@container (max-width: 1000px) {
  .yy-ilerleme { display: none; }
}
.yy-bolum { border-radius: var(--r-md); background: var(--surface); box-shadow: inset 0 0 0 1px var(--ayrac); overflow: hidden; }
.yy-bolum-bas { display: flex; align-items: center; gap: var(--b-2); min-height: var(--yk-8); padding: var(--b-1) var(--b-3); background: var(--surface-2); }
.yy-bolum-bas h4 { flex: 0 1 auto; min-width: 0; font-size: var(--y-6); font-weight: 700; }
.yy-bolum-bas .yy-sayi { font-size: var(--y-4); font-weight: 700; color: var(--muted); }
.yy-bolum.dolu .yy-bolum-bas .yy-sayi { color: var(--ok); }
.yy-bolum.kismi .yy-bolum-bas .yy-sayi { color: var(--warn); }
.yy-bolum-dugme { margin-left: auto; }
.yy-satir { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 250px) 40px; align-items: center; gap: var(--b-3); min-height: 50px; padding: var(--b-15) var(--b-3); cursor: pointer; }
.yy-satir + .yy-satir { box-shadow: inset 0 1px 0 var(--ayrac); }
.yy-satir:hover { background: var(--surface-2); }
.yy-satir.degisti, .yy-satir.degisti:hover { background: var(--warn-soft); }
.yy-satir-metin { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.yy-satir-ust { display: flex; align-items: center; gap: var(--b-15); min-width: 0; }
.yy-satir-ust .rozet { flex-shrink: 0; }
.yy-ad { flex: 0 1 auto; font-size: var(--y-7); font-weight: 600; color: var(--text); }
.yy-satir:not(.acik) .yy-ad { color: var(--text-2); }
.yy-acik { font-size: var(--y-4); color: var(--muted); }
.yy-kod { min-width: 0; padding: 0; background: none; font-size: var(--y-3); color: var(--muted); }
.yy-sayfa .anahtar { justify-self: end; }
@container (max-width: 1180px) {
  .yy-satir { grid-template-columns: minmax(0, 1fr) 40px; }
  .yy-kod { display: none; }
}
.yy-alt { display: flex; align-items: center; gap: var(--b-3); flex-shrink: 0; min-height: 56px; padding: var(--b-2) var(--kart-x); background: var(--surface-2); }
.yy-alt.kirli { background: var(--warn-soft); }
.yy-alt-metin { display: flex; align-items: center; gap: var(--b-2); min-width: 0; font-size: var(--y-6); }
.yy-alt-metin:not(.soluk) { flex-shrink: 0; }
.yy-alt-metin.soluk { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; line-height: 36px; }
.yy-alt.kirli .yy-alt-metin { color: var(--warn); }
.yy-alt-metin b { font-size: var(--y-8); font-weight: 800; white-space: nowrap; }
.yy-alt-ek { font-weight: 600; color: var(--text-2); white-space: nowrap; }
.yy-alt-eylem { display: flex; gap: var(--b-2); flex-shrink: 0; margin-left: auto; }
.yy-matris-kap { flex: 1 1 auto; min-height: 120px; margin: 0 var(--kart-x) var(--b-3); overflow-x: hidden; overflow-y: auto; border-radius: var(--r-md); box-shadow: inset 0 0 0 1px var(--ayrac); }
.yy-matris { width: 100%; border-collapse: separate; border-spacing: 0; table-layout: fixed; }
.yy-matris thead th { position: sticky; top: 0; z-index: 2; height: 48px; padding: 0 var(--b-1); background: var(--surface-2); font-size: var(--y-4); font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; color: var(--text-2); }
.yy-matris .yy-m-ilk { padding-left: var(--b-3); text-align: left; }
.yy-matris .yy-m-rol { text-align: center; }
.yy-matris thead .yy-m-rol button { display: flex; flex-direction: column; align-items: center; width: 100%; padding: var(--b-05) var(--b-1); border: 0; border-radius: var(--r-md); background: none; color: var(--text); font: inherit; font-size: var(--y-5); font-weight: 700; letter-spacing: 0; text-transform: none; cursor: pointer; }
.yy-matris thead .yy-m-rol button:hover:not(:disabled) { background: var(--surface-3); }
.yy-matris thead .yy-m-rol button .kes { max-width: 100%; }
.yy-matris thead .yy-m-rol button i { font-style: normal; font-size: var(--y-2); font-weight: 600; color: var(--muted); font-variant-numeric: tabular-nums; }
.yy-m-grup td { padding: 7px var(--b-3); background: var(--surface-2); font-size: var(--y-4); font-weight: 800; color: var(--marka-metin); overflow: hidden; }
.yy-matris tbody tr:not(.yy-m-grup) td { height: 46px; padding: 0 var(--b-1); box-shadow: inset 0 1px 0 var(--ayrac); overflow: hidden; }
.yy-matris tbody tr:not(.yy-m-grup) td.yy-m-ilk { padding-left: var(--b-3); }
.yy-matris tbody tr.ayrisan td { background: var(--surface-2); }
.yy-m-ad { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
.yy-m-ad .kes { display: block; }
.yy-m-ad .kalin { font-weight: 600; font-size: var(--y-6); color: var(--text); }
.yy-m-kod { font-size: var(--y-2); }
.yy-hucre { display: inline-grid; place-items: center; width: 36px; height: var(--yk-3); padding: 0; border: 0; border-radius: 8px; background: var(--surface-3); color: var(--faint); cursor: pointer; }
.yy-hucre.acik { background: var(--ok-soft); color: var(--ok); }
.yy-hucre.degisti { box-shadow: 0 0 0 2px var(--warn); }
.yy-hucre:disabled { cursor: default; opacity: 0.6; }
.yy-rol-secim { display: flex; flex-direction: column; gap: var(--b-2); }
.yy-rol-liste { display: flex; flex-direction: column; gap: var(--b-15); max-height: 320px; overflow-y: auto; }
.yy-rol-liste .yy-onay .kes { flex: 1 1 auto; }
@container (max-width: 860px) {
  .yy-sayfa-bas-m .soluk:last-child { display: none; }
}
.yy-kopya { display: flex; flex-direction: column; min-height: 0; }
.yy-kopya-govde { display: flex; flex-direction: column; gap: var(--b-3); padding: var(--b-2) var(--kart-x) var(--b-5); }
.yy-secici-satir { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: end; gap: var(--b-4); }
.yy-secici-satir > svg { margin-bottom: var(--b-2); color: var(--muted); }
.yy-secici { display: flex; flex-direction: column; gap: var(--b-1); min-width: 0; }
.yy-secici-baslik { font-size: var(--y-5); font-weight: 700; color: var(--text-2); }
.yy-kisi-secici { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--b-2); }
.yy-kopya-eylem { display: flex; align-items: center; flex-wrap: nowrap; gap: var(--b-4); min-width: 0; }
.yy-kopya-eylem > * { flex-shrink: 0; }
.yy-kopya-ozet { display: flex; gap: var(--b-2); margin-left: auto; }
.yy-onizleme-cift { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-3); }
.yy-onizleme { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border-radius: var(--r-md); box-shadow: inset 0 0 0 1px var(--ayrac); }
.yy-onizleme-bas { display: flex; align-items: center; gap: var(--b-2); min-height: var(--yk-8); padding: var(--b-1) var(--b-3); background: var(--surface-2); font-size: var(--y-6); }
.yy-onizleme-bas .kes { flex: 1 1 auto; }
.yy-onizleme-liste { height: clamp(180px, calc(100dvh - 470px), 380px); padding: var(--b-1) 0; overflow-y: auto; }
.yy-onizleme-satir { display: flex; align-items: center; gap: var(--b-15); min-height: var(--yk-5); padding: 3px var(--b-3); font-size: var(--y-6); }
.yy-onizleme-satir .kes { flex: 1 1 auto; }
.yy-onizleme-satir .rozet { flex-shrink: 0; }
.yy-onizleme-satir.basari { background: var(--ok-soft); }
.yy-onizleme-satir.hata { background: var(--err-soft); }
@container (max-width: 760px) {
  .yy-onizleme-cift { grid-template-columns: minmax(0, 1fr); }
  .yy-kisi-secici { grid-template-columns: minmax(0, 1fr); }
}
.yy-roller { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
.yy-roller .tablo td { vertical-align: middle; padding-block: 9px; }
.yy-roller .tablo .kalin { font-weight: 700; color: var(--text); }
.yy-r-sira { width: 64px; }
.yy-r-ad { width: 26%; }
.yy-r-aciklama { width: 34%; }
.yy-r-tur { width: 110px; }
.yy-r-uye { width: 72px; }
.yy-r-islem { width: 92px; }
.yy-roller .tablo .yy-r-islem { text-align: right; }
@container (max-width: 900px) {
  .yy-r-aciklama { display: none; }
  .yy-r-ad { width: 50%; }
}
@container (max-width: 640px) {
  .yy-r-sira { display: none; }
}
.yy-kurulum { display: flex; flex-direction: column; gap: var(--b-4); padding: var(--b-3) var(--kart-x) var(--b-5); }
.yy-hedef { display: flex; align-items: flex-end; gap: var(--b-3); }
.yy-hedef .rozet { margin-bottom: 21px; }
.yy-adimlar { display: flex; flex-direction: column; gap: var(--b-2); margin: 0; padding: 0; list-style: none; }
.yy-adim { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; align-items: center; gap: var(--b-3); padding: var(--b-3); border-radius: var(--r-md); background: var(--surface-2); }
.yy-adim-no { display: grid; place-items: center; width: 28px; height: var(--yk-3); border-radius: 50%; background: var(--marka); color: var(--dolgu-metin); font-size: var(--y-6); font-weight: 800; }
.yy-adim-no.bitti { background: var(--ok); }
.yy-adim-metin { display: flex; flex-direction: column; min-width: 0; }
.yy-adim-eylem { display: flex; gap: var(--b-2); }
.yy-sonuc-kutu { display: flex; flex-direction: column; gap: var(--b-3); min-width: 0; }
.yy-sonuc-bas { display: flex; align-items: center; gap: var(--b-3); min-width: 0; }
.yy-sonuc-tablo { overflow: hidden; border-radius: var(--r-md); box-shadow: inset 0 0 0 1px var(--line); }
.yy-sonuc-tablo .tablo { table-layout: fixed; width: 100%; }
.yy-sonuc-tablo .tablo :is(th, td) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.yy-k-id { width: 136px; }
.yy-k-ad { width: 30%; }
.yy-k-rol { width: 90px; }
.yy-k-sayi { width: 110px; }
@container (max-width: 760px) {
  .yy-adim-metin .soluk { display: none; }
  .yy-k-ornek { display: none; }
}
.yy-govde.agac { grid-template-columns: minmax(0, 1fr); }
.yy-govde.agac > .yy-ray { display: none; }
.yy-agac { gap: var(--b-05); }
.yy-agac-grup { display: flex; align-items: center; gap: var(--b-2); min-height: var(--yk-7); padding-right: var(--b-3); border-radius: var(--r-md); }
.yy-agac-grup:hover { background: var(--surface-2); }
.yy-agac-ok { display: grid; place-items: center; flex-shrink: 0; width: 22px; height: 22px; padding: 0; border: 0; border-radius: 6px; background: none; color: var(--muted); cursor: pointer; }
.yy-agac-kutu { flex-shrink: 0; margin: 0; accent-color: var(--marka); }
.yy-agac-ad { flex: 0 1 auto; padding: 0; border: 0; background: none; color: var(--text); font: inherit; font-weight: 700; text-align: left; cursor: pointer; }
.yy-agac-grup .rozet { flex-shrink: 0; }
.yy-agac-grup .yy-ray-sayi { margin-left: auto; flex-shrink: 0; }
.yy-agac-yaprak .yy-satir { border-radius: var(--r-md); }
:root, :is([data-tema='acik'], [data-bs-theme='light']) {
  --kp-s1: #2a78d6; --kp-s2: #eb6834; --kp-s3: #1baf7a;
  --kp-o1: #86b6ef; --kp-o2: #5598e7; --kp-o3: #256abf; --kp-o4: #104281;
  --kp-turuncu: #b34a15;
}
:is([data-tema='koyu'], [data-bs-theme='dark']) {
  --kp-s1: #3987e5; --kp-s2: #d95926; --kp-s3: #199e70;
  --kp-o1: #184f95; --kp-o2: #256abf; --kp-o3: #3987e5; --kp-o4: #6da7ec;
  --kp-turuncu: #e98e5e;
}
.kp-izgara { position: relative; min-width: 0; }
.kp-izgara.akis { display: grid; grid-template-columns: repeat(var(--kp-sutun, 3), minmax(0, 1fr)); gap: var(--b-4); align-items: start; }
.kp-oge { min-width: 0; }
.kp-izgara.yerlesik > .kp-oge { position: absolute; display: flex; flex-direction: column; }
.kp-izgara.yerlesik > .kp-oge > .kart { flex: 1 1 auto; }
.kp-kart { container-type: inline-size; }
.kp-kart .kart-bas { flex-wrap: nowrap; }
.kp-kart .kart-bas > .sag { flex-wrap: nowrap; flex-shrink: 0; gap: var(--b-1); }
.kp-kart .kart-bas h3 { min-width: 0; }
@container (max-width: 600px) { .kp-bag-ad { display: none; } }
@container (max-width: 440px) { .kp-donem { display: none; } }
.kp-donem { white-space: nowrap; }
.kp-iki { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: var(--b-4); align-items: stretch; }
@container (max-width: 980px) { .kp-iki { grid-template-columns: minmax(0, 1fr); } }
.kp-uyari { color: var(--warn); }
.kp-pay { display: inline-block; min-width: 38px; margin-left: var(--b-15); font-size: var(--y-4); font-weight: 400; }
.kp-eylem { align-self: flex-start; margin-top: auto; }
.kp-banka-bag { color: inherit; text-decoration: none; }
.kp-banka-bag:hover { color: var(--marka-metin); text-decoration: underline; }
.kp-coklu { display: flex; align-items: center; justify-content: space-between; gap: var(--b-2); text-align: left; cursor: pointer; }
.kp-coklu svg { flex-shrink: 0; color: var(--muted); }
.kp-filtre-alanlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--b-4); }
.kp-filtre .alan { margin: 0; }
.kp-tarih { display: flex; flex-direction: column; gap: var(--b-2); align-items: flex-start; }
.kp-tarih .iki-alan { width: 100%; }
.kp-cubuklar { --kp-dg: 86px; display: flex; flex-direction: column; gap: var(--b-15); }
.kp-cubuk { display: grid; grid-template-columns: minmax(70px, 32%) minmax(0, 1fr) var(--kp-dg); align-items: center; gap: var(--b-3); min-height: 22px; color: inherit; text-decoration: none; }
a.kp-cubuk:hover .kp-cubuk-ad { color: var(--marka-metin); }
.kp-cubuk-ad { font-size: var(--y-6); color: var(--text); }
.kp-cubuk-iz { display: block; height: 14px; background: var(--surface-3); border-radius: 0 4px 4px 0; }
.kp-cubuk-dolgu { display: block; height: 100%; border-radius: 0 4px 4px 0; }
.kp-cubuk-deger { display: flex; align-items: center; justify-content: flex-end; font-size: var(--y-6); font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.kp-cubuklar.kalin { --kp-dg: 66px; gap: var(--b-2); }
.kp-cubuklar.kalin .kp-cubuk-iz { height: 22px; }
.kp-cubuklar.kalin .kp-cubuk-ad { font-size: var(--y-7); }
.kp-cubuklar.kalin .kp-cubuk-deger { font-size: var(--y-9); font-weight: 700; }
.kp-revize { min-width: 20px; height: 18px; margin-left: var(--b-15); padding: 0 5px; border-radius: 999px; display: inline-grid; place-items: center; background: var(--err-soft); color: var(--err); font-size: var(--y-2); font-weight: 800; }
.kp-yigin-kap { position: relative; }
.kp-yigin-kap:has(.kp-yigin-isaret) { padding-top: var(--b-5); }
.kp-yigin { display: flex; gap: var(--b-05); min-width: 0; }
.kp-yigin-parca { display: block; min-width: 2px; border-radius: 3px; }
.kp-yigin-isaret { position: absolute; top: 0; font-size: var(--y-2); font-weight: 600; color: var(--text-2); white-space: nowrap; }
.kp-yigin-cizgi { position: absolute; top: 17px; width: 2px; margin-left: -1px; border-radius: 1px; background: var(--text); pointer-events: none; }
.kp-efsane { display: flex; align-items: center; gap: var(--b-2) var(--b-4); min-width: 0; font-size: var(--y-4); color: var(--text-2); }
.kp-efsane > span { display: inline-flex; align-items: center; gap: var(--b-15); min-width: 0; }
.kp-efsane i { width: 10px; height: 10px; flex-shrink: 0; border-radius: 3px; }
.kp-efsane b { color: var(--text); font-weight: 700; }
.kp-efsane.liste { flex-direction: column; align-items: stretch; gap: var(--b-1); }
.kp-efsane.liste > span { width: 100%; }
.kp-efsane.liste > span b { margin-left: auto; }
.kp-grafik { position: relative; width: 100%; }
.kp-grafik svg { display: block; overflow: visible; }
.kp-izgara-cizgi { stroke: var(--line); stroke-width: 1; }
.kp-eksen { fill: var(--muted); font-size: var(--y-2); font-family: var(--font); }
.kp-cizgi { fill: none; stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.kp-nokta { stroke: var(--surface); stroke-width: 2; }
.kp-rehber { stroke: var(--line-3); stroke-width: 1; }
.kp-ipucu { position: absolute; z-index: 5; display: flex; flex-direction: column; gap: 3px; min-width: 120px; padding: var(--b-2) var(--b-25); border-radius: var(--r-md); background: var(--ipucu-zemin); color: var(--ipucu-metin); font-size: var(--y-4); line-height: 1.3; pointer-events: none; white-space: nowrap; transform: translate(-50%, -100%); box-shadow: var(--sh-2); }
.kp-ipucu b { font-weight: 700; }
.kp-ipucu-satir { display: flex; align-items: center; gap: var(--b-15); }
.kp-ipucu-satir b { margin-left: auto; padding-left: 14px; }
.kp-ipucu-satir i { width: 8px; height: 8px; border-radius: 50%; }
.kp-tablo-gorunum { max-height: 280px; overflow: auto; }
.kp-tablo-gorunum table { width: 100%; border-collapse: collapse; font-size: var(--y-5); font-variant-numeric: tabular-nums; }
.kp-tablo-gorunum th { position: sticky; top: 0; padding: var(--b-15) var(--b-2); background: var(--surface); text-align: right; color: var(--muted); font-weight: 700; }
.kp-tablo-gorunum td { padding: 5px var(--b-2); border-top: 1px solid var(--ayrac); text-align: right; }
.kp-tablo-gorunum th:first-child, .kp-tablo-gorunum td:first-child { text-align: left; }
.kp-buyuk-sayi { align-items: baseline; }
.kp-buyuk-sayi b { font-size: var(--y-17); line-height: 1; font-weight: 800; }
.kp-gecikme { height: 100%; }
.kp-cipler { display: flex; flex-wrap: wrap; gap: var(--b-15); }
.kp-cip { display: inline-flex; align-items: center; gap: 5px; min-width: 0; height: var(--yk-2); padding: 0 var(--b-25); border-radius: 999px; font-size: var(--y-5); font-weight: 600; color: var(--text-2); background: var(--surface-3); text-decoration: none; white-space: nowrap; }
.kp-cip:hover { text-decoration: none; box-shadow: 0 0 0 2px var(--marka-zemin); }
.kp-cip svg { flex-shrink: 0; }
.kp-cip b { color: inherit; font-weight: 800; }
.kp-cip.ton-hata { background: var(--err-soft); color: var(--err); }
.kp-cip.ton-uyari { background: var(--warn-soft); color: var(--warn); }
.kp-cip.ton-bilgi { background: var(--info-soft); color: var(--info); }
@container (max-width: 640px) { .kp-cip .kes { display: none; } .kp-cip { padding: 0 var(--b-2); flex: 1 1 0; justify-content: center; } }
.kp-aktif-bas { font-size: var(--y-6); }
.kp-mini-tablo { margin: 0 calc(-1 * var(--kart-x)); --tablo-x: var(--kart-x); }
.kp-mini-tablo .tablo :is(th, td) { white-space: nowrap; }
.kp-ciro { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--b-4); }
@container (max-width: 720px) { .kp-ciro { grid-template-columns: minmax(0, 1fr); } }
.kp-ciro-kart { display: flex; flex-direction: column; gap: var(--b-1); min-width: 0; padding: 14px var(--b-4) var(--b-2); border-radius: var(--r-md); background: var(--surface-2); }
.kp-ciro-bas { align-items: flex-start; justify-content: space-between; }
.kp-ciro-deger { font-size: var(--y-15); line-height: 1.2; font-weight: 800; }
.kp-degisim { display: inline-flex; align-items: center; gap: 3px; flex-shrink: 0; height: 22px; padding: 0 var(--b-2); border-radius: 999px; font-size: var(--y-4); font-weight: 700; }
.kp-degisim.iyi { background: var(--ok-soft); color: var(--ok); }
.kp-degisim.kotu { background: var(--err-soft); color: var(--err); }
.kp-bolgesel { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: var(--b-6); align-items: center; }
@container (max-width: 760px) { .kp-bolgesel { grid-template-columns: minmax(0, 1fr); } }
.kp-harita-kap { position: relative; min-width: 0; }
.kp-harita { display: block; width: 100%; height: auto; }
.kp-il { stroke: var(--surface); stroke-width: 0.7; stroke-linejoin: round; transition: opacity 0.12s; }
.kp-il.ac { stroke: var(--text); stroke-width: 1.3; }
.kp-il.soluk { opacity: 0.3; }
.kp-harita-efsane { display: flex; align-items: center; gap: var(--b-2); margin-top: var(--b-2); font-size: var(--y-4); color: var(--muted); font-variant-numeric: tabular-nums; }
.kp-harita-bar { flex: 1 1 auto; max-width: 220px; height: 10px; border-radius: 5px; background: linear-gradient(90deg, color-mix(in srgb, var(--kp-s1) 22%, var(--surface)), color-mix(in srgb, var(--kp-s1) 98%, var(--surface))); }
.kp-bolgeler { display: flex; flex-direction: column; gap: var(--b-3); min-width: 0; }
.kp-bolgeler .kp-cubuklar { --kp-dg: 92px; }
.kp-bolge-bas { justify-content: space-between; flex-wrap: nowrap; }
.kp-asamalar { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap: 28px 32px; }
.kp-asama { display: flex; flex-direction: column; gap: var(--b-2); min-width: 0; }
.kp-asama-bas { flex-wrap: nowrap; }
.kp-asama-toplam { flex-wrap: nowrap; align-items: baseline; }
.kp-asama-toplam > b { font-size: var(--y-14); font-weight: 800; }
.kp-asama-liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-1) var(--b-5); margin-top: var(--b-1); }
.kp-asama-satir { display: grid; grid-template-columns: 10px minmax(0, 1fr) auto auto; align-items: center; gap: var(--b-15); font-size: var(--y-5); }
.kp-asama-satir i { width: 10px; height: 10px; border-radius: 3px; }
.kp-asama-satir b { font-variant-numeric: tabular-nums; }
.kp-asama-notlar { display: flex; flex-direction: column; gap: var(--b-1); margin-top: var(--b-1); }
.kp-asama-notlar .satir { align-items: flex-start; gap: var(--b-15); }
.kp-asama-notlar svg { flex-shrink: 0; margin-top: var(--b-05); }
.kp-teslim { height: 100%; }
.kp-oran { font-size: var(--y-17); line-height: 1; font-weight: 800; font-variant-numeric: tabular-nums; }
.kp-oran.ok { color: var(--ok); }
.kp-oran.uyari { color: var(--warn); }
.kp-oran.hata { color: var(--err); }
.kp-teslim .satir { align-items: baseline; }
.kp-sayaclar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--b-2); }
.kp-sayac { display: flex; flex-direction: column; align-items: center; padding: var(--b-2) var(--b-1); border-radius: var(--r-md); background: var(--surface-2); font-size: var(--y-4); color: var(--muted); }
.kp-sayac b { font-size: var(--y-13); line-height: 1.2; color: var(--text); }
.kp-sayac.hata b { color: var(--err); }
.kp-is-listesi { display: flex; flex-direction: column; gap: var(--b-15); margin: 0; padding: 0; list-style: none; }
.kp-is { display: flex; align-items: center; gap: var(--b-3); padding: var(--b-25) var(--b-3); border-radius: var(--r-md); background: var(--surface-2); color: inherit; text-decoration: none; }
.kp-is:hover { background: var(--surface-3); text-decoration: none; }
.kp-is-sol { display: flex; flex-direction: column; gap: var(--b-05); flex: 1 1 auto; min-width: 0; }
.kp-is-sol .satir { flex-wrap: nowrap; min-width: 0; }
.kp-is-sag { display: flex; flex-direction: column; align-items: flex-end; gap: var(--b-1); flex-shrink: 0; }
.kp-isaret { display: inline-flex; align-items: center; height: 18px; padding: 0 var(--b-1); border-radius: 5px; background: var(--warn-soft); color: var(--warn); }
.kp-gunluk-ozet { gap: var(--b-4); }
.kp-gunluk-sayi { font-size: var(--y-13); }
.kp-halka { position: relative; flex-shrink: 0; width: 84px; height: 84px; }
.kp-halka svg { display: block; width: 100%; height: 100%; transform: rotate(-90deg); fill: none; stroke-width: 3; }
.kp-halka .iz { stroke: var(--surface-3); }
.kp-halka .dolgu { stroke-linecap: round; }
.kp-halka b { position: absolute; inset: 0; display: grid; place-items: center; font-size: var(--y-11); }
.kp-gorevler { display: flex; flex-direction: column; gap: var(--b-15); margin: 0; padding: 0; list-style: none; }
.kp-gorevler > li { border-radius: var(--r-md); background: var(--surface-2); }
.kp-gorev-bas { display: grid; grid-template-columns: 14px minmax(0, 1fr) auto; align-items: center; gap: var(--b-2); width: 100%; padding: var(--b-2) var(--b-25); border: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.kp-gorev-say { min-width: 36px; height: 22px; padding: 0 var(--b-2); border-radius: 999px; display: inline-grid; place-items: center; font-size: var(--y-4); font-weight: 700; }
.kp-gorev-say.tam { background: var(--ok-soft); color: var(--ok); }
.kp-gorev-say.kismi { background: var(--warn-soft); color: var(--warn); }
.kp-gorev-say.yok { border: 1px dashed var(--line-3); color: var(--muted); }
.kp-gorev-ic { display: flex; flex-direction: column; gap: var(--b-15); padding: var(--b-05) var(--b-3) var(--b-25) 32px; }
.kp-gorev { display: flex; align-items: center; gap: var(--b-2); font-size: var(--y-6); color: var(--muted); }
.kp-gorev.tamam { color: var(--text); }
.kp-gorev-isaret { width: 18px; height: 18px; border-radius: 50%; display: grid; place-items: center; border: 1px dashed var(--line-3); }
.kp-gorev.tamam .kp-gorev-isaret { border: 0; background: var(--ok); color: var(--dolgu-metin); }
.kp-gorev-ic > .btn { align-self: flex-end; }
.kp-buyuk { font-size: var(--y-18); line-height: 1; font-weight: 800; }
.kp-sutunlar { display: flex; align-items: flex-end; gap: 3px; height: 110px; }
.kp-sutunlar span { flex: 1 1 0; min-height: 4px; border-radius: 3px 3px 0 0; background: var(--kp-s1); opacity: 0.4; }
.kp-sutunlar span.son { opacity: 1; }
@container (max-width: 380px) {
  .kp-is { flex-direction: column; align-items: stretch; gap: var(--b-15); }
  .kp-is-sag { flex-direction: row; align-items: center; justify-content: space-between; }
}
.im-sekmeler { padding: var(--b-3) var(--kart-x); }
.im-sekmeler .sekmeler { overflow: visible; }
.im-sekmeler .sekme { gap: var(--b-15); }
.im-arac { display: flex; flex-wrap: nowrap; align-items: center; gap: var(--b-2); padding: 0 var(--kart-x) var(--b-3); }
.im-arac > * { flex-shrink: 0; }
.im-sayac { white-space: nowrap; }
.im-sayac b { color: var(--text); }
.im-bosluk { flex: 1 1 auto; flex-shrink: 1 !important; min-width: 0; }
.im-uyari { padding: 0 var(--kart-x) var(--b-3); }
.im-tablo .tablo { table-layout: fixed; width: 100%; }
.im-tablo .tablo td { vertical-align: middle; padding-block: 9px; }
.im-tablo .tablo :is(th, td) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.im-tablo .tablo :is(th, td):not(:first-child):not(:last-child) { padding-inline: var(--b-2); }
.im-c-kucuk { width: 64px; }
.im-c-ref { width: 21%; }
.im-c-musteri { width: 19%; }
.im-c-banka { width: 16%; }
.im-c-olusma { width: 11%; }
.im-c-rol { width: 13%; }
.im-c-eylem { width: 200px; }
.im-c-belge { width: 30%; }
.im-c-kategori { width: 20%; }
.im-c-atayan { width: 18%; }
.im-c-tarih { width: 16%; }
.im-c-islem { width: 156px; }
.im-kucuk { display: flex; flex-direction: column; gap: 5px; width: 34px; height: 44px; padding: var(--b-2) var(--b-15); border: 0; border-radius: 4px; background: #FFFFFF; box-shadow: 0 0 0 1px var(--line-2); cursor: pointer; }
.im-kucuk:hover { box-shadow: 0 0 0 2px var(--marka-400); }
.im-kucuk span { height: 2px; border-radius: 1px; background: #C9D1DC; }
.im-kucuk span:first-child { width: 70%; align-self: center; background: #8C97A8; }
.im-kucuk span:nth-child(3) { width: 80%; }
.im-kucuk span:last-child { width: 55%; }
.im-eylem { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); justify-content: end; gap: var(--b-15); }
.im-belge-ad { display: flex; align-items: center; gap: var(--b-15); min-width: 0; font-weight: 700; color: var(--text); }
.im-belge-ad svg { flex-shrink: 0; color: var(--muted); }
.im-sayi { font-variant-numeric: tabular-nums; white-space: nowrap; }
.im-imzali { color: var(--ok); font-weight: 600; }
.im-imza { display: flex; flex-direction: column; gap: var(--b-3); }
@container (max-width: 1100px) {
  .im-etiket { display: none; }
  .im-eylem .btn { width: 32px; padding: 0; }
  .im-c-eylem { width: 106px; }
  .im-c-banka { display: none; }
  .im-c-ref { width: 24%; }
  .im-c-musteri { width: 21%; }
  .im-c-olusma { width: 13%; }
  .im-c-rol { width: 19%; }
  .im-c-kategori { width: 22%; }
  .im-c-islem { width: 146px; }
}
@container (max-width: 800px) {
  .im-c-olusma, .im-c-kategori { display: none; }
  .im-c-ref { width: 32%; }
  .im-c-musteri { width: 26%; }
  .im-c-rol { width: 26%; }
  .im-c-belge { width: 40%; }
  .im-c-atayan { width: 24%; }
  .im-c-tarih { width: 22%; }
}
.pr-izgara { display: grid; grid-template-columns: minmax(260px, 330px) minmax(0, 1fr); gap: var(--b-4); align-items: start; }
.pr-sol, .pr-sag { display: flex; flex-direction: column; gap: var(--b-4); min-width: 0; }
.pr-kimlik { display: flex; flex-direction: column; align-items: center; gap: var(--b-3); text-align: center; }
.pr-avatar-kap { position: relative; width: 112px; height: 112px; }
.pr-avatar { width: 112px; height: 112px; border-radius: 50%; display: grid; place-items: center; overflow: hidden; background: var(--marka-zemin); color: var(--marka-metin); font-size: var(--y-17); font-weight: 800; letter-spacing: 0.02em; }
.pr-avatar img { width: 100%; height: 100%; object-fit: cover; }
.pr-degistir { position: absolute; right: 0; bottom: 0; }
.pr-onizleme-eylem { display: flex; gap: var(--b-2); }
.pr-ad { margin: 0; font-size: var(--y-12); font-weight: 800; color: var(--text); }
.pr-iletisim { display: flex; flex-direction: column; gap: var(--b-15); margin: 0; padding: 0; list-style: none; font-size: var(--y-6); color: var(--text-2); }
.pr-iletisim li { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-width: 0; }
@container (max-width: 820px) {
  .pr-izgara { grid-template-columns: minmax(0, 1fr); }
}
.ay-izgara { display: grid; grid-template-columns: minmax(230px, 280px) minmax(0, 1fr); gap: var(--b-4); align-items: start; }
.ay-izgara > :is(.ay-sol, .ay-sag) { display: flex; flex-direction: column; gap: var(--b-4); min-width: 0; }
.ay-kimlik { display: flex; align-items: center; gap: var(--b-3); min-width: 0; margin-bottom: var(--b-3); }
.ay-avatar { width: 44px; height: 44px; font-size: var(--y-9); }
.ay-kisi { display: flex; flex-direction: column; min-width: 0; }
.ay-kisi strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--y-8); color: var(--text); }
.ay-menu { display: flex; flex-direction: column; gap: var(--b-05); }
.ay-menu-oge { display: flex; align-items: center; gap: var(--b-3); height: var(--yk-9); padding: 0 var(--b-3); border: 0; border-radius: var(--r-md); background: none; color: var(--text-2); font: inherit; font-weight: 600; text-align: left; cursor: pointer; }
.ay-menu-oge span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ay-menu-oge:hover { background: var(--surface-3); }
.ay-menu-oge.aktif { background: var(--marka-zemin); color: var(--marka-metin); }
.ay-menu-oge:focus-visible { outline: 2px solid var(--marka-400); outline-offset: 1px; }
.ay-sifre { display: grid; grid-template-columns: minmax(0, 1fr) minmax(190px, 240px); gap: var(--b-4); align-items: start; }
.ay-sifre-alanlar { display: flex; flex-direction: column; gap: var(--b-3); max-width: 420px; min-width: 0; }
.ay-gereksinim { display: flex; flex-direction: column; gap: var(--b-2); margin: 0; padding: var(--b-3); border-radius: var(--r-md); background: var(--surface-2); list-style: none; font-size: var(--y-5); color: var(--muted); }
.ay-gereksinim li { display: flex; align-items: center; gap: var(--b-2); }
.ay-gereksinim li.tamam { color: var(--ok); }
.ay-eylem { display: flex; align-items: center; gap: var(--b-2); flex-wrap: wrap; }
.ay-temalar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-3); }
.ay-tema { position: relative; display: flex; align-items: center; gap: var(--b-3); height: 48px; padding: 0 var(--b-4); border-radius: var(--r-md); background: var(--surface-2); color: var(--text-2); font-weight: 700; cursor: pointer; }
.ay-tema input { position: absolute; opacity: 0; pointer-events: none; }
.ay-tema:hover { background: var(--surface-3); }
.ay-tema.secili { background: var(--marka-zemin); color: var(--marka-metin); box-shadow: 0 0 0 2px var(--marka-400); }
.ay-tema:has(input:focus-visible) { outline: 2px solid var(--marka-400); outline-offset: 2px; }
.ay-satir { display: flex; align-items: center; justify-content: space-between; gap: var(--b-3); min-height: var(--yk-9); font-size: var(--y-7); color: var(--text); }
.ay-kart-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-4); align-items: start; }
.ay-yerel { margin: 0; }
.ay-yerel b { color: var(--text); }
@container (max-width: 820px) {
  .ay-izgara { grid-template-columns: minmax(0, 1fr); }
  .ay-kart-izgara { grid-template-columns: minmax(0, 1fr); }
  .ay-sifre { grid-template-columns: minmax(0, 1fr); }
}
.ay-nokta { display: inline-block; flex-shrink: 0; width: 15px; height: 15px; margin: 0 var(--b-05) 0 0; border-radius: 50%; background: var(--line-3); }
.bl-sekmeler { padding: var(--b-3) var(--kart-x); }
.bl-sekmeler .sekmeler { overflow: visible; }
.bl-liste { display: flex; flex-direction: column; gap: var(--b-05); margin: 0; padding: 0 var(--b-2) var(--b-3); list-style: none; }
.bl-satir { display: flex; align-items: center; gap: var(--b-1); padding-right: var(--b-1); border-radius: var(--r-md); }
.bl-satir:hover { background: var(--surface-2); }
.bl-satir.okunmamis { background: var(--aksan-soluk); }
.bl-satir.okunmamis:hover { background: var(--aksan-soluk); filter: brightness(0.98); }
.bl-govde { display: flex; flex: 1 1 auto; align-items: flex-start; gap: var(--b-3); min-width: 0; padding: var(--b-25) var(--b-2); border: 0; border-radius: var(--r-md); background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.bl-govde:focus-visible { outline: 2px solid var(--marka-400); outline-offset: -2px; }
.bl-ikon { display: grid; place-items: center; flex-shrink: 0; width: 32px; height: var(--yk-5); border-radius: 9px; }
.bl-ikon.ton-hata { color: var(--err); background: var(--err-soft); }
.bl-ikon.ton-uyari { color: var(--warn); background: var(--warn-soft); }
.bl-ikon.ton-bilgi { color: var(--info); background: var(--info-soft); }
.bl-ikon.ton-basari { color: var(--ok); background: var(--ok-soft); }
.bl-ikon.ton-notr { color: var(--muted); background: var(--surface-3); }
.bl-metin { display: flex; flex: 1 1 auto; flex-direction: column; gap: var(--b-05); min-width: 0; }
.bl-baslik { font-size: var(--y-7); font-weight: 600; color: var(--text); }
.bl-satir.okunmamis .bl-baslik { font-weight: 800; }
.bl-aciklama { font-size: var(--y-5); color: var(--text-2); }
.bl-alt { display: flex; flex-wrap: wrap; gap: var(--b-1); white-space: nowrap; }
.bl-talep { font-variant-numeric: tabular-nums; }
.bl-eylem { display: flex; align-items: center; gap: var(--b-05); flex-shrink: 0; }
@container (max-width: 760px) {
  .bl-talep { display: none; }
}
.pe-ikili { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.3fr); gap: var(--b-4); align-items: stretch; }
@container (max-width: 1180px) { .pe-ikili { grid-template-columns: minmax(0, 1fr); } }
.pe-matris-kap { margin: 0 calc(-1 * var(--kart-x)); padding: 0 var(--kart-x); }
.pe-matris { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 2px; font-size: var(--y-6); font-variant-numeric: tabular-nums; }
.pe-matris th { height: var(--yk-7); padding: var(--b-1) 1px; color: var(--muted); font-size: var(--y-3); line-height: 1.2; letter-spacing: 0; font-weight: 700; text-align: center; vertical-align: bottom; overflow: hidden; }
.pe-matris th:first-child, .pe-matris td:first-child { width: 150px; text-align: left; padding-left: var(--b-2); }
.pe-matris td { height: var(--yk-6); padding: 0 var(--b-1); text-align: center; border-radius: 6px; }
.pe-matris td.ad { background: none; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pe-matris td.isi { background: var(--surface-2); }
.pe-matris td.sifir { color: var(--faint); }
.pe-matris td.toplam { font-weight: 800; background: var(--surface-3); }
.pe-matris tr.sec td.ad { color: var(--marka-metin); }
.pe-matris tr.sec td.isi { box-shadow: 0 0 0 2px var(--marka-400); }
.pe-matris tr.tik { cursor: pointer; }
.pe-matris tfoot td { font-weight: 800; background: none; }
.pe-matris tfoot td.toplam { background: var(--surface-3); }
.pe-belirtilmemis { display: grid; grid-template-columns: minmax(0, 1fr) 120px 80px; align-items: center; gap: var(--b-3); min-height: var(--yk-4); font-size: var(--y-6); }
.pe-belirtilmemis .ro-mini { width: 100%; }
.pe-belirtilmemis > :last-child { text-align: right; font-weight: 700; font-variant-numeric: tabular-nums; }
.pe-liste { display: flex; flex-direction: column; gap: var(--b-05); max-width: 560px; }
.pe-belirtilmemis.toplam { border-top: 1px solid var(--ayrac); margin-top: var(--b-1); padding-top: var(--b-15); font-weight: 800; }
@container (max-width: 760px) { .pe-matris th:first-child, .pe-matris td:first-child { width: 116px; } }
.df-izgara { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--b-4); align-items: start; }
.df-kolon { min-width: 0; container-type: inline-size; }
@container (max-width: 1000px) {
  .df-izgara { grid-template-columns: minmax(0, 1fr); }
}
.df-sirket { display: flex; align-items: center; gap: var(--b-2); min-width: 0; }
.df-sirket label { flex: none; font-size: var(--y-5); font-weight: 700; color: var(--text-2); }
.df-sirket .secim { width: auto; min-width: 120px; max-width: 320px; flex: 0 1 auto; }
.df-sirket-ad { font-weight: 700; }
.df-geri { flex: none; }
.df-kart-sag { display: flex; align-items: center; gap: var(--b-2); }
.df-tablo { display: flex; flex-direction: column; gap: var(--b-2); min-width: 0; container-type: inline-size; }
.df-satir { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 110px) 32px; gap: var(--b-2); align-items: center; min-width: 0; }
.df-bas { font-size: var(--y-4); font-weight: 700; color: var(--muted); }
.df-bas span:nth-child(-n+3) { text-align: right; padding-right: 34px; }
.df-bas span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.df-sayi { text-align: right; font-variant-numeric: tabular-nums; }
@container (max-width: 380px) {
  .df-satir { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 84px) 32px; }
}
.df-liste { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--b-2); min-width: 0; container-type: inline-size; }
@container (min-width: 700px) {
  .df-liste { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.df-kisi { display: flex; align-items: center; gap: var(--b-3); min-width: 0; padding: var(--b-2) var(--b-3); border-radius: var(--r-md); background: var(--surface-2); cursor: pointer; }
.df-kisi:hover { background: var(--surface-3); }
.df-kisi.secili { background: var(--marka-zemin); }
.df-kisi.pasif { cursor: default; }
.df-kisi input { flex: none; margin: 0; accent-color: var(--marka); }
.df-kisi-metin { display: flex; flex-direction: column; gap: var(--b-05); flex: 1 1 auto; min-width: 0; }
.df-kisi-ust { display: flex; align-items: center; gap: var(--b-2); min-width: 0; }
.df-kisi-ust .kes { font-weight: 600; min-width: 0; flex: 0 1 auto; }
.df-kisi-ust .rozet { flex: 0 0 auto; }
.df-kisi-eposta { font-size: var(--y-4); color: var(--muted); }
.sr-sayi { font-variant-numeric: tabular-nums; white-space: nowrap; }
.sr-toplam { font-size: var(--y-5); color: var(--muted); white-space: nowrap; }
.sr-toplam b { color: var(--text); }
.sr-boyut { width: 112px; min-width: 0; }
.sr-tablo { transition: opacity 0.15s; }
.sr-tablo.yukleniyor { opacity: 0.45; pointer-events: none; }
.sr-tablo .tablo { table-layout: fixed; width: 100%; }
.sr-tablo .tablo td { vertical-align: middle; padding-block: 9px; }
.sr-tablo .tablo :is(th, td) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sr-tablo .tablo :is(th, td):not(:first-child):not(:last-child) { padding-inline: var(--b-2); }
.sr-tablo .kalin { font-weight: 700; color: var(--text); }
.sr-c-id { width: 64px; }
.sr-c-ad { width: 40%; }
.sr-c-kod { width: 16%; }
.sr-c-tip { width: 12%; }
.sr-c-durum { width: 104px; }
.sr-c-islem { width: 84px; }
.sr-tablo .tablo .sr-c-islem { text-align: right; }
@container (max-width: 1000px) {
  .sr-c-tip { display: none; }
  .sr-c-ad { width: 46%; }
}
@container (max-width: 760px) {
  .sr-c-id { display: none; }
  .sr-c-kod { width: 24%; }
}
.sr-ad { display: flex; align-items: center; gap: var(--b-25); min-width: 0; }
.sr-ad-metin { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
.sr-ad-metin .kes { display: block; min-width: 0; }
.sr-logo { flex-shrink: 0; width: 36px; height: var(--yk-7); padding: 3px; border-radius: 8px; border: 1px solid var(--line); background: var(--surface); object-fit: contain; }
.sr-logo.yok { display: grid; place-items: center; padding: 0; border-color: transparent; background: var(--surface-3); color: var(--muted); }
.sr-kod { display: block; font-size: var(--y-5); color: var(--text-2); }
.sr-form { display: flex; flex-direction: column; gap: var(--b-3); min-width: 0; }
.sr-sekme-alan { min-width: 0; min-height: 372px; }
.sr-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--b-1) var(--b-4); align-items: start; }
.sr-hucre { min-width: 0; }
.sr-grid .uzun { min-height: 58px; max-height: 120px; resize: none; }
.sr-yigin { display: flex; flex-direction: column; gap: var(--b-3); min-width: 0; }
.sr-bolum { display: flex; align-items: center; gap: var(--b-2); min-width: 0; padding-top: var(--b-1); font-size: var(--y-4); font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; color: var(--marka-metin); }
.sr-bolum-secim { margin-top: var(--b-3); }
.sr-bolum-secim .sr-kaynak { margin-left: auto; width: 56%; min-width: 0; text-transform: none; letter-spacing: 0; }
.sr-soru { margin: 0; line-height: 1.6; }
.sr-hata { color: var(--err); font-size: var(--y-3); font-weight: 600; }
.sr-logo-satir { display: grid; grid-template-columns: 120px minmax(0, 1fr) auto; align-items: center; gap: var(--b-4); margin-bottom: var(--b-3); }
.sr-logo-kutu { width: 120px; height: 76px; display: grid; place-items: center; overflow: hidden; border-radius: var(--r-md); background: var(--surface-2); box-shadow: inset 0 0 0 1px var(--line); }
.sr-logo-kutu img { width: 100%; height: 100%; padding: var(--b-15); object-fit: contain; }
.sr-logo-yok { display: flex; flex-direction: column; align-items: center; gap: var(--b-1); font-size: var(--y-4); color: var(--muted); }
.sr-logo-yukle { min-width: 0; }
.sr-logo-eylem { display: flex; align-items: center; gap: var(--b-2); min-width: 150px; justify-content: flex-end; }
.sr-durum-satir { display: flex; align-items: center; gap: var(--b-2); min-height: var(--yk-8); }
.sr-meta { display: flex; flex-wrap: wrap; gap: var(--b-1) var(--b-5); font-size: var(--y-4); color: var(--muted); }
.sr-meta b { font-weight: 700; color: var(--text-2); font-variant-numeric: tabular-nums; }
.sr-tohum { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--b-2) var(--b-6); align-items: start; }
.sr-sutun { display: flex; flex-direction: column; gap: var(--b-15); min-width: 0; }
.sr-onay-satir { display: flex; align-items: center; gap: var(--b-2); min-width: 0; min-height: var(--yk-3); }
.sr-onay { display: flex; align-items: center; gap: var(--b-2); min-width: 0; cursor: pointer; }
.sr-onay input { flex-shrink: 0; margin: 0; accent-color: var(--marka); }
.sr-onay-grup { display: flex; flex-wrap: nowrap; gap: var(--b-3); padding-left: var(--b-6); min-width: 0; }
.sr-onay-grup .sr-onay-satir { min-width: 0; }
.sr-sutun .secim { min-width: 0; }
.sr-aktar { display: flex; flex-direction: column; gap: var(--b-3); }
.sr-aktar-satir { display: flex; align-items: center; gap: var(--b-3); min-width: 0; }
.sr-aktar-satir .secim { flex: 1 1 auto; min-width: 0; }
.sr-aktar-satir .btn { flex-shrink: 0; }
.sr-kullanici-ust { display: flex; align-items: center; justify-content: space-between; gap: var(--b-3); min-width: 0; }
.sr-kullanici-tablo { border-radius: var(--r-md); box-shadow: inset 0 0 0 1px var(--line); overflow: hidden; }
.sr-kullanici-tablo .tablo { table-layout: fixed; width: 100%; }
.sr-kullanici-tablo .tablo :is(th, td) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sr-kullanici-tablo .kalin { font-weight: 700; color: var(--text); }
.sr-k-ad { width: 26%; }
.sr-k-rol { width: 24%; }
.sr-k-eposta { width: 28%; }
.sr-k-durum { width: 90px; }
.sr-k-islem { width: 52px; text-align: right; }
.pr-sayi { font-variant-numeric: tabular-nums; white-space: nowrap; }
.pr-soluk { color: var(--muted); }
.pr-kalin { font-weight: 700; color: var(--text); }
.pr-adet { font-size: var(--y-5); white-space: nowrap; }
.pr-soru, .pr-not { margin: 0; line-height: 1.5; }
.pr-not { font-size: var(--y-4); }
.pr-satir { display: grid; grid-template-columns: minmax(230px, 320px) minmax(0, 1fr); gap: var(--b-4); align-items: stretch; }
.pr-satir > .kart { display: flex; flex-direction: column; min-height: 0; }
.pr-satir > .kart > .kart-govde { flex: 1 1 auto; display: flex; flex-direction: column; }
.pr-satir > .kart > .kart-govde > :only-child { flex: 1 1 auto; }
@container (max-width: 760px) {
  .pr-satir { grid-template-columns: minmax(0, 1fr); }
}
.pr-liste { display: flex; flex-direction: column; gap: var(--b-3); min-width: 0; }
.pr-liste .arama-kutusu { max-width: none; }
.pr-oge-liste { display: flex; flex-direction: column; gap: var(--b-05); min-width: 0; }
.pr-oge { display: flex; align-items: center; gap: var(--b-1); min-width: 0; padding-right: var(--b-1); border-radius: var(--r-md); }
.pr-oge:hover { background: var(--surface-3); }
.pr-oge[aria-current='true'] { background: var(--marka-zemin); box-shadow: 0 0 0 1px var(--marka-400) inset; }
.pr-oge-sec { display: flex; flex-direction: column; justify-content: center; gap: 0; flex: 1 1 auto; min-width: 0; height: 42px; padding: 0 var(--b-3); border: 0; border-radius: var(--r-md); background: none; color: var(--text); font: inherit; text-align: left; cursor: pointer; }
.pr-oge-sec.tek { height: var(--yk-7); }
.pr-oge-sec:focus-visible { outline: 2px solid var(--marka-400); outline-offset: 1px; }
.pr-oge[aria-current='true'] .pr-kalin { color: var(--marka-metin); }
.pr-kod { font-size: var(--y-3); font-family: var(--mono); }
.pr-tablo .tablo { table-layout: fixed; width: 100%; }
.pr-tablo .tablo td { vertical-align: middle; padding-block: 9px; }
.pr-tablo .tablo :is(th, td) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pr-tablo .tablo :is(th, td):not(:first-child):not(:last-child) { padding-inline: var(--b-2); }
.pr-alt { display: flex; justify-content: flex-end; padding: var(--b-3) var(--kart-x); border-top: 1px solid var(--ayrac); }
.pr-c-anahtar { width: 84px; }
.pr-c-deger { width: 40%; }
.pr-c-durum { width: 104px; }
.pr-c-ust { width: 28%; }
.pr-c-islem { width: 84px; }
@container (max-width: 640px) {
  .pr-c-ust { display: none; }
}
.pr-form { display: flex; flex-direction: column; gap: var(--b-2); min-width: 260px; }
.pr-kdv { display: flex; flex-direction: column; gap: var(--b-3); min-width: 0; }
.pr-kdv-liste { display: flex; flex-direction: column; gap: var(--b-05); margin: 0; padding: 0; list-style: none; }
.pr-kdv-liste li { display: flex; align-items: center; justify-content: space-between; gap: var(--b-2); min-height: var(--yk-8); padding: 0 var(--b-2) 0 var(--b-3); border-radius: var(--r-md); background: var(--surface-2); }
.pr-kdv-ekle { display: flex; align-items: center; gap: var(--b-2); min-width: 0; }
.pr-kdv-ekle .birimli { flex: 1 1 auto; max-width: 140px; }
.pr-kdv-ekle .birimli .giris { padding-right: 28px; }
.pr-kalem { display: flex; align-items: center; gap: var(--b-2); min-width: 0; }
.pr-kalem .kes { flex: 0 1 auto; }
.pr-kalem .rozet { flex: none; }
.pr-c-kalem { width: 44%; }
.pr-c-guncel { width: 140px; }
.pr-c-gecerlilik { width: 26%; }
.pr-c-surum { width: 128px; }
.pr-surumler { display: flex; flex-direction: column; gap: var(--b-3); min-width: 0; }
.pr-surum-arac { display: flex; justify-content: flex-end; }
.pr-surum-form { display: flex; flex-direction: column; gap: var(--b-2); padding: var(--b-3); border-radius: var(--r-md); background: var(--surface-2); container-type: inline-size; }
.pr-surum-alanlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-1) var(--b-3); }
.pr-surum-alanlar.uc { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@container (max-width: 420px) {
  .pr-surum-alanlar.uc { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.pr-surum-eylem { display: flex; justify-content: flex-end; gap: var(--b-2); }
.pr-surum-tablo { --tablo-x: var(--b-2); }
.pr-c-sdeger { width: 26%; }
.pr-c-tarih { width: 22%; }
.pr-c-sdurum { width: 112px; }
.pr-c-sislem { width: 52px; }
.pr-banka-bar { padding: 0 var(--kart-x) var(--b-4); }
.pr-c-bkalem { width: 56%; }
.pr-c-baktif { width: 84px; }
.pr-c-bkdv { width: 112px; }
.pr-c-baktif .sa-anahtar { vertical-align: middle; }
.pr-kdv-sec { width: 88px; }
.pr-banka-alt { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--b-1) var(--b-4); padding: var(--b-3) var(--kart-x) 0; }
.pr-sehit { display: flex; align-items: center; gap: var(--b-3); min-height: var(--yk-7); font-size: var(--y-7); }
@container (max-width: 560px) {
  .pr-banka-alt { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.pr-liste-alt { display: flex; align-items: center; justify-content: space-between; gap: var(--b-2); min-height: var(--yk-3); }
.ps-soluk { color: var(--muted); }
.ps-izgara { display: grid; grid-template-columns: minmax(220px, 300px) minmax(0, 1fr); gap: var(--b-4); align-items: start; }
.ps-sag { display: flex; flex-direction: column; gap: var(--b-4); min-width: 0; }
.ps-liste { display: flex; flex-direction: column; gap: var(--b-3); min-width: 0; }
.ps-liste .arama-kutusu { max-width: none; }
.ps-grup { display: flex; flex-direction: column; gap: var(--b-05); min-width: 0; }
.ps-kategori { display: flex; align-items: center; gap: var(--b-15); padding: var(--b-05) var(--b-2); font-size: var(--y-3); font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: var(--muted); }
.ps-oge { display: flex; align-items: center; gap: var(--b-2); height: var(--yk-6); padding: 0 var(--b-2) 0 var(--b-3); border: 0; border-radius: var(--r-md); background: none; color: var(--text); font: inherit; text-align: left; cursor: pointer; min-width: 0; }
.ps-oge:hover { background: var(--surface-3); }
.ps-oge[aria-current='true'] { background: var(--marka-zemin); color: var(--marka-metin); font-weight: 700; box-shadow: 0 0 0 1px var(--marka-400) inset; }
.ps-oge:focus-visible { outline: 2px solid var(--marka-400); outline-offset: 1px; }
.ps-oge > svg { flex: none; color: var(--muted); }
.ps-oge .kes { flex: 1 1 auto; }
.ps-ozel { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: var(--info-soft); color: var(--info); }
.ps-detay { display: flex; flex-direction: column; gap: var(--b-3); min-width: 0; }
.ps-surum { display: flex; flex-direction: column; align-items: flex-start; gap: var(--b-1); max-width: 360px; }
.ps-surum .alan { width: 100%; }
.ps-eylemler { display: flex; flex-wrap: nowrap; align-items: center; gap: var(--b-2); min-width: 0; }
.ps-eylemler .btn { flex: 0 0 auto; }
.ps-eylemler .eylem-ayri { margin-left: auto; }
.ps-yukle { display: flex; flex-direction: column; gap: var(--b-3); max-width: 520px; min-width: 0; }
.ps-yukle-alt { display: flex; align-items: center; gap: var(--b-2); }
.ps-dosya { display: flex; align-items: center; gap: var(--b-3); min-width: 0; padding: var(--b-2) var(--b-3); border-radius: var(--r-md); background: var(--surface-2); color: var(--text); }
.ps-dosya > svg { flex: none; color: var(--marka-metin); }
.ps-dosya .kes { flex: 1 1 auto; font-weight: 600; }
.ps-dosya .ps-soluk { flex: none; font-size: var(--y-4); }
.ps-soru { margin: 0; line-height: 1.6; }
@container (max-width: 820px) {
  .ps-izgara { grid-template-columns: minmax(200px, 240px) minmax(0, 1fr); }
}
.ps-bilgi { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: var(--b-3) var(--b-4); max-width: 640px; }
.ps-bilgi > div { display: flex; flex-direction: column; gap: var(--b-05); min-width: 0; }
.ps-bilgi span { font-size: var(--y-4); font-weight: 600; color: var(--muted); }
.ps-bilgi b { color: var(--text); font-size: var(--y-7); }
.en-sayi { font-variant-numeric: tabular-nums; white-space: nowrap; }
.en-toplam { font-size: var(--y-5); color: var(--muted); white-space: nowrap; }
.en-toplam b { color: var(--text); }
.en-sekmeler { padding: var(--b-3) var(--kart-x) 0; }
.en-govde { padding: var(--b-3) var(--kart-x) var(--b-4); min-width: 0; }
.en-yigin { display: flex; flex-direction: column; gap: var(--b-3); min-width: 0; }
.en-bolum { display: flex; flex-direction: column; gap: var(--b-3); min-width: 0; }
.en-bolum-bas { display: flex; align-items: center; flex-wrap: wrap; gap: var(--b-2); }
.en-kod { padding: 1px var(--b-15); border-radius: 5px; background: var(--surface-3); color: var(--text-2); font-family: var(--mono); font-size: var(--y-4); }
.en-kod.kes { display: inline-block; max-width: 100%; vertical-align: middle; }
.en-metin { max-width: 78ch; margin: 0; line-height: 1.6; color: var(--text-2); }
.en-baslik { font-size: var(--y-4); font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; color: var(--marka-metin); }
.en-liste { display: flex; flex-direction: column; gap: var(--b-15); margin: 0; padding-left: var(--b-5); line-height: 1.55; font-size: var(--y-6); }
.en-liste.harf { list-style: upper-alpha; }
.en-genel { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: var(--b-5); align-items: start; }
@container (max-width: 960px) {
  .en-genel { grid-template-columns: minmax(0, 1fr); }
}
.en-notlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--b-3); }
@container (max-width: 780px) {
  .en-notlar { grid-template-columns: minmax(0, 1fr); }
}
.en-not { display: flex; flex-direction: column; gap: var(--b-1); min-width: 0; padding: var(--b-3); border-radius: var(--r-md); background: var(--surface-2); line-height: 1.5; }
.en-akis { display: flex; flex-direction: column; gap: var(--b-2); padding: var(--b-3) var(--b-4); border-radius: var(--r-md); background: var(--surface-2); }
.en-akis ol { display: flex; flex-direction: column; gap: var(--b-2); margin: 0; padding-left: var(--b-5); font-size: var(--y-6); line-height: 1.5; }
.en-servisler { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.en-servisler li { display: flex; flex-direction: column; gap: var(--b-1); padding: var(--b-25) 0; border-bottom: 1px solid var(--ayrac); }
.en-servisler li:last-child { border-bottom: 0; }
.en-servis-bas { display: flex; align-items: center; gap: var(--b-3); min-width: 0; }
.en-servis-bas b { flex-shrink: 0; }
.en-servis-bas .en-kod { min-width: 0; }
.en-doku { display: flex; flex-direction: column; gap: var(--b-2); min-width: 0; }
.en-doku-arac { display: flex; align-items: center; gap: var(--b-3); }
.en-doku-arac .arama-kutusu { flex: 1 1 220px; max-width: 320px; }
.en-doku-arac .en-toplam { margin-left: auto; }
.en-nesne { width: auto; min-width: 150px; max-width: 280px; }
.en-tablo .tablo { table-layout: fixed; width: 100%; }
.en-tablo .tablo td { vertical-align: middle; padding-block: 9px; }
.en-tablo .tablo :is(th, td) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.en-tablo .tablo :is(th, td):not(:first-child):not(:last-child) { padding-inline: var(--b-2); }
.en-tablo .kalin { font-weight: 700; color: var(--text); }
.en-c-alan { width: 34%; }
.en-c-tip { width: 18%; }
.en-c-bkod { width: 34%; }
.en-c-kategori { width: 28%; }
.en-c-ziraat, .en-c-sades { width: 34%; }
.en-c-not { width: 32%; }
.en-c-hkod { width: 90px; }
.en-c-hsinif { width: 150px; }
.en-c-zaman { width: 150px; }
.en-c-banka { width: 14%; }
.en-c-tetik { width: 70px; }
.en-c-say { width: 62px; }
.en-c-cdurum { width: 104px; }
.en-c-mesaj { width: 28%; }
@container (max-width: 1100px) {
  .en-c-var, .en-c-tetik, .en-c-banka { display: none; }
}
@container (max-width: 820px) {
  .en-c-banka { display: none; }
}
.en-secim { align-self: flex-start; }
.en-fazlar { display: flex; flex-direction: column; gap: var(--b-2); margin: 0; padding: 0; list-style: none; }
.en-fazlar li { border-radius: var(--r-md); background: var(--surface-2); }
.en-faz-bas { display: flex; align-items: center; gap: var(--b-3); width: 100%; padding: var(--b-25) var(--b-3); border: 0; border-radius: var(--r-md); background: none; color: var(--text); font: inherit; text-align: left; cursor: pointer; }
.en-faz-bas:hover { background: var(--surface-3); }
.en-faz-bas:focus-visible { outline: 2px solid var(--marka-400); outline-offset: -2px; }
.en-faz-bas .kes { flex: 1; min-width: 0; }
.en-faz-bas > svg { flex-shrink: 0; color: var(--muted); }
.en-faz-no { width: 26px; height: var(--yk-2); flex-shrink: 0; display: grid; place-items: center; border-radius: 8px; background: var(--marka-zemin); color: var(--marka-metin); font-size: var(--y-5); font-weight: 800; }
.en-faz-govde { display: flex; flex-direction: column; gap: var(--b-2); padding: 0 var(--b-4) var(--b-3) 54px; }
.en-iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-5); align-items: start; }
@container (max-width: 960px) {
  .en-iki { grid-template-columns: minmax(0, 1fr); }
}
.en-kaynak { display: inline-flex; align-items: center; gap: var(--b-15); }
.en-cekim-bas { display: flex; align-items: center; gap: var(--b-2); }
.en-efy-bas { display: flex; align-items: center; gap: var(--b-3); }
.en-dosya { display: inline-flex; align-items: center; gap: var(--b-15); min-width: 0; }
.en-surum { white-space: nowrap; }
@container (max-width: 1100px) {
  .en-surum, .en-etiket.yedek { display: none; }
}
.en-dosya-ipucu { display: none; }
@container (max-width: 1000px) {
  .en-dosya { display: none; }
  .en-dosya-ipucu { display: inline-flex; }
}
.en-efy-kart { display: flex; flex-direction: column; min-width: 0; margin: 0 calc(-1 * var(--kart-x)); }
.en-efy-arac.liste-arac { padding-block: var(--b-2); }
.en-c-no { width: 54px; }
.en-c-yol { width: 33%; }
.en-c-kod { width: 210px; }
.en-c-nit { width: 22%; }
.en-c-tipp { width: 100px; }
.en-c-sec { width: 24%; }
@container (max-width: 1240px) {
  .en-c-sec { display: none; }
}
@container (max-width: 960px) {
  .en-c-tipp { display: none; }
}
.en-efy-tablo .tablo td { padding-block: var(--b-2); }
.en-iki-satir { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
.en-iki-satir .kes { display: block; min-width: 0; }
.en-kod-girdi { width: 100%; min-width: 0; font-variant-numeric: tabular-nums; }
.en-nit { display: flex; align-items: center; gap: var(--b-15); min-width: 0; }
.en-nit .kes { min-width: 0; flex: 0 1 auto; }
.en-etiket { flex-shrink: 0; padding: 1px 7px; border-radius: 999px; background: var(--surface-3); color: var(--text-3); font-size: var(--y-2); font-weight: 700; }
.en-etiket.yedek { background: var(--info-soft); color: var(--info); }
.en-json { font-family: var(--mono); font-size: var(--y-5); min-height: 96px; resize: none; }
.en-import-ayar { display: flex; align-items: flex-end; gap: var(--b-5); }
.en-import-ayar .alan { min-width: 240px; }
.en-onay { display: inline-flex; align-items: center; gap: var(--b-2); min-height: var(--yk-8); margin-bottom: var(--b-5); cursor: pointer; font-weight: 600; }
.en-uyarilar { display: flex; flex-direction: column; gap: var(--b-1); margin-top: var(--b-2); font-size: var(--y-5); }
.en-uyarilar ul { margin: 0; padding-left: 18px; max-height: 120px; overflow: hidden; }
.en-duzen { display: grid; grid-template-columns: 184px minmax(0, 1fr); gap: var(--b-5); align-items: start; }
.en-nav { display: flex; flex-direction: column; gap: var(--b-05); }
.en-nav button { height: var(--yk-6); padding: 0 var(--b-3); border: 0; border-radius: var(--r-md); background: none; color: var(--text-3); font: inherit; font-weight: 700; text-align: left; white-space: nowrap; cursor: pointer; }
.en-nav button:hover { background: var(--surface-3); color: var(--text); }
.en-nav button.aktif { background: var(--marka-zemin); color: var(--marka-metin); }
.en-nav button:focus-visible { outline: 2px solid var(--marka-400); outline-offset: -2px; }
.en-nav-sec { display: none; max-width: 280px; }
.en-icerik { min-width: 0; }
@container (max-width: 820px) {
  .en-duzen { grid-template-columns: minmax(0, 1fr); gap: var(--b-3); }
  .en-nav { display: none; }
  .en-nav-sec { display: block; }
}
.en-sayi.hata-metni { font-weight: 700; }
.kn-bilgi { display: flex; align-items: center; gap: var(--b-3) var(--b-5); min-width: 0; padding: var(--b-3) var(--kart-x); container-type: inline-size; }
.kn-durum { flex-shrink: 0; }
.kn-ozet { display: flex; flex: 1 1 auto; gap: var(--b-5); min-width: 0; margin: 0; }
.kn-ozet > div { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.kn-ozet > div:nth-child(2) { flex: 1 1 auto; }
.kn-ozet dt { font-size: var(--y-4); color: var(--muted); white-space: nowrap; }
.kn-ozet dd { display: flex; min-width: 0; min-height: var(--yk-1); align-items: center; margin: 0; font-size: var(--y-7); font-weight: 700; white-space: nowrap; }
.kn-koordinat { gap: var(--b-1); min-width: 0; font-variant-numeric: tabular-nums; }
.kn-ozet > div:first-child { flex-shrink: 0; }
.kn-bilgi-eylem { flex-shrink: 0; }
.kn-arac { display: flex; align-items: center; gap: var(--b-2); min-width: 0; padding: var(--b-3) var(--kart-x); border-bottom: 1px solid var(--ayrac); container-type: inline-size; }
.kn-arac .dugme-sayi.kn-bekleyen { background: var(--aksan); color: #1B1300; }
.kn-arac .dugme-sayi.kn-geri { background: var(--surface-3); color: var(--text-2); }
.kn-yaricap { display: inline-flex; align-items: center; gap: var(--b-2); margin-left: var(--b-3); white-space: nowrap; }
.kn-yaricap input { width: 150px; accent-color: var(--aksan); }
.kn-yaricap b { min-width: 48px; font-size: var(--y-6); font-variant-numeric: tabular-nums; }
.kn-yaricap b.kn-yaricap-uyari { color: var(--warn); }
.kn-sayim { white-space: nowrap; }
.kn-cekmece { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--b-2) var(--b-3); padding: var(--b-3) var(--kart-x); border-bottom: 1px solid var(--ayrac); background: var(--surface-2); }
.kn-alan { display: flex; flex-direction: column; gap: var(--b-1); font-size: var(--y-5); font-weight: 700; color: var(--text-2); }
.kn-alan .giris { width: 150px; }
.kn-adres { flex: 1 1 280px; max-width: 440px; }
.kn-adres .giris { width: 100%; }
.kn-ya-da { padding-bottom: 11px; }
.kn-hata { flex-basis: 100%; min-height: 0; font-size: var(--y-4); font-weight: 600; color: var(--err); }
.kn-hata:empty { display: none; }
#kn-cekmece-cizim { align-items: center; }
.kn-renk { display: inline-flex; align-items: center; gap: var(--b-15); }
.kn-renk input { width: 32px; height: var(--yk-5); padding: var(--b-05); border: 1px solid var(--line); border-radius: 8px; background: var(--surface); cursor: pointer; }
.kn-cizimler { display: flex; flex-wrap: wrap; gap: var(--b-15); flex-basis: 100%; min-width: 0; margin: 0; padding: 0; list-style: none; }
.kn-cip { display: inline-flex; align-items: center; gap: var(--b-15); height: var(--yk-2); padding: 0 var(--b-1) 0 var(--b-2); border-radius: 999px; background: var(--surface); box-shadow: inset 0 0 0 1px var(--line); font-size: var(--y-4); font-weight: 600; white-space: nowrap; }
.kn-cip.taslak { box-shadow: inset 0 0 0 1px var(--warn-line); background: var(--warn-soft); color: var(--warn); }
.kn-cip-renk { width: 12px; height: 12px; border-radius: 50%; }
.kn-cip button { display: grid; place-items: center; width: 20px; height: 20px; padding: 0; border: 0; border-radius: 50%; background: none; color: var(--muted); cursor: pointer; }
.kn-cip button:hover { background: var(--surface-3); color: var(--err); }
.kn-govde { display: grid; grid-template-columns: minmax(0, 1fr) 360px; min-width: 0; height: clamp(420px, calc(100vh - 330px), 680px); container-type: inline-size; }
.kn-harita { position: relative; min-width: 0; overflow: hidden; border-bottom-left-radius: var(--r-lg); }
.kn-harita > svg { display: block; width: 100%; height: 100%; user-select: none; }
.kn-mod-daire > svg { cursor: crosshair; }
.kn-mod-ciz > svg { cursor: cell; }
.kn-mod-sec > svg { cursor: copy; }
.kn-zemin { fill: var(--surface-2); }
.kn-blok { fill: var(--surface-3); }
.kn-park { fill: var(--ok-soft); }
.kn-su { fill: var(--info-soft); }
.kn-yol { fill: none; stroke: var(--surface); stroke-width: 6px; }
.kn-yol.ana { stroke: var(--line-2); stroke-width: 9px; }
.kn-daire { fill: var(--aksan-soluk); fill-opacity: 0.55; stroke: var(--aksan); stroke-width: 2px; }
.kn-daire.bekleyen { stroke-dasharray: 7 5; }
.kn-daire-etiket { fill: var(--surface); stroke: var(--aksan); stroke-width: 1.5px; vector-effect: non-scaling-stroke; }
.kn-daire-yazi { fill: var(--text); font-weight: 700; }
.kn-cizim { fill: none; stroke-width: 3px; stroke-linecap: round; stroke-linejoin: round; }
.kn-cizim.alan { fill-opacity: 0.18; }
.kn-cizim.taslak { stroke-dasharray: 8 5; }
.kn-kose { stroke: var(--surface); stroke-width: 1.5px; vector-effect: non-scaling-stroke; }
.kn-olcu { fill: var(--text); font-weight: 700; paint-order: stroke; stroke: var(--surface); stroke-width: 3px; vector-effect: non-scaling-stroke; }
.kn-pin { stroke: var(--surface); stroke-width: 2px; vector-effect: non-scaling-stroke; cursor: pointer; }
.kn-pin.etkin { stroke: var(--text); stroke-width: 2.5px; }
.kn-pin.konut, .kn-nitelik.konut { fill: var(--marka); }
.kn-pin.isyeri, .kn-nitelik.isyeri { fill: var(--vurgu); }
.kn-pin.arsa, .kn-nitelik.arsa { fill: var(--ok); }
.kn-pin.tarla, .kn-nitelik.tarla { fill: var(--teal); }
.kn-pin.karma, .kn-nitelik.karma { fill: var(--muted); }
.kn-rapor-pin path { fill: var(--err); stroke: var(--surface); stroke-width: 2px; }
.kn-rapor-pin .kn-rapor-ic { fill: var(--surface); }
.kn-rapor-pin.aday path { fill: var(--aksan); stroke-dasharray: 3 2; }
.kn-yakin-dugmeler { position: absolute; top: var(--b-3); right: var(--b-3); display: flex; flex-direction: column; gap: var(--b-1); }
.kn-yakin-dugmeler .btn { background: var(--surface); box-shadow: var(--kart-golge); }
.kn-olcek { position: absolute; left: var(--b-3); bottom: var(--b-3); display: flex; align-items: center; gap: var(--b-15); padding: 3px var(--b-2); border-radius: 6px; background: var(--surface); box-shadow: var(--kart-golge); font-size: var(--y-2); font-weight: 700; color: var(--text-2); }
.kn-olcek span { height: 4px; border-radius: 2px; border: 1.5px solid var(--text-2); border-top: 0; }
.kn-mod-bilgi { position: absolute; left: 50%; top: var(--b-3); max-width: calc(100% - 120px); padding: var(--b-15) var(--b-3); border-radius: 999px; background: var(--surface); box-shadow: var(--kart-golge); font-size: var(--y-4); font-weight: 600; color: var(--text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transform: translateX(-50%); }
.kn-yakin { display: flex; flex-direction: column; min-width: 0; min-height: 0; border-left: 1px solid var(--ayrac); }
.kn-yakin-bas { display: flex; align-items: center; gap: var(--b-2); padding: var(--b-3) var(--b-4); }
.kn-yakin-alt { display: flex; align-items: center; gap: var(--b-2); min-height: 48px; padding: 0 var(--b-3) var(--b-2) var(--b-4); font-size: var(--y-4); color: var(--muted); border-bottom: 1px solid var(--ayrac); }
.kn-yakin-liste { flex: 1 1 auto; min-height: 0; overflow: hidden; }
.kn-yakin-liste ul { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.kn-yakin-liste li { position: relative; border-bottom: 1px solid var(--ayrac); }
.kn-yakin-liste li.etkin { background: var(--marka-zemin); }
.kn-satir { display: flex; flex-direction: column; gap: 3px; min-width: 0; padding: var(--b-2) 40px var(--b-2) var(--b-4); color: var(--text); text-decoration: none; }
.kn-satir:hover { text-decoration: none; background: var(--surface-2); }
.kn-yakin-liste li.etkin .kn-satir:hover { background: transparent; }
.kn-satir-1, .kn-satir-2, .kn-satir-3 { display: flex; align-items: center; gap: var(--b-2); min-width: 0; white-space: nowrap; }
.kn-satir-1 b { font-size: var(--y-6); }
.kn-banka { width: 22px; height: 22px; padding: 0; border-radius: 6px; flex-shrink: 0; }
.kn-mesafe { margin-left: auto; flex-shrink: 0; font-size: var(--y-4); font-weight: 700; color: var(--text-2); font-variant-numeric: tabular-nums; }
.kn-satir-2 { font-size: var(--y-3); color: var(--muted); overflow: hidden; }
.kn-satir-3 { font-size: var(--y-4); }
.kn-satir-3 > .satir { flex: 1 1 auto; gap: var(--b-1); color: var(--text-2); }
.kn-satir-3 > :not(.satir) { flex-shrink: 0; }
.kn-nitelik { display: inline-flex; align-items: center; height: 18px; padding: 0 var(--b-15); border-radius: 4px; color: var(--dolgu-metin); font-size: var(--y-1); font-weight: 800; }
.kn-nitelik.konut { background: var(--marka); }
.kn-nitelik.isyeri { background: var(--vurgu); }
.kn-nitelik.arsa { background: var(--ok); }
.kn-nitelik.tarla { background: var(--teal); }
.kn-nitelik.karma { background: var(--muted); }
.kn-bul { position: absolute; top: 6px; right: 8px; }
.kn-yakin-sayfa { display: flex; justify-content: center; padding: 0 var(--b-2) var(--b-2); border-top: 1px solid var(--ayrac); }
.kn-yakin-sayfa .sayfalama > .kucuk { display: none; }
.kn-yakin .bos-durum { padding: var(--b-6) var(--b-4); }
@container (max-width: 1080px) {
  .kn-ozet > div:nth-child(3) { display: none; }
}
@container (max-width: 900px) {
  .kn-sayim { display: none; }
  .kn-yaricap input { width: 110px; }
}
@container (max-width: 980px) {
  .kn-govde { grid-template-columns: minmax(0, 1fr) 320px; }
}
.kn-yakin-alt .dikey { gap: 1px; min-width: 0; }
.kn-yakin-liste.eski { opacity: 0.45; }
.pn-ad { gap: var(--b-1); }
.pn-at { display: flex; flex-direction: column; gap: var(--b-3); }
.pn-at-arac { display: flex; align-items: center; gap: var(--b-3); }
.pn-at-arac .arama-kutusu { width: 280px; max-width: 100%; }
.pn-at-tablo tbody tr.vurgulu td { background: var(--marka-zemin); }
.pn-at-tablo .tablo th, .pn-at-tablo .tablo td { padding-left: var(--b-2); padding-right: var(--b-2); }
.pn-at-tablo .tablo th:first-child, .pn-at-tablo .tablo td:first-child { padding-left: var(--b-3); }
.pn-at-tablo .tablo th:last-child, .pn-at-tablo .tablo td:last-child { padding-right: var(--b-3); }
.pn-at-tablo .tablo td input[type='checkbox'] { display: block; margin: 0; }
.pn-at-kisi { display: flex; align-items: center; gap: var(--b-2); min-width: 0; }
.pn-at-avatar { width: 28px; height: var(--yk-3); border-radius: 50%; display: grid; place-items: center; flex-shrink: 0; font-size: var(--y-2); font-weight: 800; background: var(--marka-zemin); color: var(--marka-metin); }
.pn-at-tablo tr.vurgulu .pn-at-avatar { background: var(--surface); }
.pn-at-uyum { display: inline-flex; vertical-align: middle; }
.pn-at-uyum.var { color: var(--ok); }
.pn-at-uyum.yok { color: var(--faint); }
.pn-at-izin { display: inline-flex; vertical-align: middle; color: var(--err); }
.pn-at-izin.yok { color: var(--ok); }
.pn-at-secimler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 var(--b-4); align-items: start; }
.pn-at-secimler .alan { min-width: 0; }
.pn-at-daha { align-self: flex-start; }
.pn-at-tablo .tablo.sikisik td { padding-block: var(--b-1); }
.pn-at-tablo .tablo.sikisik th { padding-block: var(--b-2); }
.pn-cz-baslik { display: inline-flex; align-items: baseline; gap: var(--b-3); min-width: 0; max-width: 100%; }
.pn-cz-baslik .kucuk { font-weight: 500; }
.pn-cz { display: flex; flex-direction: column; gap: var(--b-3); flex: 1; min-height: 0; padding: var(--b-2) var(--b-6) var(--b-4); container-type: inline-size; }
.pn-cz-arac { flex-shrink: 0; gap: var(--b-4); min-width: 0; }
.pn-cz-araclar { flex-shrink: 0; }
.pn-cz-araclar button { display: grid; place-items: center; width: 34px; padding: 0; }
.pn-cz-etiket { flex-shrink: 0; gap: var(--b-2); cursor: pointer; }
.pn-cz-renk { width: 38px; height: var(--yk-3); padding: 0; border: 1px solid var(--line-2); border-radius: var(--r-sm); background: none; cursor: pointer; }
.pn-cz-etiket input[type='range'] { width: 110px; accent-color: var(--marka); }
.pn-cz-deger { display: inline-grid; place-items: center; min-width: 26px; height: 20px; padding: 0 var(--b-15); border-radius: 999px; background: var(--surface-3); color: var(--text-2); font-size: var(--y-3); font-weight: 800; font-variant-numeric: tabular-nums; }
.pn-cz-islem { flex-shrink: 0; gap: var(--b-1); }
.pn-cz-sahne { position: relative; flex: 1; min-height: 0; display: grid; place-items: center; overflow: hidden; border-radius: var(--r-md); background: var(--belge-zemin); }
.pn-cz-kutu { position: relative; box-shadow: var(--sh-2); background: var(--kagit); }
.pn-cz-kutu img { position: absolute; inset: 0; width: 100%; height: 100%; display: block; user-select: none; pointer-events: none; }
.pn-cz-tuval { position: absolute; inset: 0; width: 100%; height: 100%; cursor: crosshair; touch-action: none; }
.pn-cz-tuval.metin { cursor: text; }
.pn-cz-metin { position: absolute; z-index: 3; width: 220px; font-weight: 700; }
@container (max-width: 760px) {
  .pn-cz-yazi, .pn-cz-etiket > .kucuk { display: none; }
  .pn-cz-etiket input[type='range'] { width: 80px; }
}
.pn-cz-modlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-2); }
.pn-cz-mod { display: flex; align-items: flex-start; gap: var(--b-2); padding: var(--b-3); border: 1px solid var(--line-2); border-radius: var(--r-md); background: var(--surface); cursor: pointer; min-width: 0; }
.pn-cz-mod:hover { border-color: var(--line-3); }
.pn-cz-mod.secili { border-color: var(--marka-400); background: var(--marka-zemin); }
.pn-cz-mod input { margin: 3px 0 0; flex-shrink: 0; }
.pn-cz-mod > span { display: flex; flex-direction: column; gap: var(--b-05); min-width: 0; }
.pn-dd-iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--b-4); align-items: start; }
.pn-dd-iki .alan { min-width: 0; }
.pn-dd-tam { grid-column: 1 / -1; }
.pn-dd-izin { display: flex; align-items: center; gap: var(--b-1); font-size: var(--y-4); color: var(--warn); }
.pn-dd-donuk { display: flex; align-items: center; gap: var(--b-3); }
.pn-dd-donuk > span { min-width: 0; }
.pn-dd-iki .uzun { min-height: 64px; }
.pn-es { gap: var(--b-3); }
.pn-es-bekle { display: grid; place-items: center; min-height: 120px; }
.pn-es-not { margin: var(--b-1) 0 0; font-size: var(--y-6); line-height: 1.45; }
.pn-es-tamam { color: var(--ok); font-weight: 700; gap: var(--b-1); }
.pn-es-surec { gap: var(--b-3); }
.pn-es-adimlar { display: flex; flex-direction: column; gap: var(--b-15); margin: 0; padding: 0; list-style: none; }
.pn-es-adimlar li { display: flex; align-items: center; gap: var(--b-2); min-width: 0; font-size: var(--y-6); color: var(--faint); }
.pn-es-adimlar li.bitti { color: var(--ok); }
.pn-es-adimlar li.suruyor { color: var(--warn); font-weight: 700; }
.pn-es-adimlar svg { flex-shrink: 0; }
.pn-es-bos { display: inline-block; width: 15px; height: 15px; flex-shrink: 0; border: 1.5px dashed var(--line-3); border-radius: 50%; }
.pn-es-cubuk { height: 5px; border-radius: 999px; background: var(--surface-3); overflow: hidden; }
.pn-es-cubuk i { display: block; height: 100%; border-radius: inherit; background: var(--marka); transition: width 0.4s; }
.pn-gn-hata { color: var(--err); }
.pn-gn-etiketler { display: flex; align-items: center; gap: var(--b-2); }
.pn-hr { gap: var(--b-2); }
.pn-hr-aramakap { position: relative; }
.pn-hr-oneri { position: absolute; inset: calc(100% + 4px) 0 auto 0; z-index: 5; display: flex; flex-direction: column; margin: 0; padding: var(--b-1); list-style: none; border-radius: var(--r-md); background: var(--surface); box-shadow: var(--sh-3); }
.pn-hr-oneri button { display: flex; align-items: center; gap: var(--b-2); width: 100%; padding: 7px var(--b-25); border: 0; border-radius: var(--r-sm); background: none; color: var(--text); font: inherit; text-align: left; cursor: pointer; }
.pn-hr-oneri button:hover { background: var(--surface-2); }
.pn-hr-oneri button > .kucuk { margin-left: auto; flex-shrink: 0; }
.pn-hr-cift { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-3); }
.pn-hr-ozet { min-height: var(--yk-5); }
.harita-yer.pn-hr-harita { height: 270px; overflow: hidden; touch-action: none; user-select: none; }
.harita-yer.pn-hr-harita[data-duzenle] { cursor: crosshair; }
.pn-hr-pin { position: absolute; display: grid; transform: translate(-50%, -100%); color: var(--marka-metin); pointer-events: none; }
.pn-hr-bos { position: absolute; }
.pn-il { gap: var(--b-3); }
.pn-il-adim { display: flex; flex-direction: column; gap: var(--b-2); padding: var(--b-3) var(--b-4); border-radius: var(--r-md); background: var(--surface-2); }
.pn-il-adim header { gap: var(--b-2); }
.pn-il-no { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; flex-shrink: 0; background: var(--marka); color: var(--dolgu-metin); font-size: var(--y-3); font-weight: 800; }
.pn-il-ozet { min-width: 0; gap: var(--b-2); }
.pn-il-ozet > svg { flex-shrink: 0; color: var(--muted); }
.pn-il-iki { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: var(--b-5); align-items: start; }
.pn-il-yerimi { gap: var(--b-2); }
.pn-il-bekle { gap: var(--b-2); }
.pn-il-yerimi-dugme { text-decoration: none; cursor: grab; }
.pn-il-yapistir { gap: var(--b-2); }
.pn-il-kaynak { min-height: 64px; max-height: 120px; font-size: var(--y-5); }
.pn-il-eylem { gap: var(--b-2); }
.pn-il-ac { display: flex; align-items: center; gap: var(--b-2); width: 100%; padding: 0; border: 0; background: none; color: var(--text); font: inherit; text-align: left; cursor: pointer; }
.pn-il-sunucu { gap: var(--b-2); padding-top: var(--b-2); }
.pn-il-kaynaklar { gap: var(--b-5); }
.pn-il-sec { gap: var(--b-2); cursor: pointer; font-weight: 600; }
.pn-il-sunucu-satir { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) auto; gap: var(--b-3); align-items: start; }
.pn-il-cek { padding-top: 22px; }
.pn-ii-soru { margin: 0; font-size: var(--y-7); line-height: 1.5; }
.pn-ii-ad { overflow-wrap: anywhere; }
.pn-kk { display: flex; flex-direction: column; gap: var(--b-2); min-width: 0; container-type: inline-size; }
.pn-kk .kart { box-shadow: 0 0 0 1px var(--ayrac); }
.pn-kk-ust { display: grid; grid-template-columns: 176px minmax(0, 1fr); gap: var(--b-5); align-items: start; }
.pn-kk-kimlik { display: flex; flex-direction: column; align-items: center; gap: var(--b-15); text-align: center; min-width: 0; padding-top: var(--b-1); }
.pn-kk .pn-kk-avatar { width: 72px; height: 72px; font-size: var(--y-15); }
.pn-kk-ad { font-size: var(--y-9); max-width: 100%; }
.pn-kk-bilgi .ozet.sik .ozet-satir { grid-template-columns: 100px minmax(0, 1fr); gap: var(--b-2); }
.pn-kk-bilgi .ozet-satir dt > span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pn-kk-bilgi { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--b-5); min-width: 0; }
.pn-kk-bilgi:has(> :only-child) { grid-template-columns: minmax(0, 1fr); }
.pn-kk-bilgi .ozet-satir dd { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow-wrap: normal; min-width: 0; }
.pn-kk-bilgi .ozet-satir dd > .rozet { vertical-align: middle; }
.pn-kk-uyari { color: var(--warn); }
.pn-kk-ok { color: var(--ok); }
.pn-kk-is { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--b-2); }
.pn-kk-kutu { display: flex; flex-direction: column; gap: var(--b-05); padding: var(--b-2) var(--b-3); border-radius: var(--r-md); background: var(--surface-2); min-width: 0; }
.pn-kk-kutu.genis { grid-column: span 2; }
.pn-kk-kutu-bas { display: flex; align-items: baseline; justify-content: space-between; gap: var(--b-2); min-width: 0; height: 18px; }
.pn-kk-kutu-bas > b { font-size: var(--y-5); color: var(--text-2); flex-shrink: 0; }
.pn-kk-kutu-bas > .kes { flex: 0 1 auto; }
.pn-kk-sayilar { display: flex; align-items: baseline; gap: var(--b-5); min-height: var(--yk-2); }
.pn-kk-sayilar > span { display: inline-flex; align-items: baseline; gap: var(--b-15); min-width: 0; }
.pn-kk-sayilar b { font-size: var(--y-13); line-height: 1.2; }
.pn-kk-sayilar b.hata { color: var(--err); }
.pn-kk-sayilar b.uyari { color: var(--warn); }
.pn-kk-sayilar i { font-style: normal; font-size: var(--y-3); color: var(--muted); white-space: nowrap; }
.pn-kk-gorevler { display: flex; flex-direction: column; }
.pn-kk-gorev { display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: var(--b-3); align-items: center; min-height: var(--yk-3); }
.pn-kk-gorev-ad { display: flex; align-items: center; gap: var(--b-15); min-width: 0; font-size: var(--y-5); font-weight: 600; color: var(--muted); }
.pn-kk-gorev-ad > svg { flex-shrink: 0; color: var(--marka-metin); }
.pn-kk-gorev-ad > b { color: var(--text); font-size: var(--y-6); }
.pn-kk-gorev-ad .dugme { margin-left: auto; }
.pn-kk-cipler { display: flex; align-items: center; gap: var(--b-1); min-width: 0; }
.pn-kk-cip-kap { display: flex; align-items: center; gap: var(--b-1); min-width: 0; flex: 0 1 auto; overflow: hidden; }
.pn-kk-cip { display: inline-block; flex: none; padding: 0 9px; height: 22px; line-height: 22px; border-radius: 999px; background: var(--marka-zemin); color: var(--marka-metin); font-size: var(--y-4); font-weight: 700; white-space: nowrap; border: 0; }
.pn-kk-cip.daha { cursor: pointer; background: var(--surface-3); color: var(--text-2); }
.pn-kk-cip.daha:hover { background: var(--surface-2); }
.pn-kk-cip-liste { display: flex; flex-wrap: wrap; gap: var(--b-1); }
.pn-kk-secili { margin-right: auto; align-self: center; }
@container (max-width: 700px) {
  .pn-kk-ust { grid-template-columns: minmax(0, 1fr); }
  .pn-kk-kimlik { flex-direction: row; justify-content: flex-start; flex-wrap: nowrap; }
  .pn-kk-bilgi { grid-template-columns: minmax(0, 1fr); }
  .pn-kk-is { grid-template-columns: minmax(0, 1fr); }
  .pn-kk-kutu.genis { grid-column: auto; }
}
.pn-ok-bekle { display: grid; place-items: center; min-height: 260px; }
.pn-ok-baslik { display: inline-flex; align-items: baseline; gap: var(--b-3); min-width: 0; max-width: 100%; }
.pn-ok-baslik .kucuk { font-weight: 500; }
.pn-ok { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: var(--b-4); height: min(560px, calc(100dvh - 200px)); min-height: 0; }
.pn-ok-belge { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 0; border-radius: var(--r-md); overflow: hidden; background: var(--belge-zemin); }
.pn-ok-yan { display: flex; flex-direction: column; gap: var(--b-2); min-width: 0; min-height: 0; }
.pn-ok-arac { flex-shrink: 0; gap: var(--b-3); }
.pn-ok-ara { flex: 1; min-width: 0; }
.pn-ok-sayi { white-space: nowrap; font-variant-numeric: tabular-nums; }
.pn-ok-liste { display: flex; flex-direction: column; gap: var(--b-3); flex: 1; min-height: 0; overflow: auto; }
.pn-ok-grup { display: flex; flex-direction: column; gap: var(--b-1); }
.pn-ok-grup-ad { font-size: var(--y-3); font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); }
.pn-ok-deger { display: block; }
.pn-ok-oto { display: inline-grid; place-items: center; margin-left: var(--b-1); color: var(--marka-metin); }
@media (max-width: 760px) {
  .pn-ok { grid-template-columns: minmax(0, 1fr); height: auto; }
  .pn-ok-belge { height: 320px; }
}
.pn-pk-bekle { display: grid; place-items: center; flex: 1; min-height: 260px; }
.pn-pk-baslik { display: inline-flex; align-items: baseline; gap: var(--b-3); min-width: 0; max-width: 100%; }
.pn-pk-baslik .kucuk { font-weight: 500; }
.pn-pk { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 36%); gap: var(--b-4); flex: 1; min-height: 0; padding: var(--b-2) var(--b-6) var(--b-5); }
.pn-pk-sol { display: flex; flex-direction: column; gap: var(--b-2); min-width: 0; min-height: 0; container-type: inline-size; }
.pn-pk-pdf { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 0; border-radius: var(--r-md); overflow: hidden; background: var(--belge-zemin); }
.pn-pk-arac { flex-shrink: 0; gap: var(--b-3); min-width: 0; }
.pn-pk-sayi { white-space: nowrap; font-variant-numeric: tabular-nums; }
.pn-pk-toplu { flex-shrink: 0; gap: var(--b-1); }
.pn-pk-yenile { margin-top: var(--b-1); justify-content: space-between; }
.pn-pk-tasinmaz { flex-shrink: 0; gap: var(--b-2); min-width: 0; }
.pn-pk-sec { flex: 1 1 200px; min-width: 120px; max-width: 360px; width: auto; }
.pn-pk-say { margin-left: auto; white-space: nowrap; }
.pn-pk-liste { display: flex; flex-direction: column; gap: var(--b-2); flex: 1; min-height: 0; overflow: auto; }
.pn-pk-baslikSatiri, .pn-pk-satir { display: grid; grid-template-columns: 176px minmax(0, 1fr) minmax(0, 1fr) 100px; gap: var(--b-3); align-items: start; }
.pn-pk-baslikSatiri { position: sticky; top: 0; z-index: 2; padding: var(--b-2) var(--b-3); background: var(--surface); font-size: var(--y-3); font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); }
.pn-pk-baslikSatiri span { display: inline-flex; align-items: center; gap: 5px; min-width: 0; white-space: nowrap; }
.pn-pk-bolum { display: flex; flex-direction: column; gap: var(--b-1); }
.pn-pk-bolum-bas { display: flex; align-items: center; gap: var(--b-2); width: 100%; padding: var(--b-15) var(--b-3); border: 0; border-radius: var(--r-md); background: var(--surface-3); color: var(--text); font: inherit; font-size: var(--y-6); text-align: left; cursor: pointer; }
.pn-pk-bolum-bas:hover { background: var(--surface-2); }
.pn-pk-bolum-bas:focus-visible { outline: 2px solid var(--marka-400); outline-offset: 1px; }
.pn-pk-bolum-bas > b { flex: 1; min-width: 0; }
.pn-pk-ok { flex-shrink: 0; color: var(--muted); transition: transform 0.15s; }
[aria-expanded='true'] > .pn-pk-ok { transform: rotate(90deg); }
.pn-pk-satirlar { display: flex; flex-direction: column; gap: var(--b-1); }
.pn-pk-satir { padding: var(--b-2) var(--b-3); border-radius: var(--r-md); background: var(--surface); }
.pn-pk-satir.mismatch { background: var(--warn-soft); }
.pn-pk-satir.sades-empty { background: var(--info-soft); }
.pn-pk-satir.pdf-empty { outline: 1px dashed var(--line-2); outline-offset: -1px; color: var(--muted); }
.pn-pk-satir.salt { color: var(--muted); }
.pn-pk-satir.uygulandi { background: var(--ok-soft); }
.pn-pk-satir.secili { box-shadow: 0 0 0 2px var(--marka-400) inset; }
.pn-pk-ad { display: flex; flex-direction: column; gap: 3px; min-width: 0; font-size: var(--y-6); }
.pn-pk-uyari { display: block; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--warn); }
.pn-pk-uyari svg { vertical-align: -2px; margin-right: var(--b-1); }
.pn-pk-ad-ust { display: flex; align-items: center; justify-content: space-between; gap: var(--b-2); min-width: 0; }
.pn-pk-ad-ust .rozet { flex-shrink: 0; }
.pn-pk-deger { min-width: 0; font-size: var(--y-6); font-variant-numeric: tabular-nums; }
.pn-pk-deger.uzun { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font-family: inherit; line-height: 1.4; }
.pn-pk-sades { display: flex; flex-direction: column; gap: var(--b-1); min-width: 0; }
.pn-pk-sades textarea, .pn-pk-sades input { width: 100%; }
.pn-pk-bekleyen { display: flex; align-items: center; gap: var(--b-1); min-width: 0; font-size: var(--y-4); color: var(--marka-metin); }
.pn-pk-bekleyen svg { flex-shrink: 0; }
.pn-pk-bekleyen b { font-weight: 600; font-variant-numeric: tabular-nums; }
.pn-pk-islem { display: flex; align-items: center; justify-content: flex-end; gap: var(--b-1); min-width: 0; }
.pn-pk-kayit { color: var(--ok); font-weight: 700; gap: var(--b-1); white-space: nowrap; }
.pn-pk-sonuc { margin-right: auto; color: var(--ok); font-weight: 700; font-size: var(--y-6); }
.pn-pk-onay { gap: var(--b-2); }
.pn-pk-soru { margin: 0; font-size: var(--y-7); }
.pn-pk-hucre { display: block; }
@container (max-width: 700px) {
  .pn-pk-yazi, .pn-pk-sayi { display: none; }
  .pn-pk-baslikSatiri, .pn-pk-satir { grid-template-columns: 140px minmax(0, 1fr) minmax(0, 1fr) 84px; }
}
@media (max-width: 940px) {
  .pn-pk { grid-template-columns: minmax(0, 1fr); }
  .pn-pk-pdf { display: none; }
}
.pn-rv-iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--b-4); align-items: start; }
.pn-rv-iki .alan { min-width: 0; }
.pn-rv-tam { grid-column: 1 / -1; }
.pn-rv-onizleme { display: flex; flex-direction: column; gap: var(--b-05); padding: var(--b-2) var(--b-3); border-radius: var(--r-md); background: var(--surface-3); margin-bottom: var(--b-3); font-size: var(--y-5); }
.pn-rv-onizleme > span { display: flex; align-items: center; gap: var(--b-1); color: var(--muted); font-weight: 600; }
.pn-rv-onizleme > p { margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; white-space: pre-wrap; color: var(--text-2); }
.pn-sl-sayac { color: var(--muted); }
.pn-sl-sayac.eksik { color: var(--err); }
.pn-sl-sayac-satir { display: flex; justify-content: flex-end; margin-top: calc(-1 * var(--b-1)); }
.pn-tp-arac { gap: var(--b-3); min-width: 0; }
.pn-tp-arac .arama-kutusu { flex: 0 1 220px; min-width: 120px; }
.pn-tp-sayi { flex-shrink: 0; white-space: nowrap; font-weight: 700; }
.pn-tp-eylem { flex-shrink: 0; gap: var(--b-2); }
.pn-tp-adet { width: 64px; height: var(--yk-4); padding-inline: var(--b-2); }
.pn-tp-tablo { --tablo-x: 0px; }
.pn-tp-tablo .tablo { table-layout: fixed; }
.pn-tp-tablo .tablo :is(th, td) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pn-tp-tablo .tablo td { padding-block: 7px; }
.pn-tp-tablo .tablo :is(th, td):not(:first-child):not(:last-child) { padding-inline: var(--b-2); }
.pn-tk-bekle { display: grid; place-items: center; flex: 1; min-height: 240px; }
.pn-tk { display: flex; flex-direction: column; flex: 1; min-height: 0; gap: var(--b-3); padding: var(--b-2) var(--b-6) var(--b-5); }
.pn-tk-govde { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--b-4); flex: 1; min-height: 0; }
.pn-tk-govde.tek { grid-template-columns: minmax(0, 1fr); }
.pn-tk-alanlar { display: flex; flex-direction: column; gap: var(--b-2); min-width: 0; min-height: 0; container-type: inline-size; }
.pn-tk-arac { flex-shrink: 0; }
.pn-tk-tablo { flex: 0 1 auto; min-height: 0; overflow: auto; border-radius: var(--r-md); background: var(--surface-2); }
.pn-tk-tablo .tablo th { background: var(--surface-2); }
.pn-tk-hucre { display: block; }
.pn-tk-ayni { font-weight: 500; }
.pn-tk-pdfler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-3); min-width: 0; min-height: 0; }
.pn-tk-pdf { display: flex; flex-direction: column; gap: var(--b-2); min-width: 0; min-height: 0; }
.pn-tk-pdf-bas { min-width: 0; font-size: var(--y-5); font-weight: 700; }
.pn-tk-tarih { margin-left: auto; white-space: nowrap; flex-shrink: 0; }
.pn-tk-goruntu { position: relative; flex: 1; min-height: 0; display: flex; flex-direction: column; border-radius: var(--r-md); overflow: hidden; background: var(--belge-zemin); }
@container (max-width: 440px) {
  .pn-tk-durum { display: none; }
}
.pn-to-ozet { gap: var(--b-2); }
.pn-to-rozetler { gap: var(--b-2); }
.pn-to-tablo-kap { gap: var(--b-2); }
.pn-to-tablo-kap .arama-kutusu { max-width: 280px; }
.pn-to-tablo { --tablo-x: 0px; }
.pn-to-tablo .tablo { table-layout: fixed; }
.pn-to-tablo .tablo :is(th, td) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pn-to-tablo .tablo td { padding-block: 7px; }
.pn-to-tablo .tablo :is(th, td):not(:first-child):not(:last-child) { padding-inline: var(--b-2); }
.pn-to-alan { gap: var(--b-2); min-width: 0; flex-wrap: nowrap; }
.pn-to-alan > .rozet { flex-shrink: 0; }
.pn-to-temiz { font-style: italic; }
.pn-tu { gap: var(--b-3); }
.pn-tu-adimlar { min-width: 0; gap: var(--b-3); }
.pn-tu-adimlar .adimlar { flex: 0 1 auto; min-width: 0; }
.pn-tu-secili { color: var(--text); }
.pn-tu-geri { margin-right: auto; }
.pn-tu-arac { gap: var(--b-2); }
.pn-tu-arac .arama-kutusu { flex: 0 1 230px; min-width: 120px; }
.pn-tu-gruplar { gap: var(--b-2); }
.pn-tu-grup { height: var(--yk-2); border-radius: 999px; }
.pn-tu-isaretler { gap: var(--b-1); flex-wrap: nowrap; }
.pn-tu-kilit { font-style: italic; }
.pn-tu-tablo { --tablo-x: 0px; }
.pn-tu-tablo .tablo td { padding-block: var(--b-15); }
.pn-tu-tablo .tablo tbody tr.tik:hover td { cursor: pointer; }
.pn-tu-deger { gap: var(--b-3); }
.pn-tu-onay { gap: var(--b-2); cursor: pointer; font-weight: 600; }
.pn-tu-girdi { max-width: 560px; }
.pn-tu-tablo .tablo td .giris, .pn-tu-tablo .tablo td .secim { height: var(--yk-5); font-size: var(--y-6); }
.pn-tv { gap: var(--b-3); }
.pn-tv-indir, .pn-tv-yukle, .pn-tv-gecmis { gap: var(--b-3); }
.pn-tv-eksik { gap: var(--b-2); }
.pn-tv-bolum-bas { min-height: var(--yk-4); }
.pn-tv-bolumler { gap: var(--b-2) var(--b-5); }
.pn-tv-bolum { gap: var(--b-2); cursor: pointer; font-weight: 600; }
.pn-tv-kurallar { display: flex; flex-direction: column; gap: var(--b-2); margin: 0; padding-left: var(--b-5); font-size: var(--y-6); line-height: 1.45; }
.pn-tv-kurallar code { padding: 1px 5px; border-radius: 5px; background: var(--surface-3); font-size: var(--y-4); }
.pn-tv-yukle .birak.kucuk { justify-content: flex-start; gap: var(--b-3); text-align: left; }
.pn-tv-yukle .birak.kucuk b { font-size: var(--y-7); }
.pn-tv-detay-bas { gap: var(--b-3); min-width: 0; }
.pn-tv-gecmis-tablo .tablo td { padding-block: 5px; }
.vitrin { display: flex; flex-direction: column; gap: 28px; container-type: inline-size; min-width: 0; }
.vitrin-bolum { display: flex; flex-direction: column; gap: var(--b-3); scroll-margin-top: 12px; }
.vitrin-bolum > h2 { font-size: var(--y-6); font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); }
.vitrin-izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); gap: var(--b-3); align-items: start; }
.vitrin-json { margin: var(--b-3) 0 0; padding: var(--b-25) var(--b-3); border-radius: var(--r-md); background: var(--surface-3); font-family: var(--mono); font-size: var(--y-4); white-space: pre-wrap; overflow-wrap: anywhere; }
.vitrin-yanyana { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin: -16px -24px -48px; }
.vitrin-yanyana > [data-tema] { padding: var(--b-4) var(--b-5) 48px; min-width: 0; }
.vitrin-icindekiler { display: flex; flex-wrap: wrap; gap: var(--b-1) var(--b-3); font-size: var(--y-5); }
.renk-kutu { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: var(--b-2); }
.renk-kutu > div { display: flex; align-items: center; gap: var(--b-2); font-size: var(--y-4); min-width: 0; }
.renk-kutu i { width: 28px; height: var(--yk-3); border-radius: 8px; flex-shrink: 0; box-shadow: inset 0 0 0 1px var(--line); }
.ikon-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(136px, 1fr)); gap: var(--b-2); }
.ikon-kutu { display: flex; flex-direction: column; align-items: center; gap: var(--b-15); padding: 14px var(--b-2) var(--b-25); border: 0; border-radius: var(--r-md); background: var(--surface); box-shadow: var(--kart-golge); color: var(--text); cursor: pointer; min-width: 0; }
.ikon-kutu:hover { background: var(--marka-zemin); color: var(--marka-metin); }
.ikon-kutu b { font-size: var(--y-5); font-weight: 700; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ikon-kutu small { font-size: var(--y-2); color: var(--muted); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 1100px) { .vitrin-yanyana { grid-template-columns: minmax(0, 1fr); } }
.renk-kutu i.r-marka { background: var(--marka); }
.renk-kutu i.r-marka-800 { background: var(--marka-800); }
.renk-kutu i.r-marka-400 { background: var(--marka-400); }
.renk-kutu i.r-marka-zemin { background: var(--marka-zemin); }
.renk-kutu i.r-marka-metin { background: var(--marka-metin); }
.renk-kutu i.r-aksan { background: var(--aksan); }
.renk-kutu i.r-aksan-600 { background: var(--aksan-600); }
.renk-kutu i.r-aksan-soluk { background: var(--aksan-soluk); }
.renk-kutu i.r-info { background: var(--info); }
.renk-kutu i.r-vurgu { background: var(--vurgu); }
.renk-kutu i.r-ok { background: var(--ok); }
.renk-kutu i.r-warn { background: var(--warn); }
.renk-kutu i.r-err { background: var(--err); }
.renk-kutu i.r-teal { background: var(--teal); }
.renk-kutu i.r-bg { background: var(--bg); }
.renk-kutu i.r-surface { background: var(--surface); }
.renk-kutu i.r-surface-3 { background: var(--surface-3); }
.renk-kutu i.r-text { background: var(--text); }
.renk-kutu i.r-muted { background: var(--muted); }
.renk-kutu i.r-faint { background: var(--faint); }
.vitrin-kesik { width: 180px; min-width: 0; }