/* performance.css - legacy PC style overrides */

/* Performance Mode rules */
.performance-mode * {
    transition: none !important;
    animation: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
}

/* Add light borders where depth was previously established using drop-shadows */
.performance-mode .login-wrap,
.performance-mode .login-card,
.performance-mode .modal-window,
.performance-mode .sidebar,
.performance-mode .news-quick-post,
.performance-mode .big-card,
.performance-mode .news-card,
.performance-mode .settings-side-card,
.performance-mode .mobile-settings-inner {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) !important;
    backdrop-filter: none !important;
    background: #ffffff !important;
}

/* Sidebar and background solid color fallbacks */
.performance-mode .sidebar {
    background-color: #f1f5f9 !important;
    border-right: 1px solid #cbd5e1 !important;
}

.performance-mode .modal-overlay {
    background: rgba(0, 0, 0, 0.4) !important;
    backdrop-filter: none !important;
}

.performance-mode .hero-blob,
.performance-mode .decor-circles,
.performance-mode .decor-circles span {
    display: none !important;
}

/* Lightweight tables mode */
.lightweight-tables-mode .student-avatar {
    display: none !important;
}

.lightweight-tables-mode .student-cell {
    padding-left: 8px !important;
}

/* Hide background decorations */
.no-decorations-mode .hero-blob,
.no-decorations-mode .decor-circles,
.no-decorations-mode .decor-circles span {
    display: none !important;
}

/* Disable hover effects */
.disable-hover-mode .big-card.clickable:hover,
.disable-hover-mode .schedule-card:hover,
.disable-hover-mode .mriia-hw-filebox:hover,
.disable-hover-mode .calendar-day:hover,
.disable-hover-mode .event-list-item:hover,
.disable-hover-mode .date-clickable:hover,
.disable-hover-mode .schedule-day:hover,
.disable-hover-mode .report-metrics .metric-card:hover,
.disable-hover-mode .home-lesson-card:hover,
.disable-hover-mode .primary-action-btn:hover,
.disable-hover-mode .border-action-btn:hover,
.disable-hover-mode .login-btn:hover {
    transform: none !important;
    box-shadow: none !important;
    transition: none !important;
    animation: none !important;
}

.disable-hover-mode .gb-cell:hover,
.disable-hover-mode .gb-row:hover,
.disable-hover-mode tr:hover td {
    background-color: inherit !important;
}

/* CSS declarations for sticky table elements (replaces scroll-based JS) */
#gb-table thead tr:nth-child(1) th,
#att-table thead tr:nth-child(1) th {
    position: sticky !important;
    top: 0px !important;
    z-index: 2200 !important;
    background: #ffffff !important;
}

#gb-table thead tr:nth-child(2) th,
#att-table thead tr:nth-child(2) th {
    position: sticky !important;
    top: 34px !important;
    z-index: 2150 !important;
    background: #ffffff !important;
}

#gb-table thead th.gb-sticky-col,
#gb-table thead th.gb-sticky-col-2,
#gb-table thead th.gb-sticky-avg,
#gb-table thead th.gb-avg-col,
#att-table thead th.gb-sticky-col,
#att-table thead th.gb-sticky-col-2,
#att-table thead th.gb-sticky-avg,
#att-table thead th.gb-avg-col {
    z-index: 2300 !important;
    background: #ffffff !important;
}

/* Modern hardware layout containment to optimize CPU/GPU/RAM for offscreen components */
.class-card,
.journal-card,
.news-card,
.schedule-card,
.schedule-day {
    content-visibility: auto;
}
.class-card {
    contain-intrinsic-size: 200px;
}
.journal-card {
    contain-intrinsic-size: 140px;
}
.news-card {
    contain-intrinsic-size: 300px;
}
.schedule-card {
    contain-intrinsic-size: 80px;
}
.schedule-day {
    contain-intrinsic-size: 400px;
}