:root{
  --bg1:#5b56b7;
  --bg2:#2c2a66;
  --card:#ffffff;
  --line:#273244;
  --head:#6c66cc;
  --head2:#b9b6ff;
  --banner:#1a7b3a;
  --btn:#e5e7eb;
  --btn2:#0b5563;
  --muted:#6b7280;
  --shadow:0 18px 55px rgba(0,0,0,.25);

  /* ✅ SÜTUNLAR (KONU EN GENİŞ KALSIN DİYE) */
  --wTime:56px;     /* Saat dar */

  /* SÜTUN KONTROLÜ – KONU ZORUNLU EN GENİŞ */
  --wTime:56px;      /* Saat DAR */
  --wLesson:100px;   /* Ders DAHA DAR */
  --wMethod:100px;   /* Yöntem = Ders */
}

@media (min-width:1400px){
  :root{ --wLesson:140px; --wMethod:140px; }
}

@media (max-width:700px){
  :root{ --wTime:50px; --wLesson:110px; --wMethod:110px; }
}

*{ box-sizing:border-box; }

body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  min-height:100vh;
  background:#f3f4f6; /* açık gri */
  color:#1f2937;
}


/* ================= TOPBAR ================= */
.topbar{
  position:sticky;
  top:0;
  z-index:50;
  background:#e5e7eb;
  border-bottom:1px solid #cbd5e1;
  padding:10px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.topbar-title{ font-weight:900; }
.topbar-sub{ font-size:12px; color:#111; margin-top:2px; }
.topbar-right{ display:flex; gap:10px; }

/* ================= BUTTONS ================= */
.btn{
  border:1px solid #1f2937;
  background:var(--btn);
  padding:8px 12px;
  border-radius:10px;
  cursor:pointer;
  font-weight:700;
}
.btn-primary{
  background:var(--btn2);
  border-color:var(--btn2);
  color:#fff;
}
.w100{ width:100%; }

/* ================= SETUP ================= */
.setup{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px 16px;
}
.setup-card{
  width:min(780px,96vw);
  background:var(--card);
  border-radius:16px;
  box-shadow:var(--shadow);
  padding:18px;
}
.setup-card h1{
  margin:0 0 14px;
  font-size:20px;
  font-weight:900;
}
.form-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px 14px;
}
@media (max-width:720px){
  .form-grid{ grid-template-columns:1fr; }
}
.form-item label{
  font-size:12px;
  font-weight:800;
  margin-bottom:6px;
  display:block;
}
.form-item input,
.form-item select{
  width:100%;
  padding:10px 12px;
  border:2px solid #e2e8f0;
  border-radius:10px;
  font-size:14px;
  background:#f8fafc;
  outline:none;
}
.setup-hint{
  margin-top:10px;
  font-size:12px;
  color:var(--muted);
}
.setup-sign{
  margin-top:10px;
  text-align:center;
  font-size:11px;
  color:#777;
}

/* ================= PLAN ================= */
.plan{ width:100%; padding:16px; }
.plan-header{
  background:#fff;
  border-radius:14px 14px 0 0;
  padding:12px 14px;
  display:flex;
  justify-content:space-between;
  box-shadow:var(--shadow);
}
.plan-title{ font-weight:900; font-size:18px; }
.plan-meta{
  margin-top:6px;
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  font-size:12px;
}
.plan-week{ font-weight:900; font-size:13px; }
/* Gün / tarih (hafta bilgisi) siyah olsun */
.topbar-sub,
.plan-week{
  color:#000 !important;
}


/* ================= BANNER ================= */
.banner{
  background:var(--banner);
  font-weight:900;
  text-align:center;
  padding:8px;
  box-shadow:var(--shadow);
}

/* ================= GRID ================= */
.grid-4{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:6px;
  background:#fff;
  padding:12px;
  box-shadow:var(--shadow);
}
.grid-4 + .grid-4{
  margin-top:10px;
  border-radius:0 0 14px 14px;
}
@media (max-width:1100px){
  .grid-4{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:700px){
  .grid-4{ grid-template-columns:1fr; }
}
/* ⬇️ ALT GÜN BLOKLARINDA FAZLA BOŞLUĞU DARALT */
#gridBottom{
  padding-bottom: 4px !important;
  margin-bottom: 4px !important;
}
/* Alt grid boşlukları */
#gridBottom{
  padding-bottom:4px !important;
  margin-bottom:4px !important;
}

/* Gün kartları arası boşluk */
.grid-4{
  gap:6px;   /* 10px → 6px */
}

/* Gün kartının kendi altı */
.daycard{
  margin-bottom:4px;
}

/* ================= DAY CARD ================= */
.daycard{
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
  overflow:hidden;
  min-width:0;
}
.dayhead{
  background:var(--head);
  color:#black;
  padding:4px 6px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.daytitle{
  font-size:11px;     /* 🔻 küçült */
  line-height:1.05;  /* 🔻 daha sık */
  padding:2px 0;
}

.daytitle{
  font-size:11px;
  font-weight:900;
  text-align:center;
  flex:1;
  line-height:1.1;

  white-space:nowrap;     /* ✅ yan yana */
}

.daytools{ display:flex; gap:6px; }
.toolbtn{
  width:28px;
  height:24px;
  border:1px solid rgba(255,255,255,.7);
  background:rgba(255,255,255,.15);
  color:#fff;
  border-radius:8px;
  cursor:pointer;
  font-weight:900;
  line-height:1;
}
/* ⬇️ GÜN KARTLARI ALT BOŞLUK AZALTMA */
.daycard{
  margin-bottom: 4px;
}

.toolbtn:hover{ filter:brightness(1.05); }

/* ================= TABLE ================= */
.tbl{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed; /* ✅ şart */
}
.tbl th,
.tbl td{
  border:1px solid var(--line);
  padding:0;
  font-size:12px;
  vertical-align:middle;
}
.tbl thead th{
  background:var(--head2);
  color:#111;
  font-weight:900;
  text-align:center;
}

/* ✅ COLGROUP GENİŞLİKLERİ (KONU EN GENİŞ) */
.tbl col.col-time{ width:var(--wTime); }
.tbl col.col-lesson{ width:var(--wLesson); }
.tbl col.col-method{ width:var(--wMethod); }
.tbl col.col-topic{ width:auto; }

/* Hücre içindeki input/select taşmasın */
.cell{
  width:100%;
  min-width:0;
  box-sizing:border-box;
  font-size:11px;
  padding:2px 4px;

  border:0;                 /* ✅ iç çizgi tamamen yok */
  background:#fff;
  outline:none;

  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
}
.cell:focus{
  border-color:#6c66cc;
  box-shadow:0 0 0 2px rgba(108,102,204,.15);
}
.cell-time{ text-align:center; }

/* Other/Elle yaz satırında min taşma olmasın */
.flex-inline{ display:flex; align-items:center; gap:4px; min-width:0; }

/* ⬇️ TABLO ALT BOŞLUK TEMİZLEME */
.tbl{
  margin-bottom: 0;
}

/* ================= NOTES ================= */
.notes{
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
  display:flex;
  flex-direction:column;
  min-width:0;
}
.notes-head{
  background:#7fb16e;
  text-align:center;
  font-weight:800;
  padding:4px;        /* 🔻 daraltıldı */
  font-size:12px;     /* 🔻 küçültüldü */
  border-bottom:1px solid var(--line);
}

.notes-sum{
  padding:8px 10px;
  border-bottom:1px solid #e5e7eb;
  font-size:12px;
}
/* Haftalık ders özeti – yatay akış */
.notes-sum{
  display:flex;
  flex-wrap:wrap;        /* ⬅️ sığmazsa alta geç */
  gap:4px 10px;          /* ⬅️ satır + sütun aralığı */
  padding:6px 8px;
  font-size:11px;
}

/* Tek ders kutusu gibi */
.sumline{
  display:flex;
  gap:4px;
  padding:2px 6px;
  border:1px solid #e5e7eb;
  border-radius:6px;
  white-space:nowrap;    /* ⬅️ içi bölünmesin */
  font-size:11px;
}


/* ================= FOOTER ================= */
.screen-footer{
  color:#111;          /* ⬅️ siyah / koyu */
  font-size:12px;
  padding-top:6px;
  font-weight:600;
}


/* ================= TOOLTIP ================= */
#tooltip{
  position:fixed;
  z-index:9999;
  max-width:280px;
  background:#111;
  color:#fff;
  padding:8px 10px;
  border-radius:10px;
  font-size:12px;
  box-shadow:0 16px 40px rgba(0,0,0,.35);
}

/* ================= AÇILIŞ LOGOSU ================= */
#logoSplash{
  position:fixed;
  left:50%;
  bottom:20px;
  transform:translateX(-50%);
  z-index:10;
  pointer-events:none;
}
#logoSplash img{
  width:160px;                 /* ⬅️ biraz büyüt */
  height:auto;

  opacity:1;                   /* ⬅️ silikliği kaldır */
  filter: contrast(1.15) 
          saturate(1.1);       /* ⬅️ renkleri canlandır */

  /* ⬇️ beyaz zeminden ayıran yumuşak gölge */
  filter: contrast(1.05) saturate(1.05);
drop-shadow(0 3px 10px rgba(0,0,0,.45));
}

/* ================= PRINT ================= */
@page{ size:A4 landscape; margin:5mm; }
@media print{
  #topbar,
  #setupBox,
  #logoSplash,
  .no-print{ display:none !important; }

  body{ background:#fff !important; }
  .plan{ padding:0; }
  .plan-header,
  .banner,
  .grid-4{ box-shadow:none; }
}
.method-grid{ ... }
.method-card{ ... }
.method-card.open .method-detail{ display:block; }
/* ================= STUDY METHOD CARDS ================= */

.method-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
  gap:14px;
  margin-top:20px;
}

.method-card{
  background:#f9fafb;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:12px;
  box-shadow:0 6px 16px rgba(0,0,0,.08);
  cursor:pointer;
  transition:all .25s ease;
}

.method-card:hover{
  transform:translateY(-2px);
}

.method-short{
  font-size:13px;
  color:#374151;
  margin-top:8px;
}

.method-detail{
  display:none;
  margin-top:10px;
  font-size:13px;
  line-height:1.6;
  background:#f3f4f6;
  padding:10px;
  border-radius:10px;
}

.method-card.open{
  transform:scale(1.05);
  z-index:5;
}

.method-card.open .method-detail{
  display:block;
}
/* SADECE YÖNTEMLER – KOYU TEMA */
.methods-scope{
  background:#0f172a;
  padding:24px;
  border-radius:16px;
}

.methods-scope .method-card{
  background:#1f2937;
  color:#e5e7eb;
  border:1px solid #334155;
}

.methods-scope .method-no{
  background:#fb923c;
  color:#1f2937;
}

.methods-scope .method-short{
  color:#cbd5f5;
}

.methods-scope .method-detail{
  background:rgba(255,255,255,.05);
  border-left:4px solid #86efac;
}

.methods-scope .method-section{
  color:#fb923c;
  border-left:6px solid #fb923c;
}
/* ↩ geri dönüş ikonu – minimal, yer kaplamaz */
.small-btn{
  width:14px;
  min-width:14px;
  height:14px;
  padding:0;
  margin-left:2px;

  border:0;
  background:transparent;

  font-size:11px;
  line-height:14px;
  opacity:0.25;
  cursor:pointer;
}

/* Hover veya input focus olunca görünür */
.flex-inline:hover .small-btn,
.flex-inline:focus-within .small-btn{
  opacity:0.9;
}

/* Yazdırmada tamamen yok */
@media print{
  .small-btn{ display:none !important; }
}
/* 🔥 ALT GÜNLERDEKİ BEYAZ BOŞLUĞUN TEK SEBEBİ */
#gridBottom{
  align-items: start;
}
/* NOTLARIM – DERS ÖZETİ SIKIŞTIRMA */
.notes-sum{
  column-count:2;          /* ⬅️ yan yana */
  column-gap:12px;         /* ⬅️ aradaki boşluk */
  font-size:11px;
  line-height:1.35;        /* ⬅️ satır arası dar */
  padding:6px 8px;
}

/* Çok uzunsa otomatik alta düşsün */
@media (max-width:900px){
  .notes-sum{
    column-count:1;
  }
}
/* Alt imza – daha silik */
.screen-footer,
.screen-footer b{
  color: rgba(0,0,0,0.45);   /* ⬅️ silik */
  font-weight:600;
}
/* İmza ekranın en altına sabitlensin */
.screen-footer{
  position: fixed;
  bottom: 6px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 11px;
  pointer-events: none; /* tıklanmasın */
}
/* =========================
   YAZDIRMA AYARLARI
   ========================= */
@media print {

  /* yazdırmada sağ alttaki imza görünmesin */
  .fixed-author{
    display: none !important;
  }

  /* yazdırınca otomatik %80 ölçek */
  body{
    zoom: 0.8;   /* Chrome / Edge */
  }

  /* tek sayfa A4 yatay */
  @page{
    size: A4 landscape;
    margin: 6mm;
  }
}
/* ÜST ORTA BAŞLIK */
.top-center{
  flex: 1;
  text-align: center;
  font-size: 18px;
  font-weight: 700;          /* KOYU */
  letter-spacing: 0.6px;
  color: #0f172a;            /* Resmi koyu ton */
}