/* SAHNE · KURUM AJANDASI (includes/scenes/agenda.php) — modül sayfası, kap ~330–680 px, yükseklik 480 px. Adımlar:
   s1 11 Kasım'ın boş alanı → «Takvime yeni kayıt» · s2 başlık yazılır · s3 Tür → Veli toplantısı · s4 «kişisel» kalkar →
   «Değiştir» → kitle seçimi · s5 Okul + 8. Sınıf · s6 Öğrenci kalkar, Veli seçilir → «Tamam» · s7 saat, yer, Hatırlatma →
   «2 gün önce» · s8 «Takvime ekle» → «Başarılı», 11 Kasım'da kayıt, 37 → 38 · s9 velinin telefonuna hatırlatma.
   Geniş kapta ay ızgarası kalem çipli (masaüstü), 560 px altında noktalı (uygulamanın telefon düzeni) + seçili gün paneli;
   kutu orada alttan açılan sayfa olur. */
@property --agd-n { syntax: '<integer>'; inherits: false; initial-value: 37; }

.agd { container-type: inline-size; --agd-spring: cubic-bezier(.34, 1.56, .64, 1); --d: 0s; }
.agd-win {
  --H: 480px; --r1: 28px; --r2: 84px; --r4: 46px; --r5: 62px;
  --pw: 224px; --phh: 412px; --ptop: 40px; --pr: 22px;
  position: relative; height: var(--H); background: var(--ui-bg-2);
}
.agd-i { width: 14px; height: 14px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* çapraz geçiş: katmanlar aynı ızgara hücresinde; on-A-B = A. adımdan B. adıma kadar görünür */
.agd-x { display: grid; min-width: 0; }
.agd-x > * { grid-area: 1 / 1; min-width: 0; white-space: nowrap; }
.agd [class*="on-"] { opacity: 0; transform: translateY(3px); transition: opacity .25s var(--ui-ease) var(--d), transform .3s var(--ui-ease) var(--d); }
.agd:not(.s2) .on-0-2, .agd.s2 .on-2, .agd:not(.s3) .on-0-3, .agd.s3 .on-3, .agd:not(.s4) .on-0-4, .agd.s4:not(.s7) .on-4-7,
.agd.s7 .on-7, .agd:not(.s7) .on-0-7 { opacity: 1; transform: none; }
.agd.s2 { --d: .45s; } .agd.s3 { --d: 1.12s; } .agd.s4 { --d: .42s; } .agd.s5, .agd.s6 { --d: 0s; } .agd.s7 { --d: .12s; }

/* imleç: .agd-hit tıklama noktası; ok ucu tam orada, halka dalgası çevresinde. TEK İMLEÇ gibi: zincirin ilk halkası
   (agd-cur-a) sağ alttan gelir, basar ve durur; sonraki halka (agd-cur-b) önceki hedeften (--fx, --fy = önceki − bu)
   kayarak gelir, aynı anda önceki agd-off ile söner. Adım geçişinde de yeni imleç bir öncekinin yerinden kalkar. */
.agd-hit { position: absolute; z-index: 8; width: 0; height: 0; pointer-events: none; --fx: 0px; --fy: 0px; }
.agd-hit .ui-cur { left: -5px; top: -3px; transform: translate(14px, 12px); transition: none; }
.agd-rip { position: absolute; left: -11px; top: -11px; width: 22px; height: 22px; border-radius: 50%; box-shadow: 0 0 0 2px rgba(29, 79, 134, .55); opacity: 0; }
@keyframes agd-cur-a { 0% { opacity: 0; transform: translate(14px, 12px); } 40% { opacity: 1; transform: none; scale: 1; } 56% { scale: .8; } 70%, 100% { opacity: 1; transform: none; scale: 1; } }
@keyframes agd-cur-b { 0% { opacity: 1; transform: none; translate: var(--fx) var(--fy); scale: 1; } 50% { translate: 0 0; scale: 1; } 64% { scale: .8; } 78%, 100% { opacity: 1; transform: none; translate: 0 0; scale: 1; } }
@keyframes agd-off { from, to { opacity: 0; } }
@keyframes agd-fade { from { opacity: 1; } to { opacity: 0; } }
@keyframes agd-rip { 0% { opacity: 0; scale: .25; } 12% { opacity: .9; } 100% { opacity: 0; scale: 1.7; } }
@keyframes agd-push { 50% { scale: .95; } }

/* ── sayfa ── */
.agd-pg { position: absolute; inset: 0; display: flex; flex-direction: column; padding: 10px 12px 0; }
.agd-band { flex: none; display: flex; align-items: center; gap: 10px; height: 50px; padding: 0 10px; border-radius: 12px; color: #fff;
  background: linear-gradient(120deg, var(--navy-night), var(--navy) 55%, var(--navy-soft));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 1px 2px rgba(11, 36, 64, .18), 0 10px 20px -14px rgba(11, 36, 64, .7); }
.agd-ico { flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; background: rgba(255, 255, 255, .13); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2); }
.agd-ico .agd-i { width: 16px; height: 16px; stroke-width: 1.8; }
.agd-ttl { flex: 1; min-width: 0; line-height: 1.2; }
.agd-ttl > b { display: flex; align-items: center; gap: 6px; font-size: 15px; font-weight: 800; letter-spacing: -.01em; }
.agd-ttl .agd-help { width: 14px; height: 14px; opacity: .75; }
.agd-ttl small { display: block; margin-top: 2px; font-size: 11px; font-weight: 600; color: rgba(255, 255, 255, .82); white-space: nowrap; font-variant-numeric: tabular-nums; }
.agd-ttl small b { font-weight: 800; color: #fff; }
.agd-today { flex: none; display: inline-flex; align-items: center; gap: 5px; height: 28px; padding: 0 10px; border-radius: 8px; font-size: 11.5px; font-weight: 800;
  background: rgba(255, 255, 255, .1); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .3); }
.agd-today .agd-i { width: 13px; height: 13px; }

/* sayaç (ileri sayar): «Bu aralıkta» ve «Tüm türler (…)» */
.agd-n { counter-reset: n var(--agd-n); font-variant-numeric: tabular-nums; transition: --agd-n .5s var(--ui-ease); }
.agd-n::after { content: counter(n); }
.agd.s8 .agd-n { --agd-n: 38; transition-delay: .8s; }

/* gezinme satırı */
.agd-bar { flex: none; display: flex; align-items: center; gap: 6px; height: 32px; margin-top: 8px; }
.agd-nav { flex: none; display: flex; align-items: center; gap: 4px; }
.agd-nav b { padding: 0 3px; font-size: 12.5px; font-weight: 800; white-space: nowrap; }
.agd-ib { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; background: #fff; color: #3f3f46; box-shadow: inset 0 0 0 1px #e4e4e7, 0 1px 2px rgba(16, 37, 64, .06); }
.agd-ib .agd-i { width: 14px; height: 14px; }
.agd-seg { flex: none; display: inline-flex; gap: 2px; padding: 2px; border-radius: 8px; background: #fff; box-shadow: inset 0 0 0 1px #e4e4e7; font-size: 11.5px; font-weight: 800; }
.agd-seg > * { display: inline-flex; align-items: center; gap: 4px; height: 24px; padding: 0 8px; border-radius: 6px; color: #52525b; }
.agd-seg > b { background: var(--navy-soft); color: #fff; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16); }
.agd-seg .agd-i { width: 12px; height: 12px; }
.agd-late { flex: none; display: inline-flex; align-items: center; gap: 5px; height: 26px; padding: 0 10px; border-radius: 999px; background: #f4f4f5; color: #3f3f46; font-size: 11px; font-weight: 700; white-space: nowrap; }
.agd-late .agd-i { width: 12px; height: 12px; }
.agd-late em { font-style: normal; font-size: 10px; font-weight: 600; opacity: .8; }
/* «Takvime ekle» tıklama noktası düğmenin DIŞINDA (kardeşi): düğmenin basma animasyonu (scale) yığın bağlamı açınca imleç
   açılan kutunun altında kalıyordu */
.agd-bar__r { position: relative; flex: 1; min-width: 0; display: flex; justify-content: flex-end; gap: 6px; }
.agd-sel { flex: none; display: inline-flex; align-items: center; justify-content: space-between; gap: 6px; height: 30px; padding: 0 8px 0 10px; border-radius: 8px; background: #fff; font-size: 11.5px; font-weight: 700; white-space: nowrap;
  box-shadow: inset 0 0 0 1px #d4d4d8, 0 1px 2px rgba(16, 37, 64, .05); }
.agd-sel .agd-i { width: 13px; height: 13px; color: #71717a; }
.agd-add { position: relative; flex: none; display: inline-flex; align-items: center; gap: 5px; height: 30px; padding: 0 11px 0 9px; border-radius: 8px; color: #fff; font-size: 11.5px; font-weight: 800; white-space: nowrap;
  background: linear-gradient(135deg, var(--navy-soft), var(--navy)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 1px 2px rgba(16, 37, 64, .2), 0 6px 14px -8px rgba(20, 61, 107, .75); }
.agd-add .agd-i { width: 14px; height: 14px; }

/* ay ızgarası */
.agd-cal { flex: none; margin-top: 8px; border-radius: 12px; background: #fff; overflow: hidden; box-shadow: 0 0 0 1px var(--ui-line), 0 1px 2px rgba(16, 37, 64, .05), 0 12px 26px -20px rgba(16, 37, 64, .35); }
.agd-wk { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); height: 22px; background: #fafafa; box-shadow: inset 0 -1px 0 #ececef; }
.agd-wk span { display: grid; place-items: center; font-size: 10px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: #52525b; }
.agd-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); grid-template-rows: var(--r1) var(--r2) var(--r2) var(--r4) var(--r5) var(--r1); }
.agd-pad { background: #fbfbfc; box-shadow: inset -1px -1px 0 #f0f0f2; }
.agd-c { position: relative; min-width: 0; padding: 3px 3px 0; box-shadow: inset -1px -1px 0 #f0f0f2; transition: background-color .3s var(--ui-ease); }
.agd-c--now { background: rgba(29, 79, 134, .05); }
/* blok ızgara (satır içi değil): satır kutusu daireyi aşağı itmez, çipler hücreye tam sığar */
.agd-d { position: relative; z-index: 1; display: grid; place-items: center; width: max-content; min-width: 20px; height: 20px; padding: 0 3px; border-radius: 999px; font-size: 10.5px; font-weight: 800; color: #3f3f46; font-variant-numeric: tabular-nums;
  transition: background-color .25s var(--ui-ease), color .25s var(--ui-ease); }
.agd-c--now .agd-d { background: var(--navy-soft); color: #fff; box-shadow: 0 2px 6px -2px rgba(20, 61, 107, .6); }
.agd-cnt { position: absolute; top: 5px; right: 4px; height: 14px; min-width: 14px; padding: 0 4px; border-radius: 999px; background: #e4e4e7; color: #3f3f46; font-size: 10px; font-weight: 700; line-height: 14px; text-align: center; font-variant-numeric: tabular-nums; }
.agd-c--new .agd-cnt { opacity: 0; scale: .5; transition: opacity .25s var(--ui-ease), scale .4s var(--agd-spring); }
.agd-chips { display: flex; flex-direction: column; gap: 2px; margin-top: 1px; }
.agd-chip { display: block; height: 14px; padding: 0 4px; border-radius: 3px; overflow: hidden; font-size: 10px; font-weight: 700; line-height: 14px; letter-spacing: -.01em; white-space: nowrap; text-overflow: ellipsis; }
.agd-chip.agd-tur--y { background: #ffe4e6; color: #9f1239; } .agd-chip.agd-tur--t { background: #e0f2fe; color: #075985; } .agd-chip.agd-tur--e { background: #ede9fe; color: #5b21b6; }
.agd-chip.agd-tur--k { background: #f1f1f3; color: #3f3f46; } .agd-chip.agd-tur--h { background: #d1fae5; color: #065f46; }
.agd-more { display: block; padding: 0 4px; font-size: 10px; font-weight: 800; line-height: 12px; color: #52525b; }
.agd-chip--new { opacity: 0; scale: .6; transform-origin: left center; transition: opacity .25s var(--ui-ease), scale .45s var(--agd-spring), box-shadow .4s var(--ui-ease); }
.agd-dots { display: none; }
.agd-dots i { width: 6px; height: 6px; border-radius: 50%; }
.agd-dots .agd-tur--y { background: #f43f5e; } .agd-dots .agd-tur--t { background: #0ea5e9; } .agd-dots .agd-tur--e { background: #8b5cf6; } .agd-dots .agd-tur--k { background: #a1a1aa; } .agd-dots .agd-tur--h { background: #10b981; }
.agd-dots em { font-style: normal; font-size: 10px; font-weight: 800; line-height: 8px; color: #52525b; }
.agd-dot--new { opacity: 0; scale: .2; transition: opacity .25s var(--ui-ease), scale .45s var(--agd-spring); }
.agd-c--new::after { content: ""; position: absolute; inset: 0; z-index: 0; background: rgba(29, 79, 134, .07); box-shadow: inset 0 0 0 1.5px rgba(29, 79, 134, .35); opacity: 0; transition: opacity .3s var(--ui-ease); pointer-events: none; }
/* tıklama noktaları: konumlar açık yazılı (kayma uzaklığı --fx/--fy bunlardan ölçüldü — aşağıda «KAYMA») */
.agd-hit--day { left: 56%; top: 64%; }
.agd-hit--add { right: 56px; top: 15px; }
.agd-hit--title { right: 24px; top: 17px; }
.agd-hit--kind, .agd-hit--rem { left: 34px; top: 32px; }
.agd-hit--opt { left: 34px; top: 104px; }
.agd-hit--remo { left: 34px; top: 124px; }
.agd-hit--kis { left: 8px; top: 8px; }
.agd-hit--chg { right: 30px; top: 12px; }
.agd-hit--okul, .agd-hit--kad { left: 36px; top: 8px; }
.agd-hit--ogr, .agd-hit--veli { left: 16px; top: 16px; }
.agd-hit--ok { left: 24px; top: 16px; }
.agd-hit--save { left: 30px; top: 16px; }

/* seçili gün paneli — yalnız dar kapta (telefon düzeni); bugün ↔ seçilen gün aynı hücrede çapraz geçer */
.agd-dayp { display: none; }
.agd-dp { grid-area: 1 / 1; min-width: 0; transition: opacity .3s var(--ui-ease); }
.agd-dp--b { opacity: 0; }

/* ── kutu: Takvime yeni kayıt ── */
.agd-ov { position: absolute; inset: 0; z-index: 5; background: rgba(9, 14, 24, .5); opacity: 0; transition: opacity .3s var(--ui-ease); }
.agd-dlg { position: absolute; z-index: 6; top: 14px; bottom: 14px; left: 50%; width: min(560px, calc(100% - 32px)); display: flex; flex-direction: column; border-radius: 16px; background: #fff; overflow: hidden;
  box-shadow: 0 0 0 1px rgba(16, 37, 64, .1), 0 2px 4px rgba(16, 37, 64, .08), 0 30px 60px -20px rgba(9, 14, 24, .6);
  opacity: 0; translate: -50% 14px; scale: .97; transition: opacity .3s var(--ui-ease), translate .5s var(--agd-spring), scale .5s var(--agd-spring); }
.agd-dh { flex: none; display: flex; align-items: center; gap: 8px; height: 50px; padding: 0 12px 0 16px; }
.agd-dh > b { font-size: 14px; font-weight: 800; letter-spacing: -.01em; color: #18181b; white-space: nowrap; }
.agd-rz { padding: 2px 7px; border-radius: 5px; background: var(--ui-primary-soft); color: var(--navy); font-size: 10.5px; font-weight: 800; opacity: 0; scale: .8; transition: opacity .25s var(--ui-ease), scale .35s var(--agd-spring); }
.agd-close { flex: none; display: grid; place-items: center; width: 30px; height: 30px; margin-left: auto; border-radius: 9px; color: #3f3f46; box-shadow: inset 0 0 0 1.5px #d4d4d8; }
.agd-close .agd-i { width: 14px; height: 14px; }
/* gövde kutunun dibine kadar iner; «Takvime ekle» şeridi uygulamadaki gibi yapışkan, gövdenin üstünde durur (kitle adımında
   şerit gizli olduğundan o alanı kitle seçimi kullanır) */
.agd-body { position: relative; flex: 1; min-height: 0; display: grid; padding: 0 16px; overflow: hidden; }
.agd-f, .agd-k { grid-area: 1 / 1; min-width: 0; transition: opacity .28s var(--ui-ease), translate .4s var(--ui-ease); }
/* form 7 px aralıkla: açıklama kutusu yapışkan şeridin üstünde eksiksiz kalır (uygulamada da öyle); kitle seçimi geniş
   kapta 6 px aralıkla: «Tamam» kutunun alt kenarına yapışmaz (dar kapta yer bol, 8 px) */
.agd-f { display: flex; flex-direction: column; gap: 7px; }
.agd-k { display: flex; flex-direction: column; gap: 6px; opacity: 0; translate: 16px 0; pointer-events: none; }
.agd-r { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; }
.agd-r--1 { grid-template-columns: minmax(0, 1fr) 150px; }
.agd-r--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.agd-fld { position: relative; display: block; min-width: 0; }
.agd-lb { display: block; margin-bottom: 3px; font-size: 10px; font-weight: 800; line-height: 13px; letter-spacing: .05em; text-transform: uppercase; color: #71717a; white-space: nowrap; }
.agd-lb i { font-style: normal; font-weight: 700; letter-spacing: 0; text-transform: none; color: #a1a1aa; }
.agd-in { position: relative; display: flex; align-items: center; gap: 6px; height: 32px; padding: 0 10px; border-radius: 8px; background: #fafafa; font-size: 12px; font-weight: 600; color: #18181b;
  box-shadow: inset 0 0 0 1px #d4d4d8; transition: box-shadow .25s var(--ui-ease), background-color .25s var(--ui-ease); }
.agd-in .agd-x { flex: 1; }
.agd-in .agd-x > * { overflow: hidden; text-overflow: ellipsis; }
.agd-in--sel b { font-weight: 800; }
.agd-chev { width: 13px; height: 13px; color: #71717a; }
.agd-ph, .agd-mu { color: #a1a1aa; font-weight: 500; }
.agd-in .agd-i:not(.agd-chev) { width: 13px; height: 13px; color: #52525b; }
.agd-dt { display: flex; gap: 4px; }
.agd-in--d { flex: 1; min-width: 0; justify-content: space-between; gap: 4px; padding: 0 7px 0 8px; font-size: 11.5px; font-variant-numeric: tabular-nums; }
.agd-in--h { flex: none; width: 66px; justify-content: space-between; gap: 3px; padding: 0 6px 0 7px; font-size: 11.5px; font-variant-numeric: tabular-nums; }
.agd-in--d .agd-x > *, .agd-in--h .agd-x > * { overflow: visible; }
.agd-in--ta { align-items: flex-start; height: 40px; padding-top: 8px; line-height: 15px; }
.agd-in--ta .agd-x > * { white-space: normal; }
/* odak halkası (uygulamanın brand-500/25 halkası) */
.agd-in.is-f, .agd.s2:not(.s3) .agd-in--title, .agd.s3:not(.s4) .agd-in--kind, .agd.s7:not(.s8) .agd-in--rem { background: #fff; box-shadow: inset 0 0 0 1px var(--navy-soft), 0 0 0 3px rgba(29, 79, 134, .16); }
.agd.s2:not(.s3) .agd-in--title { transition-delay: .42s; }
.agd.s3:not(.s4) .agd-in--kind { transition-delay: .38s; }
.agd.s7:not(.s8) .agd-in--rem { transition-delay: .79s; }
.agd-typed { display: inline-flex; align-items: center; height: 16px; font-weight: 600; }
.agd-ch { font-size: 0; line-height: 16px; transition: font-size 0s linear calc(.5s + var(--k) * 30ms); }
.agd.s2 .agd-ch { font-size: 12px; }
.agd-caret { display: block; width: 1px; height: 14px; margin-left: 1px; background: var(--navy-soft); opacity: 0; }
.agd.s2:not(.s3) .agd-caret { animation: agd-blink .9s step-end .45s infinite; }
@keyframes agd-blink { 0% { opacity: 1; } 50% { opacity: 0; } }

/* Kime */
.agd-who { display: flex; align-items: center; gap: 8px; height: 34px; padding: 0 5px 0 10px; border-radius: 8px; background: #fafafa; box-shadow: inset 0 0 0 1px #d4d4d8; }
.agd-who > .agd-i { width: 14px; height: 14px; color: #71717a; }
.agd-who__t { flex: 1; font-size: 12px; font-weight: 800; color: #18181b; }
.agd-who__t > * { overflow: hidden; text-overflow: ellipsis; }
.agd-chg { position: relative; flex: none; display: inline-flex; align-items: center; gap: 4px; height: 24px; padding: 0 8px; border-radius: 6px; background: #fff; font-size: 11px; font-weight: 800; color: #3f3f46;
  box-shadow: inset 0 0 0 1px #d4d4d8, 0 1px 2px rgba(16, 37, 64, .06); opacity: .5; transition: opacity .25s var(--ui-ease) .42s; }
.agd-chg .agd-i { width: 12px; height: 12px; }
.agd.s4 .agd-chg { opacity: 1; }
.agd-ck, .agd-allday { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; color: #52525b; white-space: nowrap; }
.agd-ck { height: 20px; margin-top: -2px; }
.agd-allday { height: 30px; padding: 0 10px; border-radius: 8px; background: #fafafa; color: #3f3f46; }
.agd-box { position: relative; flex: none; display: grid; place-items: center; width: 15px; height: 15px; border-radius: 4px; background: var(--navy-soft); color: #fff;
  box-shadow: inset 0 0 0 1px var(--navy-soft); transition: background-color .2s var(--ui-ease), box-shadow .2s var(--ui-ease); }
.agd-box .agd-i { width: 11px; height: 11px; stroke-width: 3; transition: opacity .15s var(--ui-ease), scale .25s var(--agd-spring); }
.agd-box--off, .agd.s4 .agd-ck .agd-box { background: #fff; box-shadow: inset 0 0 0 1px #c4c4cc; }
.agd.s4 .agd-ck .agd-box { transition-delay: .4s; }
.agd.s4 .agd-ck .agd-box .agd-i { opacity: 0; scale: .5; transition-delay: .4s; }

/* açılır seçenek listesi (tarayıcının seçim listesi) */
.agd-dd { position: absolute; z-index: 7; left: 0; right: 0; top: 100%; margin-top: 3px; padding: 3px; border-radius: 8px; background: #fff; opacity: 0; scale: 1 .9; transform-origin: top;
  box-shadow: 0 0 0 1px rgba(16, 37, 64, .1), 0 10px 24px -8px rgba(16, 37, 64, .45); pointer-events: none; }
.agd-op { position: relative; display: block; height: 20px; padding: 0 8px; border-radius: 5px; font-size: 11.5px; font-weight: 600; line-height: 20px; color: #27272a; white-space: nowrap; }
.agd-op--cur { background: #eef1f5; }
.agd.s3:not(.s4) .agd-dd--kind { animation: agd-dd 1.3s var(--ui-ease) both; }
.agd.s3:not(.s4) .agd-dd--kind .agd-op--cur { animation: agd-op-out 1.3s linear both; }
.agd.s3:not(.s4) .agd-dd--kind .agd-op--go { animation: agd-op-in 1.3s linear both; }
.agd.s7:not(.s8) .agd-dd--rem { animation: agd-dd2 1s var(--ui-ease) .7s both; }
.agd.s7:not(.s8) .agd-dd--rem .agd-op--cur { animation: agd-op-out2 1s linear .7s both; }
.agd.s7:not(.s8) .agd-dd--rem .agd-op--go { animation: agd-op-in2 1s linear .7s both; }
/* Tür (s3, 1.3 s): imleç .38 s'de kutuya basar, liste .4–.48 s'de açılır, imleç .62 s'de seçeneğe kayar, 1.0 s'de
   «Veli toplantısı»nı seçer, liste 1.1–1.2 s'de kapanır */
@keyframes agd-dd { 0%, 30% { opacity: 0; scale: 1 .9; } 37%, 84% { opacity: 1; scale: 1 1; } 92%, 100% { opacity: 0; scale: 1 1; } }
@keyframes agd-op-out { 0%, 76% { background: #eef1f5; } 78%, 100% { background: transparent; } }
@keyframes agd-op-in { 0%, 76% { background: transparent; color: #27272a; } 78%, 100% { background: var(--navy-soft); color: #fff; } }
/* Hatırlatma (s7, .7 s'den 1 s): imleç .79 s'de basar, liste .85–.93 s'de açılır, imleç 1.07 s'de seçeneğe kayar,
   1.45 s'de «2 gün önce»yi seçer, liste 1.52–1.62 s'de kapanır */
@keyframes agd-dd2 { 0%, 15% { opacity: 0; scale: 1 .9; } 23%, 82% { opacity: 1; scale: 1 1; } 92%, 100% { opacity: 0; scale: 1 1; } }
@keyframes agd-op-out2 { 0%, 74% { background: #eef1f5; } 76%, 100% { background: transparent; } }
@keyframes agd-op-in2 { 0%, 74% { background: transparent; color: #27272a; } 76%, 100% { background: var(--navy-soft); color: #fff; } }

/* ── 2. adım: kitle seçimi ── */
.agd-k__hint { font-size: 11px; font-weight: 700; line-height: 15px; color: #52525b; text-wrap: pretty; }
.agd-cols { display: grid; grid-template-columns: 1fr 1.4fr 1.1fr .9fr; gap: 8px; }
.agd-col { display: block; min-width: 0; }
.agd-ms { display: flex; flex-direction: column; height: 111px; padding: 3px; border-radius: 10px; background: #fff; overflow: hidden; box-shadow: inset 0 0 0 1.5px #d4d4d8; }
.agd-mo { position: relative; flex: none; display: block; height: 15px; padding: 0 5px; border-radius: 3px; font-size: 11px; font-weight: 700; line-height: 15px; color: #27272a; white-space: nowrap;
  transition: background-color .2s var(--ui-ease), color .2s var(--ui-ease), height .35s var(--ui-ease), opacity .25s var(--ui-ease); }
.agd.s5 .agd-mo--okul { background: var(--navy-soft); color: #fff; transition-delay: .36s; }
.agd.s5 .agd-mo--kad { background: var(--navy-soft); color: #fff; transition-delay: 1s; }
.agd.s5 .agd-mo--gz { height: 0; opacity: 0; transition-delay: 1.12s; }
/* kurs ya da kurs grubu (çoklu liste): kurs adı kalın grup başlığı, seçenekler içeride; listenin devamı kaydırmada */
.agd-ms--kurs { position: relative; height: 66px; padding-right: 12px; }
.agd-og { flex: none; display: block; height: 15px; padding: 0 5px; font-size: 11px; font-weight: 800; line-height: 15px; color: #18181b; white-space: nowrap; }
.agd-mo--in { padding-left: 16px; overflow: hidden; text-overflow: ellipsis; font-weight: 600; }
.agd-thumb { position: absolute; top: 4px; right: 4px; width: 4px; height: 14px; border-radius: 2px; background: #d4d4d8; }
.agd-k__note { font-size: 11px; font-weight: 600; line-height: 15px; color: #52525b; }
.agd-k__note b { font-weight: 800; color: #3f3f46; }
.agd-lb--kim { margin: 0 0 -3px; }
.agd-kim { display: flex; flex-wrap: wrap; gap: 6px; }
.agd-kc { position: relative; display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 11px 0 9px; border-radius: 10px; background: #fff; font-size: 12px; font-weight: 800; color: #3f3f46;
  box-shadow: inset 0 0 0 2px #d4d4d8; transition: background-color .2s var(--ui-ease), box-shadow .2s var(--ui-ease), color .2s var(--ui-ease); }
.agd-kc > .agd-i { width: 13px; height: 13px; }
.agd-kc--on, .agd-kc--ogr, .agd.s6 .agd-kc--veli { background: #eef3fa; color: var(--navy); box-shadow: inset 0 0 0 2px var(--navy-soft); }
.agd.s6 .agd-kc--ogr { background: #fff; color: #3f3f46; box-shadow: inset 0 0 0 2px #d4d4d8; transition-delay: .38s; }
.agd.s6 .agd-kc--veli { transition-delay: .98s; }
.agd-kc--veli .agd-box { background: #fff; box-shadow: inset 0 0 0 1px #c4c4cc; }
.agd-kc--veli .agd-box .agd-i { opacity: 0; scale: .5; }
.agd.s6 .agd-kc--veli .agd-box { background: var(--navy-soft); box-shadow: inset 0 0 0 1px var(--navy-soft); transition-delay: .98s; }
.agd.s6 .agd-kc--veli .agd-box .agd-i { opacity: 1; scale: 1; transition-delay: .98s; }
.agd.s6 .agd-kc--ogr .agd-box { background: #fff; box-shadow: inset 0 0 0 1px #c4c4cc; transition-delay: .38s; }
.agd.s6 .agd-kc--ogr .agd-box .agd-i { opacity: 0; scale: .5; transition-delay: .38s; }
.agd-k__act { display: flex; gap: 8px; }
.agd-btn { position: relative; flex: none; display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 14px 0 11px; border-radius: 9px; color: #fff; font-size: 12px; font-weight: 800; white-space: nowrap;
  background: linear-gradient(135deg, var(--navy-soft), var(--navy)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 1px 2px rgba(16, 37, 64, .2), 0 6px 14px -8px rgba(20, 61, 107, .75); }
.agd-btn .agd-i { width: 14px; height: 14px; }
.agd-btn2 { display: inline-flex; align-items: center; height: 32px; padding: 0 12px; border-radius: 9px; font-size: 12px; font-weight: 700; color: #3f3f46; box-shadow: inset 0 0 0 1.5px #d4d4d8; white-space: nowrap; }

/* yapışkan eylem şeridi (1. adımın parçası) */
.agd-act { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; display: flex; align-items: center; gap: 8px; height: 52px; padding: 0 16px; background: rgba(255, 255, 255, .96); box-shadow: inset 0 1px 0 #e4e4e7; transition: opacity .28s var(--ui-ease), translate .4s var(--ui-ease); }
.agd-ghost { display: inline-flex; align-items: center; height: 32px; padding: 0 12px; border-radius: 8px; font-size: 12px; font-weight: 700; color: #52525b; }

/* ── «Başarılı» penceresi (SweetAlert2) ── */
.agd-sw { position: absolute; inset: 0; z-index: 7; display: grid; place-items: center; padding: 0 20px; background: rgba(0, 0, 0, .4); opacity: 0; transition: opacity .3s var(--ui-ease); }
.agd-sw__c { display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 290px; padding: 20px 18px 18px; border-radius: 8px; background: #fff; text-align: center;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .04), 0 24px 48px -16px rgba(0, 0, 0, .5); scale: .7; transition: scale .45s var(--agd-spring); }
.agd-sw__ic svg { width: 52px; height: 52px; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.agd-sw__ic circle { stroke: rgba(165, 220, 134, .35); stroke-width: 3.5; }
.agd-sw__ic path { stroke: #a5dc86; stroke-width: 4; stroke-dasharray: 36; stroke-dashoffset: 36; transition: stroke-dashoffset .45s var(--ui-ease); }
.agd-sw__c b { margin-top: 10px; font-size: 18px; font-weight: 700; color: #18181b; }
.agd-sw__c span { margin-top: 5px; font-size: 12.5px; font-weight: 500; color: #545454; }
.agd-sw__c i { margin-top: 14px; display: inline-flex; align-items: center; height: 30px; padding: 0 16px; border-radius: 5px; background: #18181b; color: #fff; font-style: normal; font-size: 12px; font-weight: 700; }

/* ── velinin telefonu ── */
.agd-phone { position: absolute; z-index: 9; right: var(--pr); top: var(--ptop); width: var(--pw); height: var(--phh); padding: 6px; border-radius: 34px; background: linear-gradient(160deg, #26324a, #0b1322 60%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12), 0 2px 4px rgba(11, 19, 34, .25), 0 30px 50px -22px rgba(11, 19, 34, .7);
  opacity: 0; translate: 0 70px; transition: opacity .35s var(--ui-ease), translate .7s cubic-bezier(.3, 1.25, .5, 1); }
.agd-scrn { position: relative; height: 100%; overflow: hidden; border-radius: 28px; background: #f5f6f8; }
.agd-sb { position: relative; display: flex; align-items: center; justify-content: space-between; height: 26px; padding: 0 14px 0 20px; color: #0b1526; }
.agd-sb > b { font-size: 10.5px; font-weight: 800; font-variant-numeric: tabular-nums; }
.agd-isl { position: absolute; left: 50%; top: 6px; width: 56px; height: 16px; margin-left: -28px; border-radius: 999px; background: #05070b; }
.agd-sbi { display: flex; align-items: center; gap: 3px; }
.agd-sbi .agd-i { width: 11px; height: 11px; stroke-width: 2.4; }
.agd-sbi .agd-bat { width: 16px; height: 12px; }
.agd-ph__hd { display: flex; align-items: center; gap: 8px; height: 36px; padding: 0 10px; color: #273246; }
.agd-ph__hd > .agd-i { width: 16px; height: 16px; }
.agd svg.agd-logo { flex: none; width: 26px; height: 26px; border-radius: 50%; box-shadow: 0 2px 5px -1px rgba(16, 37, 64, .4); }
.agd-sp { flex: 1; }
.agd-ph__bell { position: relative; display: grid; place-items: center; width: 24px; height: 24px; }
.agd-ph__bell .agd-i { width: 15px; height: 15px; }
.agd-ph__bell::after { content: ""; position: absolute; top: 3px; right: 4px; width: 6px; height: 6px; border-radius: 50%; background: #e0352b; box-shadow: 0 0 0 1.5px #f5f6f8; }
.agd-ph__av { flex: none; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #fff; color: var(--navy-soft); font-size: 12px; font-weight: 800; box-shadow: 0 0 0 1px #e4e7ec, 0 2px 4px -2px rgba(16, 37, 64, .3); }
.agd-ph__ls { padding: 0 10px; }
.agd-ph__sec { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin: 8px 2px 5px; }
.agd-ph__sec b { font-size: 12px; font-weight: 800; letter-spacing: -.01em; color: #0f172a; white-space: nowrap; }
.agd-ph__sec small { font-size: 10px; font-weight: 700; color: var(--ui-muted); }
.agd-pr { display: flex; align-items: center; gap: 8px; padding: 7px 9px; border-radius: 12px; background: #fff; box-shadow: 0 0 0 1px #e8ebf0, 0 1px 2px rgba(16, 37, 64, .05);
  transition: box-shadow .35s var(--ui-ease), background-color .35s var(--ui-ease); }
.agd-pr > i { flex: none; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 8px; }
.agd-pr > i .agd-i { width: 13px; height: 13px; }
.agd-pr > i.agd-tur--y { background: #ffe4e6; color: #be123c; } .agd-pr > i.agd-tur--k { background: #eef2f7; color: #334155; }
.agd-pr > span { flex: 1; min-width: 0; }
.agd-pr b { display: block; overflow: hidden; font-size: 11px; font-weight: 800; line-height: 14px; color: #0f172a; white-space: nowrap; text-overflow: ellipsis; }
.agd-pr small { display: block; overflow: hidden; font-size: 10px; font-weight: 600; line-height: 13px; color: var(--ui-muted); white-space: nowrap; text-overflow: ellipsis; }
.agd-pr--on b { white-space: normal; text-wrap: balance; }
.agd-pr em { flex: none; font-style: normal; font-size: 11px; font-weight: 800; color: #0f172a; font-variant-numeric: tabular-nums; }
.agd-tab { position: absolute; left: 0; right: 0; bottom: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); height: 46px; padding: 4px 4px 10px; background: #fff; box-shadow: inset 0 1px 0 rgba(16, 37, 64, .08); }
/* opak çubuk + üstünde yumuşak geçiş: altına kayan satır sert kesilmez, simgelerin arkasından yazı görünmez */
.agd-tab::before { content: ""; position: absolute; left: 0; right: 0; bottom: 100%; height: 18px; background: linear-gradient(rgba(245, 246, 248, 0), #f5f6f8); pointer-events: none; }
.agd-tab > span { display: flex; align-items: center; justify-content: center; color: #52525b; }
.agd-tab .agd-i { width: 15px; height: 15px; }
.agd-home { position: absolute; left: 50%; bottom: 5px; width: 70px; height: 4px; margin-left: -35px; border-radius: 2px; background: rgba(11, 21, 38, .55); }
.agd-nt { position: absolute; z-index: 3; left: 6px; right: 6px; top: 28px; display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 8px; padding: 8px 9px 9px 8px; border-radius: 15px;
  background: rgba(255, 255, 255, .95); -webkit-backdrop-filter: blur(10px) saturate(1.3); backdrop-filter: blur(10px) saturate(1.3);
  box-shadow: 0 0 0 1px rgba(16, 37, 64, .08), 0 2px 4px rgba(16, 37, 64, .08), 0 20px 34px -14px rgba(16, 37, 64, .55), inset 0 1px 0 rgba(255, 255, 255, .7);
  font-size: 10px; font-weight: 500; line-height: 13.5px; color: var(--ui-text-2); opacity: 0; translate: 0 -130%; transition: opacity .3s var(--ui-ease), translate .7s cubic-bezier(.34, 1.4, .64, 1); }
.agd-nt img { width: 22px; height: 22px; border-radius: 6px; box-shadow: 0 0 0 1px rgba(16, 37, 64, .08); }
.agd-nt__h { display: flex; align-items: baseline; gap: 6px; margin-bottom: 1px; }
.agd-nt__h b { flex: 1; min-width: 0; font-size: 11px; font-weight: 800; line-height: 14px; color: var(--ui-text); }
.agd-nt__h em { flex: none; font-style: normal; font-size: 10px; color: var(--ui-muted); }
.agd-tag { position: absolute; z-index: 4; left: 50%; bottom: -9px; translate: -50% 0; display: inline-flex; align-items: center; gap: 4px; height: 19px; padding: 0 8px 0 6px; border-radius: 999px; background: var(--sun); color: var(--sun-ink, #2a1c00);
  font-size: 10px; font-weight: 800; white-space: nowrap; box-shadow: 0 0 0 1.5px #fff, 0 4px 10px -4px rgba(16, 37, 64, .45); opacity: 0; scale: .7; transition: opacity .3s var(--ui-ease), scale .45s var(--agd-spring); }
.agd-tag .agd-i { width: 11px; height: 11px; stroke-width: 2.4; }

/* ══ ADIMLAR ══ (tek imleç: «a» halkası gelir, «b» halkası önceki hedeften kayar; devirde önceki agd-off ile söner) */
/* s1: masaüstünde 11 Kasım'ın boş alanı → kutu açılır (imleç kutunun üstünde durur, s2'de oradan kalkar) */
.agd.s1:not(.s2) .agd-hit--day .ui-cur { animation: agd-cur-a .6s var(--ui-ease) both; }
.agd.s1:not(.s2) .agd-hit--day .agd-rip { animation: agd-rip .5s ease-out .3s both; }
.agd.s1:not(.s2) .agd-c--new::after { opacity: 1; transition-delay: .2s; }
.agd.s1:not(.s8) .agd-ov { opacity: 1; transition-delay: .5s; }
.agd.s1:not(.s8) .agd-dlg { opacity: 1; translate: -50% 0; scale: 1; transition-delay: .5s; }
/* s2: başlık (imleç 11 Kasım'dan / «Takvime ekle»den kayar) */
.agd.s2:not(.s3) .agd-hit--title .ui-cur { animation: agd-cur-b .7s var(--ui-ease) forwards; }
.agd.s2:not(.s3) .agd-hit--title .agd-rip { animation: agd-rip .45s ease-out .4s both; }
/* s3: tür → seçenek */
.agd.s3:not(.s4) .agd-hit--kind .ui-cur { animation: agd-cur-b .6s var(--ui-ease) forwards, agd-off .01s linear .62s forwards; }
.agd.s3:not(.s4) .agd-hit--kind .agd-rip { animation: agd-rip .45s ease-out .35s both; }
.agd.s3:not(.s4) .agd-hit--opt .ui-cur { animation: agd-cur-b .6s var(--ui-ease) .62s forwards; }
.agd.s3:not(.s4) .agd-hit--opt .agd-rip { animation: agd-rip .45s ease-out .97s both; }
/* s4: «kişisel» kalkar → «Değiştir» → kitle seçimi (imleç formla birlikte söner) */
.agd.s4:not(.s5) .agd-hit--kis .ui-cur { animation: agd-cur-b .6s var(--ui-ease) forwards, agd-off .01s linear .62s forwards; }
.agd.s4:not(.s5) .agd-hit--kis .agd-rip { animation: agd-rip .45s ease-out .35s both; }
.agd.s4:not(.s5) .agd-hit--chg .ui-cur { animation: agd-cur-b .6s var(--ui-ease) .62s forwards; }
.agd.s4:not(.s5) .agd-hit--chg .agd-rip { animation: agd-rip .45s ease-out .97s both; }
.agd.s4:not(.s5) .agd-chg { animation: agd-push .25s var(--ui-ease) .97s; }
.agd.s4:not(.s7) .agd-f, .agd.s4:not(.s7) .agd-act { opacity: 0; translate: -16px 0; transition-delay: 1.12s; }
.agd.s4:not(.s7) .agd-k { opacity: 1; translate: 0 0; transition-delay: 1.18s; }
.agd.s4:not(.s7) .agd-rz { opacity: 1; scale: 1; transition-delay: 1.18s; }
.agd.s7 .agd-f, .agd.s7 .agd-act { transition-delay: .05s; }
/* s5: Okul → 8. Sınıf */
.agd.s5:not(.s6) .agd-hit--okul .ui-cur { animation: agd-cur-a .6s var(--ui-ease) both, agd-off .01s linear .62s forwards; }
.agd.s5:not(.s6) .agd-hit--okul .agd-rip { animation: agd-rip .45s ease-out .3s both; }
.agd.s5:not(.s6) .agd-hit--kad .ui-cur { animation: agd-cur-b .6s var(--ui-ease) .62s forwards; }
.agd.s5:not(.s6) .agd-hit--kad .agd-rip { animation: agd-rip .45s ease-out .97s both; }
/* s6: Öğrenci → Veli → Tamam (imleç kitle penceresiyle birlikte söner) */
.agd.s6:not(.s7) .agd-hit--ogr .ui-cur { animation: agd-cur-b .6s var(--ui-ease) forwards, agd-off .01s linear .62s forwards; }
.agd.s6:not(.s7) .agd-hit--ogr .agd-rip { animation: agd-rip .45s ease-out .35s both; }
.agd.s6:not(.s7) .agd-hit--veli .ui-cur { animation: agd-cur-b .55s var(--ui-ease) .62s forwards, agd-off .01s linear 1.2s forwards; }
.agd.s6:not(.s7) .agd-hit--veli .agd-rip { animation: agd-rip .45s ease-out .95s both; }
.agd.s6:not(.s7) .agd-hit--ok .ui-cur { animation: agd-cur-b .55s var(--ui-ease) 1.2s forwards; }
.agd.s6:not(.s7) .agd-hit--ok .agd-rip { animation: agd-rip .45s ease-out 1.53s both; }
.agd.s6:not(.s7) .agd-k .agd-btn { animation: agd-push .25s var(--ui-ease) 1.53s; }
/* s7: kutuya dönülür; saat, yer, açıklama; Hatırlatma → 2 gün önce */
.agd.s7 .agd-in--h, .agd.s7 .agd-in--e2 { --d: .28s; }
.agd.s7 .agd-in--e3 { --d: .36s; }
.agd.s7 .agd-in--yer { --d: .44s; }
.agd.s7 .agd-in--ta { --d: .5s; }
.agd.s7 .agd-in--rem { --d: 1.55s; }
.agd.s7:not(.s8) .agd-hit--rem .ui-cur { animation: agd-cur-a .6s var(--ui-ease) .45s both, agd-off .01s linear 1.07s forwards; }
.agd.s7:not(.s8) .agd-hit--rem .agd-rip { animation: agd-rip .45s ease-out .76s both; }
.agd.s7:not(.s8) .agd-hit--remo .ui-cur { animation: agd-cur-b .6s var(--ui-ease) 1.07s forwards; }
.agd.s7:not(.s8) .agd-hit--remo .agd-rip { animation: agd-rip .45s ease-out 1.42s both; }
/* s8: Takvime ekle → başarı penceresi, 11 Kasım'a kayıt düşer, sayılar 38 */
.agd.s8:not(.s9) .agd-hit--save .ui-cur { animation: agd-cur-b .6s var(--ui-ease) forwards, agd-fade .2s linear .6s forwards; }
.agd.s8:not(.s9) .agd-hit--save .agd-rip { animation: agd-rip .45s ease-out .35s both; }
.agd.s8 .agd-btn--save { animation: agd-push .25s var(--ui-ease) .35s; }
.agd.s8 .agd-ov, .agd.s8 .agd-dlg { transition-delay: .5s; }
.agd.s8 .agd-chip--new, .agd.s8 .agd-dot--new { opacity: 1; scale: 1; transition-delay: .75s; }
.agd.s8 .agd-c--new .agd-cnt { opacity: 1; scale: 1; transition-delay: .75s; }
.agd.s8 .agd-c--new::after { opacity: 1; transition-delay: .75s; }
.agd.s8:not(.s9) .agd-sw { opacity: 1; transition-delay: .68s; }
.agd.s8:not(.s9) .agd-sw__c { scale: 1; transition-delay: .68s; }
.agd.s8:not(.s9) .agd-sw__ic path { stroke-dashoffset: 0; transition-delay: 1s; }
/* s9: velinin telefonu (9 Kasım 07:00) — hatırlatma düşer */
.agd.s9 .agd-chip--new { box-shadow: 0 0 0 1.5px var(--navy-soft); }
.agd.s9 .agd-phone { opacity: 1; translate: 0 0; transition-delay: .2s; }
.agd.s9 .agd-nt { opacity: 1; translate: 0 0; transition-delay: .9s; }
.agd.s9 .agd-tag { opacity: 1; scale: 1; transition-delay: 1.4s; }
.agd.s9 .agd-pr--on { box-shadow: 0 0 0 1.5px var(--navy-soft), 0 6px 14px -8px rgba(20, 61, 107, .55); transition-delay: 1.3s; }

/* ══ KAYMA (--fx/--fy = önceki tıklama noktası − bu tıklama noktası; kap genişliğinden, ölçülerek) ══ */
/*KAYMA-BAS*/
.agd-hit--title { --fx: calc(-13.4294cqw - 78.52px); --fy: 198.75px; }
.agd-hit--kind { --fx: -66px; --fy: 1px; }
.agd-hit--opt { --fx: 0px; --fy: -72px; }
.agd-hit--kis { --fx: 404px; --fy: -16.5px; }
.agd-hit--chg { --fx: -485px; --fy: 32.5px; }
.agd-hit--kad { --fx: -168.38px; --fy: -45px; }
.agd-hit--ogr { --fx: 313.91px; --fy: -202px; }
.agd-hit--veli { --fx: -113.66px; --fy: 0px; }
.agd-hit--ok { --fx: 105.66px; --fy: -59px; }
.agd-hit--remo { --fx: 0px; --fy: -92px; }
.agd-hit--save { --fx: 361.33px; --fy: -113px; }
@container (max-width: 593px) {
  .agd-hit--title { --fx: calc(-63.3958cqw + 218.29px); --fy: 198.75px; }
  .agd-hit--kis { --fx: calc(100cqw - 190px); --fy: -16.5px; }
  .agd-hit--chg { --fx: calc(-100cqw + 109px); --fy: 32.5px; }
  .agd-hit--kad { --fx: calc(-31.825cqw + 20.67px); --fy: -45px; }
  .agd-hit--ogr { --fx: calc(54.55cqw - 10.12px); --fy: -202px; }
  .agd-hit--save { --fx: calc(66.675cqw - 34.72px); --fy: -113px; }
}
@container (max-width: 559px) {
  .agd-hit--title { --fx: 102px; --fy: 4px; }
  .agd-hit--add { --fx: calc(-63.427cqw + 69.93px); --fy: 122.8px; }
  .agd-hit--kis { --fx: calc(100cqw - 124px); --fy: -16.5px; }
  .agd-hit--chg { --fx: calc(-100cqw + 69px); --fy: 32.5px; }
  .agd-hit--kad { --fx: calc(45.4549cqw - 7.46px); --fy: -135px; }
  .agd-hit--ogr { --fx: 23px; --fy: -125px; }
  .agd-hit--veli { --fx: -102.67px; --fy: 0px; }
  .agd-hit--ok { --fx: 94.67px; --fy: -40px; }
  .agd-hit--remo { --fx: 0px; --fy: 72px; }
  .agd-hit--save { --fx: 4px; --fy: -224px; }
}
@container (max-width: 400px) {
  .agd-hit--title { --fx: 90px; --fy: 4px; }
  .agd-hit--add { --fx: calc(-63.4244cqw + 69.92px); --fy: 122.8px; }
  .agd-hit--kis { --fx: calc(100cqw - 112px); --fy: -16.5px; }
  .agd-hit--kad { --fx: calc(45.4519cqw - 7.45px); --fy: -135px; }
  .agd-hit--veli { --fx: -97.69px; --fy: 0px; }
  .agd-hit--ok { --fx: 89.69px; --fy: -40px; }
}
/*KAYMA-SON*/

/* ══ DAR KAPLAR ══ */
@container (max-width: 680px) {
  .agd-late em { display: none; }
}
@container (max-width: 620px) {
  .agd-late { display: none; }
}
/* 560 px altı: uygulamanın telefon düzeni — ızgarada nokta, altında seçili günün listesi; kutu alttan açılır */
@container (max-width: 559px) {
  .agd-win { --pw: 206px; --phh: 396px; --ptop: 56px; --pr: 14px; }
  .agd-pg { padding: 10px 10px 0; }
  .agd-band { height: 46px; }
  .agd-bar { flex-wrap: wrap; height: auto; row-gap: 6px; }
  .agd-bar__r { flex: 1 1 100%; }
  .agd-sel { flex: 1; }
  .agd-seg { margin-left: auto; }
  .agd-grid { grid-template-rows: 24px repeat(4, 36px) 24px; }
  .agd-wk { height: 20px; }
  .agd-c { padding: 3px; }
  .agd-chips, .agd-cnt { display: none; }
  .agd-dots { position: absolute; left: 5px; right: 3px; bottom: 4px; display: flex; flex-wrap: nowrap; align-items: center; gap: 2px; overflow: hidden; }
  .agd-hit--day { top: 55%; }
  .agd-dayp { display: grid; align-content: start; flex: 1; min-height: 0; overflow: hidden; margin-top: 8px; padding: 8px 10px 0; border-radius: 12px 12px 0 0; background: #fff; box-shadow: 0 0 0 1px var(--ui-line), 0 1px 2px rgba(16, 37, 64, .05); }
  .agd-dayp__h { display: flex; align-items: center; gap: 6px; height: 18px; white-space: nowrap; }
  .agd-dayp__h b { font-size: 12.5px; font-weight: 800; }
  .agd-dayp__h small { font-size: 10.5px; font-weight: 700; color: #52525b; }
  .agd-dayp__h em { padding: 1px 5px; border-radius: 4px; background: var(--ui-primary-soft); color: var(--navy); font-style: normal; font-size: 10px; font-weight: 800; }
  .agd-dayp__h span { margin-left: auto; padding: 0 7px; border-radius: 999px; background: #f4f4f5; font-size: 10.5px; font-weight: 800; line-height: 18px; color: #3f3f46; }
  .agd-it { display: flex; align-items: center; gap: 8px; height: 30px; margin-top: 5px; padding: 0 8px; border-radius: 10px; box-shadow: inset 0 0 0 1.5px #f0f0f2; }
  .agd-it__ic { flex: none; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 7px; }
  .agd-it__ic.agd-tur--y { background: #ffe4e6; color: #9f1239; }
  .agd-it__ic .agd-i { width: 12px; height: 12px; }
  .agd-it__t { flex: 1; min-width: 0; display: flex; align-items: baseline; gap: 6px; white-space: nowrap; }
  .agd-it__t b { font-size: 10.5px; font-weight: 800; color: #3f3f46; font-variant-numeric: tabular-nums; }
  .agd-it__t span { min-width: 0; overflow: hidden; text-overflow: ellipsis; font-size: 11.5px; font-weight: 800; }
  .agd-it__t em { flex: none; padding: 0 5px; border-radius: 4px; font-style: normal; font-size: 10px; font-weight: 800; line-height: 15px; }
  .agd-it__t em.agd-tur--y { background: #ffe4e6; color: #9f1239; }
  .agd-empty { padding: 14px 0 0; text-align: center; font-size: 11.5px; font-weight: 700; color: #52525b; white-space: nowrap; }
  .agd-empty b { font-weight: 800; color: var(--navy); text-decoration: underline; text-underline-offset: 2px; }
  /* s1 telefonda: hücrenin tamamı günü seçer (kutu açmaz) → 11 Kasım seçili (koyu daire, panel «Bu günde kayıt yok.»);
     ekleme üstteki «Takvime ekle» ile seçili güne (admin-ajanda.php:705–713, :620) */
  .agd.s1:not(.s2) .agd-hit--day .ui-cur { animation: agd-cur-a .6s var(--ui-ease) both, agd-off .01s linear .7s forwards; }
  .agd.s1:not(.s2) .agd-hit--add .ui-cur { animation: agd-cur-b .7s var(--ui-ease) .7s forwards; }
  .agd.s1:not(.s2) .agd-hit--add .agd-rip { animation: agd-rip .45s ease-out 1.1s both; }
  .agd.s1:not(.s2) .agd-add { animation: agd-push .25s var(--ui-ease) 1.12s; }
  .agd.s1:not(.s2) .agd-c--new::after { opacity: 0; }
  .agd.s1:not(.s8) .agd-c--new { background: #fafafa; transition-delay: .34s; }
  .agd.s1:not(.s8) .agd-c--new .agd-d { background: #27272a; color: #fff; transition-delay: .34s; }
  .agd.s1:not(.s8) .agd-dp--a { opacity: 0; transition-delay: .38s; }
  .agd.s1:not(.s8) .agd-dp--b { opacity: 1; transition-delay: .38s; }
  .agd.s1:not(.s8) .agd-ov, .agd.s1:not(.s8) .agd-dlg { transition-delay: 1.25s; }
  /* kayıttan sonra sayfa bugüne döner: seçim yeniden 2 Kasım */
  .agd.s8 .agd-c--new, .agd.s8 .agd-c--new .agd-d, .agd.s8 .agd-dp { transition-delay: .6s; }
  /* kutu: alttan açılan sayfa */
  .agd-dlg { left: 0; right: 0; top: 30px; bottom: 0; width: auto; border-radius: 18px 18px 0 0; translate: 0 40px; scale: 1; }
  .agd.s1:not(.s8) .agd-dlg { translate: 0 0; }
  .agd-dh { height: 46px; padding: 0 10px 0 14px; }
  .agd-body { padding: 0 12px; }
  .agd-act { height: 50px; padding: 0 12px; }
  .agd-r--1 { grid-template-columns: minmax(0, 1fr) 124px; }
  .agd-r--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .agd-fld--rem { grid-column: 1 / -1; }
  /* hatırlatma listesi aşağıda sığmaz: tarayıcı gibi kutunun üstüne açılır */
  .agd-dd--rem { top: auto; bottom: calc(100% - 16px); margin: 0 0 3px; transform-origin: bottom; }
  .agd-hit--remo { top: -40px; }
  .agd-r--desc { display: none; }
  .agd-in { padding: 0 8px; font-size: 11.5px; }
  .agd-in--d { padding: 0 6px 0 7px; font-size: 11px; }
  .agd-in--h { width: 56px; padding: 0 5px 0 6px; font-size: 11px; }
  .agd-in--d .agd-i:not(.agd-chev), .agd-in--h .agd-i:not(.agd-chev) { width: 11px; height: 11px; }
  .agd.s2 .agd-ch { font-size: 11.5px; }
  .agd-k { gap: 8px; }
  .agd-lb--kim { margin-bottom: -5px; }
  .agd-k__note { display: none; }
  .agd-k__hint { line-height: 14px; }
  .agd-cols { grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); row-gap: 8px; }
  .agd-ms { height: 66px; }
  .agd-ms--kurs { height: 51px; }
  .agd-kc { gap: 4px; padding: 0 8px 0 7px; font-size: 11.5px; }
  .agd-phone { padding: 5px; border-radius: 31px; }
  .agd-scrn { border-radius: 26px; }
}
@container (max-width: 400px) {
  .agd-win { --pw: 200px; --phh: 380px; --ptop: 64px; --pr: 10px; }
  .agd-k__hint, .agd-dots em { display: none; }
  .agd-dots i { width: 5px; height: 5px; }
  .agd-d { min-width: 18px; height: 18px; font-size: 10px; }
  .agd-band { gap: 8px; padding: 0 8px 0 12px; }
  .agd-ico { display: none; }
  .agd-ttl > b { font-size: 14px; }
  .agd-ttl small { font-size: 10.5px; }
  .agd-rng { display: none; }
  .agd-today { width: 28px; padding: 0; justify-content: center; }
  .agd-today span { display: none; }
  .agd-dh > b { font-size: 13.5px; }
  .agd-rz { padding: 2px 5px; }
  .agd-r--1 { grid-template-columns: minmax(0, 1fr) 112px; }
  .agd-in--title { font-size: 11px; }
  .agd.s2 .agd-ch { font-size: 11px; }
  .agd-ck { font-size: 11px; gap: 6px; }
  .agd-who__t { font-size: 11px; }
  .agd-chg { padding: 0 6px; font-size: 10.5px; }
  .agd-kc { padding: 0 7px 0 6px; font-size: 11px; }
  .agd-kc > .agd-i { width: 12px; height: 12px; }
}
/* 375 px altı: kurs seçeneği («Ad — bütün katılımcılar (N)») tek satıra sığmaz → «…» ile kesilmez, iki satıra sarılır;
   kutu grup başlığı + iki seçeneği tam gösterir */
@container (max-width: 375px) {
  .agd-ms--kurs { height: 77px; }
  .agd-mo--in { height: auto; padding-top: 1px; padding-bottom: 1px; line-height: 13px; white-space: normal; text-overflow: clip; }
  .agd-hit--ogr { --fy: -151px; }   /* kurs kutusu 26 px uzadı: «8. Sınıf»tan Öğrenci çipine kayma (ölçüldü) */
}