/* ===== Layout Bundle: responsive + wide-screen layout ===== */ /* --- responsive.css --- */ :root{ --mobile-topbar-height:56px; --mobile-bottom-height:60px; --sidebar-width-mobile:82vw; }html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (max-width:900px){ #mobile-topbar{display:flex !important;position:fixed;left:0;right:0;top:0;height:var(--mobile-topbar-height);align-items:center;gap:8px;padding:8px 12px;background:#ffffff;z-index:10040}.mobile-title{display:flex;align-items:center;gap:8px;flex:1}.mobile-icon{width:44px;height:44px;min-width:44px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none}.mobile-title-content{font-weight:600;font-size:14px;line-height:1.1}#mobile-day-strip{display:flex !important;gap:6px;padding:8px 10px;overflow:auto;-webkit-overflow-scrolling:touch;position:sticky;top:var(--mobile-topbar-height);z-index:10020;background:linear-gradient(180deg, rgba(255,255,255,0.95), rgba(255,255,255,0.92))}#mobile-day-strip .day-pill{ display:inline-flex;align-items:center;justify-content:center; padding:8px 12px;border-radius:999px;font-weight:700;font-size:13px; color:#0f172a;background:rgba(15,23,42,0.04);min-width:44px;text-align:center; transition:transform .18s ease, background .18s ease, color .18s ease; user-select:none;margin:0; }#mobile-day-strip .day-pill.active{ background:linear-gradient(90deg,#1C77FF 0%, #06B6D4 100%); color:#ffffff}#mobile-bottom-nav{display:flex !important;position:fixed;left:0;right:0;bottom:0;height:var(--mobile-bottom-height);align-items:center;justify-content:space-around;background:#ffffff;border-top:1px solid rgba(2,6,23,0.06);z-index:10040}#mobile-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;padding:6px 8px;color:#334155;background:transparent;border:none;min-width:44px}main.main-content{padding-top:calc(var(--mobile-topbar-height) + 8px);padding-bottom:calc(var(--mobile-bottom-height) + 8px)}aside.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width-mobile);max-width:360px;transform:translateX(-110%);transition:transform .28s cubic-bezier(.2,.9,.2,1);z-index:10050}aside.sidebar.mobile-open{transform:translateX(0)}#mobile-sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(2,6,23,0.38);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:10045}#mobile-sidebar-backdrop.active{opacity:1;pointer-events:auto}.decor-circles, .enter-splash-inner .enter-splash-greeting, .news-quick-post{}.news-quick-post{bottom:calc(var(--mobile-bottom-height) + 12px) !important}.home-shell{display:flex;flex-direction:column;gap:12px}.home-main, .home-right{width:100%}.teachers-table-wrap, .teachers-table-scroll, .teachers-card .teachers-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;min-width:640px;border-collapse:collapse}button, .btn, .hero-btn, .nav-item{min-height:44px;padding:10px 12px;font-size:15px}.modal-window{max-width:calc(100vw - 24px) !important;width:100% !important;margin:12px auto !important}#mobile-topbar .mobile-icon{background:linear-gradient(180deg, rgba(255,255,255,0.9), rgba(255,255,255,0.95));border-radius:10px;color:#0f172a}#mobile-topbar .mobile-day-nav{background:transparent;border-radius:8px;padding:8px}.header h1{font-size:16px !important;line-height:1.2 !important}.news-card, .home-my-class-card, .white-card{will-change:auto}@media (prefers-reduced-motion:reduce){* {transition:none !important;animation:none !important}}}.link-like{display:inline-flex;align-items:center;gap:8px}@media (orientation:landscape) and (max-width:1200px){ .modal-window{ width:92vw !important; max-width:92vw !important; margin:12px auto !important; }} @media (max-width:900px){ #homeV2Root .lesson-actions{position:static;opacity:1 !important;visibility:visible !important;transform:none;flex-wrap:wrap;padding:0 0 14px;} #homeV2Root .lesson-btn{min-height:40px;padding:8px 12px;} #schedule .schedule-table-body{overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;} #schedule .schedule-table-header,#schedule .schedule-table-body-inner{min-width:calc(var(--schedule-time-column) + (var(--schedule-day-min) * 7));} #schedule .schedule-top-controls{flex-wrap:wrap;gap:8px !important;} #schedule-view-mode.schedule-pill,#schedule-view-value.schedule-pill{min-width:0 !important;width:min(100%,220px);} #gradebook-view #tab-planning .planning-grid-head{display:none;} #gradebook-view #tab-planning .planning-grid-body{gap:10px;padding:10px 8px;} #gradebook-view #tab-planning .planning-row{grid-template-columns:32px minmax(0,1fr) 44px;gap:8px;padding:10px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;} #gradebook-view #tab-planning .planning-datecell{grid-column:2 / 3;} #gradebook-view #tab-planning .planning-box{grid-column:2 / 4;min-height:42px;padding:10px;} #gradebook-view #tab-planning .planning-arrow{grid-column:3;grid-row:1;} } button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [role="button"]:focus-visible, .nav-item:focus-visible, .custom-select-trigger:focus-visible{ outline:3px solid rgba(28,119,255,.38) !important; outline-offset:2px !important; } @media (prefers-reduced-motion: reduce){ *,*::before,*::after{ scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; } } /* --- wide-1500-sections_v=2.css --- */ @media (min-width:769px){ :root{ --mriia-wide-page-width:1800px; }#lesson-day-view.page-section, #calendar.page-section, #students-list.page-section, #students-report-card.page-section, #students-achievements.page-section, #classes.page-section, #materials.page-section, #homeworks.page-section, #teachers.page-section, #teacher-attendance.page-section, #teacher-substitutions.page-section, #teacher-lessons-fill.page-section, #extracurricular.page-section, #clubs.page-section, #sections.page-section, #afterschool.page-section, #projects.page-section, #excursions.page-section, #volunteering.page-section, #news.page-section, #stats-students.page-section, #stats-teachers.page-section, #stats-attendance-reasons.page-section, #stats-attendance-days.page-section, #stats-attendance.page-section, #stats-grades.page-section, #stats-remarks.page-section, #stats-teacher-attendance.page-section, #stats-reports.page-section, #settings.page-section, #learning-school-year.page-section, #learning-journals.page-section, #learning-subgroups.page-section, #learning-bells.page-section, #learning-schedule.page-section, #learning-rooms.page-section, #learning-subjects.page-section, #learning-teacher-load.page-section, #learning-curriculum-plans.page-section, #homeV2Root, #schedule-constructor.page-section, #user-rights.page-section, #help.page-section, #support.page-section{ margin-left:-17px !important; margin-right:-17px !important; width:min(var(--mriia-wide-page-width), calc(100% + 34px)) !important; max-width:var(--mriia-wide-page-width) !important; padding-left:0 !important; padding-right:0 !important; box-sizing:border-box !important; }#lesson-day-view.page-section >:not(script):not(style):not(link), #lesson-day-view .lesson-day-breadcrumbs, #lesson-day-view .lesson-day-topbar, #lesson-day-view .lesson-day-tabs, #lesson-day-view .lesson-day-board, #lesson-day-view .mriia-tests-section, #calendar.page-section >:not(script):not(style):not(link), #calendar .calendar-month-header, #calendar .calendar-month-grid, #students-list.page-section >:not(script):not(style):not(link), #students-list .teachers-table-shell, #students-list .teachers-card, #students-report-card.page-section >:not(script):not(style):not(link), #students-report-card .teachers-table-shell, #students-report-card .teachers-card, #students-achievements.page-section >:not(script):not(style):not(link), #students-achievements .teachers-table-shell, #students-achievements .teachers-card, #classes.page-section >:not(script):not(style):not(link), #classes .teachers-table-shell, #classes .teachers-card, #materials.page-section >:not(script):not(style):not(link), #materials .white-card, #homeworks.page-section >:not(script):not(style):not(link), #homeworks .white-card, #teachers.page-section >:not(script):not(style):not(link), #teachers .teachers-table-shell, #teachers .teachers-card, #teacher-attendance.page-section >:not(script):not(style):not(link), #teacher-attendance .white-card, #teacher-substitutions.page-section >:not(script):not(style):not(link), #teacher-substitutions .white-card, #teacher-lessons-fill.page-section >:not(script):not(style):not(link), #teacher-lessons-fill .white-card, #extracurricular.page-section >:not(script):not(style):not(link), #extracurricular .white-card, #clubs.page-section >:not(script):not(style):not(link), #clubs .white-card, #sections.page-section >:not(script):not(style):not(link), #sections .white-card, #afterschool.page-section >:not(script):not(style):not(link), #afterschool .white-card, #projects.page-section >:not(script):not(style):not(link), #projects .white-card, #excursions.page-section >:not(script):not(style):not(link), #excursions .white-card, #volunteering.page-section >:not(script):not(style):not(link), #volunteering .white-card, #news.page-section >:not(script):not(style):not(link), #news .news-grid, #news .news-quick-post, #stats-students.page-section >:not(script):not(style):not(link), #stats-students .stats-card, #stats-teachers.page-section >:not(script):not(style):not(link), #stats-teachers .stats-card, #stats-attendance-reasons.page-section >:not(script):not(style):not(link), #stats-attendance-reasons .stats-card, #stats-attendance-days.page-section >:not(script):not(style):not(link), #stats-attendance-days .stats-card, #stats-attendance.page-section >:not(script):not(style):not(link), #stats-attendance .stats-card, #stats-grades.page-section >:not(script):not(style):not(link), #stats-grades .stats-card, #stats-remarks.page-section >:not(script):not(style):not(link), #stats-remarks .stats-card, #stats-teacher-attendance.page-section >:not(script):not(style):not(link), #stats-teacher-attendance .white-card, #stats-reports.page-section >:not(script):not(style):not(link), #stats-reports .reports-shell, #settings.page-section >:not(script):not(style):not(link), #settings .settings-layout, #settings .right-panel, #settings .big-card, #settings .control-row, #learning-school-year.page-section >:not(script):not(style):not(link), #learning-school-year .white-card, #learning-journals.page-section >:not(script):not(style):not(link), #learning-journals .white-card, #learning-subgroups.page-section >:not(script):not(style):not(link), #learning-subgroups .white-card, #learning-bells.page-section >:not(script):not(style):not(link), #learning-bells .teachers-table-shell, #learning-bells .teachers-card, #learning-schedule.page-section >:not(script):not(style):not(link), #learning-schedule .schc-root, #learning-schedule .schc-topbar, #learning-schedule .schc-utabs, #learning-schedule .schc-toolbar, #learning-schedule .schc-content, #learning-schedule .schc-shift-row, #learning-schedule .schc-shift-card, #learning-schedule .white-card, #learning-rooms.page-section >:not(script):not(style):not(link), #learning-rooms .white-card, #learning-subjects.page-section >:not(script):not(style):not(link), #learning-subjects .white-card, #learning-teacher-load.page-section >:not(script):not(style):not(link), #learning-teacher-load .white-card, #learning-curriculum-plans.page-section >:not(script):not(style):not(link), #homeV2Root .dashboard, #learning-curriculum-plans .white-card, #schedule-constructor.page-section >:not(script):not(style):not(link), #schedule-constructor .white-card, #schedule-constructor .schc-grid-card, #schedule-constructor .schc-body-blocks, #schedule-constructor .schc-bottom, #user-rights.page-section >:not(script):not(style):not(link), #user-rights .user-rights-body, #help.page-section >:not(script):not(style):not(link), #help .mriia-accordion, #support.page-section >:not(script):not(style):not(link), #support .white-card{ width:100% !important; max-width:var(--mriia-wide-page-width) !important; box-sizing:border-box !important; }#help .mriia-accordion{ left:auto !important; right:auto !important; margin-left:0 !important; margin-right:0 !important; }#schedule.page-section{ width:calc(100% + 50px) !important; max-width:none !important; margin-left:-25px !important; margin-right:-25px !important; }#schedule.page-section >:not(script):not(style):not(link):not(#lesson-day-view){ max-width:none !important; width:100% !important; }#lesson-day-view{ max-width:none !important; width:calc(100% + 40px) !important; margin-left:-40px !important; margin-right:0 !important; box-sizing:border-box !important; }#schedule .schedule-frame{ max-width:none !important; width:100% !important; }#schedule .schedule-shell{ max-width:none !important; width:100% !important }#schedule .schedule-table-header-grid, #schedule .schedule-grid{ max-width:none !important; width:100% !important; }#calendar.page-section{ width:calc(100% + 60px) !important; max-width:none !important; margin-left:-30px !important; margin-right:-30px !important; }#calendar.page-section >:not(script):not(style):not(link){ max-width:none !important; width:100% !important; }#calendar .schedule-frame{ max-width:none !important; width:100% !important; box-sizing:border-box !important; }#calendar .schedule-shell{ max-width:none !important; width:100% !important; box-sizing:border-box !important; }#calendar .calendar-month-header, #calendar .calendar-month-grid{ max-width:none !important; width:100% !important; }#learning-curriculum-plans.page-section{ width:calc(100% + 60px) !important; max-width:none !important; margin-left:-30px !important; margin-right:-30px !important; }#learning-curriculum-plans.page-section >:not(script):not(style):not(link), #learning-curriculum-plans .white-card{ max-width:none !important; width:100% !important; }#learning-curriculum-plans-body{ padding:0 !important; overflow:visible !important; }#learning-schedule.page-section{ width:calc(100% + 72px) !important; max-width:none !important; margin-left:-36px !important; margin-right:-36px !important; }#learning-schedule.page-section >:not(script):not(style):not(link), #learning-schedule .schc-root, #learning-schedule .schc-topbar, #learning-schedule .schc-utabs, #learning-schedule .schc-toolbar, #learning-schedule .schc-content, #learning-schedule .schc-shift-row, #learning-schedule .schc-shift-card{ max-width:none !important; width:100% !important; } body.home-v2-page #header-top, body.home-v2-page #header-bottom, body.home-v2-page #messages-bell { display:none !important; } }