/* ════════════════════════════════════════════════════════════════════════
   GÖREVLER
   ════════════════════════════════════════════════════════════════════════ */

/* Periyot rozeti (Günlük / Haftalık) */
.gorev-period { margin-left: 8px; font-size: .6rem; font-weight: 800; letter-spacing: .5px;
    text-transform: uppercase; border-radius: 5px; padding: 2px 7px; vertical-align: middle; }
.gorev-period.daily  { color: #7ee8a0; background: #11301d; border: 1px solid #2f9e54; }
.gorev-period.weekly { color: #ffcf5c; background: #2a2410; border: 1px solid #5a4a20; }

.gorev-layout {
    margin-top: 60px; height: calc(100vh - 60px); overflow-y: auto;
    padding: 24px 28px; font-family: 'Rajdhani', sans-serif; max-width: 1100px; margin-left: auto; margin-right: auto;
}
.gorev-ust { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }
.gorev-ust h2 { font-family: 'Orbitron', monospace; color: #eef; font-size: 1.4rem; }
.gorev-mangir {
    display: flex; align-items: center; gap: 6px;
    background: #14122e; border: 1px solid #4a3a6a; border-radius: 20px; padding: 6px 16px; color: #ffd24d; font-weight: 700;
}
.gorev-mangir b { font-family: 'Orbitron', monospace; font-size: 1.1rem; }
.gorev-mangir img { filter: drop-shadow(0 0 3px #ffd24d); }

.gorev-mesaj { min-height: 20px; font-size: .85rem; color: #7ee8a0; }
.gorev-mesaj.err { color: #ff8da3; }

.gorev-kat {
    font-family: 'Orbitron', monospace; color: #7c8bb5; font-size: .85rem; letter-spacing: 2px;
    text-transform: uppercase; margin: 18px 0 10px; border-bottom: 1px solid #1e3a4a; padding-bottom: 6px;
}
.gorev-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); gap: 14px; }

.gorev-kart {
    background: linear-gradient(180deg, #111a30, #0c1322);
    border: 1px solid #1e3a4a; border-radius: 14px; padding: 16px;
    display: flex; flex-direction: column; gap: 10px;
}
.gorev-kart.hazir { border-color: #ffcf5c; box-shadow: 0 0 16px rgba(255,207,92,.22); }
.gorev-kart.claimed { opacity: .65; }

.gorev-kart-ust { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.gorev-baslik { font-weight: 800; color: #eef; font-size: 1.05rem; }
.gorev-odul { display: flex; flex-direction: column; gap: 4px; align-items: flex-end; }
.odul-mangir { color: #ffd24d; font-weight: 700; font-size: .82rem; white-space: nowrap; }
.odul-item { display: flex; align-items: center; gap: 4px; color: #b9b1ff; font-weight: 700; font-size: .78rem; white-space: nowrap; }
.odul-item img { width: 16px; height: 16px; filter: drop-shadow(0 0 2px #b9b1ff); }

.gorev-acik { font-size: .82rem; color: #8794ba; line-height: 1.4; }

.gorev-bar { height: 8px; background: #0a1520; border-radius: 5px; overflow: hidden; }
.gorev-dolu { display: block; height: 100%; background: linear-gradient(90deg, #7c6ff7, #4fb6ff); border-radius: 5px; transition: width .4s; }
.gorev-kart.hazir .gorev-dolu { background: linear-gradient(90deg, #ffcf5c, #ffb454); }

.gorev-alt { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.gorev-ilerleme { font-family: 'Orbitron', monospace; font-size: .8rem; color: #8794ba; }
.gorev-btn { padding: 8px 16px; border-radius: 9px; border: none; font-family: inherit; font-weight: 800; font-size: .82rem; cursor: pointer; }
.gorev-btn.alinabilir { background: linear-gradient(135deg, #ffcf5c, #e0a83c); color: #2a1d00; animation: gorev-nabiz 1.6s infinite; }
.gorev-btn.tamamlandi { background: #14361f; color: #7fe6a0; border: 1px solid #2f9e54; cursor: default; }
.gorev-btn.ilerleme { background: #161d33; color: #667; border: 1px solid #1e3a4a; cursor: default; }
@keyframes gorev-nabiz { 0%,100%{box-shadow:0 0 0 0 rgba(255,207,92,0)} 50%{box-shadow:0 0 14px 0 rgba(255,207,92,.5)} }