/* Areef V19 — a deliberately simple mobile experience. */

@media (max-width: 767.98px) {
  /* Give content the full phone width without feeling boxed in. */
  .layout-page .container-xxl,
  .layout-page .container-fluid {
    padding-inline: .55rem !important;
  }

  /* The fixed bottom navigation already communicates the journey. */
  .teacher-flow-nav-v17 {
    display: none !important;
  }

  .teacher-v17,
  .launch-v16 {
    gap: .55rem !important;
    padding-top: .15rem !important;
  }

  /* Page headers become simple title bars instead of large cards. */
  .teacher-v17-hero,
  .assignment-v17-hero,
  .questions-v17-context,
  .launch-hero-v16 {
    min-height: 48px !important;
    padding: .25rem .1rem .45rem !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .teacher-v17-hero > div > span,
  .assignment-v17-hero > div > span,
  .questions-v17-context > div > span,
  .launch-hero-v16 > div:first-child > span,
  .teacher-v17-hero p,
  .assignment-v17-hero p,
  .questions-v17-context p,
  .launch-hero-v16 p {
    display: none !important;
  }

  .teacher-v17-hero h1,
  .assignment-v17-hero h1,
  .questions-v17-context h1,
  .launch-hero-v16 h1 {
    margin: 0 !important;
    font-size: 1.25rem !important;
    line-height: 1.35 !important;
  }

  .teacher-v17-hero .btn,
  .assignment-v17-hero .btn,
  .questions-v17-context .btn,
  .launch-hero-v16 .btn {
    min-height: 40px !important;
    padding: .5rem .72rem !important;
    border-radius: 10px !important;
    font-size: .78rem !important;
  }

  /* Remove dashboard noise. Important numbers remain inside the item itself. */
  .teacher-v17-summary,
  .launch-summary-v16 {
    display: none !important;
  }

  /* On the class screen, search/filtering and material administration are secondary. */
  .teacher-v17-toolbar,
  .teacher-v17-subjects {
    display: none !important;
  }

  .teacher-v17-class-grid {
    gap: .42rem !important;
  }

  .teacher-v17-class-card {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    grid-template-areas:
      "class-head class-head"
      "class-primary class-primary" !important;
    gap: .42rem !important;
    padding: .62rem .68rem !important;
    border-radius: 12px !important;
    box-shadow: none !important;
  }

  .teacher-v17-class-card > header {
    grid-area: class-head !important;
    align-items: center !important;
  }

  .teacher-v17-class-card h2 {
    margin: .2rem 0 0 !important;
    font-size: 1rem !important;
  }

  .teacher-v17-class-card header p,
  .teacher-v17-metrics,
  .teacher-v17-secondary-actions {
    display: none !important;
  }

  .teacher-v17-primary-actions {
    grid-area: class-primary !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: .4rem !important;
  }

  .teacher-v17-primary-actions .btn {
    min-height: 40px !important;
    padding: .48rem .6rem !important;
    border-radius: 9px !important;
    font-size: .76rem !important;
  }

  /* Assignments: class, status, title and essential actions only. */
  .assignment-v17-classes {
    gap: .35rem !important;
    padding-bottom: .1rem !important;
  }

  .assignment-v17-classes button {
    min-width: 132px !important;
    min-height: 43px !important;
    padding: .42rem .55rem !important;
    border-radius: 9px !important;
    font-size: .74rem !important;
  }

  .assignment-v17-classes button small,
  .assignment-v17-toolbar {
    display: none !important;
  }

  .assignment-v17-summary {
    position: sticky !important;
    top: 0 !important;
    z-index: 15 !important;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: .2rem !important;
    padding: .25rem !important;
    border: 1px solid rgba(35,31,32,.08) !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,.96) !important;
    backdrop-filter: blur(10px) !important;
  }

  .assignment-v17-summary button {
    min-width: 0 !important;
    min-height: 38px !important;
    justify-content: center !important;
    gap: .2rem !important;
    padding: .35rem .2rem !important;
    border: 0 !important;
    border-radius: 8px !important;
    font-size: .68rem !important;
  }

  .assignment-v17-summary button svg {
    display: none !important;
  }

  .assignment-v17-summary button strong {
    margin-inline-start: .1rem !important;
    font-size: .78rem !important;
  }

  .assignment-v17-group {
    padding: .55rem !important;
    border-radius: 11px !important;
  }

  .assignment-v17-group > header p,
  .assignment-v17-group > header span,
  .assignment-v17-group > header .btn {
    display: none !important;
  }

  .assignment-v17-group h2 {
    margin: 0 !important;
    font-size: .9rem !important;
  }

  .assignment-v17-list > article {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .38rem !important;
    padding: .55rem !important;
    border-radius: 9px !important;
  }

  .assignment-v17-main > p,
  .assignment-v17-meta span:nth-child(n+3) {
    display: none !important;
  }

  .assignment-v17-main h3 {
    margin: .25rem 0 .15rem !important;
    font-size: .9rem !important;
  }

  .assignment-v17-meta {
    gap: .55rem !important;
    margin-top: .25rem !important;
  }

  .assignment-v17-actions {
    display: flex !important;
    gap: .3rem !important;
    overflow-x: visible !important;
  }

  .assignment-v17-actions .btn {
    min-height: 36px !important;
    flex: 1 1 auto !important;
    justify-content: center !important;
    padding: .4rem .45rem !important;
    font-size: .7rem !important;
  }

  /* Duplicate is an occasional desktop action; remove it from the phone surface. */
  .assignment-v17-actions .btn:nth-last-child(2) {
    display: none !important;
  }

  /* Questions: the class decides the subject. Keep only the action and question list. */
  .questions-v17-class-picker {
    grid-template-columns: 1fr !important;
  }

  .questions-v17-class-picker > div {
    display: none !important;
  }

  .questions-v17 .question-bank-v16 > .launch-hero-v16 .launch-hero-actions-v16 > :not(:last-child) {
    display: none !important;
  }

  .question-bank-top-v16 {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: .4rem !important;
    padding: .45rem !important;
  }

  .question-bank-top-v16 label:nth-of-type(2) {
    display: none !important;
  }

  .question-bank-top-v16 > div {
    min-width: 66px !important;
    padding: .35rem !important;
  }

  .question-toolbar-v16 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .35rem !important;
  }

  .question-toolbar-v16 select {
    display: none !important;
  }

  .question-list-v16 > article {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: .4rem !important;
    padding: .55rem !important;
    border-radius: 9px !important;
  }

  .question-main-v16 p,
  .question-main-v16 small,
  .question-main-v16 > div span:nth-child(n+2),
  .question-actions-v16 .btn:nth-child(n+2),
  .question-next-v16 {
    display: none !important;
  }

  .question-actions-v16 .btn {
    min-width: 38px !important;
    padding: .4rem !important;
  }

  /* Curriculum is an occasional setup screen: show selectors and lessons, hide repeated guidance. */
  .curriculum-v16 > .launch-hero-v16,
  .curriculum-ready-v16,
  .curriculum-quickstart-v16 p,
  .curriculum-quickstart-v16 > svg {
    display: none !important;
  }

  .curriculum-top-v16 {
    grid-template-columns: 1fr !important;
    gap: .4rem !important;
    padding: .5rem !important;
  }

  .curriculum-top-v16 .btn {
    display: none !important;
  }

  .curriculum-builder-v16 {
    grid-template-columns: 1fr !important;
    gap: .45rem !important;
  }

  .curriculum-builder-v16 > article {
    padding: .55rem !important;
    border-radius: 10px !important;
  }

  .curriculum-lessons-v16 > header p,
  .curriculum-lessons-v16 > header span {
    display: none !important;
  }

  /* Wizards: one column, one current step, no decorative explanations. */
  .launch-steps-v16 button:not(.active) {
    display: none !important;
  }

  .launch-steps-v16 {
    grid-template-columns: 1fr !important;
  }

  .launch-section-head-v16 p,
  .launch-section-head-v16 b,
  .launch-details-v16,
  .launch-note-v16 {
    display: none !important;
  }

  .launch-form-grid-v16 {
    grid-template-columns: 1fr !important;
  }

  .launch-form-grid-v16 .wide {
    grid-column: auto !important;
  }

  .launch-tabs-v16 {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .launch-tabs-v16 button {
    min-height: 40px !important;
    padding: .38rem .2rem !important;
    font-size: .7rem !important;
  }

  .launch-wizard-footer-v16 {
    bottom: 70px !important;
    padding: .5rem !important;
    border-radius: 11px !important;
  }

  /* Less visual chrome in every remaining card. */
  .layout-page .content-wrapper .card:not(.pricing-card):not(.landing-card) {
    border-radius: 10px !important;
    box-shadow: none !important;
  }

  .layout-page .content-wrapper .card-body {
    padding: .65rem !important;
  }

  .teacher-v17-empty,
  .launch-empty-v16 {
    min-height: 145px !important;
    padding: .9rem !important;
  }

  .teacher-v17-empty p,
  .launch-empty-v16 p {
    display: none !important;
  }

  /* Bottom navigation: four clear destinations. */
  .hn-bottom-nav {
    min-height: 62px !important;
    padding: .3rem .35rem calc(.3rem + env(safe-area-inset-bottom)) !important;
  }

  .hn-bottom-nav .hn-nav-item {
    min-width: 0 !important;
    font-size: .68rem !important;
  }

  .hn-bottom-nav .hn-nav-item i {
    font-size: 1.2rem !important;
  }
}

/* Landing page — a short, calm phone page instead of a desktop page squeezed into a phone. */
@media (max-width: 560px) {
  .landing-v8 .lp8-container {
    width: min(100% - 1.15rem, 1160px) !important;
  }

  .landing-v8 .lp8-nav-inner {
    min-height: 62px !important;
  }

  .landing-v8 .lp8-mobile,
  .landing-v8 .lp8-menu {
    display: none !important;
  }

  .landing-v8 .lp8-primary {
    min-height: 42px !important;
    padding: .55rem .78rem !important;
    border-radius: 10px !important;
    font-size: .78rem !important;
  }

  .landing-v8 .lp8-hero {
    padding: .35rem 0 1.8rem !important;
  }

  .landing-v8 .lp8-hero-grid {
    gap: .15rem !important;
  }

  .landing-v8 .lp8-art {
    min-height: 205px !important;
  }

  .landing-v8 .lp8-art::before {
    width: 235px !important;
  }

  .landing-v8 .lp8-art img {
    width: 215px !important;
  }

  .landing-v8 .lp8-badge,
  .landing-v8 .lp8-hero h1,
  .landing-v8 .lp8-actions .lp8-outline {
    display: none !important;
  }

  .landing-v8 .lp8-hero h2 {
    max-width: 310px !important;
    margin: .25rem auto .55rem !important;
    font-size: 1.45rem !important;
    line-height: 1.5 !important;
  }

  .landing-v8 .lp8-hero p {
    display: -webkit-box !important;
    max-width: 330px !important;
    margin: 0 auto !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    font-size: .88rem !important;
    line-height: 1.7 !important;
  }

  .landing-v8 .lp8-actions {
    justify-content: center !important;
    margin-top: .9rem !important;
  }

  .landing-v8 .lp8-actions .lp8-primary:first-child {
    width: min(100%, 300px) !important;
  }

  .landing-v8 .lp8-section {
    padding: 2rem 0 !important;
  }

  .landing-v8 .lp8-title {
    margin-bottom: .35rem !important;
    font-size: 1.35rem !important;
  }

  .landing-v8 .lp8-subtitle {
    display: none !important;
  }

  .landing-v8 .lp8-grid {
    grid-template-columns: 1fr !important;
    gap: .5rem !important;
    margin-top: 1rem !important;
  }

  .landing-v8 .lp8-card {
    display: grid !important;
    grid-template-columns: 42px 1fr !important;
    gap: .25rem .65rem !important;
    padding: .65rem !important;
    border-radius: 11px !important;
    box-shadow: none !important;
    text-align: right !important;
  }

  .landing-v8 .lp8-card-icon {
    grid-row: 1 / 3 !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    border-radius: 10px !important;
  }

  .landing-v8 .lp8-card h3 {
    margin: 0 !important;
    font-size: .9rem !important;
  }

  .landing-v8 .lp8-card p {
    display: -webkit-box !important;
    margin: 0 !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    font-size: .76rem !important;
    line-height: 1.45 !important;
  }

  .landing-v8 #workflow {
    display: none !important;
  }

  .landing-v8 .lp8-plans {
    gap: .65rem !important;
    margin-top: 1rem !important;
  }

  .landing-v8 .lp8-plan {
    padding: .85rem !important;
    border-radius: 12px !important;
  }

  .landing-v8 .lp8-plan > p,
  .landing-v8 .lp8-plan ul,
  .landing-v8 .lp8-trial {
    display: none !important;
  }

  .landing-v8 .lp8-price {
    margin: .45rem 0 .7rem !important;
    font-size: 1.45rem !important;
  }
}