/* Görünüm: BoardaFolio Framer şablonu kabuğu (Ajanda ile aynı dil) — Plus Jakarta Sans · beyaz zemin ·
   #EFF3F4 sol menü · #121212 metin · yeşil rozet. İçerik katmanı: renkli sayı kartları + tür çipleri. */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root {
  --bg:#fff; --yuzey:#eff3f4; --yuzey2:#f7f9fa; --cizgi:#e5e7eb; --metin:#121212; --soluk:#536471; --soluk2:#8a97a3;
  --yesil:#039754; --yesil-bg:#d0fadf; --kirmizi:#dc2626; --kirmizi-bg:#fee2e2;
  --turuncu:#b45309; --turuncu-bg:#fef3c7; --mavi:#1d4ed8; --mavi-bg:#dbeafe; --mor:#7c3aed; --mor-bg:#ede9fe;
  --t-dogum:#e11d74; --t-evlilik:#d97706; --t-vefat:#0f766e; --t-diger:#4f46e5;
  --kenar:256px; --r:4px; --r2:8px; --r3:12px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{color-scheme:light}
body{background:var(--bg);color:var(--metin);font-family:"Plus Jakarta Sans",-apple-system,system-ui,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
h1{font-size:36px;line-height:44px;font-weight:700;letter-spacing:-.01em}
h2{font-size:20px;line-height:28px;font-weight:700}
h3{font-size:16px;line-height:24px;font-weight:700}
.soluk{color:var(--soluk)} .kucuk{font-size:12.5px;line-height:18px;color:var(--soluk)}
.altbaslik{font-size:17px;color:var(--soluk);margin-top:6px}

/* Kabuk */
.kabuk{display:grid;grid-template-columns:var(--kenar) minmax(0,1fr);min-height:100dvh}
.kenar{background:var(--yuzey);padding:24px 20px;display:flex;flex-direction:column;gap:22px;position:sticky;top:0;height:100dvh;overflow:auto}
.kimlik{display:flex;align-items:center;gap:12px}
.avatar{width:44px;height:44px;border-radius:50%;background:var(--metin);color:#fff;display:grid;place-items:center;font-weight:700;flex:none}
.kimlik .ad{font-size:16px;font-weight:700;line-height:22px} .kimlik .rol{font-size:12px;color:var(--soluk)}
.rozet{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border-radius:30px;font-size:12px;font-weight:600;background:var(--yuzey);color:var(--soluk);white-space:nowrap}
.rozet::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.rozet.yesil{background:var(--yesil-bg);color:var(--yesil)} .rozet.turuncu{background:var(--turuncu-bg);color:var(--turuncu)}
.rozet.kirmizi{background:var(--kirmizi-bg);color:var(--kirmizi)} .rozet.mavi{background:var(--mavi-bg);color:var(--mavi)}
.menu{display:flex;flex-direction:column;gap:4px}
.menu a{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:var(--r2);font-weight:600;color:var(--soluk)}
.menu a svg{width:18px;height:18px;flex:none} .menu a:hover,.menu a.aktif{color:var(--metin)}
.menu a.aktif{background:#e3e9eb}
.kenar-kart{background:#e6ebed;border-radius:var(--r3);padding:14px 16px}
.kenar-alt{margin-top:auto}
.icerik{padding:56px 72px 96px;max-width:1120px;min-width:0}
.ust-bar,.alt-menu{display:none}

/* Düğmeler */
button,.dugme{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:var(--r);border:1px solid var(--cizgi);background:#fff;color:var(--metin);font:inherit;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}
button:hover,.dugme:hover{background:var(--yuzey2)}
.birincil{background:var(--metin);color:#fff;border-color:var(--metin)} .birincil:hover{background:#000}
.kucuk-dugme{padding:7px 10px;font-size:13px}
.ikon-dugme{padding:8px;width:38px;height:38px}
.ikon-dugme svg,.dugme svg,button svg{width:16px;height:16px}
.yapildi-on{background:var(--yesil-bg);border-color:var(--yesil-bg);color:var(--yesil)}
.tehlike{color:var(--kirmizi)}

/* Sayı kartları */
.kartlar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:32px 0}
.sayi-kart{border:1px solid var(--cizgi);border-radius:var(--r3);padding:16px;display:flex;gap:14px;align-items:center;position:relative;overflow:hidden}
.sayi-kart::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--renk)}
.kare{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;color:#fff;background:var(--renk);flex:none;font-size:20px}
.kare svg{width:20px;height:20px}
.sayi-kart .rakam{font-size:26px;font-weight:800;line-height:30px} .sayi-kart .etiket{font-size:13px;color:var(--soluk);font-weight:600}

/* Bölümler / satırlar */
.bolum{margin-top:36px} .bolum-bas{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.liste{border:1px solid var(--cizgi);border-radius:var(--r3);overflow:hidden}
.satir{display:flex;align-items:center;gap:14px;padding:14px 16px;border-top:1px solid var(--cizgi)}
.satir:first-child{border-top:0}
.satir.bitti{background:var(--yuzey2)} .satir.bitti .s-ad{text-decoration:line-through;color:var(--soluk)}
.s-govde{flex:1;min-width:0} .s-ad{font-weight:700;font-size:15.5px} .s-alt{font-size:13px;color:var(--soluk)}
.s-tarih{text-align:right;flex:none} .s-tarih b{display:block;font-size:14px}
.s-eylem{display:flex;gap:6px;flex:none}
.bos{border:1px dashed var(--cizgi);border-radius:var(--r3);padding:28px;text-align:center;color:var(--soluk);background:var(--yuzey2)}
.bos b{display:block;color:var(--metin);margin-bottom:4px}
.cip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:30px;font-size:12.5px;font-weight:700;color:var(--renk);background:color-mix(in srgb,var(--renk) 12%,#fff);white-space:nowrap}
.iki-kolon{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:28px}

/* Mübarek günler */
.mubarek{display:flex;flex-direction:column;gap:8px}
.mb{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--cizgi);border-radius:var(--r3)}
.mb .kare{width:36px;height:36px;font-size:16px;background:var(--yesil)}
.mb.yakin{border-color:var(--yesil);background:#f2fdf6}

/* Kişiler */
.arac{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:28px 0 16px}
.arama{flex:1;min-width:220px;padding:11px 14px;border:1px solid var(--cizgi);border-radius:var(--r2);font:inherit}
.filtre{display:flex;gap:6px;flex-wrap:wrap}
.filtre button{border-radius:30px;padding:7px 12px;font-size:13px}
.filtre button.aktif{background:var(--metin);color:#fff;border-color:var(--metin)}
.kisi-ag{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.kisi{border:1px solid var(--cizgi);border-radius:var(--r3);padding:16px;display:flex;flex-direction:column;gap:10px;cursor:pointer;background:#fff}
.kisi:hover{border-color:#c9d1d6}
.kisi-ust{display:flex;gap:12px;align-items:center}
.harf{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;flex:none}
.cipler{display:flex;gap:6px;flex-wrap:wrap}

/* Takvim */
.takvim-bas{display:flex;align-items:center;gap:10px;margin:28px 0 14px}
.takvim-bas h2{min-width:200px}
.takvim{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--cizgi);border-radius:var(--r3);overflow:hidden}
.takvim .gb{background:var(--yuzey2);font-size:12px;font-weight:700;color:var(--soluk);padding:8px;text-align:center;border-bottom:1px solid var(--cizgi)}
.hucre{min-height:92px;border-top:1px solid var(--cizgi);border-left:1px solid var(--cizgi);padding:6px 8px;cursor:pointer;display:flex;flex-direction:column;gap:3px}
.hucre:nth-child(7n+1){border-left:0} .hucre.disari{background:var(--yuzey2);color:var(--soluk2)}
.hucre.bugun .no{background:var(--metin);color:#fff;border-radius:50%;width:24px;height:24px;display:grid;place-items:center}
.hucre.secili{outline:2px solid var(--metin);outline-offset:-2px}
.hucre .no{font-weight:700;font-size:13px} .hucre .hc{font-size:10.5px;color:var(--soluk2)}
.olay{font-size:11px;font-weight:700;color:#fff;background:var(--renk);border-radius:4px;padding:1px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Form penceresi */
dialog{border:0;border-radius:16px;padding:0;width:min(640px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:auto;box-shadow:0 20px 60px #0003}
dialog::backdrop{background:#12121266}
.pencere{padding:24px;display:flex;flex-direction:column;gap:14px}
.pencere-bas{display:flex;justify-content:space-between;align-items:center}
label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:var(--soluk)}
input,select,textarea{font:inherit;font-size:15px;color:var(--metin);padding:10px 12px;border:1px solid var(--cizgi);border-radius:var(--r2);background:#fff;width:100%}
textarea{min-height:70px;resize:vertical}
.ikili{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gun-satir{border:1px solid var(--cizgi);border-radius:var(--r3);padding:12px;display:grid;grid-template-columns:1.3fr .7fr 1.1fr .9fr;gap:8px;align-items:end;border-left:4px solid var(--renk);position:relative;padding-top:34px}
.gun-satir [data-satir-sil]{position:absolute;top:6px;right:6px;width:30px;height:30px;padding:6px;border:0}
.gun-satir .acik{grid-column:1/-1} .gun-satir .hicri{grid-column:1/-1;font-size:12px;color:var(--soluk)}
.pencere-alt{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;padding-top:6px}
.hata{color:var(--kirmizi);font-weight:600;font-size:14px}
.bildirim{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--metin);color:#fff;padding:10px 16px;border-radius:8px;font-weight:600;z-index:50}

/* Giriş */
.giris{min-height:100dvh;display:grid;place-items:center;background:var(--yuzey);padding:16px}
.giris form{background:#fff;border-radius:16px;padding:32px;width:min(400px,100%);display:flex;flex-direction:column;gap:16px;box-shadow:0 10px 40px #0000000d}

/* Telefon */
@media (max-width:900px){
  .kabuk{grid-template-columns:1fr} .kenar{display:none}
  .ust-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--cizgi);position:sticky;top:0;background:#fffe;backdrop-filter:blur(8px);z-index:5}
  .icerik{padding:20px 16px 110px}
  h1{font-size:26px;line-height:32px} .altbaslik{font-size:15px}
  .kartlar{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}
  .sayi-kart{padding:12px;gap:10px} .kare{width:36px;height:36px} .sayi-kart .rakam{font-size:22px}
  .iki-kolon{grid-template-columns:1fr}
  .satir{flex-wrap:wrap;gap:10px} .s-govde{flex-basis:calc(100% - 60px)} .s-tarih{text-align:left;flex:1} 
  .alt-menu{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--cizgi);padding:6px 6px calc(6px + env(safe-area-inset-bottom));z-index:10}
  .alt-menu a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11.5px;font-weight:700;color:var(--soluk);padding:6px}
  .alt-menu a svg{width:22px;height:22px} .alt-menu a.aktif{color:var(--metin)}
  .alt-menu .ekle{background:var(--metin);color:#fff;border-radius:12px;margin:0 4px}
  .hucre{min-height:58px;padding:4px} .olay{font-size:0;height:6px;padding:0} .hucre .hc{display:none}
  .gun-satir{grid-template-columns:1fr 1fr} .gun-satir .acik{grid-column:1/-1}
  .bildirim{bottom:96px}
  .ikili{grid-template-columns:1fr}
}