/* MentoraPro öğrenci ana sayfa — mobil yığın, örtüşmesiz */

/* Bento ızgara / ada yüksekliği KAPALI — kartlar alt alta, içeriğe göre boy */
#student-panel #s-bento-mesh:not(.is-editing) {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0.7rem !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    max-width: min(100%, 68rem) !important;
}
#student-panel #s-bento-mesh:not(.is-editing) > [data-widget]:not([data-widget="metrics"]):not([data-widget="phoneHub"]):not([data-widget="ataturk"]) {
    display: block !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    overflow: visible !important;
    grid-column: auto !important;
    grid-row: auto !important;
    align-self: stretch !important;
    z-index: auto !important;
    box-sizing: border-box !important;
}
#student-panel #s-bento-mesh:not(.is-editing) > [data-widget="ataturk"] {
    order: 1 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    overflow: hidden !important;
}
#student-panel #s-bento-mesh:not(.is-editing) > [data-widget="calendar"] { order: 2 !important; }
#student-panel #s-bento-mesh:not(.is-editing) > [data-widget="phoneHub"] { order: 3 !important; }
#student-panel #s-bento-mesh:not(.is-editing) > [data-widget="events"] { order: 4 !important; }
#student-panel #s-bento-mesh:not(.is-editing) > [data-widget="tasks"] { order: 5 !important; }
#student-panel #s-bento-mesh:not(.is-editing) > [data-widget="homework"] { order: 6 !important; }
#student-panel #s-bento-mesh:not(.is-editing) > [data-widget="metrics"] { order: 7 !important; }
#student-panel #s-bento-mesh:not(.is-editing) > [data-widget="pending"] { order: 8 !important; }
#student-panel #s-bento-mesh:not(.is-editing) > [data-widget="summary"] { order: 9 !important; }
#student-panel #s-bento-mesh:not(.is-editing) > [data-widget="mentor"] { order: 10 !important; }

/* ========== Atatürk: küçük şerit + çekmece ========== */
#student-panel .s-bento-ataturk {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 0.4rem !important;
    padding: 0.28rem 0.45rem !important;
    height: auto !important;
    max-height: none !important;
    overflow: hidden !important;
    cursor: default;
}
#student-panel .s-ataturk-compact {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 0.4rem;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    order: 1;
    text-align: left;
    background: transparent;
    border: 0;
    padding: 0.08rem 0;
    color: inherit;
    cursor: pointer;
}
#student-panel .s-ataturk-compact-copy {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-width: 0;
    flex: 1 1 auto;
}
#student-panel .s-ataturk-compact .s-bento-section-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.58rem !important;
    letter-spacing: 0.02em;
    margin: 0 !important;
}
#student-panel .s-ataturk-compact-quote { display: none !important; }
#student-panel .s-ataturk-chevron {
    color: #94a3b8;
    flex-shrink: 0;
    font-size: 0.7rem;
    transition: transform 0.25s ease;
    order: 3;
}
#student-panel .s-ataturk-expand {
    order: 2;
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 2.35rem;
    overflow: hidden;
    border-radius: 0.42rem;
    display: block;
}
#student-panel .s-bento-ataturk-photo-wrap {
    position: relative !important;
    aspect-ratio: auto !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 2.35rem !important;
    overflow: hidden !important;
    border-radius: 0.42rem !important;
    background: rgba(15, 23, 42, 0.35);
    padding: 0 !important;
    margin: 0 !important;
    aspect-ratio: auto !important;
}
#student-panel .s-bento-ataturk .s-bento-ataturk-photo,
#student-panel .s-bento-mesh .s-bento-ataturk .s-bento-ataturk-photo {
    width: 100% !important;
    height: 100% !important;
    max-height: 2.35rem !important;
    object-fit: cover !important;
    object-position: center top !important;
    display: block !important;
    filter: none;
    transition: filter 0.35s ease, max-height 0.3s ease;
}
#student-panel .s-bento-ataturk-quote-glass {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.85rem 0.9rem;
    background: rgba(28, 25, 23, 0.32);
    backdrop-filter: blur(5px) saturate(1.05);
    -webkit-backdrop-filter: blur(5px) saturate(1.05);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.28s ease;
    z-index: 3;
}
#student-panel .s-bento-ataturk:not(.is-expanded) .s-bento-ataturk-quote-glass {
    display: none;
}
#student-panel .s-bento-ataturk-quote-text,
#student-panel #s-home-ataturk-quote {
    margin: 0 !important;
    max-width: 28rem;
    color: #facc15 !important;
    font-size: clamp(0.72rem, 3.4cqi, 0.92rem) !important;
    line-height: 1.5 !important;
    font-weight: 650 !important;
    text-align: center;
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.65);
    display: block !important;
    -webkit-line-clamp: unset !important;
    overflow: visible !important;
}
#student-panel .s-bento-ataturk.is-expanded {
    flex-direction: column !important;
    align-items: stretch !important;
}
#student-panel .s-bento-ataturk.is-expanded .s-ataturk-compact {
    flex-wrap: wrap !important;
}
#student-panel .s-bento-ataturk.is-expanded .s-ataturk-expand {
    order: 4;
    width: 100%;
    height: auto;
    flex: 1 1 100%;
    max-height: none;
}
#student-panel .s-bento-ataturk.is-expanded .s-ataturk-compact {
    width: 100%;
}
#student-panel .s-bento-ataturk.is-expanded .s-ataturk-chevron {
    transform: rotate(180deg);
}
#student-panel .s-bento-ataturk.is-expanded .s-bento-ataturk-photo-wrap {
    max-height: none !important;
    height: auto !important;
    border-radius: 1rem !important;
}
#student-panel .s-bento-ataturk.is-expanded .s-bento-ataturk-photo {
    height: auto !important;
    max-height: none !important;
}
#student-panel .s-bento-ataturk.is-quote-open .s-bento-ataturk-photo {
    filter: blur(2.4px) brightness(0.62) saturate(0.85);
}
#student-panel .s-bento-ataturk.is-quote-open .s-bento-ataturk-quote-glass {
    opacity: 1;
}

/* ========== Telefon ekranı: Merhaba + Şu An ========== */
#student-panel #s-phone-hub.s-phone-hub,
#student-panel #s-bento-mesh > [data-widget="phoneHub"] {
    display: flex !important;
    justify-content: center !important;
    align-items: stretch !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
    min-width: 0 !important;
}
#student-panel .s-phone-hub-bezel {
    position: relative;
    width: 100%;
    max-width: 22.5rem;
    margin: 0 auto;
    padding: 0.7rem 0.55rem 0.55rem;
    border-radius: 2.05rem;
    background: #0b1220;
    border: 5px solid #1c1917;
    box-shadow:
        0 18px 40px rgba(2, 6, 23, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.18);
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-width: 0;
    height: auto;
    overflow: hidden;
}
#student-panel .s-phone-hub-notch {
    width: 5.4rem;
    height: 0.48rem;
    border-radius: 999px;
    background: #020617;
    margin: 0.15rem auto 0.15rem;
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.08);
}
#student-panel .s-phone-hub .s-bento-clock,
#student-panel .s-phone-hub .s-bento-hero {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0.15rem 0.2rem !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}
#student-panel .s-phone-hub .s-bento-clock-time {
    font-size: clamp(2rem, 11vw, 2.55rem) !important;
    letter-spacing: -0.04em;
}
#student-panel .s-phone-hub .s-bento-hero-inner {
    padding: 0.15rem 0.1rem 0.2rem;
    height: auto !important;
    min-height: 0 !important;
}
#student-panel .s-phone-hub .s-bento-tempo-btn {
    border-radius: 0.95rem !important;
}

/* ========== Dar ekranda takvim: yatay, tam, geniÅŸ ========== */
@media (max-width: 767px) {
    #student-panel #s-bento-mesh > [data-widget="calendar"],
    #student-panel .s-bento-calendar {
        width: 100% !important;
        max-width: 100% !important;
        grid-column: 1 / -1 !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 0.4rem 0.45rem 0.4rem !important;
    }
    #student-panel .s-bento-calendar .s-cal-header {
        padding-bottom: 0.2rem !important;
        margin-bottom: 0 !important;
    }
    #student-panel .s-bento-calendar .s-cal-header-row {
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 0.35rem !important;
    }
    #student-panel .s-bento-calendar .s-cal-header-left {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
    }
    #student-panel .s-bento-calendar .s-cal-title-row {
        width: auto !important;
        max-width: 100%;
    }
    #student-panel .s-bento-calendar #s-meb-calendar-nav,
    #student-panel .s-bento-calendar .s-cal-month-nav {
        width: auto !important;
        flex: 0 0 auto !important;
        justify-content: flex-end !important;
        padding: 0 !important;
    }
    #student-panel .s-bento-calendar #s-calendar-academic-status,
    #student-panel .s-bento-calendar #s-calendar-week-theme {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        font-size: 0.62rem !important;
        line-height: 1.2 !important;
        margin-top: 0.1rem !important;
    }
    #student-panel .s-bento-calendar .s-cal-day,
    #student-panel .s-bento-calendar .s-cal-cell-empty {
        min-height: 1.55rem !important;
        height: 1.55rem !important;
        max-height: 1.55rem !important;
        font-size: 0.7rem !important;
        aspect-ratio: auto !important;
    }
    #student-panel .s-bento-calendar #s-calendar-days-grid {
        grid-auto-rows: 1.55rem !important;
        width: 100% !important;
    }
    #student-panel .s-bento-calendar .s-bento-cal-legend {
        flex-wrap: nowrap !important;
        gap: 0.35rem !important;
        overflow: hidden;
        font-size: 0.55rem !important;
        margin-top: 0.25rem !important;
    }
    #student-panel #s-bento-mesh > [data-widget="phoneHub"] {
        grid-column: 1 / -1 !important;
    }
    #student-panel .s-phone-hub-bezel {
        max-width: min(100%, 22.5rem);
    }
}

/* ========== Yaklaşan olaylar çekmecesi ========== */
#student-panel .s-bento-events {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    padding: 0.2rem 0.35rem 0.35rem !important;
}
#student-panel .s-events-drawer-head {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    gap: 0.15rem 0.5rem;
    align-items: center;
    text-align: left;
    background: transparent;
    border: 0;
    padding: 0.45rem 0.35rem;
    cursor: pointer;
    color: inherit;
    font: inherit;
}
#student-panel .s-events-drawer-title {
    grid-column: 1;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #334155;
}
#student-panel .s-events-drawer-title i { color: #d97706; }
#student-panel .s-events-drawer-title b {
    display: inline-flex;
    min-width: 1.15rem;
    height: 1.15rem;
    padding: 0 0.28rem;
    border-radius: 999px;
    align-items: center;
    justify-content: center;
    background: #f59e0b;
    color: #fff;
    font-size: 0.62rem;
}
#student-panel .s-events-drawer-peek {
    grid-column: 1 / -1;
    font-size: 0.68rem;
    font-weight: 650;
    color: #64748b;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
#student-panel .s-events-drawer-chevron {
    grid-column: 2;
    grid-row: 1;
    color: #94a3b8;
    transition: transform 0.25s ease;
}
#student-panel .s-events-drawer-chevron.is-open,
#student-panel .s-bento-events.is-open .s-events-drawer-chevron {
    transform: rotate(180deg);
}
#student-panel .s-events-drawer-body {
    display: none;
    flex-direction: column;
    min-height: 0;
    padding: 0 0.2rem 0.35rem;
}
#student-panel .s-bento-events.is-open {
    max-height: 28rem !important;
}
#student-panel .s-bento-events.is-open .s-events-drawer-body {
    display: flex;
}
#student-panel .s-bento-events.is-open .s-events-drawer-peek {
    display: none;
}
#student-panel .s-bento-events.is-open .s-bento-scroll {
    min-height: 7rem !important;
    max-height: 16rem !important;
    overflow-y: auto !important;
}
#student-panel .s-bento-events .s-event-row {
    font-size: 0.78rem !important;
    padding: 0.55rem 0.65rem !important;
}

/* ========== Günlük program: okunaklı, tam boy ========== */
#student-panel .s-bento-tasks {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    padding: 0.75rem 0.8rem !important;
}
#student-panel .s-bento-tasks .s-bento-section-label {
    font-size: 0.82rem !important;
    white-space: normal !important;
}
#student-panel .s-bento-tasks #s-home-quest-count {
    font-size: 0.72rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}
#student-panel .s-bento-tasks .s-bento-scroll {
    min-height: 0 !important;
    max-height: 14rem !important;
}
#student-panel .s-bento-tasks .notepad-task-row {
    min-height: 2.35rem !important;
    padding: 0.42rem 0.55rem !important;
}
#student-panel .s-bento-tasks .notepad-task-row strong {
    font-size: 0.78rem !important;
}

/* ========== Ödevler: cam + beyaz okunaklı yazı, 2 sütun ========== */
#student-panel .s-bento-homework {
    background:
        linear-gradient(165deg, rgba(15, 23, 42, 0.55) 0%, rgba(30, 41, 59, 0.48) 100%) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
    backdrop-filter: blur(16px) saturate(1.2);
    -webkit-backdrop-filter: blur(16px) saturate(1.2);
    height: auto !important;
    max-height: none !important;
    padding: 0.5rem 0.55rem !important;
}
#student-panel .s-bento-homework .s-bento-section-label,
#student-panel .s-bento-homework #s-home-file-count {
    color: #fff !important;
    font-size: 0.72rem !important;
}
#student-panel .s-bento-homework #s-home-file-count {
    font-size: 1rem !important;
}
#student-panel .s-bento-homework .s-hw-home-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.38rem !important;
    max-width: 22rem !important;
}
#student-panel .s-bento-homework .s-hw-subj-card {
    min-height: 4.35rem !important;
    padding: 0.45rem 0.38rem !important;
    background: rgba(15, 23, 42, 0.45) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}
#student-panel .s-bento-homework .s-hw-subj-card .hw-subj-label {
    color: #fff !important;
    font-size: 0.68rem !important;
    font-weight: 800 !important;
}
#student-panel .s-bento-homework .s-hw-subj-card .s-hw-subj-count,
#student-panel .s-bento-homework .s-hw-subj-card .s-hw-subj-works {
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: 0.58rem !important;
}

/* Dört kart 2×2 */
#student-panel #s-bento-mesh > #s-home-quad,
#student-panel #s-bento-mesh > #s-home-metrics-grid,
#student-panel #s-bento-mesh > [data-widget="metrics"] {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    align-content: stretch !important;
    justify-content: flex-start !important;
    gap: var(--quad-gap, 0.5rem) !important;
    --quad-cell-h: 10.6rem;
    --quad-gap: 0.5rem;
    width: 100% !important;
    max-width: 32rem !important;
    min-width: 0 !important;
    height: calc(var(--quad-cell-h) * 2 + var(--quad-gap)) !important;
    min-height: calc(var(--quad-cell-h) * 2 + var(--quad-gap)) !important;
    max-height: calc(var(--quad-cell-h) * 2 + var(--quad-gap)) !important;
    margin: 0 0 1rem !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    grid-column: span 2 !important;
    grid-row: auto !important;
    justify-self: start !important;
    position: relative !important;
    z-index: 2 !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
}

#student-panel #s-bento-mesh > #s-home-quad > .s-bento-metric,
#student-panel #s-bento-mesh > #s-home-metrics-grid > .s-bento-metric,
#student-panel #s-bento-mesh > [data-widget="metrics"] > .s-bento-metric {
    display: flex !important;
    flex-direction: column !important;
    flex: 0 0 calc(50% - 0.25rem) !important;
    width: calc(50% - 0.25rem) !important;
    max-width: calc(50% - 0.25rem) !important;
    min-width: 0 !important;
    height: var(--quad-cell-h) !important;
    min-height: var(--quad-cell-h) !important;
    max-height: var(--quad-cell-h) !important;
    margin: 0 !important;
    padding: 0.5rem 0.55rem !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    align-self: stretch !important;
    grid-column: auto !important;
    grid-row: auto !important;
    grid-area: auto !important;
    border-radius: 1.15rem !important;
    border-width: 1px !important;
    border-style: solid !important;
    color: #f8fafc !important;
    backdrop-filter: blur(16px) saturate(1.2) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.2) !important;
}

#student-panel #s-bento-mesh > #s-home-quad > .is-reading { order: 1 !important; }
#student-panel #s-bento-mesh > #s-home-quad > .is-exam { order: 2 !important; }
#student-panel #s-bento-mesh > #s-home-quad > .is-gym { order: 3 !important; }
#student-panel #s-bento-mesh > #s-home-quad > .is-mood { order: 4 !important; }

#student-panel #s-home-quad .s-exam-gauge,
#student-panel #s-home-quad .s-exam-gauge-labels,
#student-panel #s-home-quad .s-gym-mini-strip,
#student-panel #s-home-quad .s-bento-metric.is-exam .s-bento-metric-detail,
#student-panel #s-home-quad .s-home-reflection-nudge,
#student-panel #s-home-quad .s-bento-reading-hint {
    display: none !important;
}

/* Kitap: kapak solda, ad + yüzde yanda */
#student-panel #s-home-quad .s-bento-reading-layout {
    display: grid !important;
    grid-template-columns: 2.85rem minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    gap: 0.2rem 0.5rem !important;
    min-height: 0 !important;
    flex: 1 1 auto !important;
    overflow: hidden !important;
    margin: 0.15rem 0 0 !important;
    width: 100% !important;
    position: relative !important;
    align-items: center !important;
}
#student-panel #s-home-quad .s-bento-cover-frame {
    display: flex !important;
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 2.85rem !important;
    min-width: 2.85rem !important;
    max-width: 2.85rem !important;
    height: 4.2rem !important;
    max-height: 4.2rem !important;
    aspect-ratio: 2 / 3 !important;
    align-self: center !important;
    transform: rotate(-3deg) !important;
}
#student-panel #s-home-quad .s-bento-reading-info {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 0.2rem !important;
}
#student-panel #s-home-quad .s-bento-reading-pct {
    display: block !important;
    position: static !important;
    width: auto !important;
    font-size: 0.78rem !important;
    font-weight: 900 !important;
    color: #c7d2fe !important;
    background: transparent !important;
    padding: 0 !important;
    letter-spacing: 0.02em;
}
#student-panel #s-home-quad .s-bento-metric-book {
    font-size: 0.76rem !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
}

/* Deneme analizi: puan solda, altıgen sağda — büyük net radar */
#student-panel #s-home-quad .s-hex-radar {
    display: block !important;
    width: 5.35rem !important;
    height: 5.35rem !important;
    min-width: 5.35rem !important;
    padding: 0.16rem !important;
    border-radius: 1rem !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.98) 0%, rgba(241, 245, 249, 0.96) 100%) !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    flex-shrink: 0;
    order: 2;
}
#student-panel #s-home-quad .is-exam .s-metric-hero {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.28rem !important;
    margin-top: 0.05rem !important;
    min-height: 0 !important;
    max-height: 5.55rem !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
}
#student-panel #s-home-quad .is-exam .s-bento-metric-value {
    font-size: clamp(1.05rem, 4.2cqi, 1.55rem) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    order: 1;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
#student-panel #s-home-quad .is-exam .s-metric-meta {
    margin-top: 0.12rem !important;
    flex-shrink: 0 !important;
}
#student-panel #s-home-quad .is-exam .s-bento-metric-sub {
    font-size: 0.58rem !important;
    line-height: 1.15 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    word-break: break-word !important;
}

@keyframes s-quad-mark {
    0%, 100% { transform: translate(0, 0) rotate(0deg); opacity: 0.16; }
    50% { transform: translate(-8px, -6px) rotate(-8deg); opacity: 0.28; }
}
#student-panel #s-bento-mesh > #s-home-quad > .s-bento-metric::before {
    display: block !important;
    opacity: 0.18 !important;
    filter: none !important;
    animation: s-quad-mark 5.5s ease-in-out infinite !important;
}
#student-panel #s-bento-mesh > #s-home-quad > .is-exam::before,
#student-panel #s-bento-mesh > #s-home-quad > .is-mood::before,
#student-panel #s-bento-mesh > #s-home-quad > .is-reading::before {
    display: none !important;
    content: none !important;
    background: none !important;
}
#student-panel #s-bento-mesh > #s-home-quad > .is-gym::before {
    display: block !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='none'%3E%3Cpath fill='%23fff' d='M38 96h44v10H38z'/%3E%3Cpath fill='%23fff' d='M52 18c8-8 22-6 28 4 4 6 4 14-1 20-3 4-2 8 2 11 6 4 10 12 8 20-2 10-12 16-24 16s-22-6-24-16c-2-8 2-16 8-20 4-3 5-7 2-11-5-6-5-14-1-20 2-4 6-6 10-8z'/%3E%3C/svg%3E") !important;
    animation-delay: 0.9s !important;
}

#student-panel #s-bento-mesh > #s-home-quad > .is-reading {
    background:
        radial-gradient(120% 80% at 8% 0%, rgba(129, 140, 248, 0.28), transparent 58%),
        linear-gradient(165deg, rgba(30, 27, 75, 0.55) 0%, rgba(15, 23, 42, 0.62) 100%) !important;
    border-color: rgba(165, 180, 252, 0.32) !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}
#student-panel #s-bento-mesh > #s-home-quad > .is-exam {
    background:
        radial-gradient(120% 80% at 92% 0%, rgba(251, 146, 60, 0.26), transparent 58%),
        linear-gradient(165deg, rgba(124, 45, 18, 0.48) 0%, rgba(15, 23, 42, 0.62) 100%) !important;
    border-color: rgba(253, 186, 116, 0.3) !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
    min-height: 9.5rem !important;
}
#student-panel #s-bento-mesh > #s-home-quad > .is-gym {
    background:
        radial-gradient(120% 80% at 8% 100%, rgba(34, 211, 238, 0.24), transparent 58%),
        linear-gradient(165deg, rgba(21, 94, 117, 0.5) 0%, rgba(15, 23, 42, 0.62) 100%) !important;
    border-color: rgba(103, 232, 249, 0.3) !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}
#student-panel #s-bento-mesh > #s-home-quad > .is-mood {
    background:
        radial-gradient(120% 80% at 92% 100%, rgba(244, 114, 182, 0.26), transparent 58%),
        linear-gradient(165deg, rgba(131, 24, 67, 0.48) 0%, rgba(15, 23, 42, 0.62) 100%) !important;
    border-color: rgba(249, 168, 212, 0.3) !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

#student-panel #s-home-quad > .s-bento-metric .s-metric-chip {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}
#student-panel #s-home-quad > .is-reading .s-reading-cta-chip {
    color: #e0e7ff !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(199, 210, 254, 0.35) !important;
    box-shadow: none !important;
}

/* Duygu: büyük emoji, yumuşak geçiş, kalp yok */
@keyframes s-mood-soft-cycle {
    0%   { opacity: 0; transform: translateY(10px) scale(0.86); }
    14%  { opacity: 1; transform: translateY(0) scale(1); }
    22%  { opacity: 1; transform: translateY(0) scale(1); }
    36%  { opacity: 0; transform: translateY(-8px) scale(0.92); }
    100% { opacity: 0; transform: translateY(-8px) scale(0.92); }
}
#student-panel #s-home-quad .is-mood .mood-emoji-reel {
    width: 2.15em !important;
    height: 1.35em !important;
    font-size: 2.35rem !important;
    margin: 0.2rem auto 0 !important;
    overflow: hidden !important;
}
#student-panel #s-home-quad .is-mood .mood-emoji-reel .mood-emoji-slide,
#student-panel #s-home-quad .is-mood .mood-emoji-reel.is-checked-in .mood-emoji-slide,
#student-panel #s-home-quad .is-mood .mood-emoji-reel.is-checked-in .mood-emoji-slide.is-today {
    visibility: visible !important;
}
#student-panel #s-home-quad .is-mood .mood-emoji-reel .mood-emoji-slide:nth-child(1) { animation-delay: 0s !important; }
#student-panel #s-home-quad .is-mood .mood-emoji-reel .mood-emoji-slide:nth-child(2) { animation-delay: 3s !important; }
#student-panel #s-home-quad .is-mood .mood-emoji-reel .mood-emoji-slide:nth-child(3) { animation-delay: 6s !important; }
#student-panel #s-home-quad .is-mood .mood-emoji-reel .mood-emoji-slide:nth-child(4) { animation-delay: 9s !important; }
#student-panel #s-home-quad .is-mood .s-bento-metric-sub {
    font-size: 0.62rem !important;
}

/* Gelişim Karnem — buzlu cam, beyaz yazı */
#student-panel #s-bento-mesh > [data-widget="summary"] {
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    max-width: 46rem !important;
    justify-self: center !important;
    margin-top: 0.35rem !important;
    z-index: 0 !important;
    position: relative !important;
    align-self: start !important;
}
#student-panel #summary-home.s-quest-dash {
    max-width: 46rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background: rgba(15, 23, 42, 0.38) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
    backdrop-filter: blur(18px) saturate(1.25) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.25) !important;
    color: #fff !important;
}
#student-panel #summary-home .s-quest-dash-grid.is-quad {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.55rem !important;
}
@media (min-width: 720px) {
    #student-panel #summary-home .s-quest-dash-grid.is-quad {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}
#student-panel #summary-home .s-quest-metric {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}
#student-panel #summary-home .s-quest-metric.is-reading { border-color: rgba(165, 180, 252, 0.4) !important; }
#student-panel #summary-home .s-quest-metric.is-questions { border-color: rgba(249, 168, 212, 0.4) !important; }
#student-panel #summary-home .s-quest-metric.is-continuity { border-color: rgba(253, 186, 116, 0.4) !important; }
#student-panel #summary-home .s-quest-metric.is-work { border-color: rgba(103, 232, 249, 0.4) !important; }
#student-panel #summary-home .s-quest-ring {
    width: 3.35rem !important;
    height: 3.35rem !important;
    background: conic-gradient(var(--ring, #67e8f9) calc(var(--p) * 1%), rgba(255, 255, 255, 0.14) 0) !important;
}
#student-panel #summary-home .s-quest-metric.is-reading .s-quest-ring { --ring: #818cf8; }
#student-panel #summary-home .s-quest-metric.is-questions .s-quest-ring { --ring: #f472b6; }
#student-panel #summary-home .s-quest-metric.is-continuity .s-quest-ring { --ring: #fb923c; }
#student-panel #summary-home .s-quest-metric.is-work .s-quest-ring { --ring: #22d3ee; }
#student-panel #summary-home .s-quest-ring::before {
    background: rgba(15, 23, 42, 0.72) !important;
    inset: 0.38rem !important;
}
#student-panel #summary-home .s-quest-ring span {
    color: #fff !important;
    font-size: 0.72rem !important;
}
#student-panel #summary-home .s-quest-metric-body strong { color: #fff !important; }
#student-panel #summary-home .s-quest-metric-body em { color: #cbd5e1 !important; }
#student-panel #summary-home .s-quest-subj-panel {
    background: rgba(15, 23, 42, 0.28) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
}
#student-panel #summary-home .s-quest-subj-tile {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 0.85rem !important;
    color: #fff !important;
}
#student-panel #summary-home .s-quest-camp-badge-wrap button {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    color: #f8fafc !important;
}
#student-panel #summary-home .s-quest-dash-head p,
#student-panel #summary-home .s-quest-dash-head,
#student-panel #summary-home .s-quest-dash-head span {
    color: #f8fafc !important;
}

/* Alt menü: ince bar, büyük renkli simgeler */
#student-panel .s-dock-bar,
#student-bottom-nav.s-dock-bar {
    padding: 0.16rem 0.28rem !important;
    min-height: 0 !important;
    gap: 0.08rem !important;
}
#student-panel .s-dock-btn,
#student-bottom-nav .s-dock-btn {
    max-width: 2.35rem !important;
    font-size: 1.32rem !important;
}
#student-panel .s-dock-btn i,
#student-bottom-nav .s-dock-btn i {
    font-size: 1.32rem !important;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.35));
}

@media (min-width: 900px) {
    #student-panel #s-bento-mesh > #s-home-quad,
    #student-panel #s-bento-mesh > [data-widget="metrics"] {
        --quad-cell-h: 12.35rem;
        max-width: 32rem !important;
        justify-self: start !important;
    }
}

@media (min-width: 768px) {
    #student-panel #s-bento-mesh > #s-home-quad,
    #student-panel #s-bento-mesh > #s-home-metrics-grid,
    #student-panel #s-bento-mesh > [data-widget="metrics"] {
        --quad-cell-h: 12.35rem;
        height: calc(var(--quad-cell-h) * 2 + var(--quad-gap)) !important;
        min-height: calc(var(--quad-cell-h) * 2 + var(--quad-gap)) !important;
        max-height: calc(var(--quad-cell-h) * 2 + var(--quad-gap)) !important;
    }

    #student-panel #s-bento-mesh > #s-home-quad > .s-bento-metric,
    #student-panel #s-bento-mesh > #s-home-metrics-grid > .s-bento-metric,
    #student-panel #s-bento-mesh > [data-widget="metrics"] > .s-bento-metric {
        height: var(--quad-cell-h) !important;
        min-height: var(--quad-cell-h) !important;
        max-height: var(--quad-cell-h) !important;
    }

    /* Deneme kartı — web: 3 satırlı grid, alt başlık her zaman görünür */
    #student-panel #s-bento-mesh > #s-home-quad > .s-bento-metric.is-exam,
    #student-panel #s-bento-mesh > #s-home-metrics-grid > .s-bento-metric.is-exam,
    #student-panel #s-bento-mesh > [data-widget="metrics"] > .s-bento-metric.is-exam {
        display: grid !important;
        grid-template-rows: auto minmax(0, 1fr) auto !important;
        grid-template-columns: minmax(0, 1fr) !important;
        align-content: stretch !important;
        gap: 0.14rem !important;
        padding: 0.4rem 0.48rem 0.48rem !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    #student-panel #s-home-quad .is-exam .s-metric-head {
        grid-row: 1 !important;
        flex-shrink: 0 !important;
        min-height: 0 !important;
    }

    #student-panel #s-home-quad .is-exam .s-metric-hero {
        grid-row: 2 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-rows: minmax(0, 1fr) !important;
        align-items: center !important;
        justify-items: stretch !important;
        gap: 0.2rem !important;
        flex: unset !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    #student-panel #s-home-quad .is-exam .s-bento-metric-value {
        grid-column: 1 !important;
        grid-row: 1 !important;
        order: unset !important;
        align-self: center !important;
        white-space: nowrap !important;
        word-break: normal !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        font-size: clamp(1rem, 3.6cqi, 1.42rem) !important;
        line-height: 1 !important;
        padding-left: 0.06rem !important;
    }

    #student-panel #s-home-quad .is-exam .s-hex-radar {
        grid-column: 2 !important;
        grid-row: 1 !important;
        order: unset !important;
        width: 4.25rem !important;
        height: 4.25rem !important;
        min-width: 4.25rem !important;
        max-width: 4.25rem !important;
        align-self: center !important;
        justify-self: end !important;
    }

    #student-panel #s-home-quad .is-exam .s-metric-meta {
        grid-row: 3 !important;
        flex-shrink: 0 !important;
        margin: 0 !important;
        padding: 0.04rem 0 0.02rem !important;
        min-height: 1.28rem !important;
        max-height: 2.35rem !important;
        overflow: hidden !important;
    }

    #student-panel #s-home-quad .is-exam .s-bento-metric-sub {
        font-size: 0.54rem !important;
        line-height: 1.18 !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        overflow: hidden !important;
        word-break: break-word !important;
    }

    #student-panel #s-home-quad .is-exam .s-exam-gauge {
        display: none !important;
    }
}

@media (max-width: 899px) {
    #student-panel #s-bento-mesh > #s-home-quad,
    #student-panel #s-bento-mesh > [data-widget="metrics"] {
        grid-column: 1 / -1 !important;
        max-width: min(100%, 32rem) !important;
        justify-self: center !important;
    }
    #student-panel #s-bento-mesh > [data-widget="summary"] {
        max-width: min(100%, 46rem) !important;
    }
}

@media (max-width: 767px) {
    #student-panel #s-bento-mesh > #s-home-quad,
    #student-panel #s-bento-mesh > [data-widget="metrics"] {
        --quad-cell-h: 10.15rem;
        --quad-gap: 0.45rem;
        max-width: 100% !important;
        margin-bottom: 0.85rem !important;
    }
    #student-panel #s-bento-mesh > #s-home-quad > .s-bento-metric {
        flex-basis: calc(50% - 0.225rem) !important;
        width: calc(50% - 0.225rem) !important;
        max-width: calc(50% - 0.225rem) !important;
        padding: 0.4rem 0.45rem !important;
    }
    #student-panel .s-bento-tasks {
        min-height: 0 !important;
    }
    #student-panel .s-bento-homework .s-hw-home-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0.5rem !important;
        max-width: 22rem !important;
    }
    #student-panel .s-bento-homework .s-hw-subj-card {
        min-height: 5.2rem !important;
        padding: 0.62rem 0.4rem !important;
    }
    #student-panel #s-home-quad .s-hex-radar {
        width: 6.25rem !important;
        height: 6.25rem !important;
        min-width: 6.25rem !important;
    }
    #student-panel #s-home-quad .is-exam .s-metric-hero {
        flex-direction: column !important;
        align-items: stretch !important;
        min-height: 0 !important;
        gap: 0.18rem !important;
    }
    #student-panel #s-home-quad .is-exam .s-bento-metric-value {
        order: 1 !important;
        flex: none !important;
        font-size: 1.2rem !important;
        line-height: 1 !important;
        padding-left: 0.05rem !important;
    }
    #student-panel #s-home-quad .is-exam .s-hex-radar {
        order: 2 !important;
        width: 100% !important;
        height: 4.1rem !important;
        min-width: 0 !important;
        max-width: 4.6rem !important;
        align-self: center !important;
        padding: 0.12rem !important;
    }
    #student-panel #s-bento-mesh > #s-home-quad > .is-exam {
        min-height: 9.35rem !important;
        padding: 0.38rem 0.42rem 0.42rem !important;
    }
    #student-panel #s-home-quad .is-exam .s-bento-metric-sub {
        font-size: 0.52rem !important;
        line-height: 1.15 !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        overflow: hidden !important;
        word-break: break-word !important;
    }
    #student-panel #s-home-quad .is-exam .s-exam-gauge {
        display: none !important;
    }
    #student-panel .s-dock-btn,
    #student-bottom-nav .s-dock-btn {
        max-width: 2.08rem !important;
        width: 2.08rem !important;
        min-width: 2.08rem !important;
        flex: 0 0 2.08rem !important;
        flex-shrink: 0 !important;
        font-size: 1.05rem !important;
    }
    #student-panel .s-dock-btn > i,
    #student-bottom-nav .s-dock-btn > i {
        font-size: 1.05rem !important;
    }
    #student-panel #student-bottom-nav.s-dock-bar.is-8,
    #student-bottom-nav.s-dock-bar.is-8 {
        width: fit-content !important;
        max-width: calc(100vw - 1.2rem) !important;
        justify-content: center !important;
    }
    #student-panel #s-home-quad .is-mood .mood-emoji-reel {
        font-size: 2.05rem !important;
    }
}

/* ========== İnce üst bar, telefon hub, olaylar, kitap ========== */
#student-panel > header.s-student-header.is-slim:not(.is-chrome-off) {
    padding: 0.22rem 0.32rem !important;
    min-height: 3.2rem !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
}
#student-panel > header.s-student-header.is-slim .s-student-header-bar {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 0.28rem !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
}
#student-panel > header.s-student-header.is-slim .s-student-header-welcome,
#student-panel > header.s-student-header.is-slim .s-header-stats-toggle,
#student-panel > header.s-student-header.is-slim .s-header-theme-btn,
#student-panel > header.s-student-header.is-slim .s-student-header-drawer,
#student-panel > header.s-student-header.is-slim .s-student-header-logo,
#student-panel > header.s-student-header.is-slim .panel-logout-label {
    display: none !important;
}
#student-panel > header.s-student-header.is-slim #s-profile-menu-wrap,
#student-panel > header.s-student-header.is-slim #s-daily-streak-btn,
#student-panel > header.s-student-header.is-slim .s-student-header-spacer,
#student-panel > header.s-student-header.is-slim #s-sutlac-nest,
#student-panel > header.s-student-header.is-slim .s-header-icon-btn,
#student-panel > header.s-student-header.is-slim .s-header-logout-chip {
    grid-column: auto !important;
    grid-row: auto !important;
}
#student-panel > header.s-student-header.is-slim .s-student-header-spacer {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0.4rem !important;
    height: 0 !important;
    visibility: hidden;
}
#student-panel > header.s-student-header.is-slim .s-student-header-bar > .hidden,
#student-panel > header.s-student-header.is-slim #s-countdown-timer-playful,
#student-panel > header.s-student-header.is-slim #s-header-lgs-btn,
#student-panel > header.s-student-header.is-slim #st-gp-breakdown-mini {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
#student-panel > header.s-student-header.is-slim #s-profile-trigger {
    padding: 0 !important;
    background: none !important;
    background-image: none !important;
    box-shadow: none !important;
    border: 0 !important;
    outline: none !important;
}
#student-panel > header.s-student-header.is-slim #s-profile-menu-wrap .s-header-avatar,
#student-panel > header.s-student-header.is-slim #s-profile-menu-wrap #s-avatar-photo {
    width: 2.15rem !important;
    height: 2.15rem !important;
    min-width: 2.15rem !important;
    min-height: 2.15rem !important;
    border: 0 !important;
    box-shadow: none !important;
}
#student-panel > header.s-student-header.is-slim #s-daily-streak-btn {
    padding: 0.08rem 0.32rem !important;
    min-height: 0 !important;
    font-size: 0.58rem !important;
    gap: 0.18rem !important;
}
#student-panel > header.s-student-header.is-slim #s-daily-streak-btn .streak-count {
    font-size: 0.58rem !important;
    font-weight: 700 !important;
}
#student-panel > header.s-student-header.is-slim #s-daily-streak-btn .streak-flame {
    font-size: 0.68rem !important;
}
#student-panel > header.s-student-header.is-slim .s-header-icon-btn,
#student-panel > header.s-student-header.is-slim .s-header-logout-chip {
    position: relative;
    width: 1.7rem !important;
    height: 1.7rem !important;
    min-width: 1.7rem !important;
    min-height: 0 !important;
    padding: 0 !important;
    border-radius: 0.48rem !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,0.18);
    background: rgba(15, 23, 42, 0.55);
    color: #e2e8f0;
    font-size: 0.72rem;
    cursor: pointer;
}
#student-panel > header.s-student-header.is-slim .s-header-icon-btn.is-pin { color: #fbbf24; }
#student-panel > header.s-student-header.is-slim .s-header-icon-btn.is-logout,
#student-panel > header.s-student-header.is-slim .s-header-logout-chip {
    color: #fecdd3;
    border-color: rgba(251, 113, 133, 0.4);
    background: rgba(190, 18, 60, 0.28);
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-inline-end: 0 !important;
}
#student-panel .s-header-icon-dot {
    position: absolute;
    top: 0.12rem;
    right: 0.12rem;
    width: 0.38rem;
    height: 0.38rem;
    border-radius: 999px;
    background: #f43f5e;
    box-shadow: 0 0 0 2px rgba(15, 23, 42, 0.85);
}
#student-panel .s-sutlac-nest {
    position: relative;
    width: 2.75rem;
    height: 2.75rem;
    min-width: 2.75rem;
    padding: 0;
    border-radius: 999px;
    border: 1.5px dashed rgba(148, 163, 184, 0.55);
    background: #dbe7f2;
    color: #94a3b8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.62rem;
    cursor: pointer;
    overflow: visible;
    isolation: isolate;
    flex-shrink: 0;
}
#student-panel .s-sutlac-nest-ring { display: none; }
#student-panel .s-sutlac-nest.is-occupied {
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.7);
    background: #dbe7f2;
    color: transparent;
    overflow: visible;
}
#student-panel .s-sutlac-nest.is-occupied i { display: none !important; }
#student-panel .s-sutlac-nest .mp-sutlac-island.is-nested img {
    object-fit: cover !important;
    object-position: center 22% !important;
    transform: none !important;
}
.s-inbox-modal,
#student-panel .s-inbox-modal {
    position: fixed !important;
    top: var(--mp-safe-top, env(safe-area-inset-top, 0px)) !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 40050;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    padding:
        0.55rem
        0.65rem
        calc(env(safe-area-inset-bottom, 0px) + 0.65rem) !important;
    margin: 0 !important;
    background: rgba(2, 8, 23, 0.62);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transform: none !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}
.s-inbox-modal.hidden,
#student-panel .s-inbox-modal.hidden { display: none !important; }
body.s-inbox-open { overflow: hidden !important; }
.s-inbox-sheet,
#student-panel .s-inbox-sheet {
    width: min(26rem, 100%);
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    height: auto;
    display: flex;
    flex-direction: column;
    background: linear-gradient(168deg, #234155 0%, #1a3344 45%, #152a38 100%);
    border: 1px solid rgba(45, 212, 191, 0.32);
    border-radius: 1.25rem;
    box-shadow:
        0 28px 64px rgba(0, 0, 0, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.07);
    overflow: hidden;
}
.s-inbox-sheet.is-board,
#student-panel .s-inbox-sheet.is-board {
    width: min(34rem, 100%);
    background: linear-gradient(168deg, #6b5340 0%, #4f3b2c 42%, #3d2e22 100%);
    border-color: rgba(251, 191, 36, 0.35);
    box-shadow:
        0 28px 64px rgba(0, 0, 0, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.s-inbox-head,
#student-panel .s-inbox-head {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    align-items: center;
    gap: 0.55rem 0.65rem;
    padding: 0.85rem 0.9rem 0.75rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.22);
    color: #f8fafc;
    flex-shrink: 0;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.55) 0%, rgba(15, 23, 42, 0.28) 100%);
}
.s-inbox-sheet.is-board .s-inbox-head,
#student-panel .s-inbox-sheet.is-board .s-inbox-head {
    background: linear-gradient(180deg, rgba(61, 43, 31, 0.65) 0%, rgba(61, 43, 31, 0.35) 100%);
    border-bottom-color: rgba(251, 191, 36, 0.24);
}
.s-inbox-tabs {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.16rem;
    border-radius: 0.75rem;
    background: rgba(15, 23, 42, 0.55);
    border: 1px solid rgba(148, 163, 184, 0.28);
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    max-width: none;
    justify-content: stretch;
}
.s-inbox-tab {
    flex: 1 1 auto;
    min-height: 2rem;
    border: 0;
    border-radius: 0.55rem;
    background: transparent;
    color: #94a3b8;
    font-size: 0.72rem;
    font-weight: 800;
    cursor: pointer;
    padding: 0.35rem 0.55rem;
}
.s-inbox-tab.is-active {
    background: rgba(45, 212, 191, 0.18);
    color: #5eead4;
}
.s-inbox-sheet.is-board .s-inbox-tab.is-active {
    background: rgba(251, 191, 36, 0.2);
    color: #fbbf24;
}
.s-inbox-item {
    position: relative;
}
.s-inbox-item-archive {
    position: absolute;
    top: 0.4rem;
    right: 0.4rem;
    width: 1.55rem;
    height: 1.55rem;
    border: 0;
    border-radius: 0.4rem;
    background: rgba(148, 163, 184, 0.12);
    color: #94a3b8;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}
.s-inbox-item-archive:hover { background: rgba(245, 158, 11, 0.2); color: #fbbf24; }
.s-inbox-item-archive.is-restore:hover { background: rgba(16, 185, 129, 0.2); color: #5eead4; }
.s-inbox-item,
#student-panel .s-inbox-item {
    position: relative;
    padding-right: 2.15rem;
}
.s-inbox-head h3,
#student-panel .s-inbox-head h3 {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    grid-column: 1;
    grid-row: 1;
    line-height: 1.25;
}
.s-inbox-head h3 i,
#student-panel .s-inbox-head h3 i {
    width: 1.65rem;
    height: 1.65rem;
    border-radius: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(45, 212, 191, 0.18);
    color: #5eead4;
    font-size: 0.72rem;
}
.s-inbox-sheet.is-board .s-inbox-head h3 i,
#student-panel .s-inbox-sheet.is-board .s-inbox-head h3 i {
    background: rgba(251, 191, 36, 0.2);
    color: #fbbf24;
}
.s-inbox-head > button,
#student-panel .s-inbox-head > button {
    width: 2rem;
    height: 2rem;
    border: 0;
    border-radius: 0.55rem;
    background: rgba(255, 255, 255, 0.1);
    color: #e2e8f0;
    cursor: pointer;
    grid-column: 2;
    grid-row: 1;
    align-self: start;
    flex-shrink: 0;
}
.s-inbox-head > button:hover,
#student-panel .s-inbox-head > button:hover {
    background: rgba(255, 255, 255, 0.16);
}
.s-inbox-body,
#student-panel .s-inbox-body {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 0.55rem 0.65rem 0.75rem;
    background: rgba(15, 23, 42, 0.22);
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-height: 0;
}
.s-inbox-body.is-board,
#student-panel .s-inbox-body.is-board {
    background: rgba(61, 43, 31, 0.35);
}
.s-inbox-empty,
#student-panel .s-inbox-empty {
    margin: auto 0.75rem;
    padding: 1.25rem 0.85rem;
    text-align: center;
    color: #94a3b8;
    font-size: 0.82rem;
    line-height: 1.5;
    border-radius: 0.85rem;
    background: rgba(15, 23, 42, 0.35);
    border: 1px dashed rgba(148, 163, 184, 0.28);
}
.s-inbox-sheet.is-board .s-inbox-empty,
#student-panel .s-inbox-sheet.is-board .s-inbox-empty {
    background: rgba(61, 43, 31, 0.45);
    border-color: rgba(251, 191, 36, 0.25);
    color: #cbd5e1;
}
.s-inbox-item,
#student-panel .s-inbox-item {
    display: flex;
    gap: 0.55rem;
    width: 100%;
    text-align: left;
    padding: 0.55rem 2.15rem 0.55rem 0.6rem;
    border-radius: 0.8rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    background: rgba(30, 41, 59, 0.82);
    color: #e2e8f0;
    position: relative;
}
.s-inbox-item-main {
    display: flex;
    gap: 0.55rem;
    width: 100%;
    min-width: 0;
    text-align: left;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    padding: 0;
}
.s-inbox-item-ico,
#student-panel .s-inbox-item-ico {
    width: 1.85rem;
    height: 1.85rem;
    border-radius: 0.55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(45, 212, 191, 0.18);
    color: #5eead4;
    flex-shrink: 0;
}
.s-inbox-item-copy,
#student-panel .s-inbox-item-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}
.s-inbox-item-copy strong,
#student-panel .s-inbox-item-copy strong { font-size: 0.78rem; font-weight: 800; }
.s-inbox-item-copy em,
#student-panel .s-inbox-item-copy em { font-style: normal; font-size: 0.62rem; color: #94a3b8; }
.s-inbox-item-copy span,
#student-panel .s-inbox-item-copy span {
    font-size: 0.7rem;
    color: #cbd5e1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.s-inbox-note {
    position: relative;
    padding: 0.7rem 2.15rem 0.7rem 0.75rem;
    border-radius: 0.85rem;
    background: rgba(255, 254, 248, 0.08);
    border: 1px solid rgba(148, 163, 184, 0.16);
    color: #e2e8f0;
}
.s-inbox-note h4 {
    margin: 0 0 0.3rem;
    font-size: 0.82rem;
    font-weight: 800;
}
.s-inbox-item.is-archive .s-inbox-item-copy span,
#student-panel .s-inbox-item.is-archive .s-inbox-item-copy span {
    -webkit-line-clamp: 6;
}
.s-inbox-note em {
    display: block;
    margin: 0 0 0.35rem;
    font-style: normal;
    font-size: 0.64rem;
    color: #94a3b8;
}

@media (max-width: 767px) {
    .s-inbox-modal:not(.hidden),
    #student-panel .s-inbox-modal:not(.hidden) {
        display: flex !important;
        position: fixed !important;
        top: var(--mp-safe-top, env(safe-area-inset-top, 0px)) !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding:
            0.55rem
            0.65rem
            calc(env(safe-area-inset-bottom, 0px) + 0.65rem) !important;
        margin: 0 !important;
        align-items: stretch !important;
        justify-content: stretch !important;
        transform: none !important;
        z-index: 40050 !important;
    }
    .s-inbox-sheet,
    #student-panel .s-inbox-sheet {
        width: 100% !important;
        max-width: none !important;
        flex: 1 1 auto !important;
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        margin: 0 !important;
        border-radius: 1rem !important;
        align-self: stretch;
    }
    .s-inbox-sheet.is-board,
    #student-panel .s-inbox-sheet.is-board {
        width: 100% !important;
        max-width: none !important;
    }
    .s-inbox-tabs {
        max-width: none;
    }
}

#student-panel .s-phone-hub-bezel {
    max-width: min(100%, 22.8rem) !important;
    background: #111827 !important;
    border: 6px solid #0f172a !important;
    border-radius: 2.15rem !important;
    box-shadow:
        0 22px 48px rgba(2, 6, 23, 0.45),
        inset 0 1px 0 rgba(255,255,255,0.22) !important;
    overflow: hidden !important;
    padding: 0.62rem 0.48rem 0.42rem !important;
}
#student-panel .s-phone-hub-bezel::before,
#student-panel .s-phone-hub-bezel::after {
    content: "";
    position: absolute;
    background: #1e293b;
    z-index: 3;
}
#student-panel .s-phone-hub-bezel::before {
    left: -7px;
    top: 4.4rem;
    width: 4px;
    height: 2.4rem;
    border-radius: 3px 0 0 3px;
    box-shadow: 0 2.9rem 0 0 #1e293b;
}
#student-panel .s-phone-hub-bezel::after {
    right: -7px;
    top: 5.4rem;
    width: 4px;
    height: 3.4rem;
    border-radius: 0 3px 3px 0;
}
#student-panel .s-phone-wallpaper {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(15, 23, 42, 0.18) 0%, rgba(15, 23, 42, 0.55) 100%),
        radial-gradient(120% 80% at 20% 0%, rgba(56, 189, 248, 0.35), transparent 55%),
        radial-gradient(90% 70% at 90% 20%, rgba(167, 139, 250, 0.38), transparent 50%),
        url("/assets/themes/sonsuz-gokyuzu.png") center / cover no-repeat,
        linear-gradient(165deg, #0ea5e9 0%, #6366f1 42%, #0f172a 100%);
}
#student-panel .s-phone-hub-bezel > *:not(.s-phone-wallpaper) { position: relative; z-index: 1; }
#student-panel .s-phone-hub-notch {
    width: 6.2rem !important;
    height: 1.05rem !important;
    border-radius: 999px !important;
    background: #020617 !important;
    margin: 0.05rem auto 0.35rem !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);
}
#student-panel .s-phone-home-bar {
    width: 7.2rem;
    height: 0.28rem;
    border-radius: 999px;
    background: rgba(255,255,255,0.42);
    margin: 0.35rem auto 0.08rem;
}
@media (min-width: 768px) {
    #student-panel .s-phone-hub-bezel { max-width: min(100%, 24.5rem) !important; }
}
#student-panel .s-phone-hub .s-bento-clock-toprow {
    display: flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    flex-wrap: nowrap !important;
}
#student-panel .s-phone-hub .s-bento-clock-text { flex: 1 1 auto; min-width: 0; }
#student-panel .s-phone-hub .s-bento-clock-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.12rem;
}
#student-panel .s-phone-hub .s-bento-clock-lgs {
    margin-top: 0.08rem !important;
    width: auto !important;
    flex: 0 0 auto !important;
    align-self: flex-start !important;
}
#student-panel .s-phone-hub .s-bento-clock-lgs span {
    display: inline-block;
    font-size: 0.62rem !important;
    padding: 0.16rem 0.42rem !important;
    color: #ecfeff !important;
    background: rgba(15, 23, 42, 0.42) !important;
    border: 1px solid rgba(255,255,255,0.22) !important;
    border-radius: 999px;
    white-space: nowrap;
}
#student-panel .s-phone-hub .s-bento-hourglass {
    width: 3.45rem !important;
    height: 2.72rem !important;
    aspect-ratio: 361 / 286 !important;
    flex-shrink: 0 !important;
    align-self: flex-start !important;
    display: block !important;
    overflow: hidden !important;
    background: rgba(255,255,255,0.16) !important;
    border: 1px solid rgba(255,255,255,0.24) !important;
    border-radius: 0.65rem !important;
}
#student-panel .s-phone-hub .s-hg-user-gif {
    position: absolute !important;
    left: calc(-100% * 220 / 361) !important;
    top: calc(-100% * 234 / 286) !important;
    width: calc(100% * 800 / 361) !important;
    height: calc(100% * 800 / 286) !important;
    max-width: none !important;
    object-fit: fill !important;
    object-position: 0 0 !important;
    transform: none !important;
}
#student-panel .s-phone-hub .s-bento-clock-time {
    color: #fff !important;
    font-size: clamp(2.15rem, 9vw, 2.85rem) !important;
    font-weight: 800 !important;
    letter-spacing: -0.05em !important;
    line-height: 0.95 !important;
    text-shadow: 0 2px 12px rgba(15, 23, 42, 0.45);
}
#student-panel .s-phone-hub .s-bento-clock-date,
#student-panel .s-phone-hub .s-bento-clock-kicker {
    color: rgba(255,255,255,0.82) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 0.72rem !important;
    font-weight: 650 !important;
}
#student-panel .s-phone-hub .s-bento-hero-greeting {
    color: #fff !important;
    font-size: 0.98rem !important;
    margin: 0;
    text-shadow: 0 1px 8px rgba(15, 23, 42, 0.35);
}
#student-panel .s-phone-hub .s-bento-hero-sub {
    color: rgba(255,255,255,0.78) !important;
    font-size: 0.66rem !important;
    margin: 0.08rem 0 0;
}
#student-panel .s-phone-lock-avatar { display: none !important; }
#student-panel .s-tempo-drawer {
    margin-top: 0.25rem;
    border-radius: 0.85rem;
    background: rgba(255,255,255,0.18);
    border: 1px solid rgba(255,255,255,0.28);
    overflow: hidden;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}
#student-panel .s-tempo-drawer-head {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.32rem 0.55rem;
    background: transparent;
    border: 0;
    cursor: pointer;
    color: #ecfeff;
    font-size: 0.66rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
#student-panel .s-tempo-drawer-pct { margin-left: auto; font-size: 0.72rem; color: #a7f3d0; }
#student-panel .s-tempo-drawer-body { display: none; padding: 0 0.55rem 0.45rem; }
#student-panel .s-tempo-drawer.is-open .s-tempo-drawer-body { display: block; }
#student-panel .s-tempo-drawer.is-open .s-tempo-drawer-head i { transform: rotate(180deg); }
#student-panel .s-home-motivation-quote,
#student-panel .s-home-tempo-text {
    font-size: 0.62rem !important;
    line-height: 1.3 !important;
    margin: 0 0 0.2rem !important;
    color: rgba(255,255,255,0.82) !important;
    font-weight: 600 !important;
}
#student-panel .s-home-motivation-quote.is-urge { color: #fde68a !important; }
#student-panel .s-tempo-bar-track {
    height: 0.35rem;
    border-radius: 999px;
    background: rgba(255,255,255,0.22);
    overflow: hidden;
}
#student-panel .s-tempo-bar-fill { height: 100%; background: #34d399; border-radius: 999px; }
#student-panel .s-tempo-history-link {
    margin-top: 0.25rem;
    background: none;
    border: 0;
    color: #a5f3fc;
    font-size: 0.62rem;
    font-weight: 800;
    cursor: pointer;
    padding: 0;
}
#student-panel .s-phone-hub .s-bento-lock-notif {
    background: rgba(255,255,255,0.82) !important;
    color: #0f172a !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}
#student-panel .s-phone-hub .s-bento-lock-notif-app,
#student-panel .s-phone-hub .s-bento-lock-notif-title,
#student-panel .s-phone-hub .s-bento-lock-notif-text { color: #0f172a !important; }
#student-panel .s-phone-hub .s-bento-lock-notif.is-sutlac {
    background: linear-gradient(145deg, rgba(255, 251, 235, 0.94), rgba(255, 255, 255, 0.88)) !important;
    border-color: rgba(251, 191, 36, 0.45) !important;
    align-items: flex-start !important;
    gap: 0.5rem !important;
    padding: 0.5rem 0.55rem !important;
}
#student-panel .s-phone-hub .s-sutlac-lock-brand {
    color: #b45309 !important;
    font-size: 0.46rem !important;
    font-weight: 850 !important;
}
#student-panel .s-phone-hub .s-bento-lock-notif.is-sutlac .s-bento-lock-notif-title {
    color: #1c1917 !important;
    font-size: 0.78rem !important;
    font-weight: 850 !important;
    white-space: normal !important;
}
#student-panel .s-phone-hub .s-bento-lock-notif.is-sutlac .s-bento-lock-notif-text {
    color: #44403c !important;
    font-size: 0.68rem !important;
    font-weight: 650 !important;
    line-height: 1.38 !important;
    white-space: normal !important;
    overflow: visible !important;
    display: block !important;
    -webkit-line-clamp: unset !important;
}

#student-panel .s-bento-events {
    background: rgba(255, 251, 235, 0.94) !important;
    color: #0f172a !important;
    border-color: rgba(245, 158, 11, 0.28) !important;
}
#student-panel .s-events-drawer-title,
#student-panel .s-events-drawer-title * { color: #0f172a !important; }
#student-panel .s-events-drawer-peek { color: #57534e !important; }
#student-panel .s-bento-events .s-event-row,
#student-panel .s-bento-events .s-event-row .font-bold { color: #0f172a !important; }
#student-panel .s-bento-events .s-event-sub,
#student-panel .s-bento-events .s-event-row .text-slate-400,
#student-panel .s-bento-events .s-event-row .text-xs { color: #44403c !important; }

#student-panel .s-bento-tasks { padding: 0.5rem 0.55rem !important; }
#student-panel .s-bento-tasks .s-tasks-head {
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 0.35rem !important;
    min-width: 0;
    margin-bottom: 0.35rem !important;
}
#student-panel .s-bento-tasks .s-bento-section-label {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    font-size: 0.72rem !important;
}
#student-panel .s-quest-count-chip,
#student-panel .s-bento-tasks #s-home-quest-count {
    flex: 0 0 auto !important;
    font-size: 0.68rem !important;
    line-height: 1 !important;
    padding: 0.16rem 0.4rem !important;
    border-radius: 999px;
    background: rgba(16, 185, 129, 0.22);
    color: #6ee7b7 !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
}
#student-panel .s-bento-tasks .notepad-task-row .text-xs,
#student-panel .s-bento-tasks .notepad-task-row span.block {
    font-size: 0.58rem !important;
}
@media (max-width: 767px) {
    #student-panel .s-bento-tasks .s-bento-scroll {
        max-height: 10.5rem !important;
    }
    #student-panel .s-bento-tasks .notepad-task-row {
        min-height: 2.05rem !important;
        padding: 0.32rem 0.45rem !important;
        gap: 0.4rem !important;
    }
    #student-panel .s-bento-tasks .notepad-task-row strong { font-size: 0.7rem !important; }
    #student-panel .s-bento-tasks .notepad-task-row .w-8 {
        width: 1.45rem !important;
        height: 1.45rem !important;
    }
}

#student-panel #s-bento-mesh > #s-home-quad > .s-bento-metric.is-reading,
#student-panel #s-home-quad > .is-reading,
#student-panel #s-home-quad > .s-bento-metric.is-reading {
    background: #f4efe6 !important;
    border-color: rgba(120, 53, 15, 0.18) !important;
    color: #1c1917 !important;
    padding: 0.5rem 0.5rem 0.45rem !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}
#student-panel #s-bento-mesh > #s-home-quad > .is-reading .s-metric-kicker,
#student-panel #s-home-quad > .is-reading .s-metric-kicker {
    display: none !important;
}
#student-panel #s-home-quad > .is-reading .s-metric-head { display: none !important; }
#student-panel #s-bento-mesh #s-home-quad .s-bento-reading-layout,
#student-panel #s-home-quad .s-bento-reading-layout {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 0.42rem !important;
    flex: 1 1 auto !important;
    min-height: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    align-items: stretch !important;
}
#student-panel #s-bento-mesh #s-home-quad .s-reading-top,
#student-panel #s-home-quad .s-reading-top {
    display: flex !important;
    align-items: flex-start !important;
    gap: 0.5rem !important;
    min-width: 0;
    flex: 0 0 auto;
}
#student-panel #s-bento-mesh #s-home-quad .s-bento-cover-frame,
#student-panel #s-home-quad .s-bento-cover-frame {
    grid-column: auto !important;
    grid-row: auto !important;
    width: 2.7rem !important;
    min-width: 2.7rem !important;
    max-width: 2.7rem !important;
    height: 3.75rem !important;
    max-height: 3.75rem !important;
    align-self: flex-start !important;
    justify-self: start !important;
    transform: none !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.22) !important;
    border-radius: 0.28rem !important;
}
#student-panel #s-home-quad .s-reading-titles {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
    justify-content: flex-start;
}
#student-panel #s-home-quad .s-bento-reading-info {
    display: contents !important;
}
#student-panel #s-bento-mesh #s-home-quad .s-bento-metric-book,
#student-panel #s-home-quad .s-bento-metric-book {
    color: #0c0a09 !important;
    font-size: 0.92rem !important;
    font-weight: 800 !important;
    line-height: 1.22 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
}
#student-panel #s-bento-mesh #s-home-quad .s-bento-reading-author,
#student-panel #s-home-quad .s-bento-reading-author {
    font-size: 0.8rem !important;
    font-weight: 750 !important;
    color: #1c1917 !important;
    line-height: 1.25 !important;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#student-panel #s-bento-mesh #s-home-quad .s-reading-goal,
#student-panel #s-home-quad .s-reading-goal {
    display: block !important;
    margin: 0;
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #292524 !important;
    flex: 0 0 auto;
}
#student-panel #s-home-quad .s-reading-goal.is-late {
    color: #9a3412 !important;
}
#student-panel #s-home-quad .s-reading-goal.is-empty {
    color: #44403c !important;
    font-weight: 650 !important;
}
#student-panel #s-home-quad .s-reading-foot {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
    min-width: 0;
    flex: 0 0 auto;
}
#student-panel #s-bento-mesh #s-home-quad .s-bento-reading-pages,
#student-panel #s-home-quad .s-bento-reading-pages {
    font-size: 0.68rem !important;
    font-weight: 750 !important;
    color: #1c1917 !important;
    line-height: 1.25 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#student-panel #s-home-quad .s-reading-progress-row {
    display: flex !important;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.08rem;
    min-width: 0;
    flex-shrink: 0;
}
#student-panel #s-home-quad .s-bento-reading-bar {
    flex: 1 1 auto;
    height: 0.55rem !important;
    border-radius: 999px;
    background: rgba(120, 53, 15, 0.18) !important;
    overflow: hidden;
    min-width: 3.2rem;
}
#student-panel #s-home-quad .s-bento-reading-bar-fill {
    height: 100%;
    background: #b45309 !important;
    min-width: 0;
}
#student-panel #s-bento-mesh #s-home-quad .s-bento-reading-pct,
#student-panel #s-home-quad .s-bento-reading-pct {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    background: #b45309 !important;
    font-size: 0.7rem !important;
    font-weight: 800 !important;
    flex-shrink: 0;
    min-width: 2.55rem;
    padding: 0.12rem 0.4rem;
    border-radius: 999px;
    text-shadow: none !important;
    letter-spacing: 0;
}
#student-panel #s-home-quad > .is-reading .s-reading-cta-chip {
    display: inline-flex !important;
    margin-top: 0.04rem;
    align-self: flex-start;
    color: #fff !important;
    background: #b45309 !important;
    border: 0 !important;
    padding: 0.16rem 0.5rem;
    border-radius: 999px;
    font-size: 0.62rem;
    font-weight: 800;
}
#student-panel #s-home-quad > .is-reading .s-bento-reading-streak { display: none !important; }

#student-bottom-nav.s-dock-bar {
    background: rgba(15, 23, 42, 0.9) !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
    overflow: visible !important;
    padding: 0.22rem 0.32rem !important;
    align-items: center !important;
}
#student-bottom-nav .s-dock-btn,
#student-bottom-nav .s-dock-btn > i {
    color: #8aa3a0 !important;
}
#student-bottom-nav #nav-s-home-tab,
#student-bottom-nav #nav-s-home-tab i { color: #22c55e !important; }
#student-bottom-nav #nav-s-library-tab,
#student-bottom-nav #nav-s-library-tab i { color: #f97316 !important; }
#student-bottom-nav #nav-s-homework-tab,
#student-bottom-nav #nav-s-homework-tab i { color: #ca8a04 !important; }
#student-bottom-nav #nav-s-shop-tab,
#student-bottom-nav #nav-s-shop-tab i { color: #38bdf8 !important; }
#student-bottom-nav #nav-s-exams-tab,
#student-bottom-nav #nav-s-exams-tab i { color: #34d399 !important; }
#student-bottom-nav #nav-s-sutlac,
#student-bottom-nav #nav-s-sutlac i { color: #f59e0b !important; }
/* Alt menü: düz cam zemin, simgeler cam değil */
#student-panel .s-dock-bar,
#student-bottom-nav.s-dock-bar,
#student-panel[data-student-theme] #student-bottom-nav {
    background: rgba(255, 255, 255, 0.22) !important;
    backdrop-filter: blur(20px) saturate(1.35) !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.35) !important;
    border: 1px solid rgba(255, 255, 255, 0.38) !important;
    box-shadow:
        0 10px 28px rgba(15, 23, 42, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#student-panel .s-dock-btn,
#student-bottom-nav .s-dock-btn,
#student-panel .s-dock-btn:hover,
#student-bottom-nav .s-dock-btn:hover,
#student-panel .s-dock-btn.is-active,
#student-bottom-nav .s-dock-btn.is-active,
#student-panel[data-student-theme] .s-dock-btn,
#student-panel[data-student-theme] .s-dock-btn:hover,
#student-panel[data-student-theme] .s-dock-btn.is-active,
#student-bottom-nav #nav-s-home-tab.is-active,
#student-bottom-nav #nav-s-quest-tab.is-active,
#student-bottom-nav #nav-s-library-tab.is-active,
#student-bottom-nav #nav-s-homework-tab.is-active,
#student-bottom-nav #nav-s-exams-tab.is-active,
#student-bottom-nav #nav-s-shop-tab.is-active,
#student-bottom-nav #nav-s-sutlac.is-active,
#student-bottom-nav #nav-s-comms.is-active,
#student-bottom-nav #nav-s-sutlac.s-dock-btn:hover {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    transform: none !important;
    border-radius: 0 !important;
}
#student-panel .s-dock-btn i,
#student-bottom-nav .s-dock-btn i,
#student-bottom-nav .s-dock-btn.is-active i {
    background: none !important;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.28));
}
#student-bottom-nav #nav-s-quest-tab .s-dock-quest-svg,
#student-bottom-nav #nav-s-comms .s-dock-comms-duo i {
    filter: none;
}

#student-panel > .flex-1.flex.flex-col > main {
    padding-bottom: calc(6.35rem + env(safe-area-inset-bottom, 0px)) !important;
    scroll-padding-bottom: calc(6.35rem + env(safe-area-inset-bottom, 0px));
}

/* ========== Profil menüsü: opak, sade, çakışmasız ========== */
#student-panel #s-profile-dropdown.s-profile-menu {
    position: fixed !important;
    left: 0.5rem !important;
    right: 0.5rem !important;
    top: 3.05rem !important;
    width: auto !important;
    max-width: 22rem !important;
    margin: 0 auto !important;
    background: #111827 !important;
    background-image: none !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 1.05rem !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.55) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: hidden !important;
    z-index: 12050 !important;
    color: #e5e7eb !important;
}
#student-panel .s-profile-menu-hero {
    display: flex !important;
    align-items: center !important;
    gap: 0.7rem !important;
    padding: 0.85rem 0.9rem 0.75rem !important;
    background: #0b1220 !important;
    background-image: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    flex-shrink: 0;
}
#student-panel .s-profile-menu-hero img,
#student-panel .s-profile-menu-hero .s-profile-hero-fallback {
    width: 3rem !important;
    height: 3rem !important;
    min-width: 3rem !important;
    border-radius: 999px !important;
    border: 0 !important;
    object-fit: cover !important;
    flex-shrink: 0 !important;
}
#student-panel .s-profile-hero-fallback {
    background: #334155 !important;
    color: #f8fafc !important;
}
#student-panel .s-profile-menu-hero h4 {
    font-family: inherit !important;
    font-size: 0.95rem !important;
    font-weight: 800 !important;
    color: #f8fafc !important;
    text-shadow: none !important;
    letter-spacing: 0 !important;
}
#student-panel .s-profile-menu-hero p {
    font-family: inherit !important;
    font-size: 0.72rem !important;
    color: #94a3b8 !important;
    margin-top: 0.1rem !important;
}
#student-panel .s-profile-menu-body {
    display: flex !important;
    flex-direction: column !important;
    padding: 0.75rem 0.8rem 0.9rem !important;
    gap: 0.8rem !important;
    background: #111827 !important;
    max-height: min(68vh, 30rem);
    overflow-x: hidden !important;
    overflow-y: auto !important;
}
#student-panel .s-profile-league {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 0.7rem !important;
    width: 100% !important;
    padding: 0.7rem 0.75rem !important;
    min-height: 0 !important;
    border-radius: 0.8rem !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    background: #0f172a !important;
    overflow: hidden !important;
    flex: 0 0 auto !important;
    isolation: isolate;
    position: relative;
    z-index: 0;
}
#student-panel .s-profile-league-gauge {
    position: relative !important;
    width: 2.7rem !important;
    height: 2.7rem !important;
    min-width: 2.7rem !important;
    flex-shrink: 0 !important;
    overflow: hidden;
}
#student-panel .s-profile-league-copy {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.18rem !important;
    overflow: visible !important;
}
#student-panel .s-profile-league-copy #st-league-name-preview {
    display: block;
    font-size: 0.8rem !important;
    font-weight: 800 !important;
    color: #e2e8f0 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    line-height: 1.3 !important;
}
#student-panel .s-profile-league-copy #st-xp-txt {
    display: block;
    font-size: 0.68rem !important;
    color: #94a3b8 !important;
}
#student-panel .s-profile-league-lv {
    margin-top: 0.05rem !important;
    background: #1e293b !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #e2e8f0 !important;
}
#student-panel .s-profile-islands {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0.45rem !important;
    position: relative;
    z-index: 1;
    flex: 0 0 auto !important;
    margin-top: 0 !important;
}
#student-panel .s-profile-island {
    padding: 0.7rem 0.45rem 0.6rem !important;
    min-height: 3.5rem !important;
    border-radius: 0.7rem !important;
    background: #0f172a !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    position: relative;
    z-index: 1;
}
#student-panel .s-profile-island::before { display: none !important; }
#student-panel .s-profile-island.is-gp,
#student-panel .s-profile-island.is-lvl,
#student-panel .s-profile-island.is-tasks,
#student-panel .s-profile-island.is-hw {
    background: #0f172a !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}
#student-panel .s-profile-island-val {
    font-family: inherit !important;
    font-size: 0.95rem !important;
    font-weight: 800 !important;
    color: #f8fafc !important;
    text-shadow: none !important;
}
#student-panel .s-profile-island-lbl {
    font-size: 0.58rem !important;
    font-weight: 700 !important;
    color: #94a3b8 !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
#student-panel .s-profile-theme-btn {
    background: #1e293b !important;
    color: #f1f5f9 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 0.7rem !important;
}
#student-panel .s-profile-display-section {
    border: 1px solid rgba(45, 212, 191, 0.2);
    border-radius: 0.85rem;
    padding: 0.65rem 0.7rem;
    background: rgba(15, 118, 110, 0.08);
}
#student-panel .s-profile-display-hint {
    margin: 0.15rem 0 0.55rem;
    font-size: 0.62rem;
    line-height: 1.4;
    color: #64748b !important;
}
#student-panel .sset-field {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-bottom: 0.55rem;
}
#student-panel .sset-field-label {
    font-size: 0.62rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #94a3b8;
}
#student-panel .sset-seg .tset-seg-btn {
    font-size: 0.58rem;
    padding: 0.35rem 0.2rem;
}
#student-panel .sset-toggle {
    margin-top: 0.15rem;
    font-size: 0.68rem;
    color: #cbd5e1;
}
#student-panel .s-profile-section-title {
    color: #94a3b8 !important;
}
#student-panel .s-profile-req-input {
    background: #0b1220 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #f8fafc !important;
}

@media (max-width: 767px) {
    #student-message-modal {
        padding: 0 !important;
        align-items: stretch !important;
        justify-content: stretch !important;
        background: #efeae2 !important;
        backdrop-filter: none !important;
    }
    #student-message-modal > .s-phone-shell {
        width: 100% !important;
        max-width: none !important;
        height: 100dvh !important;
        max-height: none !important;
        min-height: 100dvh !important;
        border-radius: 0 !important;
        border: 0 !important;
        background: #efeae2 !important;
        box-shadow: none !important;
        animation: sWaAppIn 0.28s ease-out;
    }
    #student-message-modal .s-phone-notch {
        height: env(safe-area-inset-top, 0.35rem);
        background: #008069 !important;
    }
    #student-message-modal .s-phone-notch span { display: none; }
    #student-message-modal .s-phone-head {
        background: #008069 !important;
        border-bottom: 0 !important;
        padding-top: 0.45rem !important;
        color: #fff !important;
    }
    #student-message-modal .s-phone-head h3,
    #student-message-modal .s-phone-head p,
    #student-message-modal .s-phone-head .s-phone-close {
        color: #fff !important;
    }
    #student-message-modal .s-phone-head p { opacity: 0.85; font-size: 0.72rem !important; }
    #student-message-modal .s-phone-contacts {
        background: #fff !important;
        border-bottom: 1px solid #d1d7db !important;
    }
    #student-message-modal .s-phone-contacts button {
        background: #f0f2f5 !important;
        color: #111b21 !important;
        border-color: #d1d7db !important;
    }
    #student-message-modal .s-phone-contacts button.is-active {
        background: #d9fdd3 !important;
        border-color: #25d366 !important;
        color: #111b21 !important;
    }
    #student-message-modal .s-phone-thread {
        background:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath fill='%23d6d0c4' fill-opacity='.35' d='M30 0l4 12h12l-10 7 4 12-10-7-10 7 4-12-10-7h12z'/%3E%3C/svg%3E"),
            #efeae2 !important;
        flex: 1 1 auto !important;
        min-height: 0 !important;
    }
    #student-message-modal .s-chat-row.is-them .s-chat-bubble {
        background: #fff !important;
        color: #111b21 !important;
    }
    #student-message-modal .s-chat-row.is-me .s-chat-bubble {
        background: #d9fdd3 !important;
        color: #111b21 !important;
    }
    #student-message-modal .s-chat-empty { color: #54656f !important; }
    #student-message-modal .s-phone-composer {
        background: #f0f2f5 !important;
        border-top: 1px solid #d1d7db !important;
        padding-bottom: max(0.55rem, env(safe-area-inset-bottom)) !important;
    }
    #student-message-modal .s-phone-composer input {
        background: #fff !important;
        color: #111b21 !important;
    }
    #student-message-modal .s-phone-composer button {
        background: #008069 !important;
        color: #fff !important;
    }
    #student-message-modal .s-phone-back {
        width: 2.1rem;
        height: 2.1rem;
        border: 0;
        border-radius: 999px;
        background: transparent;
        color: #fff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        font-size: 1rem;
    }
    #student-message-modal .s-phone-back.hidden { display: none !important; }
    #student-message-modal.is-inbox .s-phone-composer { display: none !important; }
    #student-message-modal.is-inbox .s-phone-thread { display: none !important; }
    #student-message-modal.is-inbox .s-phone-contacts {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        padding: 0 !important;
        background: #fff !important;
    }
    #student-message-modal.is-inbox .s-phone-contacts button {
        width: 100% !important;
        text-align: left !important;
        border: 0 !important;
        border-bottom: 1px solid #e9edef !important;
        border-radius: 0 !important;
        padding: 0.95rem 1rem !important;
        font-size: 1rem !important;
        background: #fff !important;
    }
    #student-message-modal.is-thread .s-phone-contacts { display: none !important; }
    #student-message-modal.is-kb .s-phone-notch { display: none !important; }
    #student-message-modal.is-kb .s-phone-head {
        padding-top: 0.28rem !important;
        padding-bottom: 0.28rem !important;
    }
    #student-message-modal.is-kb .s-phone-head h3 { font-size: 0.92rem !important; }
    #student-message-modal.is-kb .s-phone-head p { display: none !important; }
}
#student-panel .s-panel-tab.hidden,
#student-panel .s-panel-tab[hidden] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}
#student-panel #s-home-tab.hidden #s-bento-mesh,
#student-panel #s-home-tab[hidden] #s-bento-mesh,
#student-panel #s-home-tab.hidden #summary-home,
#student-panel #s-home-tab[hidden] #summary-home,
#student-panel #s-home-tab.hidden [data-widget="summary"] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    position: static !important;
    z-index: auto !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
}

@keyframes sWaAppIn {
    from { transform: translateY(18px); opacity: 0.4; }
    to { transform: translateY(0); opacity: 1; }
}

/* —— Sütlaç: klavye açıkken WhatsApp düzeni —— */
#sutlac-root { z-index: 220; }
#sutlac-root.is-open {
    align-items: flex-start;
}
/* is-kb = mobil klavye modu — siyah tam ekran flaş yapıyor; yumuşak koyu cam */
@media (max-width: 767px) {
    #sutlac-root.is-kb {
        background: rgba(15, 23, 42, 0.22);
    }
    #sutlac-root.is-kb .sutlac-sheet-handle,
    #sutlac-root.is-kb .sutlac-subtitle,
    #sutlac-root.is-kb .sutlac-greeting {
        display: none !important;
    }
    #sutlac-root.is-kb .sutlac-header {
        padding-bottom: 0.1rem;
    }
    #sutlac-root.is-kb .sutlac-header-avatar-wrap {
        width: 2.15rem !important;
        height: 2.15rem !important;
        aspect-ratio: auto !important;
    }
    #sutlac-root.is-kb .sutlac-avatar {
        width: 2.15rem !important;
        height: 2.15rem !important;
    }
    #sutlac-root.is-kb .sutlac-title { font-size: 0.92rem !important; }
}
@media (min-width: 768px) {
    #sutlac-root.is-open {
        align-items: center;
        justify-content: center;
        background: rgba(15, 23, 42, 0.28);
    }
    #sutlac-root.is-kb {
        background: rgba(15, 23, 42, 0.28) !important;
    }
}
#sutlac-root.is-open .sutlac-messages {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    touch-action: pan-y;
}
#sutlac-root.is-open .sutlac-msg {
    font-size: 0.78rem !important;
    padding: 0.42rem 0.58rem !important;
    max-width: 86%;
}

/* —— Açılan paneller: açık, mobil alt sayfa —— */
@media (max-width: 767px) {
    #s-lock-weather-modal {
        background: rgba(15, 23, 42, 0.38) !important;
        display: flex !important;
        align-items: flex-end !important;
        justify-content: center !important;
    }
    #s-lock-weather-modal.hidden { display: none !important; }
    #s-lock-weather-modal.is-open { display: flex !important; }
    #s-lock-weather-modal .s-lock-weather-panel {
        width: 100%;
        max-height: min(92dvh, 42rem);
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        margin: 0;
        padding: 0.85rem 0.95rem calc(1rem + env(safe-area-inset-bottom, 0px));
        border-radius: 1.25rem 1.25rem 0 0;
        background: linear-gradient(180deg, #e0f2fe 0%, #f8fafc 28%, #fff 100%);
        color: #0f172a;
        box-shadow: 0 -16px 48px rgba(15, 23, 42, 0.18);
    }
    #s-lock-weather-modal .s-lock-weather-header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 0.6rem;
        margin-bottom: 0.7rem;
    }
    #s-lock-weather-modal .s-lock-weather-header h3 {
        margin: 0;
        font-size: 1.05rem;
        font-weight: 850;
        color: #0c4a6e;
    }
    #s-lock-weather-modal .s-lock-weather-header p,
    #s-lock-weather-modal #s-lock-weather-loc-label {
        margin: 0.15rem 0 0;
        font-size: 0.78rem;
        font-weight: 650;
        color: #075985;
    }
    #s-lock-weather-modal .s-lock-weather-hero-temp {
        color: #0c4a6e !important;
        font-size: 2.4rem !important;
    }
    #s-lock-weather-modal .s-lock-weather-hero-cond,
    #s-lock-weather-modal .s-lock-weather-source {
        color: #334155 !important;
    }
    #s-lock-weather-modal .s-lock-weather-hero {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        padding: 0.7rem 0.75rem;
        border-radius: 1rem;
        background: rgba(255, 255, 255, 0.72);
        border: 1px solid rgba(14, 165, 233, 0.18);
    }
    #s-lock-weather-modal .s-lock-weather-hero-icon {
        width: 3.4rem !important;
        height: 3.4rem !important;
        font-size: 1.85rem !important;
        border-radius: 1rem;
        background: linear-gradient(145deg, #38bdf8, #0284c7);
        color: #fff !important;
        filter: none !important;
    }
    #s-lock-weather-modal .s-lock-weather-stats {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.45rem;
        margin-top: 0.7rem;
    }
    #s-lock-weather-modal .s-lock-weather-stat {
        background: #fff;
        border: 1px solid #e2e8f0;
        border-radius: 0.85rem;
        padding: 0.55rem 0.65rem;
    }
    #s-lock-weather-modal .s-lock-weather-stat span {
        display: block;
        font-size: 0.62rem;
        font-weight: 800;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: #64748b;
    }
    #s-lock-weather-modal .s-lock-weather-stat strong {
        display: block;
        margin-top: 0.12rem;
        font-size: 0.95rem;
        color: #0f172a;
    }
    #s-lock-weather-modal .s-lock-weather-days,
    #s-lock-weather-modal .s-yme-wx-days {
        display: flex;
        flex-direction: column;
        gap: 0.4rem;
        overflow: visible;
        margin-top: 0.7rem;
        padding-bottom: 0.15rem;
    }
    #s-lock-weather-modal .s-yme-wx-day {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        background: #fff;
        border: 1px solid #e2e8f0;
        border-radius: 0.8rem;
        padding: 0.45rem 0.6rem;
        color: #0f172a;
        font-size: 0.82rem;
        font-weight: 700;
    }
    #s-lock-weather-modal .s-yme-wx-day .is-hi { color: #0c4a6e !important; }
    #s-lock-weather-modal .s-yme-wx-day .is-lo { color: #64748b !important; }
    #s-lock-weather-modal .s-lock-msg-close,
    #s-lock-weather-modal .s-lock-weather-refresh {
        width: 2.15rem;
        height: 2.15rem;
        border: 0;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.85);
        color: #0c4a6e;
    }

    #study-overview-modal,
    #study-session-detail-modal,
    #study-log-modal,
    #study-topic-picker-modal,
    #routine-tasks-modal {
        align-items: flex-end !important;
        justify-content: center !important;
        padding: 0 !important;
        background: rgba(15, 23, 42, 0.4) !important;
        backdrop-filter: blur(8px) !important;
        -webkit-backdrop-filter: blur(8px) !important;
    }
    #book-detail-modal {
        align-items: stretch !important;
        justify-content: center !important;
        padding:
            calc(var(--mp-safe-top, 0px) + 0.55rem)
            0.45rem
            calc(4.85rem + env(safe-area-inset-bottom, 0px))
            !important;
        background: rgba(15, 23, 42, 0.4) !important;
        backdrop-filter: blur(8px) !important;
        -webkit-backdrop-filter: blur(8px) !important;
        box-sizing: border-box !important;
    }
    #study-overview-modal > div,
    #study-session-detail-modal > div,
    #study-log-modal > .study-log-panel,
    #study-topic-picker-modal > .study-topic-picker-panel,
    #routine-tasks-modal > .study-compact-panel {
        width: 100% !important;
        max-width: 100% !important;
        max-height: min(92dvh, 44rem) !important;
        margin: 0 !important;
        border-radius: 1.25rem 1.25rem 0 0 !important;
        background: #f8fafc !important;
        border: 1px solid #e7e5e4 !important;
        color: #0f172a !important;
        box-shadow: 0 -18px 50px rgba(15, 23, 42, 0.18) !important;
        padding: 0.85rem 0.95rem calc(0.95rem + env(safe-area-inset-bottom, 0px)) !important;
    }
    #book-detail-modal .rdash-shell {
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        max-height: none !important;
        margin: 0 !important;
        border-radius: 1.1rem !important;
        background: #f8fafc !important;
        border: 1px solid #e7e5e4 !important;
        color: #0f172a !important;
        box-shadow: 0 18px 50px rgba(15, 23, 42, 0.18) !important;
        padding: 0.75rem 0.85rem 0.85rem !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
    }
    #study-overview-modal h3,
    #study-session-detail-modal h3,
    #study-log-modal .study-log-title,
    #study-topic-picker-modal .study-log-title,
    #book-detail-modal .rdash-head h3,
    #routine-tasks-modal .study-log-title {
        color: #0f172a !important;
        font-size: 0.98rem !important;
        font-weight: 850 !important;
        font-family: inherit !important;
        text-shadow: none !important;
        letter-spacing: 0 !important;
    }
    #study-overview-modal .text-white,
    #study-session-detail-modal .text-white,
    #study-session-detail-modal #ssd-topic {
        color: #0f172a !important;
    }
    #study-overview-modal .text-slate-500,
    #study-session-detail-modal .text-slate-500,
    #study-session-detail-modal .text-slate-400,
    #study-log-modal .study-log-hint,
    #book-detail-modal .rdash-head p,
    #book-detail-modal .rdash-hint {
        color: #57534e !important;
        font-size: 0.75rem !important;
    }
    #study-log-modal .study-log-exit,
    #study-topic-picker-modal .study-log-exit,
    #routine-tasks-modal .study-log-exit {
        background: #fff !important;
        color: #334155 !important;
        border-color: #d6d3d1 !important;
        min-height: 2.35rem !important;
        font-size: 0.78rem !important;
        text-transform: none !important;
        letter-spacing: 0 !important;
    }
    #study-log-modal .study-log-panel label,
    #study-log-modal label {
        color: #334155 !important;
        font-size: 0.78rem !important;
        font-weight: 750 !important;
    }
    #study-log-modal input,
    #study-log-modal select,
    #study-log-modal textarea,
    #study-log-modal #study-topic-picker-btn,
    #study-topic-custom-wrap input {
        background: #fff !important;
        color: #0f172a !important;
        border: 1px solid #d6d3d1 !important;
        border-radius: 0.8rem !important;
        font-size: 0.88rem !important;
        min-height: 2.45rem !important;
        padding: 0.5rem 0.7rem !important;
    }
    #study-log-modal .study-mode-btn,
    #study-log-modal .study-toggle-btn {
        background: #fff !important;
        color: #334155 !important;
        border-color: #d6d3d1 !important;
        font-size: 0.78rem !important;
        min-height: 2.35rem;
    }
    #study-log-modal .study-mode-btn.is-active,
    #study-log-modal .study-toggle-btn.border-teal-500,
    #study-log-modal .study-toggle-btn[class*="bg-teal"] {
        background: #ccfbf1 !important;
        color: #0f766e !important;
        border-color: #14b8a6 !important;
    }
    #study-session-detail-modal .bg-slate-950,
    #study-overview-modal .bg-slate-950 {
        background: #fff !important;
        border-color: #e7e5e4 !important;
        color: #0f172a !important;
    }
    #book-detail-modal .rdash-head {
        padding: 0.15rem 0.1rem 0.55rem !important;
    }
    #book-detail-modal .rdash-icon-btn {
        background: #fff !important;
        color: #334155 !important;
        border-color: #d6d3d1 !important;
    }
    #book-detail-modal .rdash-body {
        padding: 0.15rem 0.1rem 0.4rem !important;
        gap: 0.7rem !important;
    }
    #book-detail-modal .rdash-book-3d {
        width: 5.4rem !important;
        height: 7.6rem !important;
    }
    #book-detail-modal .rdash-progress-island,
    #book-detail-modal .rdash-island {
        background: #fff !important;
        border: 1px solid #e7e5e4 !important;
        color: #0f172a !important;
        border-radius: 1rem !important;
        padding: 0.7rem 0.75rem !important;
    }
    #book-detail-modal .rdash-progress-pct,
    #book-detail-modal #book-detail-progress-text,
    #book-detail-modal .rdash-island-lbl,
    #book-detail-modal .rdash-section-lbl,
    #book-detail-modal .rdash-timer-display,
    #book-detail-modal .rdash-page-chip {
        color: #0f172a !important;
        font-size: 0.82rem !important;
    }
    #book-detail-modal .rdash-save-btn,
    #book-detail-modal .rdash-timer-btn {
        background: #0d9488 !important;
        color: #fff !important;
        border: 0 !important;
        font-size: 0.82rem !important;
        min-height: 2.4rem;
        border-radius: 0.8rem !important;
    }
}

/* —— Ana sayfa: main kaydırır. Yan sekme: html/body kaydırır (iç kutu kilidi yok) —— */
#student-panel:not(.is-side-tab) > #student-work-wrap,
#student-panel:not(.is-side-tab) > .flex-1.flex.flex-col {
    min-height: 0 !important;
    overflow: hidden !important;
}
#student-panel:not(.is-side-tab) > #student-work-wrap > main.mp-scroll-y,
#student-panel:not(.is-side-tab) > .flex-1.flex.flex-col > main.mp-scroll-y {
    flex: 1 1 0% !important;
    min-height: 0 !important;
    height: 0 !important;
    max-height: none !important;
    display: block !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    overscroll-behavior-y: contain;
}

html.mp-student-side-scroll {
    overflow: hidden !important;
    height: 100% !important;
    max-height: 100% !important;
}
html.mp-student-side-scroll body.mp-app {
    display: flex !important;
    overflow: hidden !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    min-height: 0 !important;
}
html.mp-student-side-scroll #student-panel.is-side-tab,
html.mp-student-side-scroll #student-panel.is-side-tab.mp-panel {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    flex: 1 1 auto !important;
    /* Ana sayfa teması kalsın — krem zorlamayı kaldır */
}
html.mp-student-side-scroll #student-panel.is-side-tab > #student-theme-bg {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
}
html.mp-student-side-scroll #student-panel.is-side-tab > #student-work-wrap,
html.mp-student-side-scroll #student-panel.is-side-tab > .flex-1.flex.flex-col {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    min-height: 0 !important;
    flex: 1 1 auto !important;
    position: relative !important;
    z-index: 1 !important;
    background: transparent !important;
}
html.mp-student-side-scroll #student-panel.is-side-tab main,
html.mp-student-side-scroll #student-panel.is-side-tab main.mp-scroll-y,
html.mp-student-side-scroll #student-panel.is-side-tab > #student-work-wrap > main.mp-scroll-y {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    overflow: hidden !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: 100% !important;
    width: 100% !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    background: transparent !important;
}
html.mp-student-side-scroll #student-panel.is-side-tab .s-panel-tab.hidden,
html.mp-student-side-scroll #student-panel.is-side-tab .s-panel-tab[hidden],
html.mp-student-side-scroll #student-panel.is-side-tab #s-home-tab,
html.mp-student-side-scroll #student-panel.is-side-tab #s-home-tab.hidden,
html.mp-student-side-scroll #student-panel.is-side-tab #s-home-tab[hidden] {
    display: none !important;
    position: fixed !important;
    left: -100vw !important;
    top: -100vh !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: -20 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
}
#student-panel.is-side-tab > header.s-student-header,
#student-panel.is-side-tab > header.s-student-header.is-slim,
#student-panel.is-side-tab > header.s-student-header.is-slim[hidden],
#student-panel > header.s-student-header.is-chrome-off,
#student-panel > header.s-student-header.is-slim.is-chrome-off {
    display: none !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    flex: 0 0 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    z-index: -1 !important;
}
#student-panel.is-side-tab > #student-work-wrap > main.mp-scroll-y,
#student-panel.is-side-tab > .flex-1.flex.flex-col > main.mp-scroll-y {
    padding-top: 0 !important;
    margin-top: 0 !important;
    padding-bottom: calc(8.25rem + env(safe-area-inset-bottom, 0px)) !important;
    scroll-padding-bottom: calc(8.25rem + env(safe-area-inset-bottom, 0px));
}
#student-panel:not(.is-side-tab) > #student-work-wrap > main.mp-scroll-y,
#student-panel:not(.is-side-tab) > .flex-1.flex.flex-col > main.mp-scroll-y {
    padding-top: 0 !important;
    padding-bottom: calc(6.35rem + env(safe-area-inset-bottom, 0px)) !important;
    scroll-padding-bottom: calc(6.35rem + env(safe-area-inset-bottom, 0px));
}
/* Dock kısayolu = yeni sayfa (main içi absolute tam alan, pop-up değil) */
#student-panel.is-side-tab .s-panel-tab:not(.hidden),
#student-panel.is-side-tab #s-quest-tab.s-quest-bento:not(.hidden),
#student-panel.is-side-tab #s-library-tab.s-lib-bento:not(.hidden),
#student-panel.is-side-tab #s-homework-tab.s-hw-bento:not(.hidden),
#student-panel.is-side-tab #s-testbank-tab.s-tb-bento:not(.hidden),
#student-panel.is-side-tab #s-exams-tab.s-exam-dash:not(.hidden),
#student-panel.is-side-tab #s-shop-tab.s-shop-vault:not(.hidden),
#student-panel.is-side-tab #s-gym-tab.s-panel-tab:not(.hidden) {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    overscroll-behavior-y: contain;
    pointer-events: auto !important;
    z-index: 2 !important;
    padding: 0.75rem 1rem calc(8.25rem + env(safe-area-inset-bottom, 0px)) !important;
    box-sizing: border-box !important;
    /* Ana sayfa sızmasın; tema üstünde okunaklı koyu cam */
    background: rgba(15, 23, 42, 0.88) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    gap: 0.75rem;
}
#student-panel.is-side-tab .s-panel-tab:not(.hidden) > *,
#student-panel.is-side-tab #s-quest-tab.s-quest-bento:not(.hidden) > *,
#student-panel.is-side-tab #s-library-tab.s-lib-bento:not(.hidden) > *,
#student-panel.is-side-tab #s-homework-tab.s-hw-bento:not(.hidden) > *,
#student-panel.is-side-tab #s-testbank-tab.s-tb-bento:not(.hidden) > *,
#student-panel.is-side-tab #s-exams-tab.s-exam-dash:not(.hidden) > *,
#student-panel.is-side-tab #s-shop-tab.s-shop-vault:not(.hidden) > *,
#student-panel.is-side-tab #s-gym-tab.s-panel-tab:not(.hidden) > * {
    width: min(100%, 56rem) !important;
    max-width: 56rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-self: center !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
}
/* Oyunlar tam genişlik + koyu zemin */
#student-panel.is-side-tab #s-gym-tab.s-panel-tab:not(.hidden) {
    align-items: stretch !important;
    background: rgba(11, 18, 32, 0.92) !important;
}
#student-panel.is-side-tab #s-gym-tab.s-panel-tab:not(.hidden) > * {
    width: 100% !important;
    max-width: none !important;
    align-self: stretch !important;
}
#student-panel.is-side-tab .s-panel-tab:not(.hidden) > *:first-child {
    flex: none !important;
    margin-top: 0 !important;
}
#student-panel.is-side-tab #s-quest-tab > * + * {
    margin-top: 0 !important;
}

/* Tablet + masaüstü: daha geniş ortalı sütun */
@media (min-width: 768px) {
    #student-panel.is-side-tab .s-panel-tab:not(.hidden),
    #student-panel.is-side-tab #s-quest-tab.s-quest-bento:not(.hidden),
    #student-panel.is-side-tab #s-library-tab.s-lib-bento:not(.hidden),
    #student-panel.is-side-tab #s-homework-tab.s-hw-bento:not(.hidden),
    #student-panel.is-side-tab #s-testbank-tab.s-tb-bento:not(.hidden),
    #student-panel.is-side-tab #s-exams-tab.s-exam-dash:not(.hidden),
    #student-panel.is-side-tab #s-shop-tab.s-shop-vault:not(.hidden),
    #student-panel.is-side-tab #s-gym-tab.s-panel-tab:not(.hidden) {
        position: absolute !important;
        inset: 0 !important;
        align-items: center !important;
        gap: 0.85rem;
        padding: 1rem 1.5rem calc(8.25rem + env(safe-area-inset-bottom, 0px)) !important;
    }
    #student-panel.is-side-tab .s-panel-tab:not(.hidden) > *,
    #student-panel.is-side-tab #s-exams-tab.s-exam-dash:not(.hidden) > *,
    #student-panel.is-side-tab #s-quest-tab.s-quest-bento:not(.hidden) > *,
    #student-panel.is-side-tab #s-homework-tab.s-hw-bento:not(.hidden) > *,
    #student-panel.is-side-tab #s-library-tab.s-lib-bento:not(.hidden) > *,
    #student-panel.is-side-tab #s-testbank-tab.s-tb-bento:not(.hidden) > *,
    #student-panel.is-side-tab #s-shop-tab.s-shop-vault:not(.hidden) > * {
        width: min(100%, 64rem) !important;
        max-width: 64rem !important;
        margin-left: auto !important;
        margin-right: auto !important;
        align-self: center !important;
    }
    #student-panel.is-side-tab #s-gym-tab.s-panel-tab:not(.hidden) {
        align-items: stretch !important;
    }
    #student-panel.is-side-tab #s-gym-tab.s-panel-tab:not(.hidden) > * {
        width: 100% !important;
        max-width: none !important;
        align-self: stretch !important;
    }
    #student-panel .s-student-header-drawer,
    #student-panel .s-dock-comms-wrap {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.5rem;
    }
}

#student-panel .s-panel-tab.hidden,
#student-panel .s-panel-tab[hidden] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

#s-quest-tab #summary-tasks,
#student-panel #summary-tasks {
    display: none !important;
    position: absolute !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

#student-panel:not(.is-side-tab) #s-exams-tab.s-exam-dash:not(.hidden) {
    display: block !important;
    pointer-events: auto !important;
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
    min-height: min-content !important;
}
#s-exams-tab > * {
    flex: 0 0 auto !important;
    min-height: auto !important;
    max-height: none !important;
}
#s-exams-tab > * + * { margin-top: 0.75rem; }
#s-exams-tab #summary-exams.s-quest-dash,
#s-exams-tab .s-exam-karnem {
    overflow: visible !important;
    margin-top: 0 !important;
}
#s-exams-tab #summary-exams.s-quest-dash,
#s-exams-tab .s-exam-karnem {
    margin: 0 !important;
    padding: 0.7rem 0.75rem 0.75rem !important;
    border-radius: 1.15rem !important;
    background: #fff !important;
    border: 1px solid #e7e5e4 !important;
    color: #0f172a !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06) !important;
    backdrop-filter: none !important;
    overflow: visible !important;
}
#s-exams-tab #summary-exams .s-quest-dash-head h3,
#s-exams-tab #summary-exams .js-quest-summary-title {
    color: #0f172a !important;
    font-size: 0.92rem !important;
}
#s-exams-tab #summary-exams .js-quest-summary-subtitle,
#s-exams-tab #summary-exams .s-quest-dash-head p {
    color: #64748b !important;
    font-size: 0.7rem !important;
}
#s-exams-tab #summary-exams .s-quest-metric {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    box-shadow: none !important;
}
#s-exams-tab #summary-exams .s-quest-metric-body strong { color: #0f172a !important; }
#s-exams-tab #summary-exams .s-quest-metric-body em { color: #64748b !important; }
#s-exams-tab #summary-exams .s-quest-ring::before { background: #fff !important; }
#s-exams-tab #summary-exams .s-quest-dash-grid.is-quad {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.45rem !important;
}
#s-exams-tab #summary-exams .s-quest-ring {
    width: 2.85rem !important;
    height: 2.85rem !important;
}
#s-exams-tab #summary-exams .s-quest-period-switch button {
    color: #475569;
}
#s-exams-tab #summary-exams .s-quest-period-switch button.is-active {
    color: #0f172a;
    background: #fff;
}
#s-exams-tab .s-exam-ai {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin: 0;
    padding: 0.7rem 0.8rem;
    border-radius: 1rem;
    background: #fff;
    border: 1px solid #e7e5e4;
    color: #0f172a;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.05);
}
#s-exams-tab .s-exam-ai-ico {
    color: #d97706;
    font-size: 1rem;
    flex-shrink: 0;
}
#s-exams-tab .s-exam-ai-copy { flex: 1; min-width: 0; }
#s-exams-tab .s-exam-ai-title {
    margin: 0;
    font-size: 0.82rem;
    font-weight: 800;
    color: #0f172a;
}
#s-exams-tab .s-exam-ai-status {
    margin: 0.12rem 0 0;
    font-size: 0.68rem;
    color: #64748b;
}
#s-exams-tab .s-exam-ai-btn {
    flex-shrink: 0;
    background: #f59e0b;
    color: #1c1917;
    font-size: 0.68rem;
    font-weight: 900;
    padding: 0.42rem 0.7rem;
    border: 0;
    border-radius: 0.7rem;
    cursor: pointer;
}
#s-exams-tab .s-exam-karneler { margin: 0; display: flex; flex-direction: column; gap: 0.55rem; }
#s-exams-tab .s-exam-dash-head {
    margin: 0 !important;
    font-size: 0.68rem !important;
    color: #64748b !important;
}
#s-exams-tab .s-plan-request-btn {
    margin: 0 !important;
    max-width: 100% !important;
    width: 100%;
    justify-content: center;
}
#s-exams-dashboard {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.55rem !important;
    flex: none !important;
    min-height: 0 !important;
}
#s-exams-tab .s-exam-island {
    padding: 0.7rem 0.8rem 0.75rem !important;
    border-radius: 1rem !important;
    background: #fff !important;
    border: 1px solid #e7e5e4 !important;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.05) !important;
    transform: none !important;
    gap: 0.45rem !important;
}
#s-exams-tab .s-exam-island:hover { transform: none !important; }
#s-exams-tab .s-exam-island-meta h3 { color: #0f172a !important; font-size: 0.86rem !important; }
#s-exams-tab .s-exam-island-meta p { color: #64748b !important; }
#s-exams-tab .s-exam-ring {
    width: 3.15rem !important;
    height: 3.15rem !important;
    background:
        radial-gradient(circle at center, #fff 58%, transparent 59%),
        conic-gradient(#14b8a6 calc(var(--p, 0) * 1%), #e2e8f0 0) !important;
    box-shadow: 0 0 0 2px #f1f5f9 !important;
}
#s-exams-tab .s-exam-ring > span { color: #0f172a !important; font-size: 0.66rem !important; }
#s-exams-tab .s-exam-score {
    font-size: 1.2rem !important;
    color: #0f172a !important;
    text-shadow: none !important;
}
#s-exams-tab .s-exam-score small { color: #0d9488 !important; font-size: 0.56rem !important; }
#s-exams-tab .s-exam-empty {
    background: #fff !important;
    color: #64748b !important;
    padding: 1rem 0.85rem !important;
}

@media (max-width: 899px) {
    #s-gym-tab.s-panel-tab:not(.hidden) {
        display: flex !important;
        flex-direction: column;
        gap: 0.7rem !important;
    }
    #s-gym-tab .gym-hub {
        gap: 0.65rem !important;
        max-width: 100% !important;
        width: 100%;
    }
    #s-gym-tab .gym-reward-banner {
        flex-direction: column;
        align-items: stretch;
        gap: 0.55rem;
        padding: 0.75rem 0.8rem !important;
    }
    #s-gym-tab .gym-reward-main h3 { font-size: 1rem !important; }
    #s-gym-tab .gym-reward-main p { font-size: 0.78rem !important; margin-top: 0.2rem !important; }
    #s-gym-tab .gym-bento-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 0.55rem !important;
        align-items: stretch;
        isolation: isolate;
    }
    #s-gym-tab .gym-game-card {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        margin: 0 !important;
        min-height: 6.5rem !important;
        height: auto !important;
        transform: none !important;
        padding: 0.75rem 0.7rem 0.7rem !important;
        overflow: hidden !important;
        background: #1e293b !important;
        z-index: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    #s-gym-tab .gym-game-card:hover,
    #s-gym-tab .gym-game-card:focus {
        transform: none !important;
    }
    #s-gym-tab .gym-game-ico {
        width: 2.35rem !important;
        height: 2.35rem !important;
        font-size: 1.1rem !important;
        margin-bottom: 0.45rem !important;
        flex-shrink: 0;
    }
    #s-gym-tab .gym-game-title {
        font-size: 0.8rem !important;
        margin-bottom: 0.15rem !important;
        line-height: 1.25 !important;
        white-space: normal !important;
    }
    #s-gym-tab .gym-game-sub { font-size: 0.68rem !important; line-height: 1.3 !important; }
    #s-gym-tab .gym-leader-card {
        padding: 0.7rem 0.75rem !important;
        display: flex !important;
        align-items: center !important;
        gap: 0.65rem !important;
        width: 100% !important;
    }
    #s-gym-tab .gym-leader-copy {
        min-width: 0 !important;
        flex: 1 1 auto !important;
    }
    #s-gym-tab .gym-leader-copy strong,
    #s-gym-tab .gym-leader-copy em {
        display: block !important;
        white-space: normal !important;
    }

    #s-quest-tab.s-quest-bento:not(.hidden) {
        gap: 0.75rem !important;
    }
    #s-quest-tab .s-quest-section-head {
        flex-wrap: wrap;
        gap: 0.4rem 0.55rem;
        align-items: center;
        margin-bottom: 0.65rem !important;
    }
    #s-quest-tab .s-quest-section-head > div { min-width: 0; flex: 1 1 10rem; }
    #s-quest-tab .s-quest-section-head h3 {
        font-size: 0.92rem !important;
        flex-wrap: wrap;
    }
    #s-quest-tab .s-quest-count-pill {
        font-size: 0.72rem !important;
        padding: 0.18rem 0.5rem !important;
        flex-shrink: 0;
        white-space: nowrap;
    }
    #s-quest-tab #quest-camp-term-badge,
    #s-quest-tab .s-quest-term-badge {
        font-size: 0.62rem;
        padding: 0.18rem 0.45rem;
    }
    #s-quest-tab .s-quest-exam-acc-head {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto auto !important;
        column-gap: 0.35rem !important;
        row-gap: 0.28rem !important;
    }
    #s-quest-tab .s-quest-exam-acc-head strong {
        grid-column: 1 / -1 !important;
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
    #s-quest-tab .s-quest-exam-acc-bar { min-width: 0 !important; }
    #s-quest-tab .s-quest-exam-acc-pct,
    #s-quest-tab .s-quest-exam-chevron {
        flex-shrink: 0 !important;
        justify-self: end;
    }
    #s-quest-tab .s-quest-section {
        padding: 0.7rem 0.7rem 0.75rem !important;
        border-radius: 1rem !important;
    }
    #s-quest-tab .s-quest-section-head h3 { font-size: 0.8rem !important; }
    #s-quest-tab .s-quest-section-head p { font-size: 0.62rem !important; }
    #s-quest-tab .s-quest-cards {
        grid-template-columns: 1fr 1fr !important;
        gap: 0.45rem !important;
    }
    #s-quest-tab .s-quest-card {
        min-height: 0 !important;
        padding: 0.55rem 0.6rem 0.6rem !important;
        border-radius: 0.9rem !important;
        gap: 0.2rem !important;
    }
    #s-quest-tab .s-quest-card-icon {
        width: 1.55rem !important;
        height: 1.55rem !important;
        font-size: 0.72rem !important;
        margin-bottom: 0.05rem !important;
        border-radius: 0.5rem !important;
    }
    #s-quest-tab .s-quest-card-title { font-size: 0.72rem !important; }
    #s-quest-tab .s-quest-card-sub { font-size: 0.58rem !important; line-height: 1.25 !important; }
    #s-quest-tab .s-quest-card-check {
        width: 1.05rem !important;
        height: 1.05rem !important;
        top: 0.45rem !important;
        right: 0.45rem !important;
        font-size: 0.55rem !important;
    }
    #s-quest-tab .s-quest-routines {
        gap: 0.4rem !important;
        margin-top: 0.55rem !important;
        padding-top: 0.55rem !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
    #s-quest-tab .s-quest-routine {
        padding: 0.45rem 0.25rem !important;
        border-radius: 0.75rem !important;
        gap: 0.15rem !important;
    }
    #s-quest-tab .s-quest-routine-emoji { font-size: 1rem !important; }
    #s-quest-tab .s-quest-routine-label { font-size: 0.58rem !important; }

    #s-library-tab .s-lib-toolbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.55rem;
    }
    #s-library-tab .s-lib-back {
        color: #cbd5e1;
        font-size: 0.72rem;
        font-weight: 800;
        background: none;
        border: 0;
        padding: 0;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
    }
    #s-library-tab .s-lib-stats,
    #s-library-tab #s-library-preview-text {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box;
        margin: 0;
        padding: 0.55rem 0.75rem !important;
        border-radius: 0.9rem;
        background: rgba(15, 23, 42, 0.72);
        border: 1px solid rgba(251, 191, 36, 0.4);
        color: #fde68a !important;
        font-size: 0.82rem !important;
        font-weight: 800 !important;
        line-height: 1.35 !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: unset !important;
    }

    #s-library-tab .s-shelf,
    #s-library-tab .s-shelf.is-hero-shelf {
        min-height: 12.2rem !important;
        overflow: hidden;
        padding-top: 0.85rem !important;
    }
    #s-library-tab .s-shelf-book,
    #s-library-tab .s-shelf-book.is-hero,
    #s-library-tab .s-shelf-book.is-open,
    #s-library-tab .s-shelf-book.is-hero.is-open,
    #s-library-tab .s-shelf-book:hover:not(.is-open),
    #s-library-tab .s-shelf-book.is-hero:hover:not(.is-open) {
        transform: none !important;
    }
    #s-library-tab .s-shelf-book {
        width: 6.2rem !important;
        height: 9rem !important;
        margin-bottom: 0.35rem !important;
        filter: drop-shadow(3px 8px 8px rgba(0, 0, 0, 0.35));
    }
    #s-library-tab .s-shelf-book.is-hero {
        width: 7.2rem !important;
        height: 10.2rem !important;
    }

    #mood-panel-modal {
        align-items: stretch !important;
        justify-content: stretch !important;
        padding:
            calc(var(--mp-safe-top, 0px) + 0.55rem)
            0.45rem
            calc(0.55rem + env(safe-area-inset-bottom, 0px))
            !important;
        background: rgba(15, 23, 42, 0.42) !important;
        box-sizing: border-box !important;
    }
    #mood-panel-modal .mood-lab-shell {
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        max-height: none !important;
        margin: 0 !important;
        border-radius: 1.15rem !important;
        background: linear-gradient(180deg, #fff 0%, #f8fafc 100%) !important;
        border: 1px solid #e7e5e4 !important;
        color: #0f172a !important;
        box-shadow: 0 18px 48px rgba(15, 23, 42, 0.16) !important;
    }
    #mood-panel-modal .mood-lab-head {
        padding: 0.75rem 0.85rem 0.55rem !important;
        border-bottom: 1px solid #e7e5e4 !important;
    }
    #mood-panel-modal .mood-lab-head h3 {
        font-size: 0.92rem !important;
        color: #0f172a !important;
        text-shadow: none !important;
        text-transform: none !important;
        letter-spacing: 0 !important;
        font-family: inherit !important;
    }
    #mood-panel-modal .mood-lab-head p {
        color: #64748b !important;
        font-size: 0.72rem !important;
    }
    #mood-panel-modal .mood-lab-close {
        background: #fff !important;
        color: #475569 !important;
        border-color: #d6d3d1 !important;
    }
    #mood-panel-modal .mood-lab-body {
        padding: 0.7rem 0.8rem 0.75rem !important;
        gap: 0.7rem !important;
    }
    #mood-panel-modal .mood-lab-block-title {
        color: #64748b !important;
        font-size: 0.62rem !important;
        margin-bottom: 0.35rem !important;
    }
    #mood-panel-modal .mood-pick-btn {
        background: #fff !important;
        border-color: #e2e8f0 !important;
        padding: 0.4rem 0.15rem !important;
    }
    #mood-panel-modal .mood-pick-btn .lbl { color: #475569 !important; font-size: 0.6rem !important; }
    #mood-panel-modal .mood-pick-btn.is-active {
        background: #fdf2f8 !important;
        border-color: #f9a8d4 !important;
    }
    #mood-panel-modal .mood-lab-locked-banner {
        background: #ecfdf5 !important;
        border-color: #a7f3d0 !important;
        color: #065f46 !important;
    }
    #mood-panel-modal .mood-lab-actions {
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr !important;
        gap: 0.4rem !important;
        margin-top: 0.15rem !important;
        padding-top: 0.35rem !important;
        position: static !important;
        background: transparent !important;
    }
    #mood-panel-modal .mood-lab-actions-secondary {
        display: contents !important;
    }
    #mood-panel-modal .mood-lab-actions:has(.mood-lab-actions-secondary.hidden) {
        grid-template-columns: 1fr !important;
    }
    #mood-panel-modal .mood-lab-btn {
        padding: 0.42rem 0.3rem !important;
        font-size: 0.62rem !important;
        line-height: 1.2 !important;
        border-radius: 0.7rem !important;
        box-shadow: none !important;
        min-height: 2.35rem;
        text-align: center;
    }
    #mood-panel-modal .mood-lab-btn i { font-size: 0.72rem; }
    #mood-panel-modal .mood-energy-wrap {
        background: #f8fafc !important;
        border-color: #e2e8f0 !important;
        padding: 0.65rem 0.7rem !important;
    }
    #mood-panel-modal .mood-energy-meta { color: #334155 !important; font-size: 0.78rem !important; }
    #mood-panel-modal .mood-tag {
        background: #fff !important;
        color: #334155 !important;
        border-color: #e2e8f0 !important;
        font-size: 0.72rem !important;
        padding: 0.28rem 0.6rem !important;
    }
    #mood-panel-modal .mood-tag.is-on {
        background: #fdf2f8 !important;
        color: #9d174d !important;
        border-color: #f9a8d4 !important;
    }
    #mood-panel-modal .mood-weather-card {
        background: #fff !important;
        border-color: #e2e8f0 !important;
        color: #0f172a !important;
    }
}

body.mood-panel-open #student-bottom-nav {
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Yan sekme: üst bar akıştan çıksın (slim display:flex ile savaşmasın) */
#student-panel.is-side-tab > header.s-student-header.is-slim,
#student-panel > header.s-student-header.is-chrome-off {
    display: none !important;
    position: fixed !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    flex: 0 0 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Yan sekmede ana sayfa + görev kutusu sızıntısı (tablet Chrome) */
#student-panel.is-side-tab #s-home-tab,
#student-panel.is-side-tab #s-home-tab.s-bento-home,
#student-panel.is-side-tab #s-home-tab.s-panel-tab,
#student-panel.is-side-tab #s-home-tab #s-bento-mesh,
#student-panel.is-side-tab #s-home-tab #s-bento-mesh:not(.is-editing),
#student-panel.is-side-tab #s-home-tab #s-bento-mesh > [data-widget],
#student-panel.is-side-tab #s-home-tab #s-bento-mesh:not(.is-editing) > [data-widget],
#student-panel.is-side-tab #s-home-tab #summary-home,
#student-panel.is-side-tab #s-home-tab [data-widget],
#student-panel.is-side-tab #s-home-tab .s-bento-tasks,
#student-panel.is-side-tab #s-home-tab #s-home-tasks-unified,
#student-panel.is-side-tab #s-bento-edit-bar,
#student-panel.is-side-tab .s-bento-tasks,
#student-panel.is-side-tab #s-home-tasks-unified {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: -50 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
}