/* ===== ÖĞRENCİ MODÜLÜ CSS — Kelebek Platform V2 ===== */

/* Student table enhancements */
#student-table table { width: 100%; border-collapse: collapse; }
#student-table th { font-size:var(--fs-sm,.8rem); color: var(--text2); padding: 6px 8px; text-align: left; font-weight: 600; }
#student-table td { padding: 5px 8px; font-size:var(--fs-sm,.8rem); border-bottom: 1px solid var(--border); }

/* Class tabs */
#class-tabs > div { transition: all .15s; }
#class-tabs > div:hover { border-color: var(--accent) !important; }

/* Student panel card */
#student-panel { animation: fadeUp .3s cubic-bezier(.4,0,.2,1); }

/* Bulk input */
#bulk-input { font-family: var(--mono); font-size:var(--fs-sm,.8rem); line-height: 1.5; }

/* Responsive */
@media (max-width: 768px) {
  #student-panel .fg-2 { grid-template-columns: 1fr; }
  .module-container { padding: 12px; }
}


/* ════ Düzen: masaüstü iki sütun ════ */
.ogr-layout{display:grid;grid-template-columns:280px 1fr;gap:16px}

/* ════ TELEFON SÜRÜMÜ (≤599px) — ayrı düzen ════ */
@media (max-width:599px){
  .ogr-layout{grid-template-columns:1fr;gap:12px}
  .module-container{padding:10px}

  /* Sınıflar: dikey liste → YATAY ÇİP ŞERİDİ */
  #class-tabs{flex-direction:row !important;overflow-x:auto;gap:8px !important;
    padding-bottom:6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  #class-tabs::-webkit-scrollbar{display:none}
  #class-tabs > div{flex:0 0 auto;white-space:nowrap;min-height:42px;display:flex;align-items:center;border-radius:999px !important;padding:8px 16px !important}

  /* Öğrenci tablosu → KART SATIRLAR */
  #student-table thead{display:none}
  #student-table table, #student-table tbody{display:block;width:100%}
  #student-table tr{display:flex;align-items:center;gap:10px;padding:10px 6px;border-bottom:1px solid var(--border)}
  #student-table td{border:none !important;padding:0 !important}
  #student-table td:nth-child(1){display:none}                       /* sıra no gizle */
  #student-table td:nth-child(2){flex:0 0 auto;font-family:var(--mono);font-size:.78rem;
    background:var(--bg2);border:1px solid var(--border);padding:3px 10px !important;border-radius:999px}
  #student-table td:nth-child(3){flex:1;font-size:.95rem;font-weight:600}
  #student-table td:nth-child(4){flex:0 0 auto}
  #student-table td:nth-child(4) .btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;font-size:1rem}

  /* Üst Drive kartı: butonlar 2'li ızgara, tam genişlik */
  .module-container > .card:first-child .btn{flex:1 1 calc(50% - 6px);min-height:44px;justify-content:center}
  .module-container > .card:first-child label.btn{flex:1 1 calc(50% - 6px);min-height:44px;justify-content:center}

  /* Topbar: isim gizle, başlık küçült (avatar+çıkış kalır) */
  .topbar .uname{display:none}
  .topbar-title{font-size:.92rem}

  /* Dokunma hedefleri */
  .btn-sm{min-height:42px} .btn-xs{min-height:38px}
  input.inp, select.inp{min-height:44px;font-size:16px}              /* iOS zoom önler */
}