/* Asistan bölümü. Sınıf ön eki: fz-as-  Renk, aralık ve yazı jetonları temel.css'ten gelir. */

.fz-as-sayfa { max-width: 1280px; }
.fz-as-soluk { color: var(--fz-yazi-3); }
.fz-as-modal-metin { margin: 0 0 var(--fz-b-3); line-height: var(--fz-a-normal); }
.fz-as-modal-metin:last-child { margin-bottom: 0; }
.fz-as-baslik-sag { display: flex; align-items: center; gap: var(--fz-b-3); flex-wrap: wrap; }

.fz-as-durdurma { display: flex; align-items: center; gap: var(--fz-b-3); padding: var(--fz-b-3) var(--fz-b-4); margin-bottom: var(--fz-b-4); border-radius: var(--fz-r-md); background: var(--fz-hata-zemin); color: var(--fz-bekliyor-yazi); border: 1px solid color-mix(in srgb, var(--fz-hata) 28%, transparent); }
.fz-as-durdurma[hidden] { display: none; }
.fz-as-durdurma > div { flex: 1; min-width: 0; }
.fz-as-durdurma .fz-ikon { flex: none; }

.fz-as-sekmeler { position: sticky; top: 0; z-index: 5; margin: 0 calc(var(--fz-b-8) * -1) var(--fz-b-5); padding: 0 var(--fz-b-8); background: var(--fz-zemin); border-bottom: 1px solid var(--fz-cizgi); overflow-x: auto; scrollbar-width: none; gap: 2px; }
.fz-as-sekmeler::-webkit-scrollbar { display: none; }
.fz-as-sekmeler .fz-sekme { flex: none; white-space: nowrap; height: 44px; display: inline-flex; align-items: center; gap: 6px; }
.fz-as-sekmeler .fz-sekme[aria-selected="true"]::after { bottom: 0; height: 3px; border-radius: 3px 3px 0 0; }
.fz-as-sekmeler .fz-sayac { height: 18px; min-width: 18px; font-size: 11px; }

.fz-as-icerik { min-width: 0; }
.fz-as-gir { animation: fz-as-gir 220ms var(--fz-egri); }
@keyframes fz-as-gir { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }

.fz-as-ipucu { position: fixed; z-index: var(--fz-z-ipucu); transform: translate(-50%, -100%); padding: 5px 9px; border-radius: var(--fz-r-sm); background: var(--fz-toast-zemin); color: var(--fz-toast-yazi); font-size: var(--fz-y-sm); font-weight: 650; pointer-events: none; white-space: nowrap; }
.fz-as-ipucu[hidden] { display: none; }

.fz-as-bos { min-height: 280px; height: auto; }
.fz-as-nokta-k { display: inline-block; width: 9px; height: 9px; border-radius: 50%; flex: none; }
.fz-as-kimlik { display: inline-flex; align-items: center; height: 20px; padding: 0 7px; border-radius: var(--fz-r-xs); background: var(--fz-vurgu-zemin-2); color: var(--fz-vurgu-yazi); font-size: 11.5px; font-weight: 800; font-variant-numeric: tabular-nums; letter-spacing: 0.02em; flex: none; }
.fz-as-kimlik--buyuk { height: 26px; padding: 0 10px; font-size: 13px; }
.fz-as-kat-etiket { display: inline-flex; align-items: center; gap: 6px; color: var(--fz-yazi-2); font-size: var(--fz-y-sm); font-weight: 600; }
.fz-as-baglanti { border: 0; background: none; padding: 0; color: var(--fz-vurgu-yazi); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.fz-as-ara-yok { text-align: center; padding: var(--fz-b-6); color: var(--fz-yazi-3); }
.fz-as-sag { text-align: right; font-variant-numeric: tabular-nums; }

.fz-as-ilerleme { height: 10px; border-radius: var(--fz-r-tam); background: var(--fz-yuzey-3); overflow: hidden; }
.fz-as-ilerleme > span { display: block; height: 100%; border-radius: inherit; background: var(--fz-asistanda); transition: width 280ms var(--fz-egri); }
.fz-as-ilerleme--iyi > span { background: var(--fz-bende); }
.fz-as-ilerleme--uyari > span { background: var(--fz-mesgul); }
.fz-as-ilerleme--kotu > span { background: var(--fz-bekliyor); }

.fz-as-uyari-kutu, .fz-as-bilgi-kutu { display: flex; align-items: flex-start; gap: var(--fz-b-2); padding: var(--fz-b-3); border-radius: var(--fz-r-sm); font-size: var(--fz-y-sm); line-height: var(--fz-a-normal); }
.fz-as-uyari-kutu { background: var(--fz-uyari-zemin); color: var(--fz-uyari); }
.fz-as-bilgi-kutu { background: var(--fz-yardimci-zemin); color: var(--fz-yardimci); }
.fz-as-uyari-kutu > .fz-ikon, .fz-as-bilgi-kutu > .fz-ikon { flex: none; margin-top: 1px; }
.fz-as-uyari-kutu span, .fz-as-bilgi-kutu span { color: var(--fz-yazi); }
.fz-as-uyari-kutu--kucuk { padding: 6px 9px; }

.fz-as-kutu { padding: var(--fz-b-5); display: flex; flex-direction: column; gap: var(--fz-b-4); min-width: 0; }
.fz-as-kutu > header h2, .fz-as-kutu-bas h2 { font-size: var(--fz-y-lg); font-weight: 800; margin: 0; }
.fz-as-kutu > header p, .fz-as-kutu-bas p { margin: 3px 0 0; color: var(--fz-yazi-3); font-size: var(--fz-y-sm); max-width: 74ch; }
.fz-as-kutu-bas { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--fz-b-4); }
.fz-as-kutu-alt { display: flex; justify-content: flex-end; margin-top: auto; }
.fz-as-kutu-alt-cubuk { display: flex; align-items: center; justify-content: flex-end; gap: var(--fz-b-3); padding-top: var(--fz-b-4); border-top: 1px solid var(--fz-cizgi); }
.fz-as-kutu-alt-cubuk .fz-as-soluk { margin-right: auto; }
.fz-as-icerik > .fz-as-kutu + .fz-as-kutu, .fz-as-icerik > .fz-as-esik + .fz-as-kutu { margin-top: var(--fz-b-4); }

.fz-as-arac { display: flex; align-items: center; gap: var(--fz-b-3); flex-wrap: wrap; margin-bottom: var(--fz-b-4); }
.fz-as-ara { flex: 1 1 280px; max-width: 420px; }
.fz-as-ara .fz-girdi { background: var(--fz-yuzey); border-color: var(--fz-cizgi-guclu); }
.fz-as-arac-sag { margin-left: auto; display: flex; gap: var(--fz-b-2); }
.fz-as-arac-not { margin-left: auto; font-size: var(--fz-y-sm); }
.fz-as-hacim { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fz-y-sm); color: var(--fz-yazi-2); font-weight: 600; font-variant-numeric: tabular-nums; }
.fz-as-suz { display: flex; gap: 6px; flex-wrap: wrap; }
.fz-as-suz-dugme { height: 34px; padding: 0 13px; border-radius: var(--fz-r-tam); border: 1px solid var(--fz-cizgi-guclu); background: var(--fz-yuzey); color: var(--fz-yazi-2); font-weight: 650; display: inline-flex; align-items: center; gap: 7px; }
.fz-as-suz-dugme b { font-size: 11.5px; font-variant-numeric: tabular-nums; color: var(--fz-yazi-3); }
.fz-as-suz-dugme:hover { background: var(--fz-yuzey-3); }
.fz-as-suz-dugme[aria-pressed="true"] { background: var(--fz-yardimci); border-color: var(--fz-yardimci); color: #fff; }
.fz-as-suz-dugme[aria-pressed="true"] b { color: rgba(255, 255, 255, 0.82); }

/* ---------- Genel bakış ---------- */
.fz-as-ara-serit { display: flex; justify-content: flex-end; margin-bottom: var(--fz-b-3); }
.fz-as-kpi { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--fz-b-3); margin-bottom: var(--fz-b-4); }
.fz-as-kpi-kart { padding: var(--fz-b-4) var(--fz-b-5); display: flex; flex-direction: column; gap: 4px; }
.fz-as-kpi-kart small { color: var(--fz-yazi-3); font-weight: 650; }
.fz-as-kpi-kart b { font-size: 30px; font-weight: 800; line-height: 1.1; letter-spacing: -0.01em; font-variant-numeric: tabular-nums; display: flex; align-items: baseline; gap: 10px; }
.fz-as-kpi-kart span { font-size: var(--fz-y-sm); color: var(--fz-yazi-3); font-weight: 600; }
.fz-as-kpi-yuzde { font-style: normal; font-size: 15px; font-weight: 750; color: var(--fz-yazi-3); }
.fz-as-iyi { color: var(--fz-bende-yazi); }
.fz-as-izgara-12 { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--fz-b-4); margin-bottom: var(--fz-b-4); }
.fz-as-k7 { grid-column: span 7; } .fz-as-k5 { grid-column: span 5; } .fz-as-k8 { grid-column: span 8; } .fz-as-k4 { grid-column: span 4; }

.fz-as-mod-liste { display: flex; flex-direction: column; }
.fz-as-mod-satir { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--fz-b-3) var(--fz-b-4); align-items: center; padding: var(--fz-b-3) 0; }
.fz-as-mod-satir + .fz-as-mod-satir { border-top: 1px solid var(--fz-cizgi); }
.fz-as-mod-kanal { display: flex; align-items: flex-start; gap: var(--fz-b-3); min-width: 0; }
.fz-as-mod-kanal .fz-kanal-rozet { position: static; width: 28px; height: 28px; flex: none; margin-top: 1px; }
.fz-as-mod-kanal .fz-kanal-rozet svg { width: 15px; height: 15px; }
.fz-as-mod-kanal b { display: block; }
.fz-as-mod-kanal small { display: block; color: var(--fz-yazi-3); font-size: var(--fz-y-sm); margin-top: 2px; max-width: 34ch; line-height: 1.35; }
.fz-as-mod-grup { display: inline-flex; padding: 3px; gap: 2px; background: var(--fz-yuzey-3); border-radius: var(--fz-r-sm); }
.fz-as-mod { height: 32px; padding: 0 11px; border: 0; border-radius: 6px; background: transparent; color: var(--fz-yazi-2); font-weight: 650; font-size: var(--fz-y-sm); white-space: nowrap; }
.fz-as-mod:hover { color: var(--fz-yazi); background: color-mix(in srgb, var(--fz-yuzey) 60%, transparent); }
.fz-as-mod[aria-checked="true"] { box-shadow: var(--fz-golge-1); font-weight: 800; }
.fz-as-mod--kapali[aria-checked="true"] { background: var(--fz-yuzey); color: var(--fz-yazi); }
.fz-as-mod--golge[aria-checked="true"] { background: var(--fz-asistanda-zemin); color: var(--fz-asistanda-yazi); }
.fz-as-mod--mesai_disi[aria-checked="true"] { background: var(--fz-vurgu-zemin-2); color: var(--fz-vurgu-yazi); }
.fz-as-mod--acik[aria-checked="true"] { background: var(--fz-bende-zemin); color: var(--fz-bende-yazi); }

.fz-as-maliyet { display: flex; flex-direction: column; gap: var(--fz-b-2); }
.fz-as-maliyet-sayi { display: flex; align-items: baseline; gap: 8px; }
.fz-as-maliyet-sayi b { font-size: 30px; font-weight: 800; font-variant-numeric: tabular-nums; letter-spacing: -0.01em; }
.fz-as-maliyet-sayi span { color: var(--fz-yazi-3); font-weight: 650; }
.fz-as-maliyet-alt { display: flex; justify-content: space-between; color: var(--fz-yazi-2); font-size: var(--fz-y-sm); }
.fz-as-maliyet-alt b { font-variant-numeric: tabular-nums; }
.fz-as-mini-liste { display: grid; grid-template-columns: 1fr 1fr; gap: var(--fz-b-3); margin: 0; padding: var(--fz-b-3); background: var(--fz-yuzey-2); border-radius: var(--fz-r-sm); }
.fz-as-mini-liste div { display: flex; flex-direction: column; gap: 2px; }
.fz-as-mini-liste dt { font-size: var(--fz-y-xs); color: var(--fz-yazi-3); font-weight: 650; }
.fz-as-mini-liste dd { margin: 0; font-weight: 750; font-variant-numeric: tabular-nums; }

.fz-as-grafik-kap { overflow-x: auto; }
.fz-as-grafik { width: 100%; min-width: 360px; height: auto; display: block; }
.fz-as-izgara { stroke: var(--fz-cizgi); stroke-width: 1; }
.fz-as-eksen { fill: var(--fz-yazi-3); font-size: 11px; font-family: inherit; font-variant-numeric: tabular-nums; }
.fz-as-hedef { stroke: var(--fz-vurgu); stroke-width: 1.5; stroke-dasharray: 5 4; }
.fz-as-hedef-yazi { fill: var(--fz-vurgu-yazi); font-size: 11px; font-weight: 750; }
.fz-as-cizgi { fill: none; stroke: var(--fz-asistanda); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.fz-as-alan { fill: var(--fz-asistanda); opacity: 0.12; }
.fz-as-nokta { fill: var(--fz-yuzey); stroke: var(--fz-asistanda); stroke-width: 2; cursor: pointer; outline-offset: 3px; }
.fz-as-nokta:hover, .fz-as-nokta:focus { fill: var(--fz-asistanda); }
.fz-as-nokta--son { fill: var(--fz-asistanda); }

.fz-as-neden { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--fz-b-3); }
.fz-as-neden li { display: grid; grid-template-columns: 1fr auto; gap: 4px var(--fz-b-3); align-items: center; }
.fz-as-neden li span { font-weight: 600; font-size: var(--fz-y-sm); }
.fz-as-neden li b { font-variant-numeric: tabular-nums; }
.fz-as-neden-iz { grid-column: 1 / -1; grid-row: 2; height: 8px; border-radius: var(--fz-r-tam); background: var(--fz-yuzey-3); overflow: hidden; }
.fz-as-neden-iz i { display: block; height: 100%; border-radius: inherit; background: var(--fz-ekipte); }
.fz-as-neden li:first-child .fz-as-neden-iz i { background: var(--fz-vurgu); }

.fz-as-bekleyen { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--fz-b-3); }
.fz-as-bekleyen-kart { display: flex; align-items: center; gap: var(--fz-b-3); padding: var(--fz-b-4); text-align: left; color: var(--fz-yazi); font: inherit; cursor: pointer; transition: border-color var(--fz-sure-hizli), box-shadow var(--fz-sure-hizli); }
.fz-as-bekleyen-kart:hover { border-color: var(--fz-altin-400); box-shadow: var(--fz-golge-2); }
.fz-as-bekleyen-kart > span:nth-child(2) { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.fz-as-bekleyen-kart small { color: var(--fz-yazi-3); font-size: var(--fz-y-sm); }
.fz-as-bekleyen-kart > .fz-ikon:last-child { color: var(--fz-yazi-3); flex: none; }
.fz-as-bekleyen-ikon { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: var(--fz-vurgu-zemin); color: var(--fz-vurgu-yazi); flex: none; }

/* ---------- Kütüphane ---------- */
.fz-as-kut { display: grid; grid-template-columns: 208px 328px minmax(0, 1fr); gap: var(--fz-b-4); align-items: start; }
.fz-as-agac { padding: var(--fz-b-3); display: flex; flex-direction: column; gap: 2px; position: sticky; top: 64px; }
.fz-as-agac .fz-bolum-baslik { padding: var(--fz-b-1) var(--fz-b-2) var(--fz-b-2); }
.fz-as-agac-oge { display: flex; align-items: center; gap: 9px; height: 38px; padding: 0 10px; border: 0; border-radius: var(--fz-r-sm); background: transparent; color: var(--fz-yazi-2); font-weight: 650; text-align: left; }
.fz-as-agac-oge span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fz-as-agac-oge b { font-size: 11.5px; color: var(--fz-yazi-3); font-variant-numeric: tabular-nums; }
.fz-as-agac-oge:hover:not(:disabled) { background: var(--fz-yuzey-3); color: var(--fz-yazi); }
.fz-as-agac-oge[aria-current="true"] { background: var(--fz-vurgu-zemin-2); color: var(--fz-yazi); font-weight: 800; }
.fz-as-agac-oge[aria-current="true"] .fz-ikon { color: var(--fz-vurgu-yazi); }
.fz-as-agac-oge:disabled { opacity: 0.55; cursor: default; }
.fz-as-agac .fz-ayrac { margin: 6px 4px; }
.fz-as-mliste { display: flex; flex-direction: column; position: sticky; top: 64px; max-height: calc(100vh - 150px); }
.fz-as-mliste-bas { display: flex; align-items: center; justify-content: space-between; padding: var(--fz-b-3) var(--fz-b-4); border-bottom: 1px solid var(--fz-cizgi); }
.fz-as-mliste-ul { list-style: none; margin: 0; padding: var(--fz-b-2); overflow-y: auto; display: flex; flex-direction: column; gap: 2px; }
.fz-as-madde { width: 100%; display: flex; flex-direction: column; gap: 4px; padding: 10px 12px; border: 1px solid transparent; border-radius: var(--fz-r-sm); background: transparent; text-align: left; color: var(--fz-yazi); }
.fz-as-madde:hover { background: var(--fz-yuzey-2); }
.fz-as-madde[aria-current="true"] { background: var(--fz-vurgu-zemin); border-color: var(--fz-altin-200); }
.fz-as-madde-ust { display: flex; align-items: center; gap: 8px; min-width: 0; }
.fz-as-madde-ust b { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 750; }
.fz-as-madde-ozet { color: var(--fz-yazi-3); font-size: var(--fz-y-sm); line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.fz-as-madde-alt { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: var(--fz-y-xs); color: var(--fz-yazi-3); font-variant-numeric: tabular-nums; }

.fz-as-duzen-kap { min-width: 0; }
.fz-as-duzen-bos { min-height: 340px; }
.fz-as-duzen { display: flex; flex-direction: column; }
.fz-as-duzen-bas { display: flex; align-items: center; gap: var(--fz-b-3); padding: var(--fz-b-4) var(--fz-b-5); border-bottom: 1px solid var(--fz-cizgi); }
.fz-as-duzen-baslik { display: flex; align-items: center; gap: var(--fz-b-3); flex: 1; min-width: 0; flex-wrap: wrap; }
.fz-as-duzen-baslik h2 { margin: 0; font-size: var(--fz-y-lg); font-weight: 800; }
.fz-as-geri { display: none; }
.fz-as-kirli[hidden] { display: none; }
.fz-as-istat { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0; border-bottom: 1px solid var(--fz-cizgi); background: var(--fz-yuzey-2); }
.fz-as-istat div { padding: var(--fz-b-3) var(--fz-b-5); display: flex; flex-direction: column; gap: 2px; }
.fz-as-istat div + div { border-left: 1px solid var(--fz-cizgi); }
.fz-as-istat dt { font-size: var(--fz-y-xs); color: var(--fz-yazi-3); font-weight: 650; }
.fz-as-istat dd { margin: 0; font-weight: 800; font-variant-numeric: tabular-nums; }
.fz-as-form { padding: var(--fz-b-5); display: flex; flex-direction: column; gap: var(--fz-b-4); }
.fz-as-satir2 { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: var(--fz-b-3); }
.fz-as-satir2 > * { min-width: 0; }
.fz-as-sayim { margin-top: calc(var(--fz-b-3) * -1); text-align: right; font-size: var(--fz-y-xs); color: var(--fz-yazi-3); font-variant-numeric: tabular-nums; }
.fz-as-bolum { display: flex; flex-direction: column; gap: var(--fz-b-3); }
.fz-as-bolum-bas { display: flex; flex-direction: column; gap: 2px; }
.fz-as-bolum-bas h3 { margin: 0; font-size: 14px; font-weight: 800; }
.fz-as-bolum-bas span { font-size: var(--fz-y-sm); }
.fz-as-bolum--gecmis { padding: var(--fz-b-5); border-top: 1px solid var(--fz-cizgi); background: var(--fz-yuzey-2); border-radius: 0 0 var(--fz-r-md) var(--fz-r-md); }
.fz-as-ornekler { display: flex; flex-wrap: wrap; gap: 6px; }
.fz-as-ornekler:empty { display: none; }
.fz-as-ornek-ekle { display: flex; gap: var(--fz-b-2); }
.fz-as-ornek-ekle .fz-girdi { flex: 1; min-width: 0; }
.fz-as-kanal-sec { display: flex; flex-wrap: wrap; gap: var(--fz-b-2) var(--fz-b-5); }
.fz-as-kanal-sec .fz-kanal-rozet { position: static; width: 20px; height: 20px; }
.fz-as-kanal-sec .fz-onay span { display: inline-flex; align-items: center; gap: 7px; }
.fz-as-ayar-satir { display: flex; align-items: center; justify-content: space-between; gap: var(--fz-b-4); padding: var(--fz-b-3) var(--fz-b-4); border-radius: var(--fz-r-sm); background: var(--fz-yuzey-2); }
.fz-as-ayar-satir > span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.fz-as-ayar-satir small { color: var(--fz-yazi-3); }
.fz-as-duzen-alt { display: flex; align-items: center; gap: var(--fz-b-2); padding: var(--fz-b-3) var(--fz-b-5); border-top: 1px solid var(--fz-cizgi); background: var(--fz-yuzey); position: sticky; bottom: 0; z-index: 2; }
.fz-as-duzen-alt-sol { margin-right: auto; }

.fz-as-tablo-kap { overflow-x: auto; border: 1px solid var(--fz-cizgi); border-radius: var(--fz-r-sm); }
.fz-as-tablo { width: 100%; border-collapse: collapse; font-size: var(--fz-y-md); }
.fz-as-tablo th { text-align: left; font-size: var(--fz-y-xs); font-weight: 750; color: var(--fz-yazi-3); letter-spacing: 0.02em; padding: 8px 10px; background: var(--fz-yuzey-2); border-bottom: 1px solid var(--fz-cizgi); white-space: nowrap; }
.fz-as-tablo td { padding: 8px 10px; border-bottom: 1px solid var(--fz-cizgi); vertical-align: middle; }
.fz-as-tablo tbody tr:last-child td { border-bottom: 0; }
.fz-as-tablo td .fz-girdi, .fz-as-tablo th .fz-girdi { height: 34px; min-width: 96px; }
.fz-as-tablo th .fz-girdi { font-weight: 700; }
.fz-as-tablo-son { width: 40px; text-align: center; }
.fz-as-tablo-no { width: 40px; color: var(--fz-yazi-3); font-variant-numeric: tabular-nums; }
.fz-as-tablo-arac { display: flex; gap: var(--fz-b-2); flex-wrap: wrap; }
.fz-as-tablo--oku td { font-size: var(--fz-y-sm); }
.fz-as-tablo--oku td:first-child { width: 36px; }

.fz-as-gecmis { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.fz-as-gecmis li { display: grid; grid-template-columns: 14px minmax(0, 1fr) auto; gap: 0 var(--fz-b-3); align-items: start; padding-bottom: var(--fz-b-4); position: relative; }
.fz-as-gecmis li:last-child { padding-bottom: 0; }
.fz-as-gecmis li::before { content: ""; position: absolute; left: 6px; top: 16px; bottom: -2px; width: 2px; background: var(--fz-cizgi); }
.fz-as-gecmis li:last-child::before { display: none; }
.fz-as-gecmis-nokta { width: 14px; height: 14px; border-radius: 50%; background: var(--fz-yuzey); border: 2px solid var(--fz-cizgi-guclu); margin-top: 2px; position: relative; z-index: 1; }
.fz-as-gecmis--simdi .fz-as-gecmis-nokta { background: var(--fz-vurgu); border-color: var(--fz-vurgu); }
.fz-as-gecmis li > div { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.fz-as-gecmis li > div span { color: var(--fz-yazi-2); }
.fz-as-gecmis li > div small { color: var(--fz-yazi-3); font-size: var(--fz-y-xs); }
.fz-as-karsi-bilgi { display: grid; grid-template-columns: 1fr auto 1fr; gap: var(--fz-b-3); align-items: center; margin-bottom: var(--fz-b-3); }
.fz-as-karsi-bilgi > div:not(.fz-as-karsi-ok) { display: flex; flex-direction: column; padding: var(--fz-b-2) var(--fz-b-3); background: var(--fz-yuzey-2); border-radius: var(--fz-r-sm); }
.fz-as-karsi-bilgi small, .fz-as-karsi-bilgi span { color: var(--fz-yazi-3); font-size: var(--fz-y-xs); }
.fz-as-karsi-ok { color: var(--fz-yazi-3); }
.fz-as-fark { padding: var(--fz-b-4); border: 1px solid var(--fz-cizgi); border-radius: var(--fz-r-sm); background: var(--fz-yuzey-2); line-height: 1.7; }
.fz-as-sil { background: var(--fz-hata-zemin); color: var(--fz-hata); text-decoration: line-through; padding: 0 2px; border-radius: 3px; }
.fz-as-ekle { background: var(--fz-bende-zemin); color: var(--fz-bende-yazi); text-decoration: none; font-weight: 700; padding: 0 2px; border-radius: 3px; }
.fz-as-fark-not { margin: var(--fz-b-2) 0 0; font-size: var(--fz-y-xs); color: var(--fz-yazi-3); }

.fz-as-birak { display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: var(--fz-b-8) var(--fz-b-4); border: 2px dashed var(--fz-cizgi-guclu); border-radius: var(--fz-r-md); color: var(--fz-yazi-2); cursor: pointer; transition: border-color var(--fz-sure-hizli), background var(--fz-sure-hizli); }
.fz-as-birak:hover, .fz-as-birak--ustte { border-color: var(--fz-altin-500); background: var(--fz-vurgu-zemin); }
.fz-as-birak .fz-btn { margin-top: var(--fz-b-2); }
.fz-as-birak span { color: var(--fz-yazi-3); font-size: var(--fz-y-sm); }
.fz-as-ice-not { margin: var(--fz-b-3) 0 0; font-size: var(--fz-y-sm); }
.fz-as-ice-dosya { display: flex; align-items: center; gap: var(--fz-b-3); padding: var(--fz-b-3); border-radius: var(--fz-r-sm); background: var(--fz-bende-zemin); margin-bottom: var(--fz-b-3); }
.fz-as-ice-dosya > div { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.fz-as-ice-dosya span { font-size: var(--fz-y-sm); color: var(--fz-yazi-2); }
.fz-as-kutu-sec { width: 18px; height: 18px; accent-color: var(--fz-yardimci); }

/* ---------- Önerilen bilgiler ---------- */
.fz-as-ozet { display: flex; align-items: center; justify-content: space-between; gap: var(--fz-b-5); padding: var(--fz-b-4) var(--fz-b-5); margin-bottom: var(--fz-b-4); flex-wrap: wrap; }
.fz-as-ozet-sol { display: flex; align-items: center; gap: var(--fz-b-3); flex: 1 1 360px; min-width: 0; }
.fz-as-ozet-sol > div { display: flex; flex-direction: column; gap: 2px; }
.fz-as-ozet-sol span:not(.fz-as-ozet-ikon) { color: var(--fz-yazi-3); font-size: var(--fz-y-sm); max-width: 60ch; }
.fz-as-ozet-ikon { width: 44px; height: 44px; border-radius: 14px; display: grid; place-items: center; background: var(--fz-vurgu-zemin-2); color: var(--fz-vurgu-yazi); flex: none; }
.fz-as-ozet-sag { flex: 0 1 300px; min-width: 240px; display: flex; flex-direction: column; gap: var(--fz-b-2); }
.fz-as-yigin { display: flex; height: 10px; gap: 2px; border-radius: var(--fz-r-tam); overflow: hidden; }
.fz-as-yigin i { display: block; min-width: 0; }
.fz-as-yigin--onay { background: var(--fz-bende); } .fz-as-yigin--red { background: var(--fz-cizgi-guclu); } .fz-as-yigin--bek { background: var(--fz-vurgu); }
.fz-as-aciklama { list-style: none; display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0; padding: 0; font-size: var(--fz-y-sm); color: var(--fz-yazi-2); }
.fz-as-aciklama li { display: inline-flex; align-items: center; gap: 6px; }
.fz-as-aciklama i { width: 9px; height: 9px; border-radius: 50%; display: inline-block; }
.fz-as-aciklama b { font-variant-numeric: tabular-nums; }
.fz-as-toplu { margin-left: auto; display: flex; align-items: center; gap: var(--fz-b-3); flex-wrap: wrap; }
.fz-as-oneri-liste, .fz-as-deger-liste { display: flex; flex-direction: column; gap: var(--fz-b-3); }
.fz-as-oneri { padding: var(--fz-b-4) var(--fz-b-5); display: flex; flex-direction: column; gap: var(--fz-b-3); }
.fz-as-oneri h3 { margin: 0; font-size: 16px; font-weight: 800; }
.fz-as-oneri-bas { display: flex; align-items: center; gap: var(--fz-b-3); flex-wrap: wrap; }
.fz-as-oneri-sec { flex: none; }
.fz-as-oneri-sec input { width: 20px; height: 20px; }
.fz-as-oneri-etiketler { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; flex: 1; min-width: 0; }
.fz-as-oneri-kaynak { font-size: var(--fz-y-sm); }
.fz-as-alinti { padding: var(--fz-b-3) var(--fz-b-4); border-radius: var(--fz-r-sm); background: var(--fz-yuzey-2); border: 1px solid var(--fz-cizgi); line-height: var(--fz-a-normal); }
.fz-as-oneri-not { display: flex; gap: 8px; align-items: flex-start; margin: 0; color: var(--fz-yazi-2); font-size: var(--fz-y-sm); }
.fz-as-oneri-not .fz-ikon { flex: none; margin-top: 2px; color: var(--fz-uyari); }
.fz-as-duzen-ic { display: flex; flex-direction: column; gap: var(--fz-b-3); padding: var(--fz-b-3); border-radius: var(--fz-r-sm); background: var(--fz-vurgu-zemin); }
.fz-as-kanit-kap summary { cursor: pointer; display: inline-flex; align-items: center; gap: 6px; color: var(--fz-yazi-2); font-weight: 650; font-size: var(--fz-y-sm); list-style: none; padding: 4px 0; }
.fz-as-kanit-kap summary::-webkit-details-marker { display: none; }
.fz-as-kanit-kap[open] summary .fz-ikon { transform: rotate(90deg); }
.fz-as-kanit-kap summary:hover { color: var(--fz-yazi); }
.fz-as-kanit { margin-top: var(--fz-b-2); padding: var(--fz-b-3); border-radius: var(--fz-r-sm); background: var(--fz-zemin); display: flex; flex-direction: column; gap: var(--fz-b-2); }
.fz-as-kanit-bas { display: flex; align-items: center; gap: 6px; font-size: var(--fz-y-xs); font-weight: 750; color: var(--fz-yazi-3); letter-spacing: 0.02em; }
.fz-as-kb { max-width: 88%; padding: 8px 12px; border-radius: 14px; font-size: var(--fz-y-md); line-height: 1.4; }
.fz-as-kb p { margin: 2px 0 0; }
.fz-as-kb-kim { display: inline-flex; align-items: center; gap: 5px; font-size: var(--fz-y-xs); font-weight: 750; color: var(--fz-yazi-3); }
.fz-as-kb .fz-kanal-rozet { position: static; width: 16px; height: 16px; }
.fz-as-kb .fz-kanal-rozet svg { width: 10px; height: 10px; }
.fz-as-kb--musteri { background: var(--fz-balon-musteri); border: 1px solid var(--fz-balon-musteri-cizgi); border-bottom-left-radius: 4px; align-self: flex-start; }
.fz-as-kb--temsilci { background: var(--fz-balon-temsilci); border-bottom-right-radius: 4px; align-self: flex-end; }
.fz-as-kb--asistan { background: var(--fz-balon-asistan); border-bottom-right-radius: 4px; align-self: flex-end; }
.fz-as-oneri-alt { display: flex; align-items: center; gap: var(--fz-b-2); justify-content: flex-end; flex-wrap: wrap; padding-top: var(--fz-b-3); border-top: 1px solid var(--fz-cizgi); }
.fz-as-oneri-alt .fz-btn--hayalet { margin-right: auto; }
.fz-as-radyolar { display: flex; flex-direction: column; gap: var(--fz-b-2); margin: var(--fz-b-3) 0; }
.fz-as-radyolar .fz-onay input { border-radius: 50%; }

/* ---------- Değerlendirme ---------- */
.fz-as-hedef { padding: var(--fz-b-5); margin-bottom: var(--fz-b-4); display: flex; flex-direction: column; gap: var(--fz-b-4); }
.fz-as-hedef-baslik { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--fz-b-3); }
.fz-as-hedef-baslik h2 { margin: 0; font-size: var(--fz-y-lg); font-weight: 800; }
.fz-as-hedef-baslik p { margin: 3px 0 0; color: var(--fz-yazi-3); font-size: var(--fz-y-sm); }
.fz-as-hedef-iki { display: grid; grid-template-columns: 1fr 1fr; gap: var(--fz-b-6); }
.fz-as-hedef-iki > div { display: flex; flex-direction: column; gap: 8px; }
.fz-as-hedef-satir { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.fz-as-hedef-satir span { font-weight: 650; color: var(--fz-yazi-2); }
.fz-as-hedef-satir b { font-size: 22px; font-weight: 800; font-variant-numeric: tabular-nums; }
.fz-as-hedef-satir small { font-size: var(--fz-y-sm); color: var(--fz-yazi-3); font-weight: 650; }
.fz-as-ilerleme-hedefli { position: relative; }
.fz-as-hedef-isaret { position: absolute; top: -4px; bottom: -4px; width: 3px; margin-left: -1px; border-radius: 2px; background: var(--fz-yazi); }
.fz-as-say { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--fz-b-3); margin: 0; }
.fz-as-say > div { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 14px; border-radius: var(--fz-r-sm); }
.fz-as-say dt { display: inline-flex; align-items: center; gap: 7px; font-weight: 700; }
.fz-as-say dd { margin: 0; font-size: 20px; font-weight: 800; font-variant-numeric: tabular-nums; }
.fz-as-say--dogru { background: var(--fz-bende-zemin); color: var(--fz-bende-yazi); }
.fz-as-say--yanlis { background: var(--fz-uyari-zemin); color: var(--fz-uyari); }
.fz-as-say--tehlikeli { background: var(--fz-hata-zemin); color: var(--fz-hata); }
.fz-as-deger { padding: var(--fz-b-4) var(--fz-b-5); display: flex; flex-direction: column; gap: var(--fz-b-3); }
.fz-as-deger--dogru { border-color: color-mix(in srgb, var(--fz-bende) 40%, var(--fz-cizgi)); }
.fz-as-deger--yanlis { border-color: color-mix(in srgb, var(--fz-mesgul) 55%, var(--fz-cizgi)); }
.fz-as-deger--tehlikeli { border-color: color-mix(in srgb, var(--fz-hata) 55%, var(--fz-cizgi)); }
.fz-as-deger-bas { display: flex; align-items: center; gap: var(--fz-b-3); flex-wrap: wrap; }
.fz-as-deger-bas .fz-kanal-rozet { position: static; width: 22px; height: 22px; }
.fz-as-deger-bas .fz-kanal-rozet svg { width: 12px; height: 12px; }
.fz-as-neden-y { font-size: var(--fz-y-sm); }
.fz-as-guven { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; font-size: var(--fz-y-sm); font-weight: 750; font-variant-numeric: tabular-nums; color: var(--fz-yazi-2); }
.fz-as-guven-iz { width: 64px; height: 6px; border-radius: var(--fz-r-tam); background: var(--fz-yuzey-3); overflow: hidden; }
.fz-as-guven-iz i { display: block; height: 100%; background: var(--fz-bende); border-radius: inherit; }
.fz-as-guven--dusuk { color: var(--fz-hata); }
.fz-as-guven--dusuk .fz-as-guven-iz i { background: var(--fz-hata); }
.fz-as-konus { display: flex; flex-direction: column; gap: var(--fz-b-2); }
.fz-as-konus .fz-as-kb { max-width: 80%; }
.fz-as-kaynaklar { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.fz-as-kaynak { display: inline-flex; align-items: center; gap: 7px; height: 28px; padding: 0 10px 0 4px; border-radius: var(--fz-r-tam); border: 1px solid var(--fz-cizgi-guclu); background: var(--fz-yuzey); color: var(--fz-yazi-2); font-size: var(--fz-y-sm); font-weight: 600; }
.fz-as-kaynak:hover { border-color: var(--fz-altin-500); color: var(--fz-yazi); }
.fz-as-kaynak .fz-as-kimlik { height: 20px; border-radius: var(--fz-r-tam); }
.fz-as-kaynak-yok { font-size: var(--fz-y-sm); color: var(--fz-hata); font-weight: 650; }
.fz-as-deger-alt { display: flex; align-items: center; gap: var(--fz-b-3); flex-wrap: wrap; padding-top: var(--fz-b-3); border-top: 1px solid var(--fz-cizgi); }
.fz-as-isaretler { display: inline-flex; gap: var(--fz-b-2); }
.fz-as-isaret { height: 36px; padding: 0 14px; display: inline-flex; align-items: center; gap: 7px; border-radius: var(--fz-r-sm); border: 1px solid var(--fz-cizgi-guclu); background: var(--fz-yuzey); color: var(--fz-yazi-2); font-weight: 700; }
.fz-as-isaret:hover { background: var(--fz-yuzey-3); color: var(--fz-yazi); }
.fz-as-isaret--dogru[aria-pressed="true"] { background: var(--fz-bende); border-color: var(--fz-bende); color: #fff; }
.fz-as-isaret--yanlis[aria-pressed="true"] { background: var(--fz-mesgul); border-color: var(--fz-mesgul); color: #2b1f05; }
.fz-as-isaret--tehlikeli[aria-pressed="true"] { background: var(--fz-hata); border-color: var(--fz-hata); color: #fff; }
.fz-as-isaret-not { font-size: var(--fz-y-sm); }
.fz-as-panel-yanlis { display: flex; flex-direction: column; gap: var(--fz-b-3); padding: var(--fz-b-3) var(--fz-b-4); border-radius: var(--fz-r-sm); background: var(--fz-uyari-zemin); }
.fz-as-panel-yanlis--tehlike { background: var(--fz-hata-zemin); }
.fz-as-panel-yanlis .fz-girdi { background: var(--fz-yuzey); }
.fz-as-panel-alt { display: flex; align-items: center; justify-content: space-between; gap: var(--fz-b-3); flex-wrap: wrap; }

/* ---------- Deneme alanı ---------- */
.fz-as-deneme { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: var(--fz-b-4); align-items: start; margin-bottom: var(--fz-b-4); }
.fz-as-sohbet-kart { display: flex; flex-direction: column; height: 640px; max-height: calc(100vh - 170px); min-height: 460px; overflow: hidden; }
.fz-as-sohbet-bas { display: flex; align-items: center; justify-content: space-between; gap: var(--fz-b-3); flex-wrap: wrap; padding: var(--fz-b-4) var(--fz-b-5); border-bottom: 1px solid var(--fz-cizgi); }
.fz-as-sohbet-bas h2, .fz-as-dusunme > header h2, .fz-as-sinav-bas h2 { margin: 0; font-size: var(--fz-y-lg); font-weight: 800; }
.fz-as-sohbet-bas p, .fz-as-dusunme > header p, .fz-as-sinav-bas p { margin: 2px 0 0; color: var(--fz-yazi-3); font-size: var(--fz-y-sm); }
.fz-as-sohbet-ayar { display: flex; align-items: center; gap: var(--fz-b-2); flex-wrap: wrap; }
.fz-as-mini-sec { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fz-y-sm); color: var(--fz-yazi-3); font-weight: 650; }
.fz-as-mini-sec .fz-girdi { height: 32px; width: auto; padding-right: 30px; font-size: var(--fz-y-sm); background-position: calc(100% - 15px) 13px, calc(100% - 10px) 13px; }
.fz-as-sohbet-ayar .fz-sekmeler--hap .fz-sekme { height: 28px; font-size: var(--fz-y-sm); padding: 0 11px; }
.fz-as-mesajlar { flex: 1; min-height: 0; overflow-y: auto; padding: var(--fz-b-4) var(--fz-b-5); display: flex; flex-direction: column; gap: var(--fz-b-3); background: var(--fz-zemin); }
.fz-as-bal { max-width: 82%; padding: 9px 13px; border-radius: 16px; line-height: 1.4; display: flex; flex-direction: column; gap: 2px; }
.fz-as-bal p { margin: 0; }
.fz-as-bal-kim { display: inline-flex; align-items: center; gap: 5px; font-size: var(--fz-y-xs); font-weight: 750; color: var(--fz-yazi-3); }
.fz-as-bal--musteri { align-self: flex-start; background: var(--fz-balon-musteri); border: 1px solid var(--fz-balon-musteri-cizgi); border-bottom-left-radius: 4px; }
.fz-as-bal--asistan { align-self: flex-end; background: var(--fz-balon-asistan); border-bottom-right-radius: 4px; cursor: pointer; border: 1px solid transparent; text-align: left; }
.fz-as-bal--asistan:hover { border-color: var(--fz-asistanda); }
.fz-as-bal--secili { border-color: var(--fz-asistanda); box-shadow: 0 0 0 3px var(--fz-asistanda-zemin); }
.fz-as-bal-alt { font-size: var(--fz-y-xs); color: var(--fz-yazi-3); font-variant-numeric: tabular-nums; margin-top: 3px; }
.fz-as-bal--yaziyor { flex-direction: row; gap: 4px; padding: 13px 16px; cursor: default; }
.fz-as-bal--yaziyor i { width: 7px; height: 7px; border-radius: 50%; background: var(--fz-asistanda); opacity: 0.4; animation: fz-as-yaz 1s infinite; }
.fz-as-bal--yaziyor i:nth-child(2) { animation-delay: 0.15s; } .fz-as-bal--yaziyor i:nth-child(3) { animation-delay: 0.3s; }
@keyframes fz-as-yaz { 0%, 60%, 100% { opacity: 0.35; transform: none; } 30% { opacity: 1; transform: translateY(-3px); } }
.fz-as-bal-sistem { text-align: center; font-size: var(--fz-y-xs); color: var(--fz-yazi-3); }
.fz-as-bal-sistem span { padding: 3px 10px; border-radius: var(--fz-r-tam); background: var(--fz-yuzey-3); }
.fz-as-deneme-bos { margin: auto; max-width: 420px; display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; color: var(--fz-yazi-3); }
.fz-as-deneme-bos > .fz-ikon { color: var(--fz-asistanda); }
.fz-as-deneme-bos b { color: var(--fz-yazi); font-size: var(--fz-y-lg); }
.fz-as-oneri-soru { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-top: var(--fz-b-2); }
.fz-as-soru-cip { height: 30px; padding: 0 12px; border-radius: var(--fz-r-tam); border: 1px solid var(--fz-cizgi-guclu); background: var(--fz-yuzey); color: var(--fz-yazi-2); font-size: var(--fz-y-sm); font-weight: 600; }
.fz-as-soru-cip:hover { border-color: var(--fz-altin-500); color: var(--fz-yazi); }
.fz-as-yaz { display: flex; gap: var(--fz-b-2); padding: var(--fz-b-3) var(--fz-b-4); border-top: 1px solid var(--fz-cizgi); background: var(--fz-yuzey); }
.fz-as-yaz .fz-girdi { flex: 1; min-width: 0; }

.fz-as-dusunme { display: flex; flex-direction: column; max-height: calc(100vh - 170px); min-height: 460px; height: 640px; overflow: hidden; }
.fz-as-dusunme > header { padding: var(--fz-b-4) var(--fz-b-5); border-bottom: 1px solid var(--fz-cizgi); }
.fz-as-dusunme-ic { flex: 1; min-height: 0; overflow-y: auto; padding: var(--fz-b-4) var(--fz-b-5); display: flex; flex-direction: column; gap: var(--fz-b-4); }
.fz-as-dusunme-ic .fz-bos { height: auto; flex: 1; }
.fz-as-d-guven { display: flex; flex-direction: column; gap: 6px; }
.fz-as-d-guven-sayi { display: flex; align-items: baseline; gap: 8px; }
.fz-as-d-guven-sayi b { font-size: 32px; font-weight: 800; font-variant-numeric: tabular-nums; letter-spacing: -0.01em; }
.fz-as-d-guven-sayi span { color: var(--fz-yazi-3); font-weight: 650; }
.fz-as-d-guven-iz { position: relative; height: 10px; border-radius: var(--fz-r-tam); background: var(--fz-yuzey-3); overflow: visible; }
.fz-as-d-guven-iz i { display: block; height: 100%; border-radius: var(--fz-r-tam); background: var(--fz-bende); }
.fz-as-d-guven-iz i.fz-as-d-dusuk { background: var(--fz-hata); }
.fz-as-d-guven-iz u { position: absolute; top: -4px; bottom: -4px; width: 3px; margin-left: -1px; border-radius: 2px; background: var(--fz-yazi); text-decoration: none; }
.fz-as-d-liste { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: var(--fz-b-3); margin: 0; }
.fz-as-d-liste div { display: flex; flex-direction: column; gap: 2px; }
.fz-as-d-liste dt { font-size: var(--fz-y-xs); color: var(--fz-yazi-3); font-weight: 650; }
.fz-as-d-liste dd { margin: 0; font-weight: 750; font-variant-numeric: tabular-nums; }
.fz-as-d-liste--alt { padding: var(--fz-b-3); background: var(--fz-yuzey-2); border-radius: var(--fz-r-sm); }
.fz-as-d-bolum h3 { margin: 0 0 6px; font-size: var(--fz-y-sm); font-weight: 800; color: var(--fz-yazi-2); }
.fz-as-d-yok { margin: 0; color: var(--fz-yazi-3); font-size: var(--fz-y-sm); }
.fz-as-d-kurallar { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.fz-as-d-kurallar li { display: flex; align-items: center; gap: 8px; padding: 7px 10px; border-radius: var(--fz-r-sm); background: var(--fz-uyari-zemin); font-weight: 650; font-size: var(--fz-y-sm); }
.fz-as-d-kurallar .fz-ikon { color: var(--fz-uyari); flex: none; }
.fz-as-d-karar-yazi { margin: 0; line-height: var(--fz-a-normal); }
.fz-as-d-taslak { margin-top: var(--fz-b-2); padding: var(--fz-b-3); border-radius: var(--fz-r-sm); border: 1px dashed var(--fz-cizgi-guclu); }
.fz-as-d-taslak small { color: var(--fz-yazi-3); font-weight: 650; }
.fz-as-d-taslak p { margin: 3px 0 0; color: var(--fz-yazi-2); }
.fz-as-d-alt { display: flex; gap: var(--fz-b-2); flex-wrap: wrap; }

.fz-as-sinav { margin-top: var(--fz-b-4); }
.fz-as-sinav-bas { display: flex; align-items: center; justify-content: space-between; gap: var(--fz-b-3); flex-wrap: wrap; padding: var(--fz-b-4) var(--fz-b-5); border-bottom: 1px solid var(--fz-cizgi); }
.fz-as-sinav-dugmeler { display: flex; gap: var(--fz-b-2); }
.fz-as-sinav-govde { padding: var(--fz-b-4) var(--fz-b-5) var(--fz-b-5); display: flex; flex-direction: column; gap: var(--fz-b-4); }
.fz-as-sinav-ozet { display: flex; align-items: center; gap: var(--fz-b-5); padding: var(--fz-b-3) var(--fz-b-4); border-radius: var(--fz-r-sm); background: var(--fz-yuzey-2); }
.fz-as-sinav-ozet p { margin: 0; }
.fz-as-sinav-ozet p + p { margin-top: 2px; font-size: var(--fz-y-sm); }
.fz-as-sinav-puan { display: flex; flex-direction: column; align-items: center; min-width: 84px; }
.fz-as-sinav-puan b { font-size: 30px; font-weight: 800; line-height: 1.1; font-variant-numeric: tabular-nums; }
.fz-as-sinav-puan small { font-size: 15px; font-weight: 700; color: var(--fz-yazi-3); }
.fz-as-sinav-puan span { font-size: var(--fz-y-xs); color: var(--fz-yazi-3); font-weight: 650; }
.fz-as-sinav-ilerleme { display: flex; align-items: center; gap: var(--fz-b-3); }
.fz-as-sinav-ilerleme[hidden] { display: none; }
.fz-as-sinav-ilerleme .fz-as-ilerleme { flex: 1; }
.fz-as-sinav-ilerleme .fz-as-ilerleme > span { transition: width 80ms linear; }
.fz-as-tablo--sinav { min-width: 640px; }
.fz-as-sinav-satir { cursor: pointer; }
.fz-as-sinav-satir:hover td { background: var(--fz-yuzey-2); }
.fz-as-sinav-satir--kaldi td { background: var(--fz-hata-zemin); }
.fz-as-sinav-satir:focus-visible { outline: 2px solid var(--fz-odak); outline-offset: -2px; }
.fz-as-sinav-ayrinti { display: grid; grid-template-columns: 1fr 1fr; gap: var(--fz-b-4); }
.fz-as-sinav-ayrinti small { color: var(--fz-yazi-3); font-weight: 650; }
.fz-as-sinav-ayrinti p { margin: 2px 0 0; }
.fz-as-sinav-ayrinti .fz-btn { grid-column: 1 / -1; justify-self: start; }
.fz-as-fark-iyi, .fz-as-fark-kotu { display: inline-flex; align-items: center; gap: 4px; font-weight: 750; font-size: var(--fz-y-sm); }
.fz-as-fark-iyi { color: var(--fz-bende-yazi); } .fz-as-fark-kotu { color: var(--fz-hata); }

/* ---------- Kurallar ---------- */
.fz-as-esik { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: var(--fz-b-6); align-items: center; }
.fz-as-esik-sol { display: flex; flex-direction: column; gap: var(--fz-b-3); }
.fz-as-esik-sol header h2 { margin: 0; font-size: var(--fz-y-lg); font-weight: 800; }
.fz-as-esik-sol header p { margin: 3px 0 0; color: var(--fz-yazi-3); font-size: var(--fz-y-sm); max-width: 66ch; }
.fz-as-esik-kay { display: flex; align-items: center; gap: var(--fz-b-4); }
.fz-as-esik-kay input[type="range"] { flex: 1; accent-color: var(--fz-yardimci); height: 28px; }
.fz-as-esik-deger { min-width: 62px; text-align: center; padding: 5px 10px; border-radius: var(--fz-r-sm); background: var(--fz-vurgu-zemin-2); color: var(--fz-vurgu-yazi); font-weight: 800; font-size: 18px; font-variant-numeric: tabular-nums; }
.fz-as-esik-etiket { display: flex; justify-content: space-between; font-size: var(--fz-y-xs); color: var(--fz-yazi-3); font-weight: 650; padding-right: 76px; }
.fz-as-kural-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.fz-as-kural { display: flex; align-items: center; justify-content: space-between; gap: var(--fz-b-4); padding: var(--fz-b-3) 0; }
.fz-as-kural + .fz-as-kural { border-top: 1px solid var(--fz-cizgi); }
.fz-as-kural-ana { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.fz-as-kural-ana > span { color: var(--fz-yazi-3); font-size: var(--fz-y-sm); }
.fz-as-kural-yan { display: flex; align-items: center; gap: var(--fz-b-3); flex: none; }
.fz-as-kural--kapali .fz-as-kural-ana { opacity: 0.55; }
.fz-as-kelimeler { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 3px; }
.fz-as-kelime { height: 20px; padding: 0 7px; border-radius: var(--fz-r-xs); background: var(--fz-yuzey-3); color: var(--fz-yazi-2); font-size: 11.5px; font-weight: 600; display: inline-flex; align-items: center; }
.fz-as-kelime--daha { background: transparent; color: var(--fz-yazi-3); }
.fz-as-tetik { display: inline-flex; align-items: center; gap: 5px; font-size: var(--fz-y-sm); font-variant-numeric: tabular-nums; white-space: nowrap; }
.fz-as-sayi-alan { display: inline-flex; align-items: center; gap: 8px; color: var(--fz-yazi-3); font-weight: 650; }
.fz-as-sayi-alan .fz-girdi { width: 104px; text-align: right; font-variant-numeric: tabular-nums; font-weight: 700; }
.fz-as-cumleler { display: grid; grid-template-columns: 1fr 1fr; gap: var(--fz-b-5) var(--fz-b-5); }
.fz-as-cumle { display: flex; flex-direction: column; gap: var(--fz-b-2); min-width: 0; }
.fz-as-onizleme { padding: var(--fz-b-2) var(--fz-b-3); border-radius: var(--fz-r-sm); background: var(--fz-yuzey-2); }
.fz-as-onizleme > span { display: inline-flex; align-items: center; gap: 5px; font-size: var(--fz-y-xs); font-weight: 700; color: var(--fz-yazi-3); }
.fz-as-onizleme > span i { display: inline-grid; font-style: normal; }
.fz-as-onizleme p { margin: 3px 0 0; font-size: var(--fz-y-md); line-height: 1.4; }

/* ---------- Medya ---------- */
.fz-as-medya-ayarlar { display: grid; grid-template-columns: 1fr 1fr; gap: var(--fz-b-3); margin-bottom: var(--fz-b-4); }
.fz-as-medya-ayar { display: flex; align-items: center; justify-content: space-between; gap: var(--fz-b-4); padding: var(--fz-b-3) var(--fz-b-4); }
.fz-as-medya-ayar > span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.fz-as-medya-ayar small { color: var(--fz-yazi-3); font-size: var(--fz-y-sm); line-height: 1.35; }
.fz-as-medya-yerlesim { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: var(--fz-b-4); align-items: start; }
.fz-as-medya-ana { min-width: 0; }
.fz-as-medya-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(268px, 1fr)); gap: var(--fz-b-3); }
.fz-as-medya { display: flex; flex-direction: column; overflow: hidden; }
.fz-as-medya-gorsel { position: relative; display: grid; place-items: center; padding: var(--fz-b-4); background: var(--fz-yuzey-3); border-bottom: 1px solid var(--fz-cizgi); }
.fz-as-medya-resim { position: relative; display: block; line-height: 0; border-radius: var(--fz-r-sm); overflow: hidden; background: var(--fz-yuzey); }
.fz-as-oynat { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: rgba(33, 28, 14, 0.62); color: #fff; line-height: 1; }
.fz-as-sure { position: absolute; right: 6px; bottom: 6px; padding: 1px 6px; border-radius: var(--fz-r-xs); background: rgba(33, 28, 14, 0.72); color: #fff; font-size: 11px; font-weight: 700; line-height: 1.5; font-variant-numeric: tabular-nums; }
.fz-as-kez { position: absolute; left: 10px; top: 10px; display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 8px; border-radius: var(--fz-r-tam); background: var(--fz-yuzey); box-shadow: var(--fz-golge-1); font-size: 11.5px; font-weight: 700; color: var(--fz-yazi-2); }
.fz-as-medya-govde { padding: var(--fz-b-3) var(--fz-b-4); display: flex; flex-direction: column; gap: var(--fz-b-2); flex: 1; }
.fz-as-medya-govde p { margin: 0; font-size: var(--fz-y-sm); }
.fz-as-medya-ad { display: flex; flex-direction: column; }
.fz-as-medya-ad span { color: var(--fz-yazi-3); font-size: var(--fz-y-sm); }
.fz-as-eslesme { display: flex; flex-direction: column; gap: 6px; padding-top: var(--fz-b-2); border-top: 1px solid var(--fz-cizgi); }
.fz-as-eslesme > small, .fz-as-alternatifler small { color: var(--fz-yazi-3); font-weight: 650; font-size: var(--fz-y-xs); }
.fz-as-eslesme-urun { display: flex; align-items: center; gap: 10px; }
.fz-as-eslesme-urun > div { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.3; }
.fz-as-eslesme-urun > div b { overflow-wrap: anywhere; }
.fz-as-eslesme-urun > div span { color: var(--fz-yazi-3); font-size: var(--fz-y-xs); }
.fz-as-alternatifler { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; }
.fz-as-alt { height: 26px; padding: 0 9px; border-radius: var(--fz-r-tam); border: 1px solid var(--fz-cizgi-guclu); background: var(--fz-yuzey); color: var(--fz-yazi-2); font-size: var(--fz-y-xs); font-weight: 650; }
.fz-as-alt:hover { border-color: var(--fz-altin-500); color: var(--fz-yazi); background: var(--fz-vurgu-zemin); }
.fz-as-medya-not { margin-top: 2px; }
.fz-as-medya-alt { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; padding: var(--fz-b-3) var(--fz-b-4); border-top: 1px solid var(--fz-cizgi); background: var(--fz-yuzey-2); }
.fz-as-medya-sil { margin-left: auto; color: var(--fz-yazi-3); }
.fz-as-medya-sil:hover { color: var(--fz-hata); background: var(--fz-hata-zemin); }
.fz-as-mini-gorsel { position: relative; display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 10px; background: var(--fz-yuzey-3); flex: none; overflow: hidden; line-height: 0; }
.fz-as-mini-gorsel--buyuk { width: 56px; height: 56px; }
.fz-as-mini-gorsel i { position: absolute; right: 2px; bottom: 2px; width: 14px; height: 14px; border-radius: 50%; background: rgba(33, 28, 14, 0.7); color: #fff; display: grid; place-items: center; }
.fz-as-sinirlar { padding: var(--fz-b-4); display: flex; flex-direction: column; gap: var(--fz-b-3); position: sticky; top: 64px; }
.fz-as-sinirlar h2 { margin: 0; font-size: var(--fz-y-lg); font-weight: 800; }
.fz-as-sinirlar p { margin: 0; font-size: var(--fz-y-sm); }
.fz-as-tablo--sinir { border: 1px solid var(--fz-cizgi); border-radius: var(--fz-r-sm); overflow: hidden; }
.fz-as-musteri-hucre { display: inline-flex; align-items: center; gap: 8px; }
.fz-as-musteri-hucre .fz-kanal-rozet { position: static; width: 20px; height: 20px; }
.fz-as-musteri-hucre .fz-kanal-rozet svg { width: 11px; height: 11px; }
.fz-as-golge { display: flex; flex-direction: column; gap: var(--fz-b-4); padding: var(--fz-b-5); }
.fz-as-golge-medya { display: inline-flex; align-items: center; gap: 10px; }
.fz-as-golge-medya > span:last-child { display: flex; flex-direction: column; line-height: 1.3; }
.fz-as-golge-medya small, .fz-as-golge-neden { color: var(--fz-yazi-3); font-size: var(--fz-y-xs); }
.fz-as-golge-neden { display: block; margin-top: 3px; max-width: 26ch; }
.fz-as-tablo--golge { min-width: 760px; }
.fz-as-urun-sec { list-style: none; margin: var(--fz-b-3) 0 0; padding: 0; max-height: 320px; overflow-y: auto; display: flex; flex-direction: column; gap: 2px; }
.fz-as-urun-oge { width: 100%; display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid transparent; border-radius: var(--fz-r-sm); background: transparent; text-align: left; color: var(--fz-yazi); }
.fz-as-urun-oge > span:nth-child(2) { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.3; }
.fz-as-urun-oge small { color: var(--fz-yazi-3); }
.fz-as-urun-oge:hover { background: var(--fz-yuzey-3); }
.fz-as-urun-oge--secili { background: var(--fz-vurgu-zemin); border-color: var(--fz-altin-400); }

/* ---------- Ürün kataloğu ---------- */
.fz-as-senkron { display: flex; align-items: center; justify-content: space-between; gap: var(--fz-b-5); flex-wrap: wrap; padding: var(--fz-b-4) var(--fz-b-5); margin-bottom: var(--fz-b-4); }
.fz-as-senkron-sol { display: flex; align-items: center; gap: var(--fz-b-3); flex: 1 1 380px; min-width: 0; }
.fz-as-senkron-sol > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.fz-as-senkron-sol > div > span { color: var(--fz-yazi-2); font-size: var(--fz-y-sm); }
.fz-as-senkron-sol > div > .fz-as-soluk { color: var(--fz-yazi-3); max-width: 62ch; }
.fz-as-senkron-ikon { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; background: var(--fz-yardimci-zemin); color: var(--fz-yardimci); flex: none; }
.fz-as-senkron-sayilar { display: flex; gap: var(--fz-b-6); margin: 0; }
.fz-as-senkron-sayilar div { display: flex; flex-direction: column; gap: 1px; }
.fz-as-senkron-sayilar dt { font-size: var(--fz-y-xs); color: var(--fz-yazi-3); font-weight: 650; }
.fz-as-senkron-sayilar dd { margin: 0; font-size: 22px; font-weight: 800; font-variant-numeric: tabular-nums; }
.fz-as-donuyor .fz-ikon { animation: fz-as-don 900ms linear infinite; }
@keyframes fz-as-don { to { transform: rotate(360deg); } }
.fz-as-katalog { display: grid; grid-template-columns: 208px minmax(0, 1fr); gap: var(--fz-b-4); align-items: start; }
.fz-as-agac--urun { top: 64px; }
.fz-as-urunler { display: flex; flex-direction: column; min-width: 0; }
.fz-as-urunler-bas { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--fz-b-4); flex-wrap: wrap; padding: var(--fz-b-4) var(--fz-b-5); border-bottom: 1px solid var(--fz-cizgi); }
.fz-as-urunler-bas h2 { margin: 0; font-size: var(--fz-y-lg); font-weight: 800; }
.fz-as-urunler-bas p { margin: 3px 0 0; color: var(--fz-yazi-3); font-size: var(--fz-y-sm); max-width: 60ch; }
.fz-as-urunler .fz-as-tablo-kap { border: 0; border-radius: 0 0 var(--fz-r-md) var(--fz-r-md); }
.fz-as-tablo--urun { min-width: 880px; }
.fz-as-tablo--urun td { padding: 10px; }
.fz-as-urun-ad { display: block; }
.fz-as-tablo--urun small { color: var(--fz-yazi-3); }
.fz-as-urun-gizli td:not(:last-child) { opacity: 0.55; }
.fz-as-stok { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 2px; }
.fz-as-stok small { font-size: var(--fz-y-xs); }
.fz-as-stok-sayi { font-variant-numeric: tabular-nums; font-weight: 700; }
.fz-as-ozet-dugme { display: inline-flex; align-items: center; gap: 8px; width: 100%; padding: 6px 8px; border: 1px solid transparent; border-radius: var(--fz-r-sm); background: transparent; text-align: left; color: var(--fz-yazi-2); font-size: var(--fz-y-sm); line-height: 1.35; }
.fz-as-ozet-dugme:hover { background: var(--fz-yuzey-3); border-color: var(--fz-cizgi-guclu); color: var(--fz-yazi); }
.fz-as-ozet-dugme .fz-ikon { flex: none; opacity: 0.5; }
.fz-as-ozet-ust { display: flex; align-items: center; gap: var(--fz-b-3); margin-bottom: var(--fz-b-3); }
.fz-as-ozet-ust > div { display: flex; flex-direction: column; min-width: 0; }

/* ---------- Sohbet ekranındaki asistan eylemleri (sohbet.js yalnız düğmeleri ekler) ---------- */
.fz-s-arac-ayrac { width: 1px; margin: 5px 3px; background: var(--fz-cizgi); flex: none; }
.fz-s-arac-btn--as-dogru.fz-s-arac-btn--acik { color: var(--fz-bende); background: var(--fz-bende-zemin); }
.fz-s-arac-btn--as-yanlis.fz-s-arac-btn--acik { color: var(--fz-uyari); background: var(--fz-uyari-zemin); }
.fz-s-arac-btn--as-tehlikeli.fz-s-arac-btn--acik { color: var(--fz-hata); background: var(--fz-hata-zemin); }

/* ---------- Duyarlı ---------- */
@media (max-width: 1280px) {
  .fz-as-kut { grid-template-columns: 300px minmax(0, 1fr); }
  .fz-as-kut > .fz-as-agac { grid-column: 1 / -1; flex-direction: row; overflow-x: auto; position: static; padding: var(--fz-b-2); scrollbar-width: thin; }
  .fz-as-kut > .fz-as-agac .fz-bolum-baslik, .fz-as-kut > .fz-as-agac .fz-ayrac { display: none; }
  .fz-as-kut > .fz-as-agac .fz-as-agac-oge { flex: none; width: auto; white-space: nowrap; height: 34px; }
  .fz-as-mliste { top: 60px; max-height: calc(100vh - 220px); }
  .fz-as-medya-yerlesim { grid-template-columns: 1fr; }
  .fz-as-sinirlar { position: static; }
  .fz-as-katalog { grid-template-columns: 1fr; }
  .fz-as-katalog > .fz-as-agac { flex-direction: row; overflow-x: auto; position: static; padding: var(--fz-b-2); }
  .fz-as-katalog > .fz-as-agac .fz-bolum-baslik { display: none; }
  .fz-as-katalog > .fz-as-agac .fz-as-agac-oge { flex: none; width: auto; white-space: nowrap; height: 34px; }
}
@media (max-width: 1100px) {
  .fz-as-kpi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fz-as-k7, .fz-as-k5, .fz-as-k8, .fz-as-k4 { grid-column: 1 / -1; }
  .fz-as-bekleyen { grid-template-columns: 1fr; }
  .fz-as-deneme { grid-template-columns: 1fr; }
  .fz-as-sohbet-kart, .fz-as-dusunme { height: auto; max-height: none; }
  .fz-as-sohbet-kart { height: 560px; }
  .fz-as-esik { grid-template-columns: 1fr; }
  .fz-as-cumleler { grid-template-columns: 1fr; }
  .fz-as-hedef-iki { grid-template-columns: 1fr; gap: var(--fz-b-4); }
}
@media (max-width: 860px) {
  .fz-as-kut { grid-template-columns: 1fr; }
  .fz-as-mliste { position: static; max-height: none; }
  .fz-as-kut[data-adim="liste"] .fz-as-duzen-kap { display: none; }
  .fz-as-kut[data-adim="duzen"] .fz-as-mliste, .fz-as-kut[data-adim="duzen"] > .fz-as-agac { display: none; }
  .fz-as-geri { display: inline-grid; }
  .fz-as-medya-ayarlar { grid-template-columns: 1fr; }
  .fz-as-satir2 { grid-template-columns: 1fr; }
  .fz-as-mod-satir { grid-template-columns: 1fr; }
  .fz-as-mod-grup { width: 100%; }
  .fz-as-mod { flex: 1; padding: 0 4px; }
}
@media (max-width: 760px) {
  .fz-as-sekmeler { margin-left: calc(var(--fz-b-4) * -1); margin-right: calc(var(--fz-b-4) * -1); padding: 0 var(--fz-b-4); }
  .fz-as-kpi { gap: var(--fz-b-2); }
  .fz-as-kpi-kart { padding: var(--fz-b-3); }
  .fz-as-kpi-kart b { font-size: 24px; }
  .fz-as-kutu { padding: var(--fz-b-4); }
  .fz-as-arac-sag, .fz-as-toplu, .fz-as-arac-not { margin-left: 0; width: 100%; }
  .fz-as-arac-sag .fz-btn { flex: 1; }
  .fz-as-kural { align-items: flex-start; flex-direction: column; }
  .fz-as-kural-yan { width: 100%; justify-content: space-between; }
  .fz-as-senkron-sayilar { gap: var(--fz-b-4); }
  .fz-as-sinav-ozet { flex-direction: column; align-items: flex-start; gap: var(--fz-b-2); }
  .fz-as-sinav-ayrinti { grid-template-columns: 1fr; }
  .fz-as-hedef { padding: var(--fz-b-4); }
  .fz-as-say { grid-template-columns: 1fr; }
  .fz-as-bal, .fz-as-konus .fz-as-kb { max-width: 92%; }
  .fz-as-deger-alt { flex-direction: column; align-items: stretch; }
  .fz-as-isaretler { width: 100%; }
  .fz-as-isaret { flex: 1; justify-content: center; padding: 0 8px; }
  .fz-as-oneri-alt .fz-btn--hayalet { margin-right: 0; }
  .fz-as-oneri-alt { justify-content: stretch; }
  .fz-as-oneri-alt .fz-btn { flex: 1; justify-content: center; }
  .fz-as-guven { margin-left: 0; width: 100%; }
  .fz-as-istat div { padding: var(--fz-b-3); }
  .fz-as-duzen-alt { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  .fz-as-gir, .fz-as-donuyor .fz-ikon, .fz-as-bal--yaziyor i { animation: none; }
  .fz-as-ilerleme > span { transition: none; }
}