/* ═══ OKULUMU KUR ▸ PLANLAMA EKRANLARI — planlama-ortak.css'in KAPSAMLI kopyası (2026-10-18)
   Okulumu Kur, Planlama'nın KENDİ ekranlarını (Öğretmenler · Zaman Çizelgesi) çerçevesiz çiziyor; stiller yalnız #okPl içinde geçerli.
   ⚠⚠ Kapsam `:where(...)` ile — ÖZGÜLLÜK SIFIR kalır, yani her kural Planlama sayfasındaki ağırlığıyla çalışır. `#okPl *{padding:0}`
     gibi düz bir önek Planlama'nın kendi `.hv-btn`, `.hv-kart` dolgularını eziyordu (ekran görüntüsünde ölçüldü).
   ⚠ planlama-ortak.css değişirse bu dosyayı yeniden üretin. Adım başlığı zaten var → Planlama'nın h1'i gizli. */
:where(#e101-icerik #okPl){--bg:#f5f6f8; --yuzey:#fff; --yuzey2:#f8fafc;
  --kenar:#e2e8f0; --kenar2:#cbd5e1;
  --metin:#0f172a; --metin2:#334155; --metin3:#64748b;
  --mavi:#2563eb; --mavi-soft:#dbeafe;
  --gold:#B8860B; --gold-soft:#fdf4dd;
  --yesil:#15a06a; --yesil-soft:#dcfce7;
  --kirmizi:#dc2626; --kirmizi-soft:#fee2e2;
  --turuncu:#ea580c; --turuncu-soft:#ffedd5;
  --r:12px;}
:where(#e101-icerik #okPl) *{box-sizing:border-box;margin:0;padding:0}
:where(#e101-icerik #okPl){font-family:Nunito,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
     background:var(--bg);color:var(--metin);line-height:1.6}
:where(#e101-icerik #okPl) .plan-sar{max-width:1150px;margin:0 auto;padding:22px 24px 60px}
:where(#e101-icerik #okPl) .icerik{min-width:0}
@media(max-width:760px){:where(#e101-icerik #okPl) .plan-sar{padding:16px 14px 48px}}
:where(#e101-icerik #okPl) h1{font-size:22px;font-weight:800;letter-spacing:-.4px;margin-bottom:4px}
:where(#e101-icerik #okPl) .alt{color:var(--metin3);font-size:14px;margin-bottom:20px}
:where(#e101-icerik #okPl) .kart{background:var(--yuzey);border:1px solid var(--kenar);border-radius:var(--r);
      padding:20px;margin-bottom:16px}
:where(#e101-icerik #okPl) .kart h2{font-size:16px;font-weight:700;margin-bottom:6px}
:where(#e101-icerik #okPl) .kart h3{font-size:15px;font-weight:700;margin-bottom:6px}
:where(#e101-icerik #okPl) .kart .ack{font-size:13px;color:var(--metin3);margin-bottom:14px}
:where(#e101-icerik #okPl) label{display:block;font-size:11px;font-weight:700;color:var(--metin3);
      text-transform:uppercase;letter-spacing:.3px;margin-bottom:5px}
:where(#e101-icerik #okPl) input,:where(#e101-icerik #okPl) select,:where(#e101-icerik #okPl) textarea{width:100%;padding:9px 11px;border:1px solid var(--kenar2);
      border-radius:9px;font-family:inherit;font-size:14px;background:#fff;color:var(--metin)}
:where(#e101-icerik #okPl) textarea{min-height:90px;resize:vertical}
:where(#e101-icerik #okPl) input:focus,:where(#e101-icerik #okPl) select:focus,:where(#e101-icerik #okPl) textarea:focus{outline:none;border-color:var(--gold);
      box-shadow:0 0 0 3px rgba(184,134,11,.13)}
:where(#e101-icerik #okPl) .izgara{display:grid;gap:12px}
:where(#e101-icerik #okPl) .s2{grid-template-columns:repeat(2,1fr)}
:where(#e101-icerik #okPl) .s3{grid-template-columns:repeat(3,1fr)}
@media(max-width:760px){:where(#e101-icerik #okPl) .s2,:where(#e101-icerik #okPl) .s3{grid-template-columns:1fr}}
:where(#e101-icerik #okPl) .btn{border:none;border-radius:9px;padding:10px 18px;font-family:inherit;font-size:14px;
     font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:7px}
:where(#e101-icerik #okPl) .btn-ana{background:var(--gold);color:#fff}
:where(#e101-icerik #okPl) .btn-ana:hover{background:#9c7009}
:where(#e101-icerik #okPl) .btn-ikincil{background:#fff;color:var(--metin);border:1px solid var(--kenar2)}
:where(#e101-icerik #okPl) .btn-ikincil:hover{background:var(--yuzey2)}
:where(#e101-icerik #okPl) .btn-kucuk{padding:6px 12px;font-size:13px}
:where(#e101-icerik #okPl) .uyari{border-radius:10px;padding:13px 16px;margin-bottom:12px;font-size:13.5px;
       border-left:4px solid;display:flex;gap:10px;align-items:flex-start}
:where(#e101-icerik #okPl) .uyari .ik{font-size:17px;flex-shrink:0}
:where(#e101-icerik #okPl) .uyari.dikkat{background:var(--kirmizi-soft);border-color:var(--kirmizi);color:#7f1d1d}
:where(#e101-icerik #okPl) .uyari.onemli{background:var(--turuncu-soft);border-color:var(--turuncu);color:#7c2d12}
:where(#e101-icerik #okPl) .uyari.bilgi{background:var(--mavi-soft);border-color:var(--mavi);color:#1e3a8a}
:where(#e101-icerik #okPl) .uyari.tamam{background:var(--yesil-soft);border-color:var(--yesil);color:#065f46}
:where(#e101-icerik #okPl) .uyari b{font-weight:800}
:where(#e101-icerik #okPl) .tablo-kap{overflow-x:auto;border:1px solid var(--kenar);border-radius:var(--r);background:#fff}
:where(#e101-icerik #okPl) table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:640px}
:where(#e101-icerik #okPl) th{background:var(--yuzey2);font-weight:700;text-align:left;padding:11px 14px;
   color:var(--metin2);border-bottom:1px solid var(--kenar);white-space:nowrap}
:where(#e101-icerik #okPl) td{padding:11px 14px;border-bottom:1px solid var(--kenar);vertical-align:top}
:where(#e101-icerik #okPl) tr:last-child td{border-bottom:none}
:where(#e101-icerik #okPl) tr:hover td{background:var(--yuzey2)}
:where(#e101-icerik #okPl) .bos{padding:44px 20px;text-align:center;color:var(--metin3)}
:where(#e101-icerik #okPl) .bos .ik{font-size:40px;display:block;margin-bottom:12px}
:where(#e101-icerik #okPl) .bos h3{font-size:17px;font-weight:800;color:var(--metin2);margin-bottom:6px}
:where(#e101-icerik #okPl){font-family:Nunito,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:transparent;line-height:1.6}
#e101-icerik #okPl > .icerik > h1{display:none}