/* Vitpepper Performans v2 — panel.css
   Mobil öncelikli; renk teması prefers-color-scheme ile. Satır içi stil yok. Girdiler 16 px (iOS yakınlaştırmasın).
   Renk tokenları: tasarim/1_arayuz.md §11.2 */

:root {
  color-scheme: light dark;
  --zemin: #faf7f0; --yuzey: #ffffff; --yuzey-2: #f3efe6; --cizgi: #e6e0d4; --cizgi-guclu: #cfc7b8;
  --yazi: #151311; --yazi-2: #57514a; --yazi-3: #736c62;
  --birincil: #151311; --birincil-yazi: #ffffff;
  --vurgu: #c2410c; --vurgu-zemin: #fff1e8; --marka: #e2262b;
  --tamam: #237032; --tamam-zemin: #e7f3e9; --izin: #1f5fae; --izin-zemin: #e6effa;
  --dikkat: #9a5b00; --dikkat-zemin: #fff4d6; --hata: #b42318; --hata-zemin: #fdeceb;
  --bekliyor: #6b655c; --bekliyor-zemin: #efebe3;
  --ust-cubuk: #0b0b0c; --ust-cubuk-yazi: #f4ecd8;
  --b1: 4px; --b2: 8px; --b3: 12px; --b4: 16px; --b5: 24px; --b6: 32px; --b7: 48px;
  --r-kucuk: 8px; --r: 12px; --r-tam: 999px;
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", Roboto, sans-serif;
  --sekme-y: 56px; --dokunma: 44px;
  --golge: 0 4px 16px rgb(0 0 0 / .12);
  /* v3 (arayuz_v3 §11) */
  --yazi-rapor: 17px; --satir-rapor: 1.6; --okuma: 68ch;
  --takilma: var(--vurgu); --takilma-zemin: var(--vurgu-zemin);
  --cubuk-zemin: #151311; --cubuk-yazi: #f4ecd8;
  --sure-kisa: .15s; --sure-orta: .25s;
}
@media (prefers-color-scheme: dark) {
  :root {
    --zemin: #0b0b0c; --yuzey: #161517; --yuzey-2: #1f1d20; --cizgi: #2c2a2e; --cizgi-guclu: #3d3a3f;
    --yazi: #f1ece2; --yazi-2: #b3ac9f; --yazi-3: #8f897e;
    --birincil: #f4ecd8; --birincil-yazi: #0b0b0c;
    --vurgu: #ff8a4c; --vurgu-zemin: #3a1d0e; --marka: #ff4a4f;
    --tamam: #6fcf7f; --tamam-zemin: #15301b; --izin: #7fb2f0; --izin-zemin: #14263d;
    --dikkat: #ffc34d; --dikkat-zemin: #372a0c; --hata: #ff8a80; --hata-zemin: #3d1714;
    --bekliyor: #a39d92; --bekliyor-zemin: #232124; --ust-cubuk: #000000;
    --golge: 0 4px 16px rgb(0 0 0 / .5);
  }
}

/* ---------- temel ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { margin: 0; background: var(--zemin); color: var(--yazi); font: 16px/1.5 var(--font);
  -webkit-tap-highlight-color: transparent; overflow-wrap: anywhere; }
a { color: var(--vurgu); }
:focus-visible { outline: 2px solid var(--vurgu); outline-offset: 2px; }
img { max-width: 100%; }
h1 { font-size: 28px; line-height: 34px; margin: 0 0 var(--b1); }
h2 { font-size: 20px; line-height: 26px; margin: var(--b6) 0 var(--b3); }
h3 { font-size: 17px; line-height: 24px; margin: var(--b4) 0 var(--b2); }
p { margin: 0 0 var(--b3); }
.soluk { color: var(--yazi-2); }
.ipucu { display: block; font-size: 14px; line-height: 20px; color: var(--yazi-2); margin: var(--b1) 0 var(--b2); }
.ipucu.dikkat, .dikkat { color: var(--dikkat); }
.hata-metni { color: var(--hata); font-weight: 600; }
.gorunmez { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%);
  white-space: nowrap; margin: -1px; padding: 0; border: 0; }
.atla { position: absolute; left: -999px; top: 0; }
.atla:focus { left: var(--b4); top: var(--b4); z-index: 99; background: var(--yuzey); color: var(--yazi); padding: var(--b2) var(--b3); }
.ikonlar { display: none; }
[hidden] { display: none !important; }
.ikon { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round;
  stroke-linejoin: round; flex: none; }
.ikon-kucuk { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2.25; stroke-linecap: round;
  stroke-linejoin: round; }

/* ---------- üst çubuk ve sekmeler ---------- */
.ust-cubuk { background: var(--ust-cubuk); color: var(--ust-cubuk-yazi); padding-top: env(safe-area-inset-top);
  padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); }
/* Geniş ekranda (Mac) menü kaydırırken üstte kalır; yapışkan sütunlar ve çapalar onun altından başlar. Telefonda sekmeler
   zaten altta sabit, üst çubuk kayar (ekranda yer kalsın). */
:root { --ust-pay: 0px; }
@media (min-width: 821px) {
  :root { --ust-pay: 56px; }
  .ust-cubuk { position: sticky; top: 0; z-index: 25; box-shadow: 0 1px 0 rgb(255 255 255 / .06); }
}
.ust-ic { max-width: 1120px; margin: 0 auto; display: flex; align-items: center; gap: var(--b5); padding: 0 var(--b4);
  min-height: 56px; }
.logo { display: flex; align-items: center; gap: var(--b2); color: inherit; text-decoration: none; font-weight: 700;
  min-height: var(--dokunma); flex: none; }
/* Altı sekme + durum + "Toplu mail yaz" geniş ekranda 1120'ye sığmaz: üst çubuk biraz geniş; daha darda yazılar simgeye iner */
@media (min-width: 1281px) { .ust-ic { max-width: 1240px; } }
.logo img { width: 28px; height: 28px; border-radius: 6px; image-rendering: pixelated; }
.sekmeler { display: flex; gap: var(--b1); flex: 1 0 auto; }
.sekme-ad { white-space: nowrap; }   /* sekme adı hiçbir genişlikte ikiye bölünmez */
.sekme { position: relative; display: flex; align-items: center; gap: var(--b2); min-height: var(--dokunma);
  padding: 0 var(--b3); color: color-mix(in srgb, var(--ust-cubuk-yazi) 70%, transparent); text-decoration: none;
  font-weight: 600; }
.sekme[aria-current="page"] { color: var(--ust-cubuk-yazi); }
.sekme[aria-current="page"]::after { content: ""; position: absolute; left: var(--b3); right: var(--b3); bottom: 0;
  height: 3px; background: var(--marka); border-radius: 3px 3px 0 0; }
.rozet { min-width: 20px; height: 20px; padding: 0 6px; border-radius: var(--r-tam); background: var(--vurgu); color: #fff;
  font-size: 12px; font-weight: 700; display: inline-grid; place-items: center; }
.rozet-nokta { min-width: 10px; width: 10px; height: 10px; padding: 0; background: #ff5a4f; }
.sistem { display: flex; align-items: center; gap: var(--b2); color: inherit; text-decoration: none; font-size: 13px;
  min-height: var(--dokunma); max-width: 260px; min-width: 0; flex: 0 1 auto; }   /* yer daralınca metin kısalır, nokta kalır */
.sistem-metin { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sistem .nokta { width: 10px; height: 10px; border-radius: 50%; background: #6fcf7f; flex: none; }
.sistem-dikkat .nokta { background: #ffc34d; }
.sistem-hata .nokta { background: #ff5a4f; }

main { max-width: 1120px; margin: 0 auto; padding: var(--b5) var(--b4) var(--b7);
  padding-left: max(var(--b4), env(safe-area-inset-left)); padding-right: max(var(--b4), env(safe-area-inset-right)); }

/* Orta genişlik (küçük Mac penceresi): beş sekme sığsın diye durum metni yalnız nokta olur */
@media (min-width: 821px) and (max-width: 1080px) {
  .ust-ic { gap: var(--b3); }
  .sekme { padding: 0 10px; }
  .logo span { display: none; }   /* altı sekme sığsın: yalnız logo */
  .sistem-metin { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); }
}

/* Mobil: sekmeler ekranın altında; çentik ve ana ekran çizgisi payı */
@media (max-width: 820px) {
  h1 { font-size: 24px; line-height: 30px; }
  .ust-ic { gap: var(--b3); }
  .sekmeler { position: fixed; left: 0; right: 0; bottom: 0; z-index: 20; display: flex;
    gap: 0; background: var(--yuzey); border-top: 1px solid var(--cizgi);
    padding: 0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); }
  .sekme { flex: 1 1 auto; min-width: 0; flex-direction: column; justify-content: center; gap: 2px; min-height: var(--sekme-y);
    padding: 0 2px; color: var(--yazi-2); font-size: 11px; font-weight: 600; letter-spacing: -.01em; white-space: nowrap; }
  .sekme[aria-current="page"] { color: var(--yazi); }
  .sekme[aria-current="page"]::after { top: 0; bottom: auto; left: 30%; right: 30%; height: 2px; border-radius: 0 0 2px 2px; }
  .sekme .rozet { position: absolute; top: 6px; left: calc(50% + 6px); }
  .sistem { margin-left: auto; }
  .sistem-metin { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); }
  main { padding-top: var(--b4); padding-bottom: calc(var(--sekme-y) + env(safe-area-inset-bottom) + var(--b4)); }
}

/* ---------- kart, düğme, girdi ---------- */
.kart { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--r); padding: var(--b4);
  margin: 0 0 var(--b3); min-width: 0; }
.kart > h2:first-child, .kart-ust h2 { margin-top: 0; }
.kart-ust { display: flex; align-items: center; justify-content: space-between; gap: var(--b3); margin-bottom: var(--b3); flex-wrap: wrap; }
button, .dugme { font: inherit; font-size: 16px; font-weight: 600; min-height: var(--dokunma); padding: 0 var(--b4);
  border-radius: var(--r-kucuk); border: 1px solid var(--cizgi-guclu); background: var(--yuzey); color: var(--yazi);
  cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: var(--b2);
  text-decoration: none; max-width: 100%; text-align: center; transition: background-color .15s, opacity .15s; }
button:active, .dugme:active { background: color-mix(in srgb, var(--yazi) 8%, var(--yuzey)); }
.birincil { background: var(--birincil); color: var(--birincil-yazi); border-color: var(--birincil); }
.birincil:active { background: color-mix(in srgb, var(--birincil) 85%, #808080); }
.tehlike { color: var(--hata); border-color: color-mix(in srgb, var(--hata) 45%, transparent); }
button:disabled { opacity: .45; cursor: not-allowed; }
.ikon-dugme { padding: 0; width: var(--dokunma); }
input, select, textarea { font: inherit; font-size: 16px; color: var(--yazi); background: var(--yuzey);
  border: 1px solid var(--cizgi-guclu); border-radius: var(--r-kucuk); padding: 10px 12px; width: 100%;
  min-height: var(--dokunma); max-width: 100%; }
input[type="checkbox"], input[type="radio"] { width: 22px; height: 22px; min-height: 0; padding: 0; margin: 0; flex: none;
  accent-color: var(--birincil); }
input[type="file"] { padding: 8px; }
textarea { min-height: 96px; resize: vertical; line-height: 1.5; }
label { display: block; font-size: 14px; font-weight: 600; margin-bottom: var(--b1); }
.form-izgara { display: grid; grid-template-columns: 1fr; gap: 0 var(--b4); }
.form-izgara > p { margin: 0 0 var(--b3); min-width: 0; }
@media (min-width: 700px) { .form-izgara { grid-template-columns: 1fr 1fr; } .form-izgara > .tam { grid-column: 1 / -1; } }
/* Masaüstü: form alanları, ipuçları ve kişi akışı okunaklı genişlikte kalır (satır çok uzamaz) */
textarea { max-width: 760px; }
main input:not([type="checkbox"]):not([type="radio"]), main select { max-width: 640px; }
.ipucu { max-width: 76ch; }
.akis { max-width: 820px; }
.anahtarlar { display: grid; gap: var(--b2); margin: var(--b2) 0 var(--b3); }
.anahtar { display: flex; align-items: flex-start; gap: var(--b3); font-size: 16px; font-weight: 600; min-height: var(--dokunma);
  padding: var(--b2) 0; margin: 0; cursor: pointer; }
.anahtar input { margin-top: 1px; }
.anahtar .ipucu { font-weight: 400; margin: 2px 0 0; }
.eylemler, .satir { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b2); margin: var(--b3) 0 0; }
.eylemler form, .satir form { margin: 0; }

/* ---------- bildirim, şerit, çip ---------- */
.bildirimler { margin-bottom: var(--b3); }
.bildirim { margin: 0 0 var(--b2); padding: var(--b3) var(--b4); border-radius: var(--r-kucuk); background: var(--bekliyor-zemin);
  color: var(--yazi); }
.b-basari { background: var(--tamam-zemin); color: var(--tamam); }
.b-uyari { background: var(--dikkat-zemin); color: var(--dikkat); }
.b-hata { background: var(--hata-zemin); color: var(--hata); }
.b-bilgi { background: var(--bekliyor-zemin); color: var(--yazi); }
.serit-uyari { display: flex; align-items: flex-start; gap: var(--b2); flex-wrap: wrap; margin: 0 0 var(--b2);
  padding: var(--b3) var(--b4); border-radius: var(--r-kucuk); font-size: 15px; }
.serit-uyari .ikon { width: 20px; height: 20px; margin-top: 1px; }
.serit-uyari span { flex: 1 1 200px; }
.serit-uyari a { color: inherit; font-weight: 700; white-space: nowrap; display: inline-flex; align-items: center;
  min-height: var(--dokunma); }
.cip { display: inline-flex; align-items: center; gap: var(--b1); padding: 2px 10px; border-radius: var(--r-tam);
  font-size: 13px; line-height: 20px; font-weight: 500; background: var(--yuzey-2); color: var(--yazi-2); text-decoration: none;
  vertical-align: middle; }
.c-taslak { background: var(--dikkat-zemin); color: var(--dikkat); }
.c-onaylandi { background: var(--tamam-zemin); color: var(--tamam); }
.c-gonderildi { background: var(--izin-zemin); color: var(--izin); }
.c-hata { background: var(--hata-zemin); color: var(--hata); }
.c-vurgu { background: var(--vurgu-zemin); color: var(--vurgu); }
.c-bekliyor { background: var(--bekliyor-zemin); color: var(--bekliyor); }
.cipler { display: flex; flex-wrap: wrap; gap: var(--b2); margin: var(--b2) 0; }
.cip-dugme { min-height: var(--dokunma); border-radius: var(--r-tam); font-weight: 500; font-size: 15px; background: var(--yuzey-2);
  border-color: var(--cizgi); }

/* ---------- sayfa üstü ---------- */
.sayfa-ust { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--b3); flex-wrap: wrap;
  margin-bottom: var(--b4); }
.sayfa-ust > div { min-width: 0; }
.alt-satir { color: var(--yazi-2); font-size: 14px; margin: 0; }
.sayfa-ust-sag { display: flex; flex-direction: column; align-items: flex-end; gap: var(--b2); }
.ozet-sayi { margin: 0; font-variant-numeric: tabular-nums; }
.gun-gezinme, .ay-gezinme { display: flex; align-items: center; gap: var(--b2); flex-wrap: wrap; }
.ay-gezinme { margin: var(--b3) 0; gap: var(--b4); }
.ay-gezinme a { display: inline-flex; align-items: center; min-height: var(--dokunma); text-decoration: none; }
.geri { display: inline-flex; align-items: center; min-height: var(--dokunma); text-decoration: none; font-weight: 600; }
.yeni-bilgi { margin: 0 0 var(--b3); }
.yeni-bilgi a { font-weight: 700; }
@media (max-width: 600px) { .sayfa-ust-sag { align-items: flex-start; } }

/* ---------- Bugün ---------- */
.kendi summary { display: flex; align-items: center; justify-content: space-between; gap: var(--b3); cursor: pointer;
  list-style: none; min-height: var(--dokunma); }
.kendi summary::-webkit-details-marker { display: none; }
.kendi[open] summary .dugme { display: none; }
.kendi summary .dugme { flex: none; white-space: nowrap; }
.kendi form { margin-top: var(--b3); }
.takilma .ipucu { margin-top: var(--b2); }
.yanit { flex: 1 1 100%; }
.yanit > summary { list-style: none; display: inline-flex; }
.yanit > summary::-webkit-details-marker { display: none; }
.yanit[open] > summary { margin-bottom: var(--b3); }
.yanit-formu { border-top: 1px solid var(--cizgi); padding-top: var(--b3); }
.filtreler { display: flex; flex-wrap: wrap; gap: var(--b1) var(--b2); margin: 0 0 var(--b2); }
.filtre { display: inline-flex; align-items: center; gap: var(--b1); min-height: var(--dokunma); padding: 0 var(--b3);
  border-radius: var(--r-tam); color: var(--yazi); background: var(--yuzey-2); text-decoration: none; font-size: 15px; }
.filtre b { font-variant-numeric: tabular-nums; }
.filtre.secili { background: var(--birincil); color: var(--birincil-yazi); }
.serit { display: flex; gap: 2px; height: 8px; margin: var(--b2) 0 var(--b4); }
.serit span { flex: 1; border-radius: 2px; background: var(--bekliyor-zemin); }
.serit .s-yazdi { background: var(--tamam); }
.serit .s-izinli { background: repeating-linear-gradient(135deg, var(--izin) 0 2px, var(--izin-zemin) 2px 4px); }
.yuzler { display: grid; grid-template-columns: repeat(auto-fill, minmax(64px, 1fr)); gap: var(--b3) var(--b2);
  list-style: none; padding: 0; margin: 0; }
.yuz { display: flex; flex-direction: column; align-items: center; gap: var(--b1); min-height: 84px; min-width: 0;
  text-decoration: none; color: var(--yazi); font-size: 13px; text-align: center; }
.yuz-cerceve { position: relative; }
.yuz img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; display: block; background: var(--yuzey-2); }
.yuz.d-bekleniyor img, .yuz.d-gelmedi img, .yuz.d-hatirlatildi img { filter: grayscale(1); opacity: .55; }
.yuz-isaret { position: absolute; right: -2px; bottom: -2px; width: 22px; height: 22px; border-radius: 50%; display: grid;
  place-items: center; border: 2px solid var(--zemin); background: var(--bekliyor-zemin); color: var(--bekliyor); }
.d-yazdi .yuz-isaret { background: var(--tamam); color: #fff; }
.d-izinli .yuz-isaret { background: var(--izin); color: #fff; }
.takildi .yuz-isaret { background: var(--vurgu); color: #fff; }
.yuz-ad { max-width: 72px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.yuz-not { font-size: 12px; line-height: 14px; color: var(--yazi-3); }
.yuz-not.dikkat { color: var(--dikkat); font-weight: 600; }
.yuz-not.uyari { color: var(--hata); font-weight: 700; }
@media (max-width: 420px) { .yuzler { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--b3) var(--b1); }
  .yuz img { width: 52px; height: 52px; } .yuz-ad { max-width: 64px; } }


/* ---------- rapor kartı ---------- */
.rapor-ust { display: flex; align-items: center; gap: var(--b3); margin-bottom: var(--b2); flex-wrap: wrap; }
.rapor-ust time, .rapor-ust > .soluk { margin-left: auto; color: var(--yazi-3); font-size: 14px; font-variant-numeric: tabular-nums; }
.kisi { display: flex; align-items: center; gap: var(--b3); color: var(--yazi); text-decoration: none; min-width: 0; }
.kisi span span { display: block; font-size: 13px; }
.foto { border-radius: 50%; object-fit: cover; flex: none; background: var(--yuzey-2); }
.rapor-metin { white-space: pre-line; line-height: 1.6; max-width: 68ch; overflow-wrap: anywhere; }
.rapor.not { border-left: 3px solid var(--marka); }
.etiket-not { font-size: 13px; font-weight: 700; color: var(--marka); }
.devami > summary { cursor: pointer; color: var(--vurgu); font-weight: 600; min-height: var(--dokunma); display: flex; align-items: center; }
.rapor:has(> .devami[open]) > .rapor-metin { display: none; }  /* tamamı açılınca kısaltılmış hali gizlenir */
.engel { margin-top: var(--b3); padding: var(--b2) var(--b3); border-left: 3px solid var(--vurgu); background: var(--vurgu-zemin);
  border-radius: 0 var(--r-kucuk) var(--r-kucuk) 0; }
.engel-baslik { display: block; font-size: 13px; font-weight: 700; color: var(--vurgu); }
.rapor-alt { margin-top: var(--b2); }
.menu { margin-left: var(--b1); position: relative; }
.menu > summary { list-style: none; cursor: pointer; min-width: var(--dokunma); min-height: var(--dokunma); display: grid;
  place-items: center; border-radius: var(--r-kucuk); font-weight: 700; color: var(--yazi-2); }
.menu > summary::-webkit-details-marker { display: none; }
.menu[open] > form { position: absolute; right: 0; top: 100%; z-index: 5; background: var(--yuzey); border: 1px solid var(--cizgi);
  border-radius: var(--r-kucuk); padding: var(--b2); box-shadow: var(--golge); }
:target { scroll-margin-top: calc(var(--ust-pay) + 16px); }
.rapor:target { outline: 2px solid var(--vurgu); }
mark { background: var(--dikkat-zemin); color: inherit; border-radius: 3px; padding: 0 2px; }

/* ---------- Ekip ---------- */
.kisi-ekle > summary { cursor: pointer; font-weight: 700; min-height: var(--dokunma); display: flex; align-items: center; }
.kisi-ekle[open] > summary { margin-bottom: var(--b3); }
.kisi-listesi { list-style: none; padding: 0; margin: 0 0 var(--b4); background: var(--yuzey); border: 1px solid var(--cizgi);
  border-radius: var(--r); overflow: hidden; }
.kisi-listesi li + li { border-top: 1px solid var(--cizgi); }
.kisi-satiri { display: flex; align-items: center; gap: var(--b3); min-height: 64px; padding: var(--b2) var(--b4);
  color: var(--yazi); text-decoration: none; flex-wrap: wrap; }
.kisi-ad { flex: 1 1 160px; min-width: 0; }
.kisi-ad .soluk { display: block; font-size: 14px; }
.kisi-cipleri { display: flex; flex-wrap: wrap; gap: var(--b1); }
.ok { color: var(--yazi-3); font-size: 20px; }
.soluk-satir { opacity: .7; }
.pasifler > summary { cursor: pointer; font-weight: 600; min-height: var(--dokunma); display: flex; align-items: center; }

/* ---------- Kişi sayfası ---------- */
.kisi-baslik { display: flex; gap: var(--b4); align-items: flex-start; margin: var(--b2) 0; }
.kisi-baslik > div { min-width: 0; }
.kisi-baslik .soluk { margin: 0; }
.foto.buyuk { width: 72px; height: 72px; }
@media (max-width: 600px) { .foto.buyuk { width: 64px; height: 64px; } }
.kisi-sekmeleri { display: flex; gap: var(--b1); overflow-x: auto; border-bottom: 1px solid var(--cizgi); margin: 0 0 var(--b4);
  scrollbar-width: none; }
.kisi-sekmeleri a { display: inline-flex; align-items: center; min-height: var(--dokunma); padding: 0 var(--b3); color: var(--yazi-2);
  text-decoration: none; font-weight: 600; white-space: nowrap; border-bottom: 2px solid transparent; }
.kisi-sekmeleri a[aria-current="page"] { color: var(--yazi); border-bottom-color: var(--marka); }
.takvim-bolumu { margin: 0 0 var(--b4); max-width: 420px; }
.takvim { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 2px; list-style: none; padding: 0; margin: 0 0 4px; }
.takvim-basliklar li { text-align: center; font-size: 12px; color: var(--yazi-3); }
.g { min-height: var(--dokunma); display: grid; place-items: center; border-radius: 6px; font-size: 13px;
  font-variant-numeric: tabular-nums; position: relative; }
.g a { display: grid; place-items: center; width: 100%; height: 100%; color: inherit; text-decoration: none; border-radius: 6px; }
.g-rapor, .g-rapor_takildi { background: var(--tamam-zemin); color: var(--tamam); font-weight: 700; }
.g-rapor_takildi::after { content: ""; position: absolute; top: 4px; right: 4px; width: 6px; height: 6px; border-radius: 50%; background: var(--vurgu); }
.g-izin { background: repeating-linear-gradient(135deg, var(--izin-zemin) 0 4px, transparent 4px 8px); color: var(--izin); }
.g-eksik { border: 1.5px dashed var(--cizgi-guclu); color: var(--yazi-2); }
.g-bugun_bekleniyor { background: var(--bekliyor-zemin); color: var(--yazi-2); }
.g-gelecek, .g-once { color: var(--yazi-3); opacity: .5; }
.g-bugun { box-shadow: inset 0 0 0 2px var(--yazi-2); }
.akis-gun { margin-bottom: var(--b4); }
.gun-baslik { position: sticky; top: var(--ust-pay); z-index: 2; background: var(--zemin); margin: 0 0 var(--b2); padding: var(--b2) 0; font-size: 15px; }
.gun-notu { color: var(--yazi-2); margin: 0 0 var(--b2); font-size: 15px; }
.g-notu-izin { color: var(--izin); }
.foto-formu { display: flex; gap: var(--b4); align-items: flex-start; flex-wrap: wrap; }
.foto-formu > div { flex: 1 1 220px; min-width: 0; }
.kart.yeni { border-color: var(--vurgu); }

/* ---------- listeler ---------- */
.liste { list-style: none; padding: 0; margin: 0 0 var(--b3); }
.liste-satiri { display: flex; align-items: center; justify-content: space-between; gap: var(--b3); min-height: 48px;
  padding: var(--b2) 0; border-bottom: 1px solid var(--cizgi); }
.liste-satiri > span { min-width: 0; }
.liste-satiri form { margin: 0; flex: none; }
.adimlar { padding-left: 1.2em; }
.adimlar li { margin-bottom: var(--b2); }
.kriterler { padding-left: 1.2em; }
.kriterler li { margin-bottom: var(--b3); }
.kriterler p { margin: 2px 0; }

/* ---------- Ayarlar ---------- */
/* Sayfa başlığı (ana sayfa ve alt sayfalar): simge kutusu + başlık + tek cümle */
.sayfa-baslik { display: flex; align-items: flex-start; gap: var(--b3); margin: var(--b1) 0 var(--b5); }
.sayfa-baslik > div { min-width: 0; flex: 1; padding-top: 4px; }
.sayfa-baslik.ana > div { padding-top: 0; }
.sayfa-baslik h1 { margin: 0; }
.sayfa-baslik .alt-satir { margin-top: 2px; font-size: 15px; max-width: 64ch; }
.sayfa-baslik.ana { margin-top: 0; }
.baslik-simge { width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; flex: none;
  background: var(--yuzey); border: 1px solid var(--cizgi); color: var(--yazi); }
.baslik-simge .ikon { width: 26px; height: 26px; }
.geri { margin-left: calc(var(--b2) * -1); padding: 0 var(--b2); border-radius: var(--r-kucuk); }

/* Gruplar: mobilde alt alta, geniş ekranda iki sütuna yayılır (sıra sütun sütun akar) */
.ayar-gruplari { column-gap: var(--b5); }
@media (min-width: 1000px) { .ayar-gruplari { columns: 2; } }
.ayar-grubu { break-inside: avoid; -webkit-column-break-inside: avoid; display: inline-block; width: 100%; margin: 0 0 var(--b5); }
.ayar-grubu > form { margin: 0; }
.grup-baslik { font-size: 13px; line-height: 18px; text-transform: uppercase; letter-spacing: .05em; color: var(--yazi-2);
  font-weight: 700; margin: 0 0 var(--b2) var(--b1); }
.ayar-listesi { list-style: none; padding: 0; margin: 0; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 14px;
  overflow: hidden; }
.ayar-listesi > li + li { border-top: 1px solid var(--cizgi); }
.ayar-listesi.gomulu { border: 0; border-radius: 0; background: none; margin: 0 calc(var(--b4) * -1) calc(var(--b4) * -1); }
.ayar-listesi.gomulu > li:first-child { border-top: 1px solid var(--cizgi); }
.ayar-satiri { display: flex; align-items: flex-start; gap: var(--b3); min-height: 64px; padding: var(--b3) var(--b4);
  color: var(--yazi); text-decoration: none; margin: 0; font-weight: 400; font-size: 16px; }
a.ayar-satiri, label.ayar-satiri { cursor: pointer; transition: background-color .15s; }
a.ayar-satiri:hover, label.ayar-satiri:hover { background: color-mix(in srgb, var(--yazi) 3%, var(--yuzey)); }
a.ayar-satiri:active, label.ayar-satiri:active { background: color-mix(in srgb, var(--yazi) 6%, var(--yuzey)); }
.ayar-simge { width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; flex: none;
  background: var(--yuzey-2); color: var(--yazi); }
.ayar-simge .ikon { width: 20px; height: 20px; stroke-width: 1.8; }
.ayar-govde { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; padding-top: 1px; }
.ayar-ad { font-weight: 600; line-height: 22px; display: flex; align-items: center; gap: var(--b2); flex-wrap: wrap; }
.ayar-aciklama { font-size: 14px; line-height: 20px; color: var(--yazi-2); }
.ayar-durum, .ayar-zaman { display: flex; align-items: center; gap: 6px; font-size: 14px; line-height: 20px; color: var(--yazi-2);
  margin-top: 2px; font-weight: 500; }
.ayar-durum .nokta { margin-top: 0; }
.ayar-durum.d-iyi { color: var(--tamam); }
.ayar-durum.d-dikkat { color: var(--dikkat); }
.ayar-durum.d-hata { color: var(--hata); }
.ayar-zaman { color: var(--yazi-3); font-weight: 400; }
.ayar-zaman .ikon-kucuk { width: 13px; height: 13px; stroke-width: 2; }
.ayar-satiri .ok { align-self: center; line-height: 1; }
.ayar-ara-baslik { padding: var(--b3) var(--b4) var(--b1); font-size: 13px; font-weight: 700; color: var(--yazi-2);
  display: flex; align-items: center; justify-content: space-between; gap: var(--b2); background: var(--yuzey); }
.ayar-listesi > li.ayar-ara-baslik + li { border-top: 0; }
.kayit-durumu { font-weight: 500; color: var(--yazi-3); }
.kayit-durumu[data-tur="tamam"] { color: var(--tamam); }
.kayit-durumu[data-tur="hata"] { color: var(--hata); }
.ek-not { margin: var(--b2) var(--b1) 0; }
.ayar-cubuk { display: flex; flex-direction: column; gap: 6px; margin-top: var(--b1); max-width: 360px; }
.nokta { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: var(--bekliyor); flex: none; }
.n-iyi { background: var(--tamam); } .n-dikkat { background: var(--dikkat); } .n-hata { background: var(--hata); }
.durum-satiri { display: flex; align-items: center; gap: var(--b2); flex-wrap: wrap; font-weight: 600; }

/* Anahtar (iOS tarzı açma-kapama); JS yoksa da gerçek onay kutusudur */
input.anahtar-dugme { -webkit-appearance: none; appearance: none; width: 51px; height: 31px; border-radius: var(--r-tam);
  background: var(--cizgi-guclu); position: relative; cursor: pointer; flex: none; align-self: center; margin: 0;
  transition: background-color .2s; }
input.anahtar-dugme::before { content: ""; position: absolute; top: 2px; left: 2px; width: 27px; height: 27px; border-radius: 50%;
  background: #fff; box-shadow: 0 1px 3px rgb(0 0 0 / .3); transition: transform .2s; }
input.anahtar-dugme:checked { background: var(--tamam); }
input.anahtar-dugme:checked::before { transform: translateX(20px); }
input.anahtar-dugme:focus-visible { outline: 2px solid var(--vurgu); outline-offset: 2px; }

/* Harcama çubuğu: genişlik sınıfla (satır içi stil yok) */
.cubuk { display: block; height: 8px; border-radius: var(--r-tam); background: var(--yuzey-2); overflow: hidden;
  border: 1px solid var(--cizgi); }
.cubuk-dolgu { display: block; height: 100%; width: 0; background: var(--tamam); border-radius: var(--r-tam); }
.cubuk-dikkat .cubuk-dolgu { background: var(--dikkat); }
.cubuk-dolu .cubuk-dolgu { background: var(--hata); }
.cubuk-5 { width: 5%; } .cubuk-10 { width: 10%; } .cubuk-15 { width: 15%; } .cubuk-20 { width: 20%; } .cubuk-25 { width: 25%; }
.cubuk-30 { width: 30%; } .cubuk-35 { width: 35%; } .cubuk-40 { width: 40%; } .cubuk-45 { width: 45%; } .cubuk-50 { width: 50%; }
.cubuk-55 { width: 55%; } .cubuk-60 { width: 60%; } .cubuk-65 { width: 65%; } .cubuk-70 { width: 70%; } .cubuk-75 { width: 75%; }
.cubuk-80 { width: 80%; } .cubuk-85 { width: 85%; } .cubuk-90 { width: 90%; } .cubuk-95 { width: 95%; } .cubuk-100 { width: 100%; }
.cubuk-metin { font-size: 14px; color: var(--yazi-2); font-variant-numeric: tabular-nums; }
.harcama { display: flex; flex-direction: column; gap: 6px; max-width: 420px; }

/* Alt sayfa kartları */
.kart-izgara { display: grid; gap: var(--b3); margin-bottom: var(--b3); }
.kart-izgara > .kart { margin: 0; }
@media (min-width: 1000px) { .kart-izgara { grid-template-columns: 1fr 1fr; align-items: start; }
  .kart-izgara > .genis { grid-column: 1 / -1; } }
.kart-izgara .tablo-sarici, .kart .tablo { min-width: 0; }
.kart { border-radius: 14px; }
.kart-baslik { display: flex; align-items: center; gap: var(--b3); margin: 0 0 var(--b3); flex-wrap: wrap; }
.kart-baslik h2 { margin: 0; font-size: 18px; line-height: 24px; flex: 1; min-width: 0; }
.kart-aciklama { color: var(--yazi-2); font-size: 15px; margin: calc(var(--b1) * -1) 0 var(--b3); max-width: 70ch; }
.durum-hap { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: var(--r-tam); font-size: 13px;
  font-weight: 600; background: var(--yuzey-2); color: var(--yazi-2); }
.durum-hap.d-iyi { background: var(--tamam-zemin); color: var(--tamam); }
.durum-hap.d-dikkat { background: var(--dikkat-zemin); color: var(--dikkat); }
.durum-hap.d-hata { background: var(--hata-zemin); color: var(--hata); }
.saat-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 0 var(--b3); }
.saat-izgara > p { margin: 0 0 var(--b3); min-width: 0; }
.saat-izgara .ipucu { margin-top: var(--b1); }
@media (max-width: 380px) { .saat-izgara { grid-template-columns: 1fr; } }
.kaydet-satiri { margin: var(--b4) 0 0; }
.acilir-kart > summary { cursor: pointer; font-weight: 600; min-height: var(--dokunma); display: flex; align-items: center; }
details.gelismis { margin: var(--b3) 0; border-top: 1px solid var(--cizgi); padding-top: var(--b2); }
details.gelismis > summary { cursor: pointer; color: var(--yazi-2); font-weight: 600; min-height: var(--dokunma); display: flex; align-items: center; }
details.gelismis[open] > summary { margin-bottom: var(--b2); }
.tablo { width: 100%; border-collapse: collapse; font-size: 15px; }
.tablo th, .tablo td { text-align: left; padding: var(--b2); border-bottom: 1px solid var(--cizgi); vertical-align: top; }
.tablo thead th { font-size: 13px; color: var(--yazi-2); font-weight: 600; }
.tablo-sarici { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 0 0 var(--b3); background: var(--yuzey);
  border: 1px solid var(--cizgi); border-radius: var(--r); }
.toplu { min-width: 1040px; }
.toplu th[scope="row"] { position: sticky; left: 0; background: var(--yuzey); z-index: 1; min-width: 170px; }
.toplu input, .toplu select { min-width: 104px; }
.toplu input[type="checkbox"] { min-width: 0; }
@media (max-width: 600px) {
  .tablo:not(.toplu) thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .tablo:not(.toplu) tr { display: block; padding: var(--b2) 0; border-bottom: 1px solid var(--cizgi); }
  .tablo:not(.toplu) td { display: block; border: 0; padding: 2px 0; }
}

/* ---------- Değerlendirme panosu ---------- */
.pano-eylem { margin: var(--b3) 0 var(--b4); }
.durum-metni { font-weight: 600; }
.pano { width: 100%; border-collapse: collapse; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--r);
  font-variant-numeric: tabular-nums; }
.pano th, .pano td { text-align: left; padding: var(--b2) var(--b3); border-bottom: 1px solid var(--cizgi); vertical-align: middle; }
.pano thead th { font-size: 13px; color: var(--yazi-2); font-weight: 600; }
.pano th[scope="row"] { font-weight: 400; }
.pano .eylem a { display: inline-flex; align-items: center; min-height: var(--dokunma); font-weight: 600; text-decoration: none; white-space: nowrap; }
.pano .ipucu { margin: 2px 0 0; }
@media (max-width: 700px) {
  .pano, .pano tbody { display: block; border: 0; background: none; }
  .pano thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .pano tr { display: grid; grid-template-columns: 1fr auto; gap: 2px var(--b3); background: var(--yuzey); border: 1px solid var(--cizgi);
    border-radius: var(--r); padding: var(--b3); margin-bottom: var(--b2); }
  .pano th, .pano td { border: 0; padding: 0; }
  .pano th[scope="row"] { grid-column: 1 / -1; }
  .pano td[data-baslik]::before { content: attr(data-baslik) ": "; color: var(--yazi-2); font-size: 14px; }
  .pano td[data-baslik="Durum"] { grid-column: 1 / -1; }
  .pano td[data-baslik="Durum"]::before { content: none; }
  .pano .eylem { grid-column: 2; grid-row: 2; }
}

/* ---------- araçlar ---------- */
.adim-gostergesi { display: flex; flex-wrap: wrap; gap: var(--b2); list-style: none; padding: 0; margin: 0 0 var(--b4); font-size: 14px; color: var(--yazi-2); }
.adim-gostergesi li { padding: 2px 10px; border-radius: var(--r-tam); background: var(--yuzey-2); }
.adim-gostergesi li[aria-current="step"] { background: var(--birincil); color: var(--birincil-yazi); }
.alicilar li { border-bottom: 1px solid var(--cizgi); }
.alici { display: flex; align-items: center; gap: var(--b3); min-height: 56px; margin: 0; font-weight: 400; font-size: 16px; cursor: pointer; }
.alici > span { flex: 1; min-width: 0; }
.alici .soluk { display: block; font-size: 14px; }
.alici .ipucu { margin: 0; }
.iki-sutun { display: grid; gap: var(--b3); }
@media (min-width: 900px) { .iki-sutun { grid-template-columns: 1fr 1fr; align-items: start; } }
.v1-metin { min-height: 360px; font: 14px/1.55 ui-monospace, Menlo, monospace; }
@media (max-width: 600px) { .v1-metin { font-size: 16px; min-height: 280px; } }
.pano-gonder { margin-top: var(--b2); }
.diger > summary { cursor: pointer; font-weight: 600; min-height: var(--dokunma); display: flex; align-items: center; }
.mail h2 { margin-top: 0; font-size: 18px; }
.mail-govde { white-space: pre-wrap; line-height: 1.55; overflow-wrap: anywhere; }
.hata-sayfasi { padding: var(--b6) 0; max-width: 560px; }

/* ---------- Toplu mail (arayuz_v3 §7.6) ---------- */
.duyuru-ust { flex-wrap: wrap; align-items: center; }
.duyuru-ust > div { flex: 1 1 260px; }
.duyuru-ust > .dugme { flex: none; }
@media (max-width: 560px) { .duyuru-ust > .dugme { flex: 1 1 100%; } }
.duyuru-ust .ikon { width: 20px; height: 20px; }
.duyuru-bolum { margin: 0 0 var(--b5); }
.hazir-metinler > summary { cursor: pointer; min-height: var(--dokunma); display: flex; align-items: center; gap: var(--b1);
  margin: 0; list-style: none; }
.hazir-metinler > summary::-webkit-details-marker { display: none; }
.hazir-metinler > summary::before { content: "▸"; transition: transform var(--sure-kisa); display: inline-block; }
.hazir-metinler[open] > summary::before { transform: rotate(90deg); }
.duyuru-kartlari { list-style: none; padding: 0; margin: 0 0 var(--b4); display: grid; gap: var(--b3); }
@media (min-width: 900px) { .duyuru-kartlari { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.duyuru-kartlari > li { min-width: 0; display: flex; }
.duyuru-karti { flex: 1; display: flex; align-items: flex-start; gap: var(--b3); padding: var(--b4); background: var(--yuzey);
  border: 1px solid var(--cizgi); border-radius: 14px; color: var(--yazi); text-decoration: none; min-width: 0;
  transition: border-color .15s, box-shadow .15s, transform .15s; }
.duyuru-karti:hover { border-color: var(--cizgi-guclu); box-shadow: 0 2px 10px rgb(0 0 0 / .06); }
.duyuru-karti:active { transform: scale(.995); }
.duyuru-simge { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; flex: none;
  background: var(--vurgu-zemin); color: var(--vurgu); }
.duyuru-karti.gitti .duyuru-simge { background: var(--tamam-zemin); color: var(--tamam); }
.duyuru-icerik { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--b1); }
.duyuru-konu { font-weight: 700; font-size: 17px; line-height: 24px; }
.duyuru-ozet { color: var(--yazi-2); font-size: 15px; line-height: 22px; display: -webkit-box; -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; overflow: hidden; }
.duyuru-alt { display: flex; align-items: center; flex-wrap: wrap; gap: var(--b1) var(--b2); margin-top: var(--b1); font-size: 13px; }
.duyuru-alt .ikon-kucuk { width: 12px; height: 12px; }
.duyuru-cevap { display: inline-flex; align-items: center; gap: 4px; color: var(--yazi-2); font-weight: 600; }
.duyuru-karti .ok { align-self: center; }

/* Yazma ekranı: Kime → Konu → Metin → kontrol satırı → yapışkan gönder çubuğu; Mac'te önizleme sağda */
.duyuru-yaz { display: block; }
.duyuru-govde { display: grid; gap: var(--b3); grid-template-columns: minmax(0, 1fr); }
.duyuru-govde > .kart { margin: 0; }
@media (min-width: 1100px) {
  .duyuru-govde { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); align-items: start; }
  .onizleme-kutusu { position: sticky; top: calc(var(--ust-pay) + var(--b4)); }
  .onizle-ac { display: none; }
}
.duyuru-yaz.bekliyor .duyuru-govde, .duyuru-yaz.bekliyor .gonder-cubugu { opacity: .6; }
.alan-ad { font-weight: 600; font-size: 14px; color: var(--yazi-2); padding: 0; margin: 0 0 var(--b1); }
fieldset.kime { border: 0; padding: 0; margin: 0 0 var(--b3); min-inline-size: 0; }
.kime .ipucu { margin: var(--b1) 0 0; }
.yaz-alani input { margin-bottom: var(--b3); font-weight: 600; }
.yaz-alani textarea { min-height: 260px; max-width: none; font-size: 16px; line-height: 1.6; }
@media (min-width: 700px) { .yaz-alani textarea { min-height: 340px; } }
.duyuru-yaz input:not([type="checkbox"]):not([type="radio"]) { max-width: none; }
.kime-hap { display: inline-flex; align-items: center; gap: var(--b2); min-height: 36px; padding: 0 var(--b3) 0 var(--b2);
  border-radius: var(--r-tam); background: var(--tamam-zemin); color: var(--tamam); font-size: 15px; }
.kime-hap b { font-weight: 700; }
.kime-hap .ikon-kucuk { width: 16px; height: 16px; }
.kisi-sec > summary { cursor: pointer; min-height: var(--dokunma); display: flex; align-items: center; flex-wrap: wrap;
  gap: var(--b2) var(--b3); list-style: none; }
.kisi-sec > summary::-webkit-details-marker { display: none; }
.kisi-sec .degistir { font-weight: 600; color: var(--vurgu); }
.kisi-sec .degistir::after { content: "\00a0›"; display: inline-block; transition: transform var(--sure-kisa); }
.kisi-sec[open] .degistir::after { transform: rotate(90deg); }
.secim-eylemleri { display: flex; gap: var(--b2); flex-wrap: wrap; margin: var(--b2) 0; }
.secim-eylemleri button { min-height: var(--dokunma); font-size: 14px; border-radius: var(--r-tam); padding: 0 var(--b3); }
.kisi-cipleri-sec { list-style: none; padding: 0; margin: var(--b2) 0 var(--b3); display: flex; flex-wrap: wrap; gap: var(--b2); }
.kisi-cip { display: inline-flex; align-items: center; gap: var(--b2); min-height: var(--dokunma); padding: 0 var(--b3) 0 6px;
  border: 1px solid var(--cizgi-guclu); border-radius: var(--r-tam); background: var(--yuzey); cursor: pointer; margin: 0; position: relative;
  font-size: 15px; font-weight: 500; max-width: 100%; transition: background-color .15s, border-color .15s; }
.kisi-cip input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.kisi-cip .foto { width: 32px; height: 32px; }
.kisi-cip-ad { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.kisi-cip .cip { padding: 0 8px; font-size: 12px; }
.kisi-cip:has(input:checked) { background: var(--birincil); color: var(--birincil-yazi); border-color: var(--birincil); }
.kisi-cip:has(input:focus-visible) { outline: 2px solid var(--vurgu); outline-offset: 2px; }
.kisi-cip.gitti:not(:has(input:checked)) .foto { filter: grayscale(1); opacity: .6; }
@supports not selector(:has(*)) { .kisi-cip input { position: static; opacity: 1; width: 22px; height: 22px; } }
.diger-eylemler { display: flex; flex-wrap: wrap; gap: var(--b2); margin: var(--b3) 0 0; padding-top: var(--b3); border-top: 1px solid var(--cizgi); }
/* Önizleme: iPhone'da katlı ("Önizle"), Mac'te açık ve sağda yapışkan */
.onizleme-kutusu > summary { cursor: pointer; display: flex; align-items: center; gap: var(--b3); min-height: var(--dokunma);
  list-style: none; font-weight: 700; }
.onizleme-kutusu > summary::-webkit-details-marker { display: none; }
.onizleme-baslik { flex: 1; min-width: 0; }
.onizle-ac { font-weight: 600; color: var(--vurgu); font-size: 15px; }
.onizle-ac::after { content: "\00a0›"; display: inline-block; transition: transform var(--sure-kisa); }
.onizleme-kutusu[open] .onizle-ac::after { transform: rotate(90deg); }
.onizleme-kutusu[open] > summary { margin-bottom: var(--b3); }
.mail-onizleme { border: 1px solid var(--cizgi); border-radius: var(--r); background: var(--zemin); padding: var(--b3) var(--b4); }
.mail-satir { display: flex; gap: var(--b3); margin: 0 0 var(--b1); font-size: 14px; min-width: 0; }
.mail-satir > .soluk { flex: none; width: 40px; }
.mail-onizleme .mail-govde { border-top: 1px solid var(--cizgi); margin-top: var(--b2); padding-top: var(--b3); font-size: 15px; }
.onizleme-gez { display: flex; align-items: center; justify-content: center; gap: var(--b3); margin: var(--b3) 0 0;
  font-variant-numeric: tabular-nums; color: var(--yazi-2); font-size: 14px; }
.onizleme-gez button { min-width: var(--dokunma); padding: 0; font-size: 20px; }
/* Gönder çubuğu: metin yazılırken de ekranda (iPhone: sekmelerin üstünde; klavye açıkken klavyenin üstünde) */
.gonder-cubugu { position: sticky; bottom: 0; z-index: 15; margin: var(--b3) calc(-1 * var(--b2)) 0; padding: var(--b2) var(--b2) var(--b3);
  background: color-mix(in srgb, var(--zemin) 92%, transparent); border-top: 1px solid var(--cizgi);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.kontrol-satiri { display: flex; flex-wrap: wrap; gap: 2px var(--b3); margin: 0 0 var(--b2); font-size: 13px; line-height: 18px; }
.kontrol { font-weight: 600; }
.kontrol.k-iyi { color: var(--tamam); }
.kontrol.k-kotu { color: var(--hata); }
.kontrol.k-dikkat { color: var(--dikkat); }
.gonder-cubugu .eylemler { margin: 0; justify-content: flex-end; flex-wrap: nowrap; }
.gonder-cubugu .birincil .ikon { width: 20px; height: 20px; }
.gonder-cubugu .ipucu { margin: var(--b2) 0 0; }
@media (max-width: 600px) {
  .gonder-cubugu .eylemler > button { flex: 1 1 auto; min-width: 0; padding: 0 var(--b3); white-space: nowrap; font-size: 15px; }
  .gonder-cubugu .birincil { flex-grow: 1.6; }
}
@media (max-width: 820px) {
  .gonder-cubugu { bottom: calc(var(--sekme-y) + env(safe-area-inset-bottom)); }
  .klavye-acik .gonder-cubugu { bottom: var(--klavye, 0px); }
  .klavye-acik .sekmeler { visibility: hidden; }
}

/* ---------- boş durum ve hareket ---------- */
.bos { padding: var(--b5) 0; color: var(--yazi-2); text-align: center; }
.bos .ikon { width: 32px; height: 32px; opacity: .6; }
.bos p { margin: var(--b2) 0; }
.donen { animation: don 1s linear infinite; }
@keyframes don { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }

/* ---------- takılma kartı (arayuz_v3 §7.3): tam metin, tek kaydırma; konuşma; her zaman açık cevap kutusu ---------- */
.kart.takilma { border-left: 3px solid var(--takilma); }
.kart.takilma.k-cevaplandi { border-left-color: var(--cizgi-guclu); }
.kart.takilma:target { outline: 2px solid var(--vurgu); }
.takilma-durum { display: inline-flex; align-items: center; gap: var(--b1); margin: 0 0 var(--b3); padding: 2px 10px;
  border-radius: var(--r-tam); font-size: 13px; line-height: 20px; font-weight: 700; background: var(--takilma-zemin);
  color: var(--takilma); }
.takilma.uzun .takilma-durum { background: var(--dikkat-zemin); color: var(--dikkat); }
.takilma.k-cevap_geldi .takilma-durum { background: var(--yazi); color: var(--zemin); }
.takilma.k-cevaplandi .takilma-durum { background: var(--tamam-zemin); color: var(--tamam); }
.kart.takilma .rapor-metin { font-size: var(--yazi-rapor); line-height: var(--satir-rapor); max-width: var(--okuma); }
.rapor-saat { margin: var(--b3) 0 var(--b1); font-size: 13px; color: var(--yazi-3); font-variant-numeric: tabular-nums; }
mark.takilma { background: var(--takilma-zemin); color: var(--yazi); border-radius: 3px; padding: 0 2px;
  box-shadow: inset 0 -2px 0 var(--takilma); -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.konusma { margin: var(--b4) 0 0; padding-top: var(--b3); border-top: 1px solid var(--cizgi); }
.konusma-baslik { margin: 0 0 var(--b2); font-size: 13px; line-height: 18px; letter-spacing: .05em; text-transform: uppercase;
  color: var(--yazi-3); }
.konusma-satiri { margin: 0 0 var(--b3); }
.konusma-kim { display: block; font-size: 13px; font-weight: 700; color: var(--yazi-2); font-variant-numeric: tabular-nums; }
.kart.takilma .konusma-satiri .rapor-metin { font-size: 16px; }
.konusma-satiri.k-giden .rapor-metin { color: var(--yazi-2); }
.konusma-onceki > summary { cursor: pointer; color: var(--vurgu); font-weight: 600; min-height: var(--dokunma); display: flex;
  align-items: center; }
.yanit-kutusu { margin-top: var(--b4); padding-top: var(--b3); border-top: 1px solid var(--cizgi); }
.yanit .yanit-kutusu { margin-top: 0; }
.yanit-kutusu .cipler { margin-top: 0; }
.yanit-kutusu textarea { min-height: 72px; transition: min-height var(--sure-orta); }
.yanit-kutusu textarea:focus { min-height: 144px; }
.yanit-kutusu .eylemler { margin-top: var(--b2); }
.yanit-kutusu .hata-metni { margin: var(--b2) 0 0; }
.dugme.duz { border-color: transparent; background: none; color: var(--vurgu); padding: 0 var(--b2); }
.gonderiliyor { opacity: .6; }

/* Geri al çubuğu (iki temada da koyu) ve "yeni bilgi" hapı */
.geri-al-cubugu { position: fixed; left: 50%; bottom: var(--b4); transform: translateX(-50%); z-index: 30; display: flex;
  align-items: center; gap: var(--b3); width: max-content; max-width: calc(100% - 2 * var(--b4));
  padding: var(--b1) var(--b1) var(--b1) var(--b4); border-radius: var(--r); background: var(--cubuk-zemin);
  color: var(--cubuk-yazi); box-shadow: var(--golge); font-size: 15px; }
.geri-al-cubugu span { flex: 1 1 auto; min-width: 0; }
.geri-al-cubugu button { flex: none; background: transparent; color: var(--cubuk-yazi);
  border-color: color-mix(in srgb, var(--cubuk-yazi) 40%, transparent); }
.yeni-bilgi { position: sticky; top: calc(var(--ust-pay) + var(--b2)); z-index: 10; text-align: center; }
.yeni-bilgi a { display: inline-flex; align-items: center; min-height: var(--dokunma); padding: 0 var(--b4);
  border-radius: var(--r-tam); background: var(--birincil); color: var(--birincil-yazi); text-decoration: none; font-weight: 700;
  box-shadow: var(--golge); }

/* Üst çubuk: her sayfada "Toplu mail yaz" (birincil değil: çerçeveli hap) */
.yaz-dugmesi { display: inline-flex; align-items: center; justify-content: center; gap: var(--b2); flex: none;
  min-height: var(--dokunma); min-width: var(--dokunma); padding: 0 var(--b3); border-radius: var(--r-tam);
  border: 1px solid color-mix(in srgb, var(--ust-cubuk-yazi) 45%, transparent); color: var(--ust-cubuk-yazi);
  text-decoration: none; font-size: 14px; font-weight: 600; white-space: nowrap; }
.yaz-dugmesi .ikon { width: 20px; height: 20px; }
@media (max-width: 1280px) {
  .sistem-metin { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); }
  .yaz-dugmesi { padding: 0; }
  .yaz-metin { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%);
    white-space: nowrap; }
}
@media (max-width: 820px) {
  .ust-cubuk .sistem { display: none; }   /* durum Ayarlar sekmesinin rozetinde */
  .yaz-dugmesi { margin-left: auto; }
  .geri-al-cubugu { bottom: calc(var(--sekme-y) + env(safe-area-inset-bottom) + var(--b2)); }
}

/* ---------- Bugün: gelen kutusu (arayuz_v3 §7.1–7.4) ---------- */
.gelen-izgara { display: block; }
.gelen-akis { min-width: 0; }
.bekleyen-akis { max-width: 760px; }   /* Bekleyen: tek sütun, okunur satır uzunluğu */
/* Görüntüleme modu (ör. Erim): değişiklik yapan bütün formlar ve "yaz" düğmeleri gizli; sunucu da POST'u reddeder */
.izleyici form[method="post"], .izleyici .yaz-dugmesi, .izleyici [data-yerinde],
.izleyici details:has(form[method="post"]) > summary.dugme,   /* "Yanıtla", "Uyarı yaz" açıcıları */
.izleyici .kart.kendi, .izleyici .kisi-satir a.dugme,   /* Buğra'nın kendi raporu, ekipte "Uyarı yaz" */
.izleyici a.dugme[href$="/ekip/yeni"] { display: none !important; }
/* Giriş sayfası (genel kapı, girişsiz) ve çıkış satırı */
.giris-govde { min-height: 100vh; display: grid; place-items: center; padding: var(--b4); }
.giris-kutusu { max-width: 360px; width: 100%; text-align: center; padding: 0; margin: 0 auto; }
.giris-kutusu img { border-radius: 14px; image-rendering: pixelated; }
.giris-kutusu h1 { margin: var(--b3) 0 var(--b2); }
.giris-dugmesi { width: 100%; margin: var(--b3) 0 var(--b3); }
.giris-kutusu form { text-align: left; }
.kod-kutusu { font-size: 28px; letter-spacing: .3em; text-align: center; font-variant-numeric: tabular-nums; }
.giris-kutusu .kucuk { font-size: 13px; }
.cikis-satiri { margin: var(--b7) 0 0; display: flex; gap: var(--b3); align-items: center; justify-content: center;
  font-size: 14px; flex-wrap: wrap; }
.izleyici-serit { margin: 0 0 var(--b4); padding: var(--b2) var(--b3); border-radius: var(--r-kucuk); font-size: 14px;
  background: var(--yuzey-2); border: 1px solid var(--cizgi); color: var(--yazi-2); }
.gelen-bolum { margin: 0 0 var(--b6); }
.bolum-baslik { font-size: 13px; line-height: 18px; letter-spacing: .05em; text-transform: uppercase; color: var(--yazi-2);
  margin: 0 0 var(--b3); }
.bolum-ust { display: flex; align-items: center; justify-content: space-between; gap: var(--b3); flex-wrap: wrap;
  margin: 0 0 var(--b2); }
.alt-baslik { font-size: 13px; line-height: 18px; letter-spacing: .05em; text-transform: uppercase; color: var(--yazi-2); margin: 0; }
.eski-okunmamis { margin-top: var(--b5); }
.bolum-ust .bolum-baslik { margin: 0; }
.bolum-ust form { margin: 0; }
.bos-satir { display: flex; align-items: center; gap: var(--b2); margin: 0 0 var(--b3); }
.bildirimler.yerinde { margin: 0 0 var(--b2); }

/* ekip sütunu: iPhone'da sayacın altında katlı kutu, Mac'te sağda yapışkan sütun */
.ekip-bugun { margin: 0 0 var(--b4); }
.ekip-kutusu { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 14px; padding: 0 var(--b4); }
.ekip-kutusu[open] { padding-bottom: var(--b3); }
.ekip-kutusu > summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between;
  gap: var(--b3); flex-wrap: wrap; min-height: var(--dokunma); padding: var(--b2) 0; }
.ekip-kutusu > summary::-webkit-details-marker { display: none; }
.ekip-kutusu > summary::after { content: "›"; color: var(--yazi-3); font-size: 20px; transition: transform var(--sure-kisa); }
.ekip-kutusu[open] > summary::after { transform: rotate(90deg); }
.sayac-baslik { font-size: 13px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--yazi-2); }
.ekip-kutusu .ozet-sayi { flex: 1 1 auto; }
.yazmayan-adlari { flex: 1 1 100%; order: 3; min-width: 0; font-size: 14px; color: var(--yazi-2); white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis; }
.ekip-kutusu[open] .yazmayan-adlari { display: none; }
.ekip-kutusu h3 { font-size: 14px; margin: var(--b3) 0 var(--b1); color: var(--yazi-2); }
.kisi-satirlari { list-style: none; margin: 0; padding: 0; }
.kisi-satir { display: flex; align-items: center; gap: var(--b2); min-height: var(--dokunma); padding: 2px 0; }
.kisi-satir .kisi { flex: 1 1 auto; gap: var(--b2); }
.kisi-satir .kisi b { font-weight: 600; }
.kisi-satir form { margin: 0; flex: none; }
.kisi-satir button, .kisi-satir .dugme { min-height: var(--dokunma); padding: 0 var(--b3); font-size: 15px; }
.yazanlar { margin: 0; font-size: 15px; line-height: 28px; }
.yazanlar a { color: var(--yazi); text-decoration: none; white-space: nowrap; }
.yazanlar .ikon-kucuk { color: var(--tamam); margin-right: 2px; }
.yazanlar time { color: var(--yazi-3); font-variant-numeric: tabular-nums; }
.bilgi-satiri { margin: var(--b2) 0 0; }
.bugun-ust { flex-wrap: nowrap; align-items: flex-start; }
.bugun-ust .gun-gezinme { flex: none; flex-wrap: nowrap; }
.bugun-ust .gun-gezinme .dugme { white-space: nowrap; }
@media (max-width: 699px) {
  .yazanlar { display: none; }            /* telefonda yazanların sayısı yeter; adlar Ekip sekmesinde */
  .kisi-satir .kisi .soluk { display: inline; margin-left: var(--b1); }
  .kisi-satir .kisi span span { display: inline; }
}
@media (min-width: 1100px) {
  .gelen-izgara { display: grid; grid-template-columns: minmax(0, 720px) 320px; grid-template-areas: "akis yan";
    gap: var(--b6); align-items: start; justify-content: space-between; }
  .gelen-akis { grid-area: akis; }
  .ekip-bugun { grid-area: yan; position: sticky; top: calc(var(--ust-pay) + var(--b4));
    max-height: calc(100vh - var(--ust-pay) - var(--b6)); overflow-y: auto;
    margin: 0; }
  .ekip-kutusu > summary::after { content: none; }
  /* JS kapalıyken de sütun hep açık: katlı <details> içeriği yine görünür, başlık dokunmayla kapanmaz */
  .ekip-kutusu::details-content { content-visibility: visible; display: block; height: auto; }
  .ekip-kutusu:not([open]) { padding-bottom: var(--b3); }
  .ekip-kutusu > summary { pointer-events: none; cursor: default; }
  .ekip-kutusu .yazmayan-adlari { display: none; }
  .kart.gelen, .kart.takilma { padding: 20px; }
}

/* gelen kartı */
.kart.gelen .rapor-metin { font-size: var(--yazi-rapor); line-height: var(--satir-rapor); max-width: var(--okuma); }
.kart.gelen.k-okunmamis .rapor-ust b { font-weight: 700; }
.kart.gelen.k-okundu .rapor-ust b { font-weight: 600; }
.kart.gelen.k-cevap_geldi { border-left: 3px solid var(--yazi); }
.kart.gelen.k-cevap_geldi .takilma-durum { background: var(--yazi); color: var(--zemin); }
.kart.gelen:target, .okunan:target { outline: 2px solid var(--vurgu); }
.okunmamis-nokta { width: 8px; height: 8px; border-radius: 50%; background: var(--yazi); flex: none; margin-right: calc(var(--b1) * -1); }
.uyari-karti { border-left: 3px solid var(--dikkat); }
.uyari-karti > p { margin: 0; }
.rapor-govde .devami > summary { list-style: none; }
.rapor-govde .devami > summary::-webkit-details-marker { display: none; }
.rapor-govde .devami .kapa, .rapor-govde .devami[open] .ac { display: none; }
.rapor-govde .devami[open] .kapa { display: inline; }
@media (max-width: 699px) {
  .kisaltilabilir:not(:has(> .devami[open])) > .rapor-metin { display: -webkit-box; -webkit-box-orient: vertical;
    -webkit-line-clamp: 12; line-clamp: 12; overflow: hidden; }
}
@media (min-width: 700px) { .rapor-govde .devami { display: none; } }

/* iliştirilmiş not: kesik sol çizgi, "yalnız sen görürsün" */
.ilistirilmis-not { margin: var(--b3) 0 0; padding: var(--b1) 0 var(--b1) var(--b3); border-left: 2px dashed var(--marka); }
.ilistirilmis-not .etiket-not { display: block; font-variant-numeric: tabular-nums; }
.kart .ilistirilmis-not .rapor-metin { font-size: 16px; }

/* eylem çubuğu: [Gördüm] [Yanıtla] [Not ekle]; açılan bölüm kartın altında tam genişlik */
.eylem-cubugu { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--b2); margin: var(--b4) 0 0; }
.eylem-cubugu > form { margin: 0; }
.eylem-cubugu > details > summary { list-style: none; }
.eylem-cubugu > details > summary::-webkit-details-marker { display: none; }
.eylem-cubugu > details[open] { flex: 1 1 100%; order: 5; }
.eylem-cubugu > details[open] > summary { margin-bottom: var(--b2); background: var(--yuzey-2); }
.eylem-cubugu .yanit-kutusu, .eylem-cubugu .not-kutusu { margin-top: 0; padding-top: var(--b3); border-top: 1px solid var(--cizgi); }
.not-kutusu .eylemler { margin-top: var(--b2); }
.not-kutusu .ipucu { margin: var(--b1) 0 0; }
.menu.diger { margin: var(--b2) 0 0; }
.menu.diger > summary { display: inline-grid; }
.menu.diger[open] > .menu-icerik { padding-top: var(--b2); }

/* okunanlar: tek satır */
.okunanlar > summary { list-style: none; cursor: pointer; min-height: var(--dokunma); display: flex; align-items: center; }
.okunanlar > summary::-webkit-details-marker { display: none; }
.okunanlar > summary::before { content: "▸"; color: var(--yazi-3); margin-right: var(--b2); }
.okunanlar[open] > summary::before { content: "▾"; }
.okunanlar > summary .bolum-baslik { margin: 0; }
.okunan { border-top: 1px solid var(--cizgi); padding: var(--b2) 0; }
.okunan-bag { display: flex; align-items: center; gap: var(--b3); color: var(--yazi); text-decoration: none; min-height: var(--dokunma); }
.okunan-metin { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.okunan-metin b { font-weight: 600; margin-right: var(--b2); }
.okunan-bag time { color: var(--yazi-3); font-size: 14px; font-variant-numeric: tabular-nums; flex: none; }
.okunan .ilistirilmis-not, .okunan-son { margin-left: 44px; }
.okunan-son { margin-top: 0; margin-bottom: 0; font-size: 14px; color: var(--yazi-2); }
.okunan form { margin: 0 0 0 36px; }

/* Ekip: bugün ızgarası (Bugün'den taşındı) */
.ekip-izgara h2 { margin-top: 0; }

/* ---------- Kişi kartı (arayuz_v3 §7.5): sade başlık, Mailler önce, Mac'te sağda küçük takvim ---------- */
.kisi-baslik h1 { margin-bottom: 2px; }
.kisi-baslik .soluk { font-size: 15px; }
.kisi-baslik .cipler { margin: var(--b1) 0 0; }
.kisi-eylemleri { margin: 0 0 var(--b3); }
.kisi-eylemleri > details[open] { padding: 0 0 var(--b2); }
.kisi-eylemleri .ipucu { margin: 0 0 var(--b2); }
.kisi-eylemleri .izin-formu { padding-top: var(--b3); border-top: 1px solid var(--cizgi); }
.kisi-notu { margin: 0 0 var(--b4); display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--b3);
  align-items: start; }
.kisi-notu > label, .kisi-notu > textarea, .kisi-notu > .ipucu { grid-column: 1 / -1; }
.kisi-notu textarea { min-height: 56px; transition: min-height var(--sure-orta); }
.kisi-notu textarea:focus { min-height: 120px; }
.kisi-notu > .ipucu { margin: var(--b1) 0 0; }
.not-secenek { grid-column: 1; }
.not-secenek > summary { cursor: pointer; display: inline-flex; align-items: center; min-height: var(--dokunma);
  color: var(--yazi-2); font-size: 14px; font-weight: 600; }
.kisi-notu .eylemler { grid-column: 2; grid-row: 4; margin: 0; }
.kisi-rapor .rapor-ust time { margin-left: 0; color: var(--yazi-2); font-weight: 700; }
.kisi-rapor .rapor-ust .takilma-durum { margin: 0; }
.kisi-rapor .rapor-ust > .menu { margin-left: auto; }
.kisi-rapor.not { border-left: 3px solid var(--marka); }
.ilistirilmis-not { position: relative; }
.ilistirilmis-not > .menu { position: absolute; top: 0; right: 0; }
.gun-tek { margin-bottom: 0; }
.gun-satiri { display: flex; align-items: center; justify-content: space-between; gap: var(--b3); flex-wrap: wrap;
  min-height: var(--dokunma); margin: 0; padding: var(--b1) 0; border-bottom: 1px solid var(--cizgi); color: var(--yazi-2);
  font-size: 15px; }
.gun-satiri b { color: var(--yazi); font-weight: 600; }
.gun-satiri form { margin: 0; }
.gun-satiri.g-notu-izin { justify-content: flex-start; gap: var(--b2); color: var(--izin); }
.gun-satiri.g-notu-izin .claude-geri-al { margin-left: auto; }
.gun-tek + .akis-gun:not(.gun-tek) { margin-top: var(--b4); }
.kisi-akis .ay-gezinme { margin-top: var(--b4); }
.kisi-yan { display: none; }
@media (min-width: 1100px) {
  .kisi-izgara { display: grid; grid-template-columns: minmax(0, 720px) 320px; gap: var(--b6); align-items: start;
    justify-content: space-between; }
  .kisi-akis { min-width: 0; }
  .kisi-yan { display: block; position: sticky; top: calc(var(--ust-pay) + var(--b4));
    max-height: calc(100vh - var(--ust-pay) - var(--b6)); overflow-y: auto;
    background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 14px; padding: var(--b3) var(--b4); }
  .kisi-yan .takvim-bolumu { max-width: none; }
  .kisi-yan .izin-listesi .liste-satiri { min-height: 36px; font-size: 14px; }
  .kart.kisi-rapor { padding: 20px; }
}

/* ---------- v3 Aşama 5: Ayarlar Durum kartı, "Diğer", Ay sonu "Sıradaki adım", klavye kısayolları ---------- */
.durum-karti { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 14px; padding: var(--b3) var(--b4); }
.durum-karti.d-hata { border-color: var(--hata); }
.durum-karti.d-dikkat { border-color: var(--dikkat); }
.durum-karti > p { margin: 0; }
.durum-karti > p + p, .durum-sorunlar + p { margin-top: var(--b1); font-size: 14px; }
.durum-baslik { display: flex; align-items: center; gap: var(--b2); flex-wrap: wrap; min-height: var(--dokunma); }
.durum-baslik a { margin-left: auto; font-weight: 600; }
.d-hata .durum-baslik b { color: var(--hata); }
.d-dikkat .durum-baslik b { color: var(--dikkat); }
.durum-sorunlar { margin: var(--b1) 0 0; padding-left: 1.2em; font-size: 15px; color: var(--yazi-2); }
details.diger > summary.grup-baslik { cursor: pointer; min-height: var(--dokunma); display: flex; align-items: center;
  gap: var(--b2); list-style: none; margin-bottom: 0; }
details.diger > summary.grup-baslik::-webkit-details-marker { display: none; }
details.diger > summary.grup-baslik::before { content: "▸"; font-size: 12px; transition: transform var(--sure-kisa); }
details.diger[open] > summary.grup-baslik::before { transform: rotate(90deg); }
details.diger[open] > summary.grup-baslik { margin-bottom: var(--b2); }
.kart.sirada { margin: var(--b3) 0; border-left: 3px solid var(--birincil); }
.kart.sirada > .bolum-baslik { margin-top: 0; }
.kart.sirada p { margin: 0 0 var(--b2); }
.kart.sirada form { margin: 0 0 var(--b2); }
.kart.sirada .pano-gonder { margin-top: var(--b2); }
.kisayol-odak { outline: 2px solid var(--vurgu); outline-offset: 2px; }
.kisayol-satiri { margin: var(--b6) 0 0; text-align: center; }
.kisayol-dugmesi { border-color: transparent; background: none; color: var(--yazi-3); font-size: 14px; font-weight: 500; }
kbd { font: inherit; font-size: 13px; font-weight: 600; min-width: 1.6em; display: inline-block; text-align: center;
  padding: 0 5px; border: 1px solid var(--cizgi-guclu); border-bottom-width: 2px; border-radius: 6px; background: var(--yuzey-2);
  color: var(--yazi); }
.kisayol-listesi { position: fixed; z-index: 40; right: var(--b4); bottom: var(--b4); width: min(340px, calc(100vw - 32px));
  background: var(--yuzey); color: var(--yazi); border: 1px solid var(--cizgi-guclu); border-radius: 14px;
  padding: var(--b3) var(--b4); box-shadow: 0 8px 30px rgb(0 0 0 / .18); }
.kisayol-listesi h2 { font-size: 16px; margin: 0 0 var(--b2); }
.kisayol-listesi dl { display: grid; grid-template-columns: auto 1fr; gap: 6px var(--b3); margin: 0 0 var(--b2); align-items: center; }
.kisayol-listesi dt { white-space: nowrap; }
.kisayol-listesi dd { margin: 0; font-size: 15px; }


/* ---------- Değerlendirme iyileştirme (arayüz): işaret, çoklu rol, hedef, haftalar, notsuz, karşılaştır ---------- */
/* Tek dokunuş işaret: ikincil, küçük (dokunma alanı yine 44 px) */
.isaret-formu { margin: 0; }
.isaret-dugme { font-size: 14px; font-weight: 500; color: var(--yazi-2); background: none; border-color: var(--cizgi); padding: 0 var(--b3); }
.eylem-cubugu > details.isaret-sorun > summary { list-style: none; }
.isaret-notu-formu { padding-top: var(--b3); border-top: 1px solid var(--cizgi); }
.isaret-satiri { display: flex; gap: var(--b2); align-items: stretch; }
.isaret-satiri input { flex: 1 1 auto; min-width: 0; }
.isaret-satiri button { flex: none; }
.isaret-durum { display: flex; flex-wrap: wrap; align-items: center; gap: 0 var(--b2); margin: var(--b3) 0 0; font-size: 15px;
  color: var(--yazi-2); }
.isaret-durum form { margin: 0; }
.isaret-durum.is-iyi > span:first-child { color: var(--tamam); font-weight: 600; }
.isaret-durum.is-sorun > span:first-child { color: var(--dikkat); font-weight: 600; }
.isaret-notu { font-weight: 400; color: var(--yazi-2); overflow-wrap: anywhere; }
.isaret-isareti { margin-right: var(--b1); }

/* Çoklu rol: çip görünümlü onay kutuları; sayfadaki ilk işaretli çip "birincil" rozetini taşır (saf CSS) */
.form-izgara > div { margin: 0 0 var(--b3); min-width: 0; }
.rol-secici { margin: 0; min-width: 0; }
.rol-secici .alan-ad { display: block; }
.rol-cipleri { display: flex; flex-wrap: wrap; gap: var(--b2); margin: var(--b1) 0 var(--b2); }
.rol-cip { display: inline-flex; align-items: center; gap: var(--b2); min-height: var(--dokunma); margin: 0; padding: 0 var(--b3);
  border: 1px solid var(--cizgi-guclu); border-radius: var(--r-tam); background: var(--yuzey); cursor: pointer; position: relative;
  font-size: 15px; font-weight: 500; transition: background-color .15s, border-color .15s; }
.rol-cip input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.rol-cip:has(input:checked) { background: var(--birincil); color: var(--birincil-yazi); border-color: var(--birincil); }
.rol-cip:has(input:focus-visible) { outline: 2px solid var(--vurgu); outline-offset: 2px; }
.rol-birincil { display: none; font-size: 11px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; padding: 1px 6px;
  border-radius: var(--r-tam); background: color-mix(in srgb, var(--birincil-yazi) 22%, transparent); }
.rol-cip:has(input:checked) .rol-birincil { display: inline; }
.rol-cip:has(input:checked) ~ .rol-cip:has(input:checked) .rol-birincil { display: none; }
@supports not selector(:has(*)) { .rol-cip input { position: static; opacity: 1; width: 22px; height: 22px; } }
/* kompakt (toplu tablo): katlı özet */
.rol-secici.kompakt > summary { cursor: pointer; display: flex; align-items: center; min-height: var(--dokunma); padding: 0 var(--b2);
  border: 1px solid var(--cizgi-guclu); border-radius: var(--r-kucuk); background: var(--yuzey); font-size: 15px; list-style: none; }
.rol-secici.kompakt > summary::-webkit-details-marker { display: none; }
.rol-secici.kompakt > summary::after { content: "▾"; margin-left: auto; padding-left: var(--b2); color: var(--yazi-3); }
.rol-secici.kompakt .rol-cipleri { max-width: 260px; gap: var(--b1); }
.rol-secici.kompakt .rol-cip { min-height: 36px; padding: 0 var(--b2); font-size: 14px; }
.rol-hucre { min-width: 190px; }
.toplu .rol-hucre { vertical-align: top; }
/* Ekip listesinde küçük rol çipleri */
.rol-cipleri-mini { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; }
.rol-mini { font-size: 12px; padding: 0 8px; line-height: 18px; }

/* Aylık hedef kartı (kısa) ve Haftalar */
.hedef-karti { padding: var(--b3) var(--b4); }
.hedef-karti .kart-ust { margin-bottom: var(--b2); }
.hedef-karti .kart-ust h2 { font-size: 15px; line-height: 20px; margin: 0; }
.hedef-durum { margin: 0; }
.hedef-durum[data-tur="tamam"] { color: var(--tamam); }
.hedef-durum[data-tur="hata"] { color: var(--hata); }
.hedef-formu { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--b2); align-items: start; margin: 0; }
.hedef-formu > textarea { min-height: 56px; max-width: none; }
.hedef-formu > .eylemler { margin: 0; }
.hedef-oneri { display: flex; flex-wrap: wrap; align-items: center; gap: 0 var(--b3); margin-top: var(--b2); }
.hedef-oneri .ipucu { flex: 1 1 220px; margin: 0; white-space: pre-line; }
.hedef-oneri form { margin: 0; }
@media (max-width: 520px) { .hedef-formu { grid-template-columns: 1fr; } }
.hedef-satiri { padding: var(--b3) var(--b4); }
.hedef-satiri > .alt-satir { margin-bottom: var(--b1); }
.haftalar > summary { list-style: none; cursor: pointer; display: flex; align-items: center; min-height: var(--dokunma); }
.haftalar > summary::-webkit-details-marker { display: none; }
.haftalar > summary::before { content: "▸"; color: var(--yazi-3); margin-right: var(--b2); }
.haftalar[open] > summary::before { content: "▾"; }
.haftalar > summary .bolum-baslik { margin: 0; }
.haftalar .hafta h3 { margin: var(--b3) 0 var(--b1); font-size: 15px; }
.haftalar .hafta p { margin: 0; max-width: 68ch; }

/* Bugün ekip sütunu: notu olmayan kişiler */
.notsuz { margin: var(--b2) 0 0; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 14px; padding: 0 var(--b4); }
.notsuz[open] { padding-bottom: var(--b3); }
.notsuz > summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: var(--b2); min-height: var(--dokunma);
  font-size: 15px; }
.notsuz > summary::-webkit-details-marker { display: none; }
.notsuz > summary::after { content: "›"; margin-left: auto; color: var(--yazi-3); font-size: 20px; transition: transform var(--sure-kisa); }
.notsuz[open] > summary::after { transform: rotate(90deg); }
.notsuz.vurgulu { border-color: var(--dikkat); background: var(--dikkat-zemin); }
.notsuz.vurgulu > summary { color: var(--dikkat); font-weight: 600; }
.notsuz .kisi-satir a.kisi b { font-weight: 500; }
.notsuz .ipucu { margin-bottom: 0; }

/* Ay sonu: Liste / Karşılaştır görünümü */
.gorunum-sekmeleri { margin-bottom: var(--b3); }
.kars-tablo { margin-bottom: var(--b3); }
.kars { min-width: 760px; }
.kars th[scope="row"] { position: sticky; left: 0; background: var(--yuzey); z-index: 1; min-width: 170px; font-weight: 400; }
.kars td, .kars thead th { white-space: nowrap; vertical-align: middle; }
.kars-cip { display: inline-flex; align-items: center; padding: 2px 10px; border-radius: var(--r-tam); font-size: 13px; line-height: 20px;
  font-weight: 600; background: var(--yuzey-2); color: var(--yazi-2); }
.kars-cip.g-one_cikiyor { background: var(--tamam-zemin); color: var(--tamam); }
.kars-cip.g-odak { background: var(--dikkat-zemin); color: var(--dikkat); }
.kars-cip.g-yok { background: none; color: var(--yazi-3); border: 1px dashed var(--cizgi-guclu); font-weight: 500; }
.kars-puan { margin-left: var(--b1); color: var(--yazi-3); font-size: 12px; font-variant-numeric: tabular-nums; }
.kars-egilim { margin-left: 2px; font-weight: 700; font-size: 15px; }
.kars-egilim.e-yukari { color: var(--tamam); }
.kars-egilim.e-asagi { color: var(--dikkat); }
.kars-kartlari { display: none; list-style: none; padding: 0; margin: 0; }
.kars-kart { margin: 0 0 var(--b3); }
.kars-kart .kisi { margin-bottom: var(--b2); }
.kars-ozet { margin: 0 0 var(--b2); font-size: 15px; }
.kars-liste { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--b2) var(--b3); margin: 0; align-items: center; }
.kars-liste dt { color: var(--yazi-2); font-size: 14px; }
.kars-liste dd { margin: 0; }
@media (max-width: 899px) {
  .kars-tablo { display: none; }
  .kars-kartlari { display: block; }
}

/* ---------- Ekip: yeni kişi, ayrılanlar ---------- */
.ekip-ust { flex-wrap: wrap; align-items: center; }
.ekip-ust > div { flex: 1 1 200px; }
.ekip-ust > .dugme { flex: none; }
.ekip-ust .ikon { width: 20px; height: 20px; }
@media (max-width: 560px) { .ekip-ust > .dugme { flex: 1 1 100%; } }
.ayrilanlar .ayrilan { display: flex; align-items: center; gap: var(--b2); padding-right: var(--b3); }
.ayrilanlar .ayrilan > a { flex: 1 1 0; min-width: 0; }
.ayrilanlar .ayrilan > form { flex: none; }
.ayrilanlar .kisi-satiri { flex-wrap: nowrap; }
.ayrilanlar .kisi-ad { flex-basis: 0; }
.ayrilanlar .kisi-ad .kisi-cipleri { margin-top: var(--b1); }
.ayrilanlar .ayrilan button { min-height: var(--dokunma); }
.ayrilma-karti > summary { cursor: pointer; font-weight: 600; min-height: var(--dokunma); display: flex; align-items: center; }
.ayrilma-karti[open] > summary { margin-bottom: var(--b3); }
.ayrilma-etiketi { display: block; font-size: 12px; line-height: 16px; }