/* ==========================================================================
   Juliet — sonepsikoloji.com tasarım dili
   Renk, tipografi ve biçim değerleri canlı siteden birebir alınmıştır:
   sone-mono/apps/website/public/style/global.css + src/components/Header.astro
   (Ubuntu / #1976d2 / #334048 / 72px hap düğme / 1040px kap / 820px kırılım)
   Yeni marka değeri uydurulmadı.
   ========================================================================== */

:root {
  /* Site çekirdeği */
  --primary-color: #1976d2;
  --primary-koyu: #084a8c;
  --secondary-color: #334048;

  /* Siteden türetilen kademeler (rgba(51,64,72,·) ölçeği) */
  --metin-soluk: rgba(51, 64, 72, 0.72);
  --metin-silik: rgba(51, 64, 72, 0.56);
  --cizgi: rgba(51, 64, 72, 0.24);
  --cizgi-ince: #d6d9e0;
  --sayfa-zemin: #e7e9e6;   /* canlı sitede body arka planı — ölçüldü */
  --zemin: #fafafa;         /* kart zemini */
  --kart: #ffffff;
  --alan-cizgi: #858c94;    /* form alanı kenarlığı — canlı siteden ölçüldü */

  /* Durum renkleri — sitede yok, panelden alındı (SONE style.css) */
  --yesil: #1faa6b;
  --kirmizi: #e4574c;
  --sari: #e0a526;
  --turuncu: #ee7d2b;

  --golge: 0 0 8px 0 rgba(51, 64, 72, 0.24);
  --golge-yuksek: 0 8px 24px 0 rgba(51, 64, 72, 0.2);
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: "Ubuntu", -apple-system, "Segoe UI", Roboto, sans-serif;
  background: var(--sayfa-zemin);
  color: var(--secondary-color);
  -webkit-font-smoothing: antialiased;
}

ul { list-style: none; }
a { text-decoration: none; }
sn { color: var(--primary-color); }

.gizli { display: none !important; }

/* ---------- Kap (site .section-container) ---------- */
.section-container { position: relative; width: 100%; max-width: 1040px; margin: 0 auto; }
@media (max-width: 820px) { .section-container { padding: 0 16px; } }

/* ---------- Logo ---------- */
.logo {
  font-family: "Ubuntu", sans-serif; font-size: 24px; font-weight: 700;
  color: var(--secondary-color); letter-spacing: -.2px; white-space: nowrap;
}

/* ---------- Düğmeler (site .primary-button / .secondary-button) ---------- */
button { font: inherit; cursor: pointer; border: none; background: none; }

.primary-button {
  display: flex; height: 47px; padding: 0 16px; line-height: 47px;
  align-items: center; justify-content: center; gap: 10px;
  border-radius: 72px; background: linear-gradient(180deg, #1976d2 0%, #1976d2 100%);
  transition: all .5s; border: none !important; width: 100%;
}
.primary-button:hover { background: linear-gradient(180deg, #1976d2 0%, #084a8c 100%); }
.primary-button span { color: #fff; font-size: 16px; font-weight: 400; line-height: 27px; }

.secondary-button {
  display: flex; height: 40px; padding: 0 16px; align-items: center; justify-content: center;
  border-radius: 72px; border: 1px solid var(--primary-color); background: transparent;
  transition: all .3s;
}
.secondary-button:hover { background: var(--primary-color); }
.secondary-button:hover span { color: #fff; }
.secondary-button span { color: var(--primary-color); font-size: 15px; font-weight: 400; }
.secondary-button.sade { border-color: var(--cizgi); }
.secondary-button.sade span { color: var(--metin-soluk); }
.secondary-button.sade:hover { background: var(--secondary-color); border-color: var(--secondary-color); }

/* Kart içi küçük eylemler — aynı hap biçimi, küçültülmüş */
.mini {
  display: inline-flex; align-items: center; height: 34px; padding: 0 14px;
  border-radius: 72px; border: 1px solid var(--cizgi); background: #fff;
  color: var(--metin-soluk); font-size: 14px; font-weight: 400; transition: all .3s;
}
.mini:hover { border-color: var(--primary-color); color: var(--primary-color); }
.mini.iyi { border-color: rgba(31,170,107,.5); color: var(--yesil); }
.mini.iyi:hover { background: var(--yesil); border-color: var(--yesil); color: #fff; }
.mini.sil { border-color: rgba(228,87,76,.5); color: var(--kirmizi); }
.mini.sil:hover { background: var(--kirmizi); border-color: var(--kirmizi); color: #fff; }
button:disabled { opacity: .45; cursor: default; }

/* ---------- Giriş ekranı ---------- */
.giris-ekran {
  min-height: 100vh; display: flex; align-items: center; justify-content: center;
  background: var(--zemin); padding: 24px;
}
.giris-kutu {
  background: #fff; border-radius: 24px; padding: 40px 32px;
  width: 100%; max-width: 400px; display: flex; flex-direction: column; gap: 16px;
  box-shadow: var(--golge-yuksek);
}
.giris-logo { align-self: center; font-size: 32px; }
.giris-alt { font-size: 16px; color: var(--metin-soluk); text-align: center; margin-bottom: 8px; font-weight: 300; }
.giris-not { font-size: 13px; color: var(--metin-silik); text-align: center; font-weight: 300; }
.giris-kutu label { font-size: 14px; font-weight: 500; color: var(--secondary-color); display: flex; flex-direction: column; gap: 8px; }
.giris-kutu input {
  font: inherit; font-size: 16px; padding: 12px 16px; border-radius: 8px;
  border: 1px solid var(--alan-cizgi); background: #fff; color: var(--secondary-color);
}
.giris-kutu input:focus { outline: none; border-color: var(--primary-color); box-shadow: 0 0 0 3px rgba(25,118,210,.1); }
.giris-hata { color: var(--kirmizi); font-size: 14px; text-align: center; }

/* ---------- Üst şerit (site header) ---------- */
.duzen { min-height: 100vh; display: flex; flex-direction: column; }

.ust { border-bottom: 1px solid var(--cizgi-ince); background: #fff; position: sticky; top: 0; z-index: 30; }
.ust-ic {
  display: flex; align-items: center; gap: 28px; flex-wrap: nowrap;
  width: calc(100% - 48px); max-width: 1500px; margin: 0 auto; padding: 12px 0;
}
.ust-sag { display: flex; align-items: center; gap: 12px; margin-left: auto; flex-shrink: 0; }
.ust-bilgi { font-size: 14px; color: var(--metin-soluk); font-weight: 500; white-space: nowrap; }

/* Yatay menü (site .navbar / .navbar-item) */
.yan-menu { display: flex; align-items: center; flex: 1; min-width: 0; }
.menu-basi { display: none; }
.sekmeler {
  display: flex; align-items: center; gap: 22px; flex-wrap: nowrap;
  overflow-x: auto; scrollbar-width: none; max-width: 100%;
}
.sekmeler::-webkit-scrollbar { display: none; }
.sekmeler button {
  color: var(--secondary-color); font-size: 14.5px; font-weight: 500; line-height: normal;
  flex-shrink: 0; white-space: nowrap;
  display: flex; align-items: center; gap: 7px; padding: 6px 0;
  transition: color .2s;
}
.sekmeler button:hover { color: var(--primary-color); }
.sekmeler button.aktif { color: var(--primary-color); }   /* sitede alt çizgi yok */
.sekme-ikon { font-size: 14px; }
.menu-rozet {
  background: var(--primary-color); color: #fff; font-size: 11px; font-weight: 500;
  min-width: 18px; height: 18px; padding: 0 6px; border-radius: 999px;
  display: inline-flex; align-items: center; justify-content: center;
}

/* Hamburger — site mobil menü ikonu yerine üç çizgi */
.hamburger { display: none; flex-direction: column; gap: 4px; padding: 8px; }
.hamburger span { display: block; width: 20px; height: 2px; background: var(--secondary-color); border-radius: 2px; }
.menu-perde { position: fixed; inset: 0; background: rgba(51,64,72,.45); z-index: 35; display: none; }
.menu-perde.acik { display: block; }

/* ---------- Sayfa başlığı (site .section-title-2) ---------- */
main { padding-bottom: 72px; }
.sayfa-basligi { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; margin: 48px 0 32px; }
.goz {
  color: var(--metin-soluk); font-size: 18px; font-weight: 500; line-height: 27px;
  position: relative; padding-left: 12px;
}
.goz::before {
  content: ""; position: absolute; bottom: 0; top: 0; margin: auto; left: 0;
  width: 6px; height: 24px; background: var(--metin-soluk);
}
.title { color: var(--secondary-color); font-size: 42px; font-weight: 500; line-height: normal; }

#icerik { display: flex; flex-direction: column; gap: 16px; }

.bolum-baslik {
  color: var(--secondary-color); font-size: 20px; font-weight: 500;
  margin: 24px 0 0; display: flex; align-items: center; gap: 10px;
}

/* ---------- Kartlar (site kart biçimi: #fafafa, 24px) ---------- */
.kart { background: var(--zemin); border-radius: 24px; padding: 24px; box-shadow: var(--golge); }
.kart-ust { display: flex; align-items: flex-start; gap: 12px; flex-wrap: wrap; }
.kart-baslik { color: var(--secondary-color); font-size: 20px; font-weight: 500; line-height: 1.35; flex: 1; min-width: 0; }
.kart-alt { color: var(--metin-soluk); font-size: 17px; font-weight: 300; line-height: 27px; margin-top: 8px; }
.kart-aksiyon { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }

/* ---------- Rozetler ---------- */
.rozet {
  font-size: 13px; font-weight: 400; padding: 4px 14px; border-radius: 72px;
  white-space: nowrap; border: 1px solid transparent;
}
.rozet.ana { background: rgba(25,118,210,.1); color: var(--primary-color); }
.rozet.sari { background: rgba(224,165,38,.12); color: #9a7008; }
.rozet.yesil { background: rgba(31,170,107,.12); color: #157a4c; }
.rozet.kirmizi { background: rgba(228,87,76,.12); color: #b23b32; }
.rozet.turuncu { background: rgba(238,125,43,.12); color: #a8551a; }
.rozet.gri { background: #fff; color: var(--metin-soluk); border-color: var(--cizgi); }

/* ---------- Özet kutuları ---------- */
.ozet { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 16px; }
.ozet-kutu { background: #fff; border: 1px solid var(--cizgi-ince); border-radius: 16px; padding: 20px; box-shadow: var(--golge); }
.ozet-sayi { color: var(--secondary-color); font-size: 36px; font-weight: 500; line-height: 1; font-variant-numeric: tabular-nums; }
.ozet-etiket { color: var(--metin-soluk); font-size: 15px; font-weight: 300; margin-top: 8px; }
.ozet-kutu.turuncu .ozet-sayi { color: var(--turuncu); }
.ozet-kutu.kirmizi .ozet-sayi { color: var(--kirmizi); }
.ozet-kutu.kirmizi { border-color: rgba(228,87,76,.35); }

/* ---------- Uyarı ---------- */
.uyari {
  background: rgba(228,87,76,.06); border: 1px solid rgba(228,87,76,.35); border-radius: 16px;
  padding: 20px 24px; display: flex; flex-direction: column; gap: 6px;
}
.uyari-baslik { color: #b23b32; font-weight: 500; font-size: 18px; }
.uyari-metin { color: var(--metin-soluk); font-size: 16px; font-weight: 300; line-height: 26px; }

/* ---------- Kaynak satırı ---------- */
.kaynak {
  display: flex; align-items: center; gap: 14px;
  background: #fff; border: 1px solid var(--cizgi-ince); border-radius: 16px;
  padding: 18px 20px; box-shadow: var(--golge);
}
.kaynak-nokta { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; background: var(--metin-silik); }
.kaynak-nokta.ok { background: var(--yesil); }
.kaynak-nokta.hata { background: var(--kirmizi); }
.kaynak-ad { color: var(--secondary-color); font-weight: 500; font-size: 17px; }
.kaynak-alt { color: var(--metin-soluk); font-size: 15px; font-weight: 300; margin-top: 3px; }

/* ---------- Boş durum ---------- */
.bos { color: var(--metin-soluk); font-size: 17px; font-weight: 300; text-align: center; padding: 48px 16px; }

/* ---------- Toast ---------- */
.toast {
  position: fixed; left: 50%; bottom: 32px; transform: translateX(-50%) translateY(20px);
  background: var(--secondary-color); color: #fff; padding: 14px 24px; border-radius: 72px;
  font-size: 15px; font-weight: 400; opacity: 0; pointer-events: none;
  transition: opacity .18s ease, transform .18s ease; z-index: 90; box-shadow: var(--golge-yuksek);
}
.toast.goster { opacity: 1; transform: translateX(-50%) translateY(0); }
.toast.iyi { background: var(--yesil); }
.toast.kotu { background: var(--kirmizi); }

/* ---------- Mobil (site kırılım noktası: 820px) ---------- */
@media (max-width: 820px) {
  .ust-ic { width: calc(100% - 32px); gap: 12px; }
  .hamburger { display: flex; }
  .ust-bilgi, .secondary-button.sade { display: none; }

  .yan-menu {
    position: fixed; left: 0; top: 0; bottom: 0; width: 264px; z-index: 40;
    background: #fff; flex-direction: column; align-items: stretch;
    transform: translateX(-100%); transition: transform .25s ease;
    box-shadow: var(--golge-yuksek); overflow-y: auto; padding: 24px 20px;
  }
  .yan-menu.acik { transform: translateX(0); }
  .menu-basi { display: block; margin-bottom: 24px; }
  .sekmeler { flex-direction: column; align-items: stretch; gap: 4px; }
  .sekmeler button {
    padding: 12px 14px; border-radius: 12px; font-size: 16px; width: 100%;
  }
  .sekmeler button.aktif { background: rgba(25,118,210,.1); }

  /* Metrik kartında dönem rozeti başlığı sıkıştırmasın — alta geçsin. */
  .kart-ust { flex-direction: column; align-items: flex-start; gap: 6px; }
  .metrik-sonuc { font-size: 28px; }

  .sayfa-basligi { margin: 32px 0 20px; }
  .title { font-size: 28px; }
  .goz { font-size: 14px; }
  .kart { padding: 20px; border-radius: 20px; }
  .kart-baslik { font-size: 18px; }
  .kart-alt, .uyari-metin { font-size: 16px; }
}

@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; } }

/* ---------- İçerik içi form + eski sınıf eşlemesi ----------
   juliet.js'te kalan .birincil / .ikincil sınıfları site düğme biçimine bağlanır. */
.birincil {
  display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 20px;
  border-radius: 72px; background: var(--primary-color); color: #fff;
  font-size: 15px; font-weight: 400; transition: background .5s;
}
.birincil:hover { background: var(--primary-koyu); }
.ikincil {
  display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 20px;
  border-radius: 72px; border: 1px solid var(--cizgi); background: #fff;
  color: var(--metin-soluk); font-size: 15px; font-weight: 400; transition: all .3s;
}
.ikincil:hover { border-color: var(--primary-color); color: var(--primary-color); }

#icerik input, #icerik select, #icerik textarea {
  font: inherit; font-size: 16px; padding: 12px 16px; border-radius: 8px;
  border: 1px solid var(--alan-cizgi); background: #fff; color: var(--secondary-color); width: 100%;
}
#icerik input:focus, #icerik select:focus, #icerik textarea:focus {
  outline: none; border-color: var(--primary-color); box-shadow: 0 0 0 3px rgba(25,118,210,.1);
}
#icerik label { font-size: 14px; font-weight: 500; color: var(--secondary-color); display: flex; flex-direction: column; gap: 8px; }
#icerik a { color: var(--primary-color); }
#icerik table { width: 100%; border-collapse: collapse; font-size: 15px; }
#icerik th {
  text-align: left; font-weight: 500; color: var(--metin-soluk); font-size: 14px;
  padding: 10px 12px; border-bottom: 1px solid var(--cizgi);
}
#icerik td { padding: 12px; border-bottom: 1px solid var(--cizgi-ince); font-weight: 300; }
#icerik tr:last-child td { border-bottom: none; }

/* Bölüm gerekçesi — neden burada olduğunu açıklayan kısa not */
.kart-not {
  color: var(--metin-soluk); font-size: 15px; font-weight: 300; line-height: 24px;
  background: rgba(25,118,210,.06); border-left: 3px solid var(--primary-color);
  border-radius: 0 12px 12px 0; padding: 12px 16px;
}

/* Metrik kartı */
.metrik-sonuc {
  font-size: 34px; font-weight: 500; color: var(--secondary-color);
  margin: 10px 0 4px; font-variant-numeric: tabular-nums;
}
.metrik-satir {
  font-size: 15px; font-weight: 300; color: var(--metin-soluk);
  line-height: 24px; margin-top: 2px;
}
.metrik-satir b { font-weight: 500; color: var(--secondary-color); }
.kart .kart-not { margin-top: 12px; }

/* SONE ADMIN — 15.09.2026 kullanıcı seçimi.
   Kaynak: sone-mono/apps/admin-dashboard/tailwind.config.js ve layout bileşenleri.
   Mevcut içerik sınıfları/API davranışı korunur; bu katman görsel sözleşmeyi değiştirir. */
:root {
 --primary-color:#2563eb; --primary-koyu:#1d4ed8; --secondary-color:#292D32;
 --metin-soluk:#687791; --metin-silik:#7988a7; --cizgi:#D6D9E2; --cizgi-ince:#E3E5EB;
 --sayfa-zemin:#F4F7FE; --zemin:#fff; --alan-cizgi:#D6D9E2;
 --golge:none; --golge-yuksek:0 8px 24px #292d3214;
}
body {font-size:14px}button:focus-visible,a:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}
.duzen{padding-left:256px}.yan-menu{position:fixed;inset:0 auto 0 0;width:256px;height:100dvh;z-index:40;background:white;border-right:1px solid var(--cizgi-ince);display:flex;flex-direction:column;align-items:stretch;transform:none;padding:0;box-shadow:none;overflow:hidden}
.menu-basi{display:flex;align-items:center;gap:10px;min-height:80px;padding:24px;border-bottom:1px solid var(--cizgi-ince);margin:0}
.logo{font-size:24px;color:var(--secondary-color)}.sone-isaret{font-size:10px;letter-spacing:1px;padding:4px 6px;border:1px solid #dbeafe;border-radius:4px;color:var(--primary-color)}
.menu-baslik{padding:24px 24px 12px;font-size:11px;letter-spacing:1.3px;color:var(--metin-silik)}
.sekmeler{display:flex;flex-direction:column;align-items:stretch;gap:0;overflow:auto;flex:1;max-width:none}
.sekmeler button{width:100%;position:relative;padding:12px 20px;border-radius:0;gap:12px;font-size:14px;flex-shrink:0}
.sekmeler button:hover{background:var(--sayfa-zemin)}.sekmeler button.aktif{background:#eff6ff;color:var(--primary-color)}.sekmeler button.aktif:before{content:'';position:absolute;inset:0 auto 0 0;width:2px;background:var(--primary-color)}
.sekme-ikon{display:flex;color:var(--metin-silik)}.sekme-ikon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.aktif .sekme-ikon{color:var(--primary-color)}
.menu-rozet{margin-left:auto;border-radius:5px;background:#e8efff;color:var(--primary-color)}
.menu-hesap{padding:16px;border-top:1px solid var(--cizgi-ince);display:flex;align-items:center;gap:8px;font-size:12px;flex-wrap:wrap}.menu-hesap small{display:block;color:var(--metin-soluk);font-size:10px;margin-top:4px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--primary-color);color:white}.menu-hesap .secondary-button{margin-left:auto;padding:0 9px}.menu-kapat{display:none}
.ust{height:80px;background:var(--sayfa-zemin);z-index:30}.ust-ic{height:100%;width:100%;max-width:none;padding:0 24px;gap:12px}.iz-yolu{display:flex;gap:10px;font-size:14px;color:var(--metin-soluk);min-width:0}.iz-yolu b{color:var(--secondary-color);font-weight:500}.ust-bilgi{font-size:12px}
main{padding:24px 24px 60px}.section-container{max-width:1600px;padding:0}.sayfa-basligi{margin:0 0 24px;gap:8px}.title{font-size:24px;font-weight:700;order:-1}.goz{font-size:13px;font-weight:400;padding:0;line-height:1.6}.goz:before{display:none}
.primary-button,.birincil{background:var(--primary-color);border-radius:8px;height:44px;transition:background .2s}.primary-button:hover{background:var(--primary-koyu)}.secondary-button,.ikincil,.mini{border-radius:8px;border-color:var(--cizgi);font-size:13px}.secondary-button span{color:var(--secondary-color);font-size:13px}.mini{min-height:36px}
.giris-ekran{background:var(--sayfa-zemin)}.giris-kutu{border:1px solid var(--cizgi-ince);border-radius:8px;box-shadow:none}.giris-alt{font-size:14px;font-weight:400}
.kart,.ozet-kutu,.kaynak{border:1px solid var(--cizgi-ince);border-radius:8px;box-shadow:none;background:white;padding:20px}.kart-baslik{font-size:16px;font-weight:500}.kart-alt{font-size:14px;font-weight:400;line-height:1.7}.bolum-baslik{font-size:17px;margin-top:12px}.ozet{grid-template-columns:repeat(4,minmax(0,1fr))}.ozet-sayi{font-size:28px;font-weight:700}.ozet-etiket{font-size:12px;font-weight:400}.rozet{border-radius:5px;font-size:11px;padding:4px 8px;white-space:normal}.uyari{border-radius:8px;padding:16px}.uyari-baslik{font-size:15px}.uyari-metin{font-size:13px;font-weight:400;line-height:1.7}.kaynak-ad{font-size:14px}.kaynak-alt,.metrik-satir,.kart-not{font-size:13px;font-weight:400}.kart-not{border-radius:0 6px 6px 0}.toast{border-radius:8px;max-width:calc(100vw - 32px)}.metrik-sonuc{font-size:28px}.bos{font-size:14px;background:white;border:1px solid var(--cizgi-ince);border-radius:8px}
.kart,.kart-alt,.kart-not,.kaynak-alt{overflow-wrap:anywhere;min-width:0}#icerik table{font-size:13px}#icerik th,#icerik td{font-size:13px;font-weight:400}.menu-perde{background:#0f172a80}
@media(min-width:1024px){.menu-perde.acik{display:none}.hamburger{display:none}}
@media(max-width:1023px){.duzen{padding-left:0}.yan-menu{width:272px;max-width:85vw;transform:translateX(-100%);transition:transform .2s}.yan-menu.acik{transform:translateX(0)}.hamburger{display:flex}.menu-kapat{display:block;margin-left:auto;font-size:24px;padding:4px 8px}.ust{height:64px}.ust-ic{padding:0 16px}.ust-bilgi{display:none}.menu-hesap .secondary-button.sade{display:flex}.menu-acik{overflow:hidden}.ozet{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){main{padding:20px 16px 48px}.title{font-size:23px}.kart{padding:16px;border-radius:8px}.ozet{gap:10px}.ozet-kutu{padding:16px}.kart-baslik{font-size:15px}.iz-yolu{font-size:12px;gap:6px}.ust-sag{gap:6px}.ust-sag .secondary-button{padding:0 12px}.giris-kutu{padding:28px 24px}}

/* ---------- Takvim ---------- */
/* Panelin kart ve rozet diline uyar; yeni renk/ölçü icat etmez. */

.tk-siradaki { border-left: 3px solid var(--primary-color); }
.tk-siradaki.suruyor { border-left-color: var(--yesil); background: rgba(31,170,107,.04); }

.tk-alt-baslik {
  color: var(--metin-silik); font-size: 13px; font-weight: 500;
  letter-spacing: .04em; text-transform: uppercase; margin: 4px 0 -4px;
}

.tk-liste { padding: 0; overflow: hidden; }
.tk-satir {
  display: flex; gap: 14px; align-items: flex-start; flex-wrap: wrap;
  padding: 14px 20px; border-top: 1px solid var(--cizgi-ince);
}
.tk-liste .tk-satir:first-child { border-top: 0; }
.tk-satir.cakisan { background: rgba(228,87,76,.05); box-shadow: inset 3px 0 0 var(--kirmizi); }

.tk-saat {
  min-width: 108px; color: var(--secondary-color); font-size: 15px;
  font-variant-numeric: tabular-nums; white-space: nowrap; padding-top: 1px;
}
.tk-govde { flex: 1 1 200px; min-width: 0; }
.tk-baslik { color: var(--secondary-color); font-size: 16px; overflow-wrap: anywhere; }
.tk-sag { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }

.tk-gezinme { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.tk-tarih {
  border: 1px solid var(--alan-cizgi); border-radius: 10px;
  padding: 7px 12px; color: var(--secondary-color); font: inherit; font-size: 14px;
}

.tk-ajanda { display: flex; flex-direction: column; gap: 14px; }
.tk-gun {
  background: #fff; border: 1px solid var(--cizgi-ince); border-radius: 16px;
  overflow: hidden; box-shadow: var(--golge);
}
.tk-gun.bugun { border-color: rgba(25,118,210,.4); }
.tk-gun-basi {
  display: flex; gap: 10px; align-items: center; flex-wrap: wrap;
  padding: 14px 20px; background: var(--sayfa-zemin);
  color: var(--secondary-color); font-size: 15px; font-weight: 300;
}
.tk-gun.bugun .tk-gun-basi { background: rgba(25,118,210,.07); }
.tk-bos { padding: 14px 20px; color: var(--metin-silik); font-size: 14px; }

/* Küçük ekran: saat üste geçer, yatay kaydırma gerekmez. */
@media (max-width: 640px) {
  .tk-satir { gap: 4px; padding: 12px 16px; }
  .tk-saat { min-width: 0; width: 100%; font-size: 14px; color: var(--metin-soluk); }
  .tk-govde { flex-basis: 100%; }
  .tk-gun-basi { padding: 12px 16px; }
  .tk-gezinme { gap: 6px; }
  .tk-gezinme .mini, .tk-tarih { flex: 1 1 auto; }
}

/* Elle görev oluşturma — Sone panel formu */
#yeniGorevDialog { border:0; border-radius:8px; width:min(600px,calc(100vw - 32px)); padding:24px; max-height:90dvh; overflow:auto; color:#292D32; box-shadow:0 20px 70px #0003; }
#yeniGorevDialog::backdrop { background:#172b4d66; }
.yeni-gorev-form { display:grid; gap:16px; }
.yeni-gorev-form h2 { margin:0; font-size:22px; }
.yeni-gorev-form label { display:grid; gap:7px; font-size:14px; }
.yeni-gorev-form input,.yeni-gorev-form textarea,.yeni-gorev-form select { box-sizing:border-box; width:100%; min-width:0; padding:11px; border:1px solid #dce1ea; border-radius:6px; font:inherit; background:white; color:#292D32; }
.gorev-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.gorev-form-actions { display:flex; justify-content:flex-end; gap:12px; }
#yeniGorevHata { color:#b42318; margin:0; }
#yeniGorevKaydet:disabled { opacity:.6; cursor:wait; }
@media(max-width:600px) { .gorev-form-grid { grid-template-columns:1fr; } #yeniGorevBtn { padding:9px; white-space:nowrap; } }
.takvime-ekle-secim input { width:auto; margin-right:8px; }
#gorevTakvimAlanlari[hidden] { display:none; }