@media (max-width: 980px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line)}.brand img{width:52px;height:52px}.nav{display:grid;grid-template-columns:repeat(2,1fr)}.main{padding:1rem}.topbar{align-items:flex-start;flex-direction:column}.top-meta{text-align:left;grid-template-columns:1fr 1fr;column-gap:1rem}.login-card{grid-template-columns:1fr}.login-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.form-grid,.form-grid.two,.filters{grid-template-columns:1fr}.hero-card{flex-direction:column;align-items:flex-start}.datebar input{width:100%}.datebar label{width:100%;display:block}.now-grid{grid-template-columns:1fr}.entry-grid{grid-template-columns:1fr}}@media (max-width:520px){.main{padding:.7rem}.sidebar{padding:.8rem}.nav{grid-template-columns:1fr}.topbar,.card,.hero-card,.login-card{border-radius:18px;padding:1rem}.topbar h1{font-size:1.45rem}.stats-grid{grid-template-columns:1fr}.top-meta{grid-template-columns:1fr}.entry-meta{grid-template-columns:1fr}button{width:100%}.button-row{flex-direction:column}.card-header{align-items:flex-start;flex-direction:column}}


/* v1.7.7 – Mobile Lehrkraft-Tagesansicht */
@media (max-width: 700px) {
  body.role-teacher .sidebar {
    display: none !important;
  }

  body.role-teacher .app-shell {
    display: block;
  }

  .teacher-day-view {
    padding-bottom: 5.5rem;
  }

  .teacher-day-view .card {
    border-radius: 22px;
    padding: 1rem;
  }

  .teacher-day-view .teacher-hero h2 {
    font-size: 1.55rem;
  }

  .teacher-entry-top {
    align-items: flex-start;
    flex-direction: column;
  }

  .teacher-entry-main {
    grid-template-columns: 1fr;
  }

  .teacher-entry-main div {
    font-size: 1.05rem;
  }
}


/* v1.8.1 – kompaktere Lehrkraft-Ansicht mobil */
@media (max-width: 700px) {
  .teacher-day-view {
    padding-bottom: 4.5rem;
  }

  .teacher-day-view .teacher-daily,
  .teacher-day-view .teacher-current {
    margin-top: .8rem;
  }

  .teacher-card h3 {
    font-size: 1.35rem;
  }

  .teacher-entry-main {
    gap: .5rem;
  }

  body.role-teacher #mobileLogoutBtn {
    max-width: 150px !important;
  }
}