/* Memnuniyet anketi (an-; gorunum/anket.js, gorunum/anket-kart.js). Renkler yalnız belirteçlerden (Gündüz; kurum rengi --vurgu), yeni palet ve yazı tipi yok.
   Özet: iri ortalama kutusu + sayaçlar, 5→1 dağılım çubukları (tek ton; rakam, ad, sayı ve oran yazılı), tablolar. Yanıtlar: "geri bildirim fişi" — solda iri puan
   ve adı, ortada yorum (alıntı kutusu) ve randevu bilgisi; düşük puan (1–2) açık amber sol kenar + metin ("düşük puan"). Kırmızı yok; renk tek başına bilgi taşımaz.
   Dar ekran (≤ 640 px): süzgeçler yatay kayan şerit (kendi kabında; sayfa taşmaz), satır iki sütun, dokunma hedefi ≥ 44 px. */

.an-baslik-alt { overflow-wrap: anywhere; }
.an-panel, .sekme-panel:has(> .an-arac) { min-width: 0; max-width: 100%; }
.an-uyarilar { display: flex; flex-direction: column; gap: 8px; margin-bottom: 12px; min-width: 0; }
.an-uyarilar:empty { display: none; }
.an-bilgi-satir { margin: 0; font-size: 12.5px; color: var(--metin3); overflow-wrap: anywhere; }
.an-bilgi { margin: 0; display: flex; align-items: flex-start; gap: 6px; font-size: 12.5px; color: var(--metin2); overflow-wrap: anywhere; }
.an-bilgi > .ikon { margin-top: 1px; color: var(--metin3); flex: none; }

/* ---------------- araç çubuğu ---------------- */
.an-arac { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; margin-bottom: 14px; min-width: 0; }
.an-arac .bolumlu { flex: 0 1 auto; }
.an-ozel { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
.an-ozel[hidden] { display: none; }
.an-ozel .girdi { width: auto; min-width: 0; max-width: 170px; }
/* position: görünmez (mutlak konumlu) etiketler kayan kabın dışına taşıp sayfayı genişletmesin */
.an-suzgec { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; min-width: 0; }
.an-sec-kutu, .an-suzgec .sube-secici, .an-arac .sube-secici { position: relative; }
.an-sec-kutu { flex: 0 1 200px; min-width: 0; max-width: 100%; }
.an-sec-kutu .secim { width: 100%; }

/* ---------------- özet ---------------- */
.an-rapor { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.an-rapor[aria-busy="true"] > * { opacity: .7; }
.an-ust { display: grid; grid-template-columns: minmax(200px, 1fr) minmax(0, 2fr); gap: 14px; align-items: stretch; min-width: 0; }
.an-ortalama { display: flex; flex-direction: column; justify-content: center; gap: 2px; padding: 14px 18px; border-radius: var(--r-uzam, 14px); background: var(--yuzey);
  border: 1px solid var(--cizgi); border-left: 4px solid var(--vurgu); min-width: 0; }
.an-ortalama[data-az] { border-left-color: var(--cizgi2); }
.an-ortalama p { margin: 0; overflow-wrap: anywhere; }
.an-ortalama-sayi { font-family: var(--f-sayi); font-size: 36px; font-weight: 600; line-height: 1.05; font-variant-numeric: tabular-nums; }
.an-ortalama[data-az] .an-ortalama-sayi { font-size: 24px; color: var(--metin2); }
.an-ortalama-bes { font-size: 18px; font-weight: 500; color: var(--metin3); }
.an-ortalama-ad { font-weight: 620; font-size: 13.5px; }
.an-ortalama .metin-3 { font-size: 12.5px; }
.an-sayaclar { align-content: stretch; }
.an-tanim { margin: 0; font-size: 12.5px; overflow-wrap: anywhere; }
.an-ort-hucre { font-family: var(--f-sayi); font-variant-numeric: tabular-nums; }
.an-ort-hucre[data-az] { font-family: inherit; font-size: 12.5px; color: var(--metin3); }

/* dağılım: ad | çubuk | sayı · oran */
.an-dagilim { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.an-dagilim > li { display: grid; grid-template-columns: minmax(7.5em, auto) minmax(80px, 1fr) minmax(6.5em, auto); align-items: center; gap: 4px 12px; font-size: 13px; min-width: 0; }
.an-dagilim-ad { white-space: nowrap; }
.an-dagilim-ad strong { font-family: var(--f-sayi); font-size: 15px; font-weight: 600; }
.an-dagilim-sayi { text-align: right; white-space: nowrap; }
.an-dagilim .cubuk { height: 8px; }
.an-dagilim-bos { display: block; height: 8px; border-radius: 6px; background: var(--yuzey3); }

/* ---------------- yanıtlar ---------------- */
.an-yanitlar { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.an-yanitlar[aria-busy="true"] > .an-liste { opacity: .65; }
.an-liste-bas { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; min-width: 0; }
.an-liste-baslik { margin: 0; display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 650; }
.an-liste-baslik:focus { outline: none; }
.an-liste-not { margin: 0; flex: 1 1 260px; min-width: 0; font-size: 12.5px; color: var(--metin3); overflow-wrap: anywhere; }
.an-liste { list-style: none; margin: 0; padding: 0 6px; display: flex; flex-direction: column; background: var(--yuzey); border: 1px solid var(--cizgi);
  border-radius: var(--r-uzam, 14px); min-width: 0; }
.an-yanit { --an-kenar: transparent; display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; gap: 4px 14px; align-items: start; padding: 12px 8px 12px 12px;
  border-top: 1px solid var(--cizgi); min-width: 0; box-shadow: inset 3px 0 0 var(--an-kenar); }
.an-yanit:first-child { border-top: 0; }
.an-yanit[data-dusuk] { --an-kenar: color-mix(in oklab, var(--uyari) 55%, transparent); }
.an-yanit-puan { display: flex; flex-direction: column; gap: 1px; padding-top: 1px; min-width: 0; }
.an-yanit-puan strong { font-family: var(--f-sayi); font-size: 24px; font-weight: 600; line-height: 1.05; font-variant-numeric: tabular-nums; }
.an-yanit[data-dusuk] .an-yanit-puan strong { color: var(--uyari); }
.an-yanit-puan small { font-size: 11.5px; color: var(--metin3); line-height: 1.25; overflow-wrap: anywhere; }
.an-yanit-govde { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.an-yanit-govde p { margin: 0; overflow-wrap: anywhere; }
.an-yanit-bas { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; font-size: 12.5px; }
.an-yanit-meta { font-size: 13px; color: var(--metin2); }
.an-hasta { font-weight: 620; color: var(--metin); }
.an-hasta:hover { color: var(--vurgu); }
.an-dosya { font-size: 12.5px; }
.an-yorum { margin: 0; padding: 8px 12px; border-left: 3px solid var(--cizgi2); border-radius: 0 var(--r) var(--r) 0; background: var(--yuzey2); min-width: 0; }
.an-yorum p { margin: 0; font-size: 14px; line-height: 1.5; white-space: pre-line; overflow-wrap: anywhere; }
.an-yorum-buyuk p { font-size: 15px; }
.an-yorum-yok { margin: 0; font-size: 12.5px; color: var(--metin3); font-style: italic; }
.an-yanit-ac { align-self: center; }
/* bileşenin yildizlar()'ında dolu ve boş yıldız aynı görünüyor (--champagne bu temada tanımsız; ikon alt kümesinde FILL ekseni yok): burada dolu kurum
   renginde, boş açık çizgi. Yıldız süstür; anlamı yanındaki rakam ve ad taşır (role="img" etiketi de "5 üzerinden N") */
.an-yanit .yildizlar, .an-ayrinti-puan .yildizlar { color: var(--cizgi2); }
.an-yanit .yildizlar .dolu, .an-ayrinti-puan .yildizlar .dolu { color: var(--vurgu); }
.an-yanit[data-dusuk] .yildizlar .dolu, .an-ayrinti-puan[data-dusuk] .yildizlar .dolu { color: var(--uyari); }
.an-puan-rozet { display: inline-flex; flex: none; }
.an-puan-rozet .rozet { white-space: nowrap; }

/* ---------------- tek yanıt ---------------- */
.an-ayrinti { display: flex; flex-direction: column; gap: 14px; min-width: 0; max-width: 760px; }
.an-ayrinti-ust { margin-bottom: 10px; }
.an-ayrinti-puan { margin: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; }
.an-ayrinti-puan strong { font-family: var(--f-sayi); font-size: 32px; font-weight: 600; line-height: 1; font-variant-numeric: tabular-nums; }
.an-ayrinti-puan[data-dusuk] strong { color: var(--uyari); }
.an-ayrinti-ad { font-weight: 620; font-size: 15px; }
.an-seri-tablo > summary { cursor: pointer; font-size: 13px; font-weight: 600; min-height: 32px; }
.an-ayrinti-tanim { margin: 0; }

/* ---------------- Bugün kartı ---------------- */
.an-bugun-dusuk { margin: 0; display: flex; align-items: flex-start; gap: 6px; font-size: 13.5px; font-weight: 600; color: var(--metin); overflow-wrap: anywhere; }
.an-bugun-dusuk > .ikon { color: var(--uyari); margin-top: 2px; flex: none; }
.an-bugun-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.an-bugun-oge { border-top: 1px solid var(--cizgi); min-width: 0; }
.an-bugun-oge:first-child { border-top: 0; }
.an-bugun-bag { display: flex; align-items: center; gap: 8px 10px; min-height: 44px; padding: 6px 4px; color: var(--metin); text-decoration: none; border-radius: var(--r); min-width: 0; }
.an-bugun-bag:hover { background: var(--yuzey2); }
.an-bugun-bag > .ikon { margin-left: auto; color: var(--metin3); flex: none; }
.an-bugun-metin { flex: 1 1 auto; min-width: 0; font-size: 13px; color: var(--metin2); overflow-wrap: anywhere; }
.an-bugun-ac { align-self: flex-start; }

/* ---------------- dar ekran ---------------- */
@media (max-width: 900px) {
  .an-ust { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .an-arac { flex-direction: column; align-items: stretch; max-width: 100%; }
  .an-arac > .bolumlu { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; }
  .an-suzgec { width: 100%; max-width: 100%; flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; padding: 2px 2px 8px; margin: 0 -2px; }
  .an-sec-kutu { flex: 0 0 auto; width: 176px; }
  .an-sec-kutu .secim, .an-suzgec .sube-secici .secim { min-height: 44px; }
  .an-liste { padding: 0 2px; }
  .an-yanit { grid-template-columns: 48px minmax(0, 1fr); gap: 6px 10px; padding: 12px 6px 12px 10px; }
  .an-yanit-ac { grid-column: 2; justify-self: start; min-height: 44px; }
  .an-yanit-puan strong { font-size: 21px; }
  .an-dagilim > li { grid-template-columns: minmax(0, 1fr) auto; }
  .an-dagilim > li > .cubuk, .an-dagilim-bos { grid-column: 1 / -1; grid-row: 2; }
}
/* dokunma hedefi ≥ 44 px (küçük düğme ve hap seçicilerin yüksekliği bileşende sabit: seçici özgüllüğü yüksek tutulur) */
@media (max-width: 640px), (pointer: coarse) {
  .an-yanit .dugme.an-yanit-ac, .an-bugun .dugme.an-bugun-ac, .an-ayrinti-ust .dugme.an-geri, .an-ayrinti-kart .dugme { height: auto; min-height: 44px; }
  .an-arac .bolumlu[data-tur="hap"] .bolumlu-oge, .an-rapor .bolumlu[data-tur="hap"] .bolumlu-oge { height: auto; min-height: 44px; white-space: nowrap; }
  .an-arac .secim { min-height: 44px; }
}

/* ---------------- efekt ve erişilebilirlik ---------------- */
:root:not([data-efekt="sade"]) .an-liste { background: var(--cam, var(--yuzey)); backdrop-filter: var(--cam-bulanik); -webkit-backdrop-filter: var(--cam-bulanik);
  border-color: var(--cam-kenar, var(--cizgi)); box-shadow: var(--golge-uzam); }
@media (forced-colors: active) {
  .an-yanit { border-left: 3px solid transparent; box-shadow: none; }
  .an-yanit[data-dusuk] { border-left-color: CanvasText; }
}