/* MentoraPro — telefon / tablet / masaüstü akışkan ölçü */
html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
body.mp-app {
    overflow-x: hidden;
}
#teacher-panel,
#student-panel,
#login-screen {
    min-width: 0;
    max-width: 100%;
}
#teacher-sidebar,
#teacher-sidebar * {
    writing-mode: horizontal-tb;
}
#teacher-sidebar #teacher-sidebar-name,
#teacher-panel #t-header-title {
    writing-mode: horizontal-tb !important;
    white-space: normal !important;
}

@media (max-width: 639px) {
    #teacher-sidebar { width: min(18rem, 88vw) !important; }
    #teacher-panel > header { padding-left: 0.65rem !important; padding-right: 0.65rem !important; }
    #teacher-panel main { padding: 0.65rem !important; }
    .s360-live-grid,
    .s360-card-grid { grid-template-columns: 1fr !important; }
}
@media (min-width: 640px) and (max-width: 1023px) {
    #teacher-panel main { padding: 0.85rem 1rem !important; }
    .s360-live-grid,
    .s360-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (min-width: 1024px) {
    .s360-live-grid,
    .s360-card-grid { grid-template-columns: repeat(auto-fill, minmax(17.5rem, 1fr)) !important; }
}
@media (min-width: 1440px) {
    #teacher-panel main.flex-1,
    #student-panel main { max-width: 90rem; margin-left: auto; margin-right: auto; width: 100%; }
}