/* Ataşehir Çekirdek — panel ve giriş ekranları. Renkler tema değişkenlerinden, yoksa yedek değerler. */
.ats-p { padding-block: 48px 80px; }

.ats-p-giris { display: flex; justify-content: center; padding-block: 24px; }
.ats-p-kart {
	width: 100%; max-width: 440px; padding: 36px 32px;
	background: #fff; border: 1px solid var(--ats-cizgi, #dfe7f1); border-radius: var(--ats-yaricap-buyuk, 20px);
	box-shadow: var(--ats-golge, 0 10px 30px rgba(14, 39, 66, .1));
}
.ats-p-baslik { margin: 0 0 6px; font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem); }
.ats-p-aciklama { margin: 0 0 24px; color: var(--ats-metin-soluk, #5b6b80); }
.ats-p-not { margin: 20px 0 0; font-size: 14px; color: var(--ats-metin-soluk, #5b6b80); text-align: center; }

.ats-p-form { display: grid; gap: 18px; }
.ats-p-alan { display: grid; gap: 6px; font-weight: 650; color: var(--ats-lacivert, #15375d); }
.ats-p-alan input {
	width: 100%; min-height: 50px; padding: 12px 14px;
	font: inherit; font-weight: 500; font-size: 17px; color: var(--ats-metin, #1c2b3d);
	border: 2px solid var(--ats-cizgi, #dfe7f1); border-radius: 12px; background: #fff;
	transition: border-color .2s;
}
.ats-p-alan input:focus { outline: none; border-color: var(--ats-mavi, #1b74da); box-shadow: 0 0 0 4px var(--ats-mavi-acik, #e6f0fb); }
.ats-p-sifre { position: relative; display: block; }
.ats-p-sifre input { padding-right: 84px; }
.ats-p-sifre-goster {
	position: absolute; right: 6px; top: 50%; transform: translateY(-50%);
	padding: 8px 12px; border: 0; border-radius: 8px; background: var(--ats-mavi-acik, #e6f0fb);
	color: var(--ats-lacivert, #15375d); font: inherit; font-size: 14px; font-weight: 650; cursor: pointer;
}
.ats-p-onay { display: flex; align-items: center; gap: 10px; cursor: pointer; }
.ats-p-onay input { width: 20px; height: 20px; accent-color: var(--ats-mavi, #1b74da); }

.ats-p-uyari { padding: 14px 16px; border-radius: 12px; margin-bottom: 20px; font-weight: 600; }
.ats-p-uyari--hata { background: #fdecec; color: #8a1c1c; border: 1px solid #f5c2c2; }
.ats-p-uyari--bilgi { background: var(--ats-mavi-acik, #e6f0fb); color: var(--ats-lacivert, #15375d); border: 1px solid #c9dcf3; }

.ats-p-ust { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
.ats-p-geri { display: inline-block; margin-bottom: 8px; font-weight: 650; text-decoration: none; }
.ats-p-kullanici { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.ats-p-kullanici__ad { font-weight: 700; color: var(--ats-lacivert, #15375d); }
.ats-p-rozet { padding: 4px 10px; border-radius: 999px; background: var(--ats-mavi-acik, #e6f0fb); color: var(--ats-lacivert, #15375d); font-size: 13px; font-weight: 650; }
.ats-p-cikis { padding: 9px 16px; font-size: 14px; }

.ats-p-kartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; }
.ats-p-modul {
	display: flex; flex-direction: column; gap: 8px; min-height: 150px; padding: 24px;
	background: #fff; border: 2px solid var(--ats-cizgi, #dfe7f1); border-radius: var(--ats-yaricap-buyuk, 20px);
	color: inherit; text-decoration: none; transition: border-color .2s, transform .2s, box-shadow .2s;
}
.ats-p-modul:hover, .ats-p-modul:focus-visible { border-color: var(--ats-mavi, #1b74da); transform: translateY(-3px); box-shadow: var(--ats-golge, 0 10px 30px rgba(14, 39, 66, .1)); color: inherit; }
.ats-p-modul__ad { font-size: 1.25rem; font-weight: 750; color: var(--ats-lacivert, #15375d); }
.ats-p-modul__aciklama { color: var(--ats-metin-soluk, #5b6b80); flex: 1; }
.ats-p-modul__git { font-weight: 700; color: var(--ats-mavi, #1b74da); }

.ats-p-yonetici { display: flex; flex-wrap: wrap; gap: 8px 20px; align-items: center; margin-top: 40px; padding: 16px 20px; border-radius: 12px; background: var(--ats-zemin-alt, #f5f8fc); font-size: 14px; }

@media (max-width: 600px) {
	.ats-p { padding-block: 32px 56px; }
	.ats-p-kart { padding: 28px 20px; }
	.ats-p-ust { align-items: flex-start; flex-direction: column; }
}

/* 0.2 — Site Ayarları formu */
.ats-p-uyari--basari { background: #e8f6ee; color: #155c34; border: 1px solid #b9e2c9; }
.ats-p-ayarlar { display: grid; gap: 20px; margin-top: 24px; }
.ats-p-bolum { margin: 0; padding: 24px; border: 1px solid var(--ats-cizgi, #dfe7f1); border-radius: var(--ats-yaricap-buyuk, 20px); background: #fff; min-width: 0; }
.ats-p-bolum legend { padding: 0 8px; margin-left: -8px; font-size: 1.1rem; font-weight: 750; color: var(--ats-lacivert, #15375d); }
.ats-p-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 18px 20px; }
.ats-p-ayarlar .ats-p-alan { gap: 6px; }
.ats-p-ayarlar .ats-p-alan > label { font-weight: 650; color: var(--ats-lacivert, #15375d); }
.ats-p-ayarlar .ats-p-alan input, .ats-p-ayarlar .ats-p-alan textarea {
	width: 100%; min-height: 48px; padding: 11px 14px; font: inherit; font-size: 16px; color: var(--ats-metin, #1c2b3d);
	border: 2px solid var(--ats-cizgi, #dfe7f1); border-radius: 12px; background: #fff;
}
.ats-p-ayarlar .ats-p-alan textarea { resize: vertical; }
.ats-p-ayarlar .ats-p-alan input:focus, .ats-p-ayarlar .ats-p-alan textarea:focus { outline: none; border-color: var(--ats-mavi, #1b74da); box-shadow: 0 0 0 4px var(--ats-mavi-acik, #e6f0fb); }
.ats-p-alan--genis { grid-column: 1 / -1; }
.ats-p-alan__ipucu { font-size: 13.5px; font-weight: 500; color: var(--ats-metin-soluk, #5b6b80); }
.ats-p-alan__hata { font-size: 13.5px; font-weight: 650; color: #b42323; }
.has-hata input, .has-hata textarea { border-color: #e06c6c !important; }
.ats-p-kaydet { position: sticky; bottom: 0; z-index: 5; display: flex; justify-content: flex-end; padding: 14px 0; background: linear-gradient(to top, #fff 70%, rgba(255,255,255,0)); }
.ats-p-kaydet .ats-buton { min-width: 220px; padding-block: 14px; }
@media (max-width: 600px) { .ats-p-bolum { padding: 18px 16px; } .ats-p-kaydet .ats-buton { width: 100%; } }

/* 0.5 — Slider */
.ats-sl-liste { list-style: none; margin: 24px 0 0; padding: 0; display: grid; gap: 12px; }
.ats-sl-oge { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 18px; padding: 14px 18px; background: #fff; border: 2px solid var(--ats-cizgi, #dfe7f1); border-radius: 16px; }
.ats-sl-oge.is-kapali { opacity: .6; background: var(--ats-zemin-alt, #f5f8fc); }
.ats-sl-oge__no { width: 34px; height: 34px; flex: none; display: grid; place-items: center; border-radius: 50%; background: var(--ats-mavi-acik, #e6f0fb); color: var(--ats-lacivert, #15375d); font-weight: 800; }
.ats-sl-oge__foto { width: 96px; height: 64px; flex: none; object-fit: cover; border-radius: 10px; background: #e9eef5; }
.ats-sl-oge__metin { flex: 1 1 220px; display: grid; gap: 6px; justify-items: start; color: var(--ats-lacivert, #15375d); }
.ats-sl-oge__dugmeler { display: flex; flex-wrap: wrap; gap: 8px; }
.ats-sl-oge__dugmeler form { margin: 0; }
.ats-sl-oge__dugmeler .ats-buton { padding: 9px 14px; font-size: 14px; min-height: 0; }
.ats-sl-sil { color: #b42323 !important; border-color: #f0c4c4 !important; }
.ats-sl-foto { display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start; }
.ats-sl-foto img { width: 220px; height: auto; border-radius: 12px; }
.ats-sl-foto .ats-p-alan { flex: 1 1 260px; }
.ats-sl-foto input[type=file] { min-height: 0 !important; padding: 12px !important; background: var(--ats-zemin-alt, #f5f8fc) !important; }
@media (max-width: 600px) { .ats-sl-oge__dugmeler { width: 100%; } }

/* 0.6 — Ortak: panel sekmeleri */
.ats-p-sekmeler { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0 4px; }
.ats-p-sekmeler a { padding: 10px 18px; border-radius: 12px; border: 2px solid var(--ats-cizgi, #dfe7f1); background: #fff; font-weight: 700; color: var(--ats-lacivert, #15375d); text-decoration: none; }
.ats-p-sekmeler a:hover { border-color: var(--ats-mavi, #1b74da); }
.ats-p-sekmeler a[aria-current] { background: var(--ats-mavi, #1b74da); border-color: var(--ats-mavi, #1b74da); color: #fff; }

/* 0.6 — Zaman çizelgesi düzenleyici */
.ats-zc-tablo { display: grid; gap: 8px; }
.ats-zc-bas, .ats-zc-satir { display: grid; grid-template-columns: minmax(0, 1fr) 130px 130px 44px; gap: 8px; align-items: center; }
.ats-zc-bas span { font-size: 13px; font-weight: 700; color: var(--ats-metin-soluk, #5b6b80); padding-left: 4px; }
.ats-zc-satir input { width: 100%; min-height: 46px; padding: 9px 12px; font: inherit; font-size: 16px; border: 2px solid var(--ats-cizgi, #dfe7f1); border-radius: 10px; background: #fff; color: var(--ats-metin, #1c2b3d); }
.ats-zc-satir input:focus { outline: none; border-color: var(--ats-mavi, #1b74da); box-shadow: 0 0 0 4px var(--ats-mavi-acik, #e6f0fb); }
.ats-zc-sil { width: 44px; height: 44px; border-radius: 10px; border: 2px solid #f0c4c4; background: #fff; color: #b42323; font-size: 16px; font-weight: 700; cursor: pointer; }
.ats-zc-sil:hover { background: #fdecec; }
.ats-zc-ekle { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.ats-zc-ekle .ats-buton { padding: 10px 16px; font-size: 15px; }
@media (max-width: 600px) {
	.ats-zc-bas { display: none; }
	.ats-zc-satir { grid-template-columns: 1fr 1fr 44px; padding: 10px; border: 1px solid var(--ats-cizgi, #dfe7f1); border-radius: 12px; }
	.ats-zc-satir input[data-a="ad"] { grid-column: 1 / -1; }
}

/* 0.7 — Yemek programı düzenleyici */
.ats-yp-ay { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin: 8px 0 4px; padding: 12px; border-radius: 16px; background: var(--ats-zemin-alt, #f5f8fc); }
.ats-yp-ay strong { font-size: 1.35rem; color: var(--ats-lacivert, #15375d); }
.ats-yp-ay .ats-buton { padding: 10px 16px; font-size: 15px; min-height: 0; }
.ats-yp-kopyala { margin: 0 0 14px; padding: 9px 14px !important; font-size: 14px !important; min-height: 0 !important; }
.ats-yp-gunler { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; }
.ats-yp-gun { display: grid; gap: 4px; padding: 14px; border-radius: 14px; border: 2px solid var(--ats-cizgi, #dfe7f1); background: #fff; }
.ats-yp-gun.is-cmt { background: var(--ats-zemin-alt, #f5f8fc); }
.ats-yp-gun h3 { margin: 0 0 6px; font-size: 1.05rem; color: var(--ats-lacivert, #15375d); }
.ats-yp-gun label { margin-top: 6px; font-size: 14px; font-weight: 750; color: var(--r); }
.ats-yp-gun input { width: 100%; min-height: 46px; padding: 9px 12px; font: inherit; font-size: 16px; border: 2px solid var(--ats-cizgi, #dfe7f1); border-left: 5px solid var(--r, #dfe7f1); border-radius: 10px; background: #fff; color: var(--ats-metin, #1c2b3d); }
.ats-yp-gun input:focus { outline: none; border-color: var(--ats-mavi, #1b74da); box-shadow: 0 0 0 4px var(--ats-mavi-acik, #e6f0fb); }
@media (max-width: 600px) { .ats-yp-ay { justify-content: center; } .ats-yp-ay strong { order: -1; width: 100%; text-align: center; } }

/* 0.8 — Paylaşımlar */
.ats-pay-yeni { display: flex; flex-wrap: wrap; gap: 10px; margin: 4px 0 20px; }
.ats-pay-liste { list-style: none; margin: 20px 0 0; padding: 0; display: grid; gap: 10px; }
.ats-pay-oge { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; padding: 12px 16px; background: #fff; border: 2px solid var(--ats-cizgi, #dfe7f1); border-radius: 16px; }
.ats-pay-oge.is-taslak { background: var(--ats-zemin-alt, #f5f8fc); }
.ats-pay-oge__foto { width: 84px; height: 64px; flex: none; display: grid; place-items: center; object-fit: cover; border-radius: 10px; background: #e9eef5; font-size: 28px; }
.ats-pay-oge__metin { flex: 1 1 240px; display: grid; gap: 4px; justify-items: start; color: var(--ats-lacivert, #15375d); }
.ats-pay-oge__bilgi { font-size: 14px; color: var(--ats-metin-soluk, #5b6b80); }
.ats-pay-oge__dugmeler { display: flex; flex-wrap: wrap; gap: 8px; }
.ats-pay-oge__dugmeler form { margin: 0; }
.ats-pay-oge__dugmeler .ats-buton { padding: 9px 14px; font-size: 14px; min-height: 0; }
.ats-pay-sayfa { display: flex; align-items: center; justify-content: center; gap: 14px; margin-top: 20px; font-weight: 700; }
.ats-pay-tur { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px; }
.ats-pay-tur label { cursor: pointer; }
.ats-pay-tur input { position: absolute; opacity: 0; }
.ats-pay-tur span { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 16px; border: 2px solid var(--ats-cizgi, #dfe7f1); border-radius: 14px; font-weight: 750; color: var(--ats-lacivert, #15375d); text-align: center; transition: border-color .2s, background .2s; }
.ats-pay-tur i { font-style: normal; font-size: 30px; }
.ats-pay-tur input:checked + span { border-color: var(--ats-mavi, #1b74da); background: var(--ats-mavi-acik, #e6f0fb); box-shadow: 0 0 0 3px var(--ats-mavi-acik, #e6f0fb); }
.ats-pay-tur input:focus-visible + span { outline: 3px solid var(--ats-mavi, #1b74da); outline-offset: 2px; }
.ats-pay-kademe { display: flex; flex-wrap: wrap; gap: 10px 24px; }
.ats-pay-foto { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 28px; }
.ats-pay-foto h3 { margin: 0 0 4px; font-size: 1.05rem; color: var(--ats-lacivert, #15375d); }
.ats-pay-foto h3 small { font-weight: 500; color: var(--ats-metin-soluk, #5b6b80); }
.ats-pay-kapak, .ats-pay-galeri { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0; min-height: 10px; }
.ats-pay-k { position: relative; width: 96px; height: 96px; border-radius: 12px; overflow: hidden; background: #e9eef5; }
.ats-pay-kapak .ats-pay-k { width: 180px; height: 130px; }
.ats-pay-k img { width: 100%; height: 100%; object-fit: cover; }
.ats-pay-k button { position: absolute; top: 4px; right: 4px; width: 28px; height: 28px; border: 0; border-radius: 50%; background: rgba(14,39,66,.75); color: #fff; font-size: 14px; cursor: pointer; }
.ats-pay-k.is-yukleniyor { display: grid; place-items: center; }
.ats-pay-k.is-yukleniyor i { width: 28px; height: 28px; border-radius: 50%; border: 3px solid #c9d6e6; border-top-color: var(--ats-mavi, #1b74da); animation: ats-don 0.8s linear infinite; }
@keyframes ats-don { to { transform: rotate(360deg); } }
.ats-pay-sec { cursor: pointer; padding: 10px 16px !important; font-size: 15px !important; }
.ats-pay-durum { margin: 16px 0 0; }
.ats-p-kaydet button:disabled { opacity: .7; cursor: wait; }
@media (max-width: 760px) { .ats-pay-foto { grid-template-columns: 1fr; } .ats-pay-oge__dugmeler { width: 100%; } .ats-pay-k { width: 30%; height: auto; aspect-ratio: 1; } .ats-pay-kapak .ats-pay-k { width: 100%; height: 180px; } }

/* 0.9 — Ders programı */
.ats-dp-ekle { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 14px 18px; margin: 8px 0 24px; }
.ats-dp-ekle .ats-p-alan { flex: 1 1 180px; display: grid; gap: 6px; }
.ats-dp-ekle label { font-weight: 650; color: var(--ats-lacivert, #15375d); }
.ats-dp-ekle input, .ats-dp-ekle select, .ats-dp-adlandir input { width: 100%; min-height: 48px; padding: 10px 12px; font: inherit; font-size: 16px; border: 2px solid var(--ats-cizgi, #dfe7f1); border-radius: 12px; background: #fff; color: var(--ats-metin, #1c2b3d); }
.ats-dp-kbaslik { margin: 28px 0 10px; font-size: 1.3rem; color: var(--ats-lacivert, #15375d); }
.ats-dp-kbaslik small { font-size: 14px; font-weight: 600; color: var(--ats-metin-soluk, #5b6b80); }
.ats-dp-liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 10px; }
.ats-dp-liste li { display: grid; gap: 8px; justify-items: start; padding: 16px; border: 2px solid var(--ats-cizgi, #dfe7f1); border-radius: 16px; background: #fff; }
.ats-dp-liste strong { font-size: 1.3rem; color: var(--ats-lacivert, #15375d); }
.ats-dp-liste .ats-buton { padding: 9px 14px; font-size: 14px; min-height: 0; }
.ats-dp-ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.ats-dp-ust h2 { margin: 0; font-size: 1.5rem; color: var(--ats-lacivert, #15375d); }
.ats-dp-adlandir { display: flex; gap: 8px; }
.ats-dp-adlandir input { width: 140px; }
.ats-dp-adlandir .ats-buton { padding: 10px 14px; font-size: 14px; min-height: 0; white-space: nowrap; }
.ats-dp-izgara { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin-top: 16px; }
.ats-dp-gun { margin: 0; padding: 10px; border: 2px solid var(--ats-cizgi, #dfe7f1); border-radius: 14px; background: #fff; min-width: 0; display: grid; gap: 8px; }
.ats-dp-gun.is-cmt { background: var(--ats-zemin-alt, #f5f8fc); }
.ats-dp-gun legend { padding: 4px 10px; border-radius: 8px; background: var(--ats-lacivert, #15375d); color: #fff; font-weight: 750; font-size: 14px; }
.ats-dp-hucre { display: grid; gap: 3px; padding: 6px; border-radius: 10px; background: var(--ats-zemin-alt, #f5f8fc); }
.ats-dp-no { font-size: 12px; font-weight: 750; color: var(--ats-metin-soluk, #5b6b80); }
.ats-dp-no small { font-weight: 600; }
.ats-dp-hucre input { width: 100%; min-height: 38px; padding: 6px 8px; font: inherit; font-size: 15px; border: 2px solid var(--ats-cizgi, #dfe7f1); border-radius: 8px; background: #fff; color: var(--ats-metin, #1c2b3d); }
.ats-dp-hucre input.ats-dp-ogr { min-height: 32px; font-size: 13.5px; }
.ats-dp-hucre input:focus { outline: none; border-color: var(--ats-mavi, #1b74da); box-shadow: 0 0 0 3px var(--ats-mavi-acik, #e6f0fb); }
.ats-dp-sil { margin-top: 30px; }
@media (max-width: 1100px) { .ats-dp-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 640px) { .ats-dp-izgara { grid-template-columns: 1fr; } .ats-dp-hucre input { min-height: 44px; font-size: 16px; } .ats-dp-hucre input.ats-dp-ogr { min-height: 40px; font-size: 15px; } }

/* 0.10 — Veli bülteni */
.ats-vb-mevcut { margin: 0 0 10px; padding: 10px 14px; border-radius: 10px; background: var(--ats-zemin-alt, #f5f8fc); font-weight: 600; }
.ats-vb-form input[type=file] { min-height: 0 !important; padding: 14px !important; background: var(--ats-zemin-alt, #f5f8fc) !important; border-style: dashed !important; }

/* 0.11 — Paylaşım onayı */
.ats-pay-oge.is-bekleyen { border-color: #F5C26B; background: #FFFBF0; }
.ats-pay-red { display: block; padding: 6px 10px; border-radius: 8px; background: #FDF0E6; color: #8A4B12; font-size: 14px; font-weight: 600; }
.ats-pay-onayla { background: #20A974 !important; border-color: #20A974 !important; color: #fff !important; }
.ats-pay-reddet { position: relative; }
.ats-pay-reddet summary { list-style: none; cursor: pointer; padding: 9px 14px; font-size: 14px; min-height: 0; }
.ats-pay-reddet summary::-webkit-details-marker { display: none; }
.ats-pay-reddet[open] form { display: grid; gap: 6px; margin-top: 8px; padding: 12px; width: min(340px, 80vw); border: 2px solid var(--ats-cizgi, #dfe7f1); border-radius: 12px; background: #fff; }
.ats-pay-reddet label { font-size: 13px; font-weight: 700; color: var(--ats-lacivert, #15375d); }
.ats-pay-reddet textarea { width: 100%; padding: 8px 10px; font: inherit; font-size: 15px; border: 2px solid var(--ats-cizgi, #dfe7f1); border-radius: 8px; }

/* 0.12 — Veli bülteni kapak seçimi */
.ats-vb-mini { width: 84px; flex: none; }
.ats-vb-mini .ats-vb-kapak { border-radius: 10px; }
.ats-vb-kapak-sec { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 20px; align-items: start; }
.ats-vb-kapak-onizleme img { width: 100%; height: auto; border-radius: 12px; }
@media (max-width: 600px) { .ats-vb-kapak-sec { grid-template-columns: 1fr; } }
.ats-vb-mini .ats-vb-kapak__ic { padding: 8px; gap: 2px; }
.ats-vb-mini .ats-vb-kapak__logo, .ats-vb-mini .ats-vb-kapak__alt { display: none; }
.ats-vb-mini .ats-vb-kapak__et { font-size: 7px; padding: 1px 5px; }
.ats-vb-mini .ats-vb-kapak__bas { font-size: 12px; }
.ats-vb-kapak--onizleme .ats-vb-kapak__bas { font-size: 30px; }

/* 0.19 — Panel kabuğu (Tasarım 3.0): sol menü, üst çubuk, selamlama, özet kutuları, bölüm kartları */
.atp-govde { margin: 0; background: #F2F5FA; color: #1c2b3d; font-family: var(--ats-font, system-ui, sans-serif); }
.atp { --atp-yan: 272px; --l1: #0E2742; --l2: #15375D; --m: #1B74DA; --s: #FDC521; --g: #5b6b80; display: grid; grid-template-columns: var(--atp-yan) minmax(0, 1fr); min-height: 100vh; }
.atp-ikon { flex: none; }

.atp-yan { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; background: linear-gradient(180deg, var(--l2), var(--l1)); color: #fff; overflow-y: auto; z-index: 50; }
.admin-bar .atp-yan { top: 32px; height: calc(100vh - 32px); }
.atp-yan:before { content: ""; position: absolute; width: 260px; height: 260px; border-radius: 50%; border: 40px solid rgba(253,197,33,.08); right: -130px; bottom: 60px; pointer-events: none; }
.atp-yan__ust { display: flex; align-items: center; justify-content: space-between; padding: 24px 22px 18px; }
.atp-logo { display: grid; gap: 8px; text-decoration: none; }
.atp-logo img { width: 176px; height: auto; display: block; }
.atp-logo span { justify-self: start; padding: 4px 10px; border-radius: 999px; background: rgba(253,197,33,.16); color: var(--s); font-size: 11.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.atp-yan__kapat { display: none; }
.atp-nav { display: grid; gap: 4px; padding: 8px 14px; }
.atp-nav__baslik { margin: 18px 10px 6px; font-size: 11.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.45); }
.atp-nav a { position: relative; display: flex; align-items: center; gap: 12px; padding: 8px 12px; border-radius: 14px; color: rgba(255,255,255,.82); text-decoration: none; font-weight: 650; font-size: 15.5px; transition: background .2s, color .2s; }
.atp-nav a i { width: 36px; height: 36px; flex: none; display: grid; place-items: center; border-radius: 11px; background: rgba(255,255,255,.07); color: color-mix(in srgb, var(--c) 60%, #fff); transition: background .2s, color .2s; }
.atp-nav a:hover, .atp-nav a:focus-visible { background: rgba(255,255,255,.07); color: #fff; }
.atp-nav a[aria-current] { background: #fff; color: var(--l1); box-shadow: 0 12px 24px -14px rgba(0,0,0,.6); }
.atp-nav a[aria-current] i { background: var(--c); color: #fff; }
.atp-nav a[aria-current]:before { content: ""; position: absolute; left: -14px; top: 12px; bottom: 12px; width: 4px; border-radius: 0 4px 4px 0; background: var(--s); }
.atp-rozet { margin-left: auto; min-width: 24px; padding: 3px 8px; border-radius: 999px; background: #FF7A45; color: #fff; font-size: 12px; font-weight: 800; text-align: center; font-style: normal; }
.atp-yan__alt { margin-top: auto; display: grid; gap: 2px; padding: 16px 14px 22px; border-top: 1px solid rgba(255,255,255,.1); }
.atp-yan__alt a { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 12px; color: rgba(255,255,255,.75); text-decoration: none; font-weight: 600; font-size: 14.5px; }
.atp-yan__alt a:hover { background: rgba(255,255,255,.07); color: #fff; }
.atp-yan__alt .atp-cikis { color: #ffb4a1; }

.atp-ana { min-width: 0; display: flex; flex-direction: column; }
.atp-ust { position: sticky; top: 0; z-index: 40; display: flex; align-items: center; gap: 16px; min-height: 72px; padding: 0 32px; background: rgba(242,245,250,.85); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-bottom: 1px solid #e3e9f2; }
.admin-bar .atp-ust { top: 32px; }
.atp-ust__menu { display: none; width: 44px; height: 44px; place-items: center; border-radius: 12px; background: #fff; border: 1px solid #e3e9f2; color: var(--l2); cursor: pointer; }
.atp-ust__yol { display: flex; align-items: center; gap: 8px; font-size: 15px; color: var(--g); min-width: 0; }
.atp-ust__yol a { color: var(--g); text-decoration: none; font-weight: 600; }
.atp-ust__yol a:hover { color: var(--m); }
.atp-ust__yol strong { color: var(--l1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.atp-ust__sag { margin-left: auto; display: flex; align-items: center; gap: 18px; }
.atp-ust__tarih { font-size: 14px; color: var(--g); font-weight: 600; }
.atp-kisi { display: flex; align-items: center; gap: 10px; padding: 5px 14px 5px 5px; border-radius: 999px; background: #fff; border: 1px solid #e3e9f2; }
.atp-kisi__bas { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(150deg, var(--m), var(--l2)); color: #fff; font-weight: 800; font-size: 14px; }
.atp-kisi__ad { display: grid; line-height: 1.2; }
.atp-kisi__ad b { font-size: 14px; color: var(--l1); }
.atp-kisi__ad small { font-size: 12px; color: var(--g); font-weight: 600; }

.atp-icerik.ats-p { padding: 32px 32px 56px; max-width: 1280px; width: 100%; box-sizing: border-box; }
.atp-alt { margin-top: auto; padding: 18px 32px; font-size: 13px; color: #8a97a8; }

/* Sayfa başlığı (modüller) */
.atp-sayfa-ust { display: flex; align-items: center; gap: 18px; margin-bottom: 18px; }
.atp-sayfa-ust > i { width: 60px; height: 60px; flex: none; display: grid; place-items: center; border-radius: 18px; background: var(--c); color: #fff; box-shadow: 0 14px 26px -14px var(--c); font-style: normal; }
.atp-sayfa-ust .ats-p-baslik { margin: 2px 0 0; color: var(--l1); letter-spacing: -.01em; }
.atp-sayfa-ust__geri { font-size: 14px; font-weight: 650; color: var(--g); text-decoration: none; }
.atp-sayfa-ust__geri:hover { color: var(--m); }

/* Ana sayfa */
.atp-selam { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 34px 36px; margin-bottom: 22px; border-radius: 26px; color: #fff; background: radial-gradient(600px 300px at 95% 0%, rgba(27,116,218,.65), transparent 60%), linear-gradient(150deg, var(--l2), var(--l1)); box-shadow: 0 24px 50px -30px rgba(14,39,66,.7); }
.atp-selam:before { content: ""; position: absolute; inset: 0; opacity: .06; background-image: linear-gradient(#fff 1px, transparent 1px), linear-gradient(90deg, #fff 1px, transparent 1px); background-size: 44px 44px; }
.atp-selam:after { content: ""; position: absolute; width: 230px; height: 230px; border-radius: 50%; border: 38px solid rgba(253,197,33,.22); right: -60px; bottom: -120px; }
.atp-selam > * { position: relative; z-index: 1; }
.atp-selam__tarih { display: inline-block; padding: 5px 12px; border-radius: 999px; background: rgba(253,197,33,.16); color: var(--s); font-size: 12.5px; font-weight: 800; letter-spacing: .04em; }
.atp-selam h1 { margin: 12px 0 8px; font-size: clamp(26px, 3vw, 36px); line-height: 1.15; color: #fff; letter-spacing: -.02em; }
.atp-selam p { margin: 0; max-width: 620px; color: rgba(255,255,255,.8); line-height: 1.6; }
.atp-dugme { display: inline-flex; align-items: center; gap: 8px; min-height: 46px; padding: 0 18px; border-radius: 13px; font-weight: 750; font-size: 15px; text-decoration: none; white-space: nowrap; transition: transform .2s; }
.atp-dugme:hover { transform: translateY(-2px); }
.atp-dugme--sari { background: var(--s); color: var(--l1); box-shadow: 0 10px 24px -12px rgba(253,197,33,.9); }
.atp-dugme--acik { min-height: 40px; background: #EEF3FA; color: var(--l2); font-size: 14px; }

.atp-ozet { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin-bottom: 30px; }
.atp-ozet__kutu { position: relative; display: grid; gap: 2px; padding: 20px 22px; border-radius: 20px; background: #fff; border: 1px solid #e6ecf4; text-decoration: none; color: inherit; overflow: hidden; transition: transform .25s, box-shadow .25s; }
.atp-ozet__kutu:hover { transform: translateY(-3px); box-shadow: 0 18px 36px -24px rgba(14,39,66,.5); }
.atp-ozet__kutu:after { content: ""; position: absolute; right: -30px; top: -30px; width: 110px; height: 110px; border-radius: 50%; background: var(--c); opacity: .08; }
.atp-ozet__kutu i { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 13px; background: color-mix(in srgb, var(--c) 14%, #fff); color: var(--c); margin-bottom: 10px; font-style: normal; }
.atp-ozet__kutu b { font-size: 32px; line-height: 1; color: var(--l1); letter-spacing: -.02em; }
.atp-ozet__kutu span { font-weight: 750; color: var(--l1); margin-top: 6px; }
.atp-ozet__kutu small { color: var(--g); font-size: 13px; }

.atp-bolum-baslik { margin: 0 0 16px; font-size: 20px; color: var(--l1); letter-spacing: -.01em; }
.atp-kartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 18px; margin-bottom: 30px; }
.atp-kart { position: relative; display: flex; flex-direction: column; gap: 6px; min-height: 196px; padding: 24px; border-radius: 22px; background: #fff; border: 1px solid #e6ecf4; color: inherit; text-decoration: none; overflow: hidden; transition: transform .25s, box-shadow .25s, border-color .25s; }
.atp-kart:before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: var(--c); opacity: 0; transition: opacity .25s; }
.atp-kart:hover, .atp-kart:focus-visible { transform: translateY(-5px); box-shadow: 0 26px 46px -28px rgba(14,39,66,.55); border-color: color-mix(in srgb, var(--c) 40%, #fff); }
.atp-kart:hover:before, .atp-kart:focus-visible:before { opacity: 1; }
.atp-kart__ust { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
.atp-kart__ust i { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 17px; background: var(--c); color: #fff; box-shadow: 0 14px 24px -14px var(--c); font-style: normal; }
.atp-kart__ust .atp-rozet { margin-left: 0; }
.atp-kart__ad { font-size: 19px; font-weight: 800; color: var(--l1); }
.atp-kart__aciklama { color: var(--g); font-size: 14.5px; line-height: 1.55; flex: 1; }
.atp-kart__git { display: inline-flex; align-items: center; gap: 6px; font-weight: 750; color: var(--c); }
.atp-kart:hover .atp-kart__git .atp-ikon { transform: translateX(3px); transition: transform .2s; }

.atp-tablo-kart { padding: 24px; border-radius: 22px; background: #fff; border: 1px solid #e6ecf4; margin-bottom: 24px; }
.atp-tablo-kart__ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.atp-tablo-kart__ust .atp-bolum-baslik { margin: 0; }
.atp-liste { list-style: none; margin: 0; padding: 0; }
.atp-liste li + li { border-top: 1px solid #eef2f7; }
.atp-liste a { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 8px; border-radius: 12px; color: inherit; text-decoration: none; }
.atp-liste a:hover { background: #F6F9FD; }
.atp-liste__ad { display: grid; min-width: 0; }
.atp-liste__ad b { color: var(--l1); font-size: 15.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.atp-liste__ad small { color: var(--g); font-size: 13px; }
.atp-durum { flex: none; padding: 5px 11px; border-radius: 999px; font-size: 12.5px; font-weight: 750; }
.atp-durum--yayinda { background: #E5F6EE; color: #157347; }
.atp-durum--bekliyor { background: #FFF1E8; color: #B4501F; }
.atp-durum--duzelt { background: #FDECEC; color: #A12A2A; }
.atp-durum--taslak { background: #EEF2F7; color: #5b6b80; }
.atp-bos { margin: 8px 0 0; color: var(--g); }

.atp-yardim { display: flex; align-items: center; gap: 16px; padding: 18px 22px; border-radius: 18px; background: #FFF8E1; border: 1px solid #F7DD8B; }
.atp-yardim i { width: 44px; height: 44px; flex: none; display: grid; place-items: center; border-radius: 12px; background: var(--s); color: var(--l1); font-style: normal; }
.atp-yardim div { display: grid; gap: 2px; }
.atp-yardim b { color: var(--l1); }
.atp-yardim span { color: #5a4a12; font-size: 14.5px; }

/* Modül içerikleri kabukta: kartlar beyaz zeminde dursun */
.atp-icerik .ats-p-bolum, .atp-icerik .ats-sl-oge { border-color: #e6ecf4; }
.atp-icerik .ats-p-kaydet { background: linear-gradient(to top, #F2F5FA 70%, rgba(242,245,250,0)); }

@media (max-width: 1080px) {
	.atp { grid-template-columns: minmax(0, 1fr); }
	.atp-yan { position: fixed; left: 0; top: 0; bottom: 0; width: min(300px, 86vw); height: auto; z-index: 100001; transform: translateX(-102%); transition: transform .3s cubic-bezier(.2,.7,.2,1); }
	.admin-bar .atp-yan { top: 0; height: auto; }
	.atp-yan__kapat { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: rgba(255,255,255,.08); color: #fff; cursor: pointer; }
	.atp-menu-kutu:checked ~ .atp .atp-yan { transform: none; box-shadow: 30px 0 60px -30px rgba(0,0,0,.6); }
	.atp-perde { position: fixed; inset: 0; z-index: 100000; background: rgba(14,39,66,.45); opacity: 0; pointer-events: none; transition: opacity .3s; }
	.atp-menu-kutu:checked ~ .atp .atp-perde { opacity: 1; pointer-events: auto; }
	.atp-ust__menu { display: grid; }
	.atp-ust { padding: 0 18px; }
	.atp-ust__tarih { display: none; }
	.atp-icerik.ats-p { padding: 22px 18px 48px; }
}
@media (max-width: 600px) {
	.atp-kisi { padding: 4px; }
	.atp-kisi__ad { display: none; }
	.atp-selam { flex-direction: column; align-items: flex-start; padding: 26px 22px; }
	.atp-selam .atp-dugme { width: 100%; justify-content: center; }
	.atp-ozet { grid-template-columns: 1fr 1fr; gap: 12px; }
	.atp-ozet__kutu { padding: 16px; }
	.atp-ozet__kutu b { font-size: 26px; }
	.atp-sayfa-ust > i { width: 50px; height: 50px; border-radius: 15px; }
	.atp-liste a { flex-direction: column; align-items: flex-start; gap: 6px; }
	.atp-alt { padding: 16px 18px; }
}
@media (min-width: 1081px) { .atp-perde { display: none; } }
@media (prefers-reduced-motion: reduce) { .atp-yan, .atp-kart, .atp-ozet__kutu, .atp-dugme { transition: none; } }