/* ==== apps/modules/web/0100/00_ana_sayfa_ogrenci.php dosyasindan tasindi ==== */
'
        . '@keyframes pwqFadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}'
        . '@keyframes pwqSpin{to{transform:rotate(360deg)}}'
        . '.pwq-card{animation:pwqFadeUp .45s ease both;}'
        . '.pwq-input{width:100%;box-sizing:border-box;padding:13px 42px 13px 40px;border:1.5px solid #dbe7f3;border-radius:10px;font-size:14px;outline:none;background:#f8fafc;transition:border-color .15s,box-shadow .15s,background .15s;}'
        . '.pwq-input:focus{border-color:#1a3a6e;background:#fff;box-shadow:0 0 0 4px rgba(26,58,110,.09);}'
        . '.pwq-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:6px;color:#94a3b8;display:flex;}'
        . '.pwq-eye:hover{color:#1a3a6e;}'
        . '.pwq-match{font-size:12.5px;min-height:18px;text-align:left;padding-left:2px;margin:-6px 0 14px;transition:color .15s;color:transparent;}'
        . '.pwq-match.ok{color:#16a34a;}'
        . '.pwq-match.err{color:#dc2626;}'
        . '.pwq-btn{width:100%;padding:13px;background:linear-gradient(135deg,#0f2a52,#1a3a6e);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .15s,transform .15s,box-shadow .15s;}'
        . '.pwq-btn:disabled{opacity:.45;cursor:not-allowed;}'
        . '.pwq-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(15,42,82,.28);}'
        . '.pwq-spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:pwqSpin .7s linear infinite;display:none;}'
        . '

#quesro-header {
    position: fixed; top: 0; left: 0; right: 0; height: 50px;
    background: linear-gradient(135deg, #0f2a52 0%, #1a3a6e 50%, #0f2a52 100%);
    border-bottom: 1px solid rgba(56,189,248,0.22);
    box-shadow: 0 2px 20px rgba(0,0,0,0.4), 0 0 0 1px rgba(56,189,248,0.09);
    z-index: 1000;
}
.main_bar { position: relative; height: 50px; display: flex; align-items: center; }
#quesro-header #menu_logo { position:static !important; left:auto !important; top:auto !important; height:38px !important; }
#qdr-btn:hover { background: rgba(56,189,248,0.12) !important; color: #e2e8f0; }
#menu_logo { opacity: .92; }
.qdr-item { display: flex; align-items: center; gap: 12px; padding: 10px 16px; color: #bdd8f5; font-size: 13px; cursor: pointer; transition: background .15s, color .15s; white-space: nowrap; text-align: left; }
.qdr-item:hover { background: rgba(255,255,255,0.92); color: #0f2a52; }
.qdr-item:hover svg { filter: brightness(0) saturate(100%) invert(14%) sepia(50%) saturate(800%) hue-rotate(195deg); }
.qdr-item svg { flex-shrink:0; transition: filter .15s; }
#menu_whatsapp:hover svg { filter: none !important; }
.qdr-danger { color: #f87171 !important; }
.qdr-danger:hover { background: rgba(248,113,113,0.12) !important; color: #f87171 !important; }
.qdr-danger:hover svg { filter: none !important; }
.qdr-sep { height:1px; background: rgba(56,189,248,0.1); margin: 4px 12px; }

/* ═══ PROFİL + MENÜ (sidebar yerine, ortalanmış) ═══ */
#quesro-profile { display:flex; flex-direction:column; align-items:center; padding:22px 16px 4px; }
#quesro-profile .avatar-ring {
    width:88px; height:88px; border-radius:50%; padding:3px;
    background: linear-gradient(135deg,#38d9f5,#4f46e5);
    display:flex; align-items:center; justify-content:center; margin-bottom:10px;
    box-shadow:0 4px 18px rgba(79,70,229,0.25);
}
#quesro-profile .avatar-ring img, #quesro-profile .avatar-ring .avatar-fallback {
    width:100%; height:100%; border-radius:50%; object-fit:cover; background:#eef2ff;
    display:flex; align-items:center; justify-content:center; color:#4f46e5; font-size:34px;
}
#quesro-profile .profile-ad { font-size:15px; font-weight:700; color:#111827; }

#quesro-tiles {
    display:flex; flex-direction:column; gap:8px;
    width:88%; max-width:340px; margin:14px auto 0; box-sizing:border-box;
}
.q-tile {
    border:none; border-radius:12px; padding-left:18px;
    display:flex; flex-direction:row; align-items:center; gap:14px; cursor:pointer; width:100%;
    box-sizing:border-box; height:42px; box-shadow:0 3px 8px rgba(0,0,0,.15);
    transition:transform .1s;
}
.q-tile:active { transform:scale(.98); }
.q-tile .q-tile-icon {
    width:22px; min-width:22px; display:flex; align-items:center; justify-content:center;
    color:#fff; font-size:16px;
}
.q-tile /* Kutucuğun sağ ucunda PRO rozeti — sınıf panelindeki .sl-pro-rozet ile
   aynı görünüm. Kutucuk flex olduğu için margin-left:auto sağa dayıyor. */
.q-tile-pro {
  margin-left: auto;
  background: linear-gradient(135deg,#f59e0b,#d97706); color: #fff;
  font-size: 13px; font-weight: 800; letter-spacing: .5px; line-height: 1.5;
  padding: .05rem .3rem; border-radius: 4px; flex-shrink: 0;margin-right:10px;
}
.q-tile-label { flex:1; font-size:13.5px; font-weight:600; color:#fff; text-align:left; }
.q-tile.mydisable { opacity:.5; pointer-events:none; }
.q-tile-kesfet   { background: linear-gradient(to right, #14b8a6, #0d9488) !important; }
.q-tile-dersler  { background: linear-gradient(to right, #6a11cb, #4f46e5) !important; }
.q-tile-foto     { background: linear-gradient(to right, #00c6ff, #0072ff) !important; }
.q-tile-pdf      { background: linear-gradient(to right, #ff416c, #ff4b2b) !important; }
.q-tile-solved   { background: linear-gradient(to right, #11998e, #38ef7d) !important; }

/* Derslerim rozeti — 00_siniflarim_ogrenci.php'deki .slk-bildirim / slkHalka
   ile AYNI yeşil pulse deseni, sadece kutucuğun küçük yüksekliğine (42px)
   göre boyut/konum uyarlandı: banner köşesine değil, kutucuğun sağ üst
   köşesine hafifçe taşırılmış bir rozet olarak oturuyor. */
#q_tile_derslerim { position: relative; }
.qtd-bildirim {
  position: absolute; top: -7px; right: -7px; z-index: 3;
  min-width: 20px; height: 20px; padding: 0 5px; border-radius: 10px;
  background: #22c55e; color: #fff;
  font-size: 10.5px; font-weight: 800; line-height: 20px; text-align: center;
  box-shadow: 0 0 0 2px #fff, 0 2px 6px rgba(0,0,0,.25);
}
/* Dışa doğru yayılan halkalar — .slk-bildirim ile birebir aynı mantık
   (iki halka, 1.1sn aralı, transform+opacity ile compositor'da çalışır). */
.qtd-bildirim::before,
.qtd-bildirim::after {
  content: ''; position: absolute; inset: 0; z-index: -1;
  border-radius: inherit; border: 2px solid #22c55e;
  animation: qtdHalka 2.2s ease-out infinite;
  pointer-events: none;
}
.qtd-bildirim::after { animation-delay: 1.1s; }
@keyframes qtdHalka {
  0%   { transform: scale(1); opacity: .75; }
  100% { transform: scale(2); opacity: 0;   }
}
@media (prefers-reduced-motion: reduce) {
  .qtd-bildirim::before,
  .qtd-bildirim::after { animation: none; opacity: 0; }
}