/* YKS Öğrenci Paneli */
.yks-front-wrap { font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; max-width:1100px; margin:0 auto; color:#2c3e50; }

/* Header */
.yksf-header { display:flex; align-items:center; gap:16px; background:#2c3e50; color:#fff; padding:16px 20px; border-radius:10px; margin-bottom:16px; flex-wrap:wrap; }
.yksf-header-info { display:flex; align-items:center; gap:12px; flex:1; }
.yksf-avatar { width:48px; height:48px; background:#3498db; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:22px; font-weight:700; flex-shrink:0; }
.yksf-name { font-size:18px; font-weight:700; }
.yksf-meta { font-size:12px; opacity:.7; margin-top:2px; }
.yksf-countdown { background:rgba(255,255,255,.1); border:2px solid; border-radius:8px; padding:8px 14px; text-align:center; min-width:70px; }
.yksf-count-num { font-size:26px; font-weight:800; line-height:1; }
.yksf-count-lbl { font-size:10px; opacity:.8; margin-top:2px; }

/* Sekmeler */
.yksf-tabs { display:flex; gap:4px; margin-bottom:14px; border-bottom:2px solid #e8ecf0; }
.yksf-tab { padding:10px 18px; background:none; border:none; cursor:pointer; font-size:14px; font-weight:600; color:#888; border-bottom:3px solid transparent; margin-bottom:-2px; transition:all .2s; }
.yksf-tab.active { color:#2980b9; border-bottom-color:#2980b9; }
.yksf-tab:hover { color:#2c3e50; }
.yksf-panel { display:none; }
.yksf-panel.active { display:block; }

/* Hafta navigasyon */
.yksf-week-nav { display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.yksf-week-btn { padding:6px 14px; background:#ecf0f1; border-radius:5px; text-decoration:none; color:#2c3e50; font-size:13px; font-weight:600; }
.yksf-week-btn:hover { background:#d5dbde; }
.yksf-week-label { flex:1; text-align:center; font-size:14px; font-weight:600; color:#2c3e50; }
.yksf-badge-now { background:#27ae60; color:#fff; font-size:10px; padding:2px 8px; border-radius:10px; margin-left:6px; }

/* Koç notu */
.yksf-coach-note { background:#f0fdf4; border-left:4px solid #27ae60; border-radius:0 6px 6px 0; padding:12px 16px; margin-bottom:14px; }
.yksf-note-title { font-weight:700; font-size:13px; color:#16a34a; margin-bottom:6px; }
.yksf-note-text { font-size:13px; color:#2c3e50; line-height:1.7; }

/* Tablo */
.yksf-table-wrap { overflow-x:auto; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,.08); }
.yksf-table { border-collapse:collapse; width:100%; min-width:600px; }
.yksf-th-hour { background:#2c3e50; color:#fff; padding:8px 10px; font-size:11px; text-align:center; width:55px; position:sticky; left:0; z-index:2; }
.yksf-th-day { background:#2c3e50; color:#fff; padding:8px 6px; font-size:12px; text-align:center; font-weight:600; min-width:110px; }
.yksf-th-day.yksf-today { background:#2980b9; }
.yksf-today-dot { width:6px; height:6px; background:#f39c12; border-radius:50%; margin:3px auto 0; }
.yksf-td-hour { background:#ecf0f1; font-size:11px; font-weight:700; text-align:center; padding:4px; color:#555; position:sticky; left:0; z-index:1; border-bottom:1px solid #ddd; }
.yksf-td { padding:3px; border:1px solid #e8ecf0; vertical-align:top; min-height:36px; }
.yksf-today-col { background:#ebf5fb; }

/* Slot */
.yksf-slot { background:#667eea; color:#fff; border-radius:4px; padding:4px 7px; margin-bottom:2px; font-size:11px; display:flex; align-items:center; gap:5px; transition:opacity .2s; }
.yksf-slot.yksf-ticked { opacity:.6; }
.yksf-slot.yksf-ticked .yksf-slot-text { text-decoration:line-through; }
.yksf-slot-text { flex:1; line-height:1.3; }
.yksf-done-mark { font-size:10px; opacity:.8; flex-shrink:0; }

/* Tik checkbox */
.yksf-tick-wrap { display:flex; align-items:center; cursor:pointer; flex-shrink:0; }
.yksf-tick-wrap input[type=checkbox] { display:none; }
.yksf-tick-custom { width:14px; height:14px; border:2px solid rgba(255,255,255,.8); border-radius:3px; display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:background .15s; }
.yksf-tick-wrap input:checked + .yksf-tick-custom { background:rgba(255,255,255,.9); border-color:#fff; }
.yksf-tick-wrap input:checked + .yksf-tick-custom::after { content:'✓'; font-size:10px; color:#27ae60; font-weight:900; }

/* Geçmiş haftalar */
.yksf-past-weeks { margin-top:14px; display:flex; gap:6px; flex-wrap:wrap; align-items:center; }
.yksf-past-title { font-size:12px; font-weight:600; color:#888; }
.yksf-past-link { font-size:11px; padding:3px 10px; background:#ecf0f1; border-radius:4px; text-decoration:none; color:#555; }
.yksf-past-link:hover, .yksf-past-link.active { background:#2980b9; color:#fff; }

/* Kitaplar */
.yksf-book-group { margin-bottom:16px; border-radius:6px; overflow:hidden; border:1px solid #e0e5ea; }
.yksf-book-et { color:#fff; padding:8px 12px; font-weight:700; font-size:13px; }
.yksf-book-course { background:#f8f9fa; padding:5px 12px; font-weight:700; font-size:12px; border-bottom:1px solid #eee; color:#555; }
.yksf-book-row { display:flex; gap:10px; align-items:center; padding:6px 12px; border-bottom:1px solid #f5f5f5; flex-wrap:wrap; }
.yksf-book-name { font-size:13px; font-weight:600; flex:1; }
.yksf-book-pub { font-size:11px; background:#e8ecf0; padding:2px 8px; border-radius:10px; color:#555; }
.yksf-book-author { font-size:11px; color:#888; }

/* Boş */
.yksf-empty { background:#f8f9fa; padding:20px; text-align:center; border-radius:6px; color:#888; font-size:14px; }

@media(max-width:600px){
  .yksf-header { padding:12px; }
  .yksf-name { font-size:15px; }
  .yksf-tab { padding:8px 12px; font-size:13px; }
}

/* İlerleme sekmesi */
.yksf-prog-group { margin-bottom:16px; border-radius:6px; overflow:hidden; border:1px solid #e0e5ea; }
.yksf-prog-et { display:flex; justify-content:space-between; align-items:center; color:#fff; padding:9px 14px; font-weight:700; font-size:13px; }
.yksf-prog-pct { font-size:11px; opacity:.85; font-weight:400; }
.yksf-prog-bar-wrap { height:5px; background:#e8ecf0; }
.yksf-prog-bar { height:5px; transition:width .4s; }
.yksf-prog-course { background:#f8f9fa; padding:5px 14px; font-weight:700; font-size:12px; color:#555; border-bottom:1px solid #eee; display:flex; justify-content:space-between; }
.yksf-topic-row { display:flex; align-items:center; justify-content:space-between; padding:7px 14px; border-bottom:1px solid #f5f5f5; gap:10px; }
.yksf-topic-row.yksf-topic-done { background:#f0fdf4; }
.yksf-topic-name { font-size:12px; color:#2c3e50; flex:1; }
.yksf-topic-actions { display:flex; align-items:center; gap:6px; flex-shrink:0; }
.yksf-status-badge { font-size:11px; padding:2px 8px; border-radius:10px; font-weight:600; }
.yksf-btn-sm { padding:3px 10px; border:none; border-radius:4px; cursor:pointer; font-size:11px; font-weight:600; }
.yksf-btn-green { background:#27ae60; color:#fff; }
.yksf-btn-green:hover { background:#219a52; }
.yksf-cancel-req { background:#e8ecf0; color:#555; }
.yksf-cancel-req:hover { background:#ddd; }

/* Denemeler sekmesi */
.yksf-exam-card { background:#fff; border:1px solid #e0e5ea; border-radius:6px; margin-bottom:12px; overflow:hidden; }
.yksf-exam-header { display:flex; justify-content:space-between; align-items:center; padding:10px 14px; background:#f8f9fa; flex-wrap:wrap; gap:8px; }
.yksf-exam-name { font-weight:700; font-size:13px; color:#2c3e50; margin-right:8px; }
.yksf-exam-type { font-size:10px; padding:2px 7px; border-radius:10px; color:#fff; font-weight:700; }
.yksf-exam-date { font-size:11px; color:#888; margin-right:10px; }
.yksf-exam-net { font-size:14px; font-weight:700; }
.yksf-exam-results { padding:8px 14px; display:flex; flex-direction:column; gap:4px; }
.yksf-exam-result-row { display:flex; align-items:center; gap:8px; font-size:12px; }
.yksf-result-dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; }
.yksf-result-course { flex:1; color:#555; }
.yksf-result-vals { font-size:12px; color:#888; }
.yksf-exam-note { padding:6px 14px 10px; font-size:11px; color:#888; font-style:italic; border-top:1px solid #f0f0f0; }
