/* Kadro Alarmı: pusula animasyonu, Atama Pusulası sayfalarındaki bant ve /kadro-alarmi/ sayfası (build.mjs → pusulaSvg,
   pusulaBandi, kadroAlarmiPage). Jetonlar hesaplama.css'ten; koyu görünüm .takvim-dark ile. */
.pusula{--pu-govde:#0F172A;--pu-halka:#F8FAFC;--pu-cizgi:#94A3B8;--pu-kuzey:#E11D48;--pu-guney:#CBD5E1;--pu-vurgu:#F59E0B;overflow:visible}
.takvim-dark .pusula{--pu-govde:#020617;--pu-halka:#1E293B;--pu-cizgi:#64748B;--pu-guney:#475569}
.pu-govde{fill:var(--pu-govde)}
.pu-halka{fill:var(--pu-halka)}
.pu-cizgi{stroke:var(--pu-cizgi);stroke-width:1.5;stroke-linecap:round}
.pu-cizgi.pu-ana{stroke:var(--pu-govde);stroke-width:2.5}
.takvim-dark .pu-cizgi.pu-ana{stroke:var(--pu-vurgu)}
.pu-yon{font:800 11px/1 'Plus Jakarta Sans',system-ui,sans-serif;fill:var(--pu-vurgu)}
.pu-kuzey{fill:var(--pu-kuzey)}
.pu-guney{fill:var(--pu-guney)}
.pu-merkez{fill:var(--pu-govde);stroke:var(--pu-vurgu);stroke-width:2}
.pu-sinyal{fill:none;stroke:var(--pu-vurgu);stroke-width:2;opacity:0;transform-origin:60px 60px}
.pu-bildirim{fill:var(--pu-vurgu);stroke:var(--pu-halka);stroke-width:3;transform-origin:96px 24px}
/* İbre arar (sağa sola salınır), sonra hedefe oturur; oturunca sinyal halkaları yayılır ve bildirim noktası belirir. */
.pu-ibre{transform-origin:60px 60px;animation:pu-ara 6s cubic-bezier(.45,.05,.25,1) infinite}
.pu-sinyal{animation:pu-yay 6s ease-out infinite}
.pu-s2{animation-delay:.35s}
.pu-bildirim{animation:pu-nokta 6s cubic-bezier(.3,1.6,.5,1) infinite}
@keyframes pu-ara{0%{transform:rotate(-20deg)}14%{transform:rotate(55deg)}28%{transform:rotate(-35deg)}40%{transform:rotate(30deg)}50%{transform:rotate(40deg)}56%,92%{transform:rotate(38deg)}100%{transform:rotate(-20deg)}}
@keyframes pu-yay{0%,52%{opacity:0;transform:scale(1)}58%{opacity:.7}82%,100%{opacity:0;transform:scale(1.45)}}
@keyframes pu-nokta{0%,52%{transform:scale(0)}60%,90%{transform:scale(1)}100%{transform:scale(0)}}
@media (prefers-reduced-motion:reduce){.pu-ibre,.pu-sinyal,.pu-bildirim{animation:none}.pu-ibre{transform:rotate(38deg)}.pu-bildirim{transform:scale(1)}}

/* Bant (Atama Pusulası sayfaları) */
.pusula-bandi{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;margin:40px 0 8px;padding:22px 26px;border-radius:22px;
  background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--amber,#D97706) 16%,var(--card)) 0%,var(--card) 55%);border:1px solid color-mix(in srgb,var(--amber,#D97706) 30%,var(--hair));box-shadow:var(--shadow)}
.pusula.pu-kucuk{width:88px;height:88px;flex:none}
.pb-metin h2{margin:4px 0 6px;font-size:clamp(1.15rem,2.2vw,1.45rem);line-height:1.25;letter-spacing:-.01em;color:var(--text)}
.pb-metin p:not(.eyebrow){margin:0;font-size:.92rem;color:var(--muted);max-width:640px}
.pusula-bandi .eyebrow{color:var(--amber,#B45309)}
.pb-git{white-space:nowrap}
@media (max-width:760px){.pusula-bandi{grid-template-columns:auto 1fr;gap:14px 16px;padding:18px}.pb-git{grid-column:1/-1;justify-self:start}.pusula.pu-kucuk{width:64px;height:64px}}

/* Kadro Alarmı sayfası */
.ka-hero{display:grid;grid-template-columns:1fr auto;align-items:center;gap:32px;padding:40px 0 28px}
.ka-hero h1{font-size:clamp(2rem,4.6vw,3.2rem);line-height:1.08;letter-spacing:-.03em;margin:8px 0 14px;max-width:760px}
.ka-hero .lead{max-width:640px;margin:0 0 22px}
.ka-hero .verification{margin-top:18px}
.ka-hero .eyebrow{color:var(--amber,#B45309)}
.pusula.pu-buyuk{width:clamp(180px,24vw,260px);height:auto}
.ka-adimlar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ka-adimlar li{padding:20px;border-radius:18px;background:var(--card);border:1px solid var(--hair);box-shadow:var(--shadow)}
.ka-no{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;font-weight:800;color:#fff;background:var(--text)}
.ka-adimlar strong{display:block;margin:12px 0 6px;font-size:1.02rem;color:var(--text)}
.ka-adimlar p{margin:0;font-size:.9rem;color:var(--muted)}
.ka-artilar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ka-artilar li{display:grid;gap:4px;padding:16px 18px 16px 46px;border-radius:16px;background:var(--card);border:1px solid var(--hair);position:relative}
.ka-artilar li::before{content:"✓";position:absolute;left:16px;top:15px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:.72rem;font-weight:800;color:#fff;background:#16A34A}
.ka-artilar strong{color:var(--text)}
.ka-artilar span{font-size:.88rem;color:var(--muted)}
.ka-form-bolum{margin-top:44px;scroll-margin-top:100px}
.ka-form-kart{max-width:760px;margin:0 auto;padding:28px;border-radius:24px;background:var(--card);border:1px solid color-mix(in srgb,var(--amber,#D97706) 35%,var(--hair));box-shadow:0 24px 60px -30px rgba(15,23,42,.35)}
.ka-form-kart h2{margin:0;font-size:1.5rem;letter-spacing:-.02em;color:var(--text)}
.ka-form-alt{margin:6px 0 20px;color:var(--muted);font-size:.93rem}
#ka-al-form .ka-form-alt{margin:0 0 4px}
:is(#ka-form,#ka-tr-form){display:grid;grid-template-columns:1fr 1fr;gap:14px}
:is(#ka-form,#ka-tr-form) .ka-tam{grid-column:1/-1}
:is(#ka-form,#ka-tr-form) label,:is(#ka-form,#ka-tr-form) fieldset{display:grid;gap:6px;margin:0;padding:0;border:0;font-size:.8rem;font-weight:700;color:var(--faint)}
:is(#ka-form,#ka-tr-form) legend{padding:0;margin-bottom:6px}
:is(#ka-form,#ka-tr-form) small{font-weight:500}
:is(#ka-form,#ka-tr-form) input:not([type=checkbox]),:is(#ka-form,#ka-tr-form) select{font:inherit;font-size:.95rem;font-weight:500;color:var(--text);padding:11px 12px;border-radius:12px;border:1px solid var(--hair-2,var(--hair));background:var(--card-2,var(--card));min-width:0;width:100%;box-sizing:border-box}
:is(#ka-form,#ka-tr-form) input:focus,:is(#ka-form,#ka-tr-form) select:focus{outline:none;border-color:var(--amber,#D97706);box-shadow:0 0 0 4px color-mix(in srgb,var(--amber,#D97706) 18%,transparent)}
.ka-uclu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ka-izin{display:flex!important;gap:10px;align-items:flex-start;font-weight:500!important;font-size:.84rem!important;color:var(--muted)!important;line-height:1.5}
.ka-izin input{margin-top:3px;width:18px;height:18px;flex:none;accent-color:var(--amber,#D97706)}
.ka-gizli{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
#ka-gonder{justify-self:start;border:0;cursor:pointer;font:inherit}
#ka-gonder[disabled]{opacity:.6;cursor:wait}
.ka-sonuc{margin:0;font-size:.92rem;font-weight:600;min-height:1.2em}
.ka-sonuc.ka-ok{color:#15803D}.ka-sonuc.ka-hata{color:#B91C1C}
#ka-al-sonuc:empty{display:none}
@media (max-width:860px){.ka-hero{grid-template-columns:1fr}.pusula.pu-buyuk{order:-1;width:150px}.ka-adimlar{grid-template-columns:1fr}.ka-artilar{grid-template-columns:1fr}}
@media (max-width:560px){:is(#ka-form,#ka-tr-form){grid-template-columns:1fr}.ka-uclu{grid-template-columns:1fr}.ka-form-kart{padding:20px}}
/* Fiyat kartı */
.ka-fiyat{margin-top:40px}
.ka-fiyat-kart{max-width:760px;margin:0 auto;padding:26px 28px;border-radius:24px;color:#F8FAFC;background:radial-gradient(120% 140% at 100% 0%,#1E3A8A 0%,#0F172A 60%);box-shadow:0 24px 60px -30px rgba(15,23,42,.6)}
.ka-fiyat-kart .eyebrow{color:#FBBF24}
.ka-fiyat-kart h2{margin:6px 0 4px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.ka-tutar{font-size:clamp(2.4rem,6vw,3.4rem);font-weight:800;letter-spacing:-.03em}
.ka-tek{font-size:1rem;font-weight:600;color:#CBD5E1}
.ka-sure{margin:0 0 14px;color:#E2E8F0}
.ka-fiyat-kart ul{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:6px}
.ka-fiyat-kart li::before{content:"✓ ";color:#4ADE80;font-weight:800}
.ka-fiyat-not{margin:0;font-size:.85rem;color:#94A3B8}
/* Satın alma */
.ka-al-kart{border-color:color-mix(in srgb,#2563EB 35%,var(--hair))}
#ka-al-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#ka-al-form .ka-tam{grid-column:1/-1}
#ka-al-form label{display:grid;gap:6px;font-size:.8rem;font-weight:700;color:var(--faint)}
#ka-al-form input:not([type=checkbox]){font:inherit;font-size:.95rem;font-weight:500;color:var(--text);padding:11px 12px;border-radius:12px;border:1px solid var(--hair-2,var(--hair));background:var(--card-2,var(--card));width:100%;box-sizing:border-box}
#ka-al-ode,#ka-al-gir{justify-self:start;border:0;cursor:pointer;font:inherit}
#ka-al-ode[disabled]{opacity:.6;cursor:wait}
.ka-link{background:none;border:0;padding:0;font:inherit;color:var(--amber,#B45309);text-decoration:underline;cursor:pointer}
.ka-guven{font-size:.8rem!important;margin:0!important}
.ka-uye-durum{font-size:1rem;color:var(--text);margin:6px 0}
.ka-rozet{display:inline-block;padding:4px 12px;border-radius:999px;font-weight:800;font-size:.85rem;color:#fff;background:#16A34A}
.ka-odeme{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:12px;background:rgb(15 18 25/.6);backdrop-filter:blur(4px)}
.ka-odeme[hidden]{display:none}
.ka-odeme-kart{position:relative;width:min(560px,100%);max-height:94vh;overflow:auto;border-radius:18px;background:#fff;padding:8px}
.ka-odeme-kart iframe{width:100%;min-height:600px;border:0}
.ka-odeme-kapat{position:absolute;top:6px;right:10px;z-index:1;width:34px;height:34px;border-radius:50%;border:0;background:#F1F5F9;font-size:1.3rem;cursor:pointer}
@media (max-width:560px){#ka-al-form{grid-template-columns:1fr}}
/* Kadro Alarmı şeridi: Atama Pusulası sayfalarının en üstünde */
.pusula-serit{display:flex;align-items:center;gap:12px;margin:0 0 22px;padding:12px 18px;border-radius:16px;text-decoration:none;color:var(--text);
  background:linear-gradient(90deg,color-mix(in srgb,var(--amber,#D97706) 18%,var(--card)),var(--card));border:1px solid color-mix(in srgb,var(--amber,#D97706) 35%,var(--hair));
  box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}
.pusula-serit:hover{transform:translateY(-1px)}
.ps-zil{font-size:1.25rem;flex:none}
.ps-metin{flex:1;min-width:0;font-size:.95rem;line-height:1.4}.ps-metin>span{color:var(--muted);font-size:.86rem;margin-left:4px}
.ps-git{flex:none;font-weight:700;font-size:.9rem;color:var(--amber,#B45309);white-space:nowrap}
@media (max-width:640px){.pusula-serit{flex-wrap:wrap;gap:6px 10px;padding:12px 14px}.ps-metin>span{display:block;margin:2px 0 0}.ps-git{margin-left:32px}}
@media (prefers-reduced-motion:reduce){.pusula-serit{transition:none}.pusula-serit:hover{transform:none}}
/* Kadro Alarmı: fiyat çerçevesi, kaçırma hesabı, örnek bildirim */
.ka-gunluk{margin:0 0 4px;font-size:.95rem;color:#E2E8F0}.ka-gunluk b{color:#FBBF24}
.ka-kayip{margin:0 0 14px;font-size:.9rem;color:#94A3B8;font-style:italic}
.ka-kacirma{margin-top:40px}
.ka-kacirma h2{margin:0 0 6px}
.ka-kc-form{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin:14px 0}
.ka-kc-form label{display:grid;gap:6px;font-size:.85rem;font-weight:600;color:var(--muted)}
.ka-kc-sonuc{margin:0;padding:14px 16px;border-radius:14px;background:color-mix(in srgb,var(--amber,#D97706) 10%,var(--card));font-size:1rem;line-height:1.5}
.ka-kc-sonuc b{color:var(--amber,#B45309)}
@media (max-width:560px){.ka-kc-form{grid-template-columns:1fr}}
.ka-ornek{margin-top:40px}
.ka-eposta{max-width:640px;margin:0 auto;border-radius:18px;overflow:hidden;background:var(--card);border:1px solid var(--hair);box-shadow:0 24px 60px -30px rgb(15 23 42/.45)}
.ke-ust{display:flex;gap:6px;padding:10px 14px;background:color-mix(in srgb,var(--text) 6%,var(--card))}
.ke-nokta{width:10px;height:10px;border-radius:50%;background:color-mix(in srgb,var(--text) 22%,transparent)}
.ke-baslik{padding:14px 20px;border-bottom:1px solid var(--hair)}.ke-baslik p{margin:0;font-size:.85rem;color:var(--muted)}
.ke-konu{margin-top:4px!important;font-size:1rem!important;font-weight:700;color:var(--text)!important}
.ke-govde{padding:18px 20px 22px}.ke-govde>p{margin:0 0 12px}
.ke-govde dl{display:grid;gap:8px;margin:0 0 18px}.ke-govde dl div{display:grid;grid-template-columns:120px 1fr;gap:10px}
.ke-govde dt{font-size:.85rem;color:var(--muted)}.ke-govde dd{margin:0;font-weight:600}
.ke-dugme{display:inline-block;padding:10px 18px;border-radius:999px;background:var(--amber,#D97706);color:#fff;font-weight:700;font-size:.92rem}
@media (max-width:560px){.ke-govde dl div{grid-template-columns:1fr;gap:2px}}
.ka-tr-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;padding-top:18px;border-top:1px solid var(--hair)}
.ka-tr-form h3{margin:0;font-size:1.05rem}
@media (max-width:560px){.ka-tr-form{grid-template-columns:1fr}}
.ka-fiyat-al{display:inline-flex;margin-top:4px}