/* YerRadar CANLI AKIŞ — kartlar, kayan şerit, modal, arşiv (ana sayfa + /akis) */
:root { --ak-bg: #070b10; --ak-panel: #101923; --ak-panel2: #0c141d; --ak-line: #1c2b39; --ak-line2: #2b3d4f; --ak-ink: #e9eff6;
  --ak-mut: #8a9bab; --ak-jade: #7fd4c1; --ak-coral: #e0705f; --ak-amber: #f0a35e; --ak-gold: #d4b678; --ak-azure: #6fa6cf;
  --ak-font: "IBM Plex Sans", system-ui, sans-serif; --ak-serif: "IBM Plex Serif", Georgia, serif; --ak-mono: "IBM Plex Mono", ui-monospace, monospace; }

/* canlı şerit */
.ak-canli { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 1.1rem; padding: 0.6rem 1rem; border: 1px solid var(--ak-line2); border-radius: 14px;
  background: linear-gradient(90deg, rgba(111,179,154,0.08), rgba(255,255,255,0.02)); font: 500 0.78rem var(--ak-mono); color: var(--ak-mut); margin: 0 0 1.1rem; }
.ak-canli b { color: var(--ak-jade); }
.ak-nabiz { width: 10px; height: 10px; border-radius: 50%; background: var(--ak-jade); box-shadow: 0 0 0 0 rgba(127,212,193,0.6); animation: akNabiz 1.6s infinite; flex-shrink: 0; }
.ak-nabiz.duruk { background: var(--ak-mut); animation: none; }
@keyframes akNabiz { 0% { box-shadow: 0 0 0 0 rgba(127,212,193,0.6); } 70% { box-shadow: 0 0 0 10px rgba(127,212,193,0); } 100% { box-shadow: 0 0 0 0 rgba(127,212,193,0); } }

/* kayan şerit */
.ak-serit { position: relative; overflow: hidden; padding: 0.4rem 0 0.8rem; mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); }
.ak-ray { display: flex; gap: 14px; width: max-content; will-change: transform; }
.ak-serit .ak-kart { width: 272px; flex-shrink: 0; }
.ak-bos { color: var(--ak-mut); font-size: 0.85rem; padding: 1rem 0; }

/* kart */
.ak-kart { border: 1px solid var(--ak-line2); border-radius: 16px; background: var(--ak-panel2); overflow: hidden; cursor: pointer; text-align: left;
  transition: transform 0.18s ease, border-color 0.18s; outline: none; }
.ak-kart:hover, .ak-kart:focus-visible { transform: translateY(-3px); border-color: var(--ak-gold); }
.ak-gorsel { position: relative; aspect-ratio: 16/10; background: #05080c; overflow: hidden; }
.ak-gorsel img { width: 100%; height: 100%; object-fit: cover; display: block; filter: saturate(0.95); }
.ak-gorsel.yok img { display: none; }
.ak-gorsel.yok::after { content: "görsel hazırlanıyor"; position: absolute; inset: 0; display: grid; place-items: center; color: var(--ak-mut); font: 500 0.72rem var(--ak-mono); }
.ak-halka { position: absolute; left: 50%; top: 50%; width: 30px; height: 30px; margin: -15px 0 0 -15px; border: 2px solid var(--ak-coral); border-radius: 50%;
  box-shadow: 0 0 0 2px rgba(9,12,16,0.6), 0 0 12px rgba(224,112,95,0.6); pointer-events: none; }
.ak-ust { position: absolute; left: 8px; top: 8px; display: flex; gap: 5px; }
.ak-tur, .ak-sinif { font: 700 0.6rem var(--ak-mono); letter-spacing: 0.06em; padding: 0.22rem 0.5rem; border-radius: 6px; backdrop-filter: blur(6px); }
.ak-tur.ak-aday { background: rgba(212,182,120,0.25); color: #f3dfae; border: 1px solid rgba(212,182,120,0.5); }
.ak-tur.ak-uyari { background: rgba(224,112,95,0.25); color: #ffb7aa; border: 1px solid rgba(224,112,95,0.55); }
.ak-sinif { background: rgba(7,11,16,0.7); color: #fff; border: 1px solid var(--ak-line2); }
.ak-sinif.ak-A { border-color: var(--ak-coral); color: #ffb0a3; } .ak-sinif.ak-B { border-color: var(--ak-amber); color: #f6c891; }
.ak-govde { padding: 0.7rem 0.8rem 0.8rem; }
.ak-govde b { display: block; font-size: 0.86rem; color: var(--ak-ink); margin-bottom: 0.2rem; }
.ak-govde p { margin: 0 0 0.35rem; font-size: 0.72rem; color: var(--ak-mut); line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ak-govde small { font: 500 0.62rem var(--ak-mono); color: #5f6f7e; }

/* arşiv */
.ak-gun-ozet { display: flex; gap: 4px; overflow-x: auto; padding: 0.2rem 0 0.9rem; }
.ak-gunsay { flex: 0 0 auto; width: 44px; text-align: center; border: 1px solid var(--ak-line); border-radius: 9px; padding: 0.3rem 0; text-decoration: none; color: var(--ak-ink); background: rgba(255,255,255,0.02); }
.ak-gunsay b { display: block; font-family: var(--ak-serif); font-size: 1rem; color: var(--ak-gold); } .ak-gunsay.bos b { color: var(--ak-line2); }
.ak-gunsay span { font: 500 0.58rem var(--ak-mono); color: var(--ak-mut); }
.ak-gun { margin-bottom: 1.6rem; }
.ak-gun h3 { font: 600 0.7rem var(--ak-mono); letter-spacing: 0.12em; text-transform: uppercase; color: var(--ak-jade); display: flex; gap: 0.7rem; align-items: center; margin: 0 0 0.7rem; }
.ak-gun h3::after { content: ""; flex: 1; height: 1px; background: var(--ak-line); }
.ak-gun h3 small { font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--ak-mut); }
.ak-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 12px; }

/* modal */
.ak-modal { position: fixed; inset: 0; z-index: 9999; display: grid; place-items: center; padding: 18px; }
.ak-modal.hidden { display: none; }
.ak-modal-arka { position: absolute; inset: 0; background: rgba(3,6,10,0.78); backdrop-filter: blur(8px); }
.ak-modal-kutu { position: relative; width: min(1080px, 100%); max-height: calc(100vh - 36px); overflow: auto; border-radius: 20px; border: 1px solid var(--ak-line2);
  background: linear-gradient(180deg, #111a24, #0b1219); box-shadow: 0 40px 90px -30px rgba(0,0,0,0.9); padding: 22px 24px 26px; color: var(--ak-ink); font-family: var(--ak-font); animation: akGel 0.28s ease; }
@keyframes akGel { from { opacity: 0; transform: translateY(14px) scale(0.985); } to { opacity: 1; transform: none; } }
body.ak-acik { overflow: hidden; }
.ak-kapat { position: absolute; right: 14px; top: 12px; width: 34px; height: 34px; border-radius: 10px; border: 1px solid var(--ak-line2); background: rgba(255,255,255,0.05); color: var(--ak-mut); cursor: pointer; font-size: 0.95rem; }
.ak-kapat:hover { color: var(--ak-coral); border-color: var(--ak-coral); }
.ak-yukleniyor { padding: 3rem 1rem; text-align: center; color: var(--ak-mut); font: 500 0.85rem var(--ak-mono); }
.ak-mb { margin-bottom: 16px; padding-right: 40px; }
.ak-mb-ust { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-bottom: 8px; }
.ak-tarih, .ak-bolge { font: 500 0.68rem var(--ak-mono); color: var(--ak-mut); }
.ak-mb h2 { margin: 0 0 6px; font-family: var(--ak-serif); font-size: clamp(20px, 3vw, 27px); line-height: 1.2; }
.ak-kaynak { margin: 0; font-size: 0.84rem; color: #c6d2dd; } .ak-kaynak b { color: var(--ak-ink); }
.ak-mgrid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 20px; }
@media (max-width: 820px) { .ak-mgrid { grid-template-columns: 1fr; } .ak-modal-kutu { padding: 16px 14px 20px; } }
.ak-sekmeler { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
.ak-sekme { border: 1px solid var(--ak-line2); background: rgba(255,255,255,0.03); color: var(--ak-mut); font: 600 0.68rem var(--ak-font); padding: 0.4rem 0.7rem; border-radius: 8px; cursor: pointer; }
.ak-sekme.on { color: var(--ak-jade); border-color: rgba(127,212,193,0.5); background: rgba(127,212,193,0.1); }
.ak-buyuk { margin: 0; position: relative; border-radius: 14px; overflow: hidden; border: 1px solid var(--ak-line2); background: #05080c; }
.ak-buyuk img { display: block; width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.ak-buyuk .ak-halka { width: 40px; height: 40px; margin: -30px 0 0 -20px; }
.ak-buyuk figcaption { font: 500 0.64rem var(--ak-mono); color: var(--ak-mut); padding: 7px 10px; border-top: 1px solid var(--ak-line); }
.ak-seri { display: flex; gap: 6px; overflow-x: auto; padding: 4px 0; }
.ak-seri figure { margin: 0; flex: 0 0 96px; border: 1px solid var(--ak-line); border-radius: 9px; overflow: hidden; background: #05080c; }
.ak-seri img { width: 96px; height: 96px; object-fit: cover; display: block; }
.ak-seri figcaption { font: 500 0.6rem var(--ak-mono); color: var(--ak-mut); text-align: center; padding: 3px; }
.ak-bslk { font: 600 0.62rem var(--ak-mono); letter-spacing: 0.12em; text-transform: uppercase; color: var(--ak-jade); margin: 16px 0 8px; display: flex; gap: 8px; align-items: center; }
.ak-bslk::after { content: ""; flex: 1; height: 1px; background: var(--ak-line); }
.ak-bslk small { text-transform: none; letter-spacing: 0; color: var(--ak-mut); font-weight: 500; }
.ak-grafik svg { width: 100%; height: auto; display: block; }
.ak-grafik .ak-gv { font: 600 10px var(--ak-mono); fill: #e9eff6; } .ak-grafik .ak-ge { font: 500 10px var(--ak-mono); fill: #8a9bab; }
.ak-grafik .ak-eksen { stroke: #2b3d4f; stroke-width: 1; }
.ak-grafik small { display: block; font-size: 0.66rem; color: var(--ak-mut); line-height: 1.45; margin-top: 2px; }
.ak-skor { display: grid; grid-template-columns: auto 1fr; gap: 2px 12px; align-items: center; border: 1px solid var(--ak-line2); border-radius: 14px; padding: 12px 14px; background: var(--ak-panel2); }
.ak-skor span { grid-column: 1; font: 600 0.58rem var(--ak-mono); letter-spacing: 0.1em; text-transform: uppercase; color: var(--ak-mut); }
.ak-skor b { grid-column: 1; font-family: var(--ak-serif); font-size: 2rem; color: var(--ak-gold); line-height: 1; }
.ak-skor em { grid-column: 2; grid-row: 1 / 2; font-style: normal; font-weight: 700; color: var(--ak-ink); align-self: end; }
.ak-skor small { grid-column: 2; grid-row: 2 / 3; font-size: 0.7rem; color: var(--ak-mut); }
.ak-sinifkutu { margin-top: 8px; font-size: 0.78rem; color: #c6d2dd; border-left: 3px solid var(--ak-amber); padding: 6px 10px; background: rgba(240,163,94,0.08); border-radius: 0 10px 10px 0; }
.ak-ozet { font-size: 0.82rem; color: #c6d2dd; margin: 10px 0 0; line-height: 1.5; }
.ak-kanit { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.ak-kanit li { display: grid; grid-template-columns: 22px 1fr; gap: 8px; align-items: start; border: 1px solid var(--ak-line); border-radius: 10px; padding: 8px 10px; background: rgba(255,255,255,0.02); }
.ak-kanit li i { font-style: normal; font-weight: 700; width: 22px; height: 22px; border-radius: 6px; display: grid; place-items: center; font-size: 0.75rem; }
.ak-kanit li.var i { background: rgba(127,212,193,0.16); color: var(--ak-jade); } .ak-kanit li.yok i { background: rgba(255,255,255,0.05); color: var(--ak-mut); }
.ak-kanit b { font-size: 0.78rem; } .ak-deger { font: 600 0.72rem var(--ak-mono); color: var(--ak-gold); margin-left: 4px; }
.ak-kanit small { display: block; font-size: 0.66rem; color: var(--ak-mut); line-height: 1.4; margin-top: 2px; }
.ak-cevre { display: flex; flex-wrap: wrap; gap: 6px; }
.ak-cevre span { font-size: 0.7rem; color: var(--ak-mut); border: 1px solid var(--ak-line); border-radius: 99px; padding: 0.3rem 0.65rem; background: rgba(255,255,255,0.02); }
.ak-cevre span b { color: var(--ak-ink); font-weight: 600; } .ak-cevre span.on { border-color: rgba(240,163,94,0.5); background: rgba(240,163,94,0.08); }
.ak-sonraki { margin: 0; font-size: 0.8rem; color: var(--ak-jade); }
.ak-uyari { margin: 10px 0 0; font-size: 0.7rem; color: #f0dcb6; border: 1px solid rgba(224,180,90,0.45); background: rgba(224,180,90,0.1); border-radius: 10px; padding: 8px 10px; line-height: 1.45; }

/* akış diyagramı */
.ak-akis { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; counter-reset: adim; }
@media (max-width: 520px) { .ak-akis { grid-template-columns: 1fr 1fr; } }
.ak-akis li { position: relative; border: 1px solid var(--ak-line); border-radius: 10px; padding: 8px 9px 7px; background: rgba(255,255,255,0.02); min-height: 78px; }
.ak-akis li::before { counter-increment: adim; content: counter(adim); position: absolute; right: 7px; top: 5px; font: 700 0.58rem var(--ak-mono); color: var(--ak-line2); }
.ak-akis li.gecti { border-color: rgba(127,212,193,0.45); background: rgba(127,212,193,0.07); }
.ak-akis li.gecmedi { opacity: 0.75; }
.ak-akis li.yok { opacity: 0.45; border-style: dashed; }
.ak-ai { font-size: 1rem; display: block; margin-bottom: 2px; }
.ak-akis b { display: block; font-size: 0.7rem; color: var(--ak-ink); line-height: 1.2; }
.ak-akis small { display: block; font-size: 0.6rem; color: var(--ak-mut); line-height: 1.3; margin-top: 1px; }
.ak-akis em { display: block; font: 600 0.58rem var(--ak-mono); font-style: normal; margin-top: 4px; color: var(--ak-mut); }
.ak-akis li.gecti em { color: var(--ak-jade); }