/* Areef V18 — compact application surfaces and mobile-first landing hero */

/* Landing page: show Areef's character before text on phones. */
@media (max-width: 860px) {
  .landing-v8 .lp8-hero {
    padding: 1rem 0 2.25rem !important;
  }

  .landing-v8 .lp8-hero-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: .35rem !important;
  }

  .landing-v8 .lp8-art {
    order: -1 !important;
    min-height: 235px !important;
    margin: -.25rem 0 0 !important;
  }

  .landing-v8 .lp8-art::before {
    width: min(76vw, 300px) !important;
  }

  .landing-v8 .lp8-art img {
    width: min(68vw, 270px) !important;
  }

  .landing-v8 .lp8-badge {
    margin-top: .15rem !important;
  }

  .landing-v8 .lp8-hero h1 {
    margin-top: .55rem !important;
  }
}

/* Shared compact rhythm throughout teacher workspaces. */
.teacher-v17,
.launch-v16 {
  gap: .72rem !important;
}

.teacher-v17-hero,
.assignment-v17-hero,
.questions-v17-context,
.launch-hero-v16 {
  padding: .85rem 1rem !important;
  border-radius: 15px !important;
  box-shadow: 0 5px 16px rgba(35, 31, 32, .035) !important;
}

.teacher-v17-hero h1,
.assignment-v17-hero h1,
.questions-v17-context h1,
.launch-hero-v16 h1 {
  margin-bottom: .22rem !important;
  font-size: clamp(1.35rem, 2.5vw, 1.85rem) !important;
}

.teacher-v17-hero p,
.assignment-v17-hero p,
.questions-v17-context p,
.launch-hero-v16 p {
  line-height: 1.55 !important;
  font-size: .85rem !important;
}

.teacher-flow-nav-v17 {
  padding: .3rem !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

.teacher-flow-nav-v17 a {
  min-width: 96px !important;
  padding: .48rem .65rem !important;
  border-radius: 9px !important;
  font-size: .79rem !important;
}

.teacher-v17-summary,
.assignment-v17-summary,
.launch-summary-v16 {
  gap: .45rem !important;
  margin-bottom: .2rem !important;
}

.teacher-v17-summary article,
.assignment-v17-summary button,
.launch-summary-v16 article {
  min-height: 54px !important;
  padding: .55rem .7rem !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

.teacher-v17-summary article > svg {
  padding: .36rem !important;
  border-radius: 9px !important;
}

.teacher-v17-summary strong,
.launch-summary-v16 strong {
  font-size: 1.05rem !important;
}

.teacher-v17-toolbar,
.assignment-v17-toolbar,
.launch-toolbar-v16 {
  padding: .48rem !important;
  border-radius: 12px !important;
  margin-bottom: .25rem !important;
}

.teacher-v17-toolbar select,
.teacher-v17-search,
.assignment-v17-toolbar label,
.launch-toolbar-v16 > label {
  min-height: 39px !important;
  border-radius: 9px !important;
}

/* Class cards become compact rows instead of tall cards. */
.teacher-v17-class-grid {
  grid-template-columns: 1fr !important;
  gap: .5rem !important;
}

.teacher-v17-class-card {
  grid-template-columns: minmax(230px, 1.25fr) auto minmax(260px, .8fr) !important;
  grid-template-areas:
    "class-head class-metrics class-primary"
    "class-secondary class-secondary class-secondary" !important;
  align-items: center !important;
  gap: .42rem .75rem !important;
  padding: .68rem .8rem !important;
  border-radius: 13px !important;
  box-shadow: none !important;
}

.teacher-v17-class-card:hover {
  transform: none !important;
  box-shadow: 0 5px 16px rgba(35, 31, 32, .05) !important;
}

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

.teacher-v17-class-card h2 {
  margin: .25rem 0 .08rem !important;
  font-size: 1.03rem !important;
}

.teacher-v17-class-card header p {
  font-size: .75rem !important;
}

.teacher-v17-metrics {
  grid-area: class-metrics !important;
  flex-wrap: nowrap !important;
  gap: .3rem !important;
}

.teacher-v17-metrics span {
  padding: .36rem .48rem !important;
  border-radius: 8px !important;
  white-space: nowrap !important;
}

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

.teacher-v17-primary-actions .btn {
  min-height: 37px !important;
  padding: .42rem .58rem !important;
  font-size: .77rem !important;
}

.teacher-v17-secondary-actions {
  grid-area: class-secondary !important;
  gap: .18rem !important;
  padding-top: .4rem !important;
}

.teacher-v17-secondary-actions a,
.teacher-v17-secondary-actions button {
  padding: .3rem .42rem !important;
  font-size: .72rem !important;
}

.teacher-v17-subjects {
  gap: .55rem !important;
  margin-top: 0 !important;
  padding: .68rem !important;
  border-radius: 13px !important;
}

.teacher-v17-subjects article {
  padding: .45rem .55rem !important;
  border-radius: 10px !important;
}

/* Assignments remain readable rows and lose oversized containers. */
.assignment-v17-classes {
  gap: .35rem !important;
}

.assignment-v17-classes button {
  min-width: 145px !important;
  padding: .5rem .62rem !important;
  border-radius: 10px !important;
}

.assignment-v17-group {
  gap: .48rem !important;
  padding: .65rem !important;
  border-radius: 13px !important;
}

.assignment-v17-group h2 {
  font-size: 1rem !important;
}

.assignment-v17-list {
  gap: .4rem !important;
}

.assignment-v17-list > article {
  padding: .55rem .65rem !important;
  border-radius: 10px !important;
}

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

.assignment-v17-meta {
  margin-top: .3rem !important;
  gap: .45rem !important;
}

.assignment-v17-actions .btn {
  min-height: 34px !important;
  padding: .35rem .48rem !important;
  font-size: .72rem !important;
}

/* Question bank and curriculum: compact selectors, forms and list rows. */
.questions-v17-class-picker {
  gap: .45rem !important;
}

.questions-v17-class-picker label,
.questions-v17-class-picker > div,
.curriculum-top-v16,
.question-bank-top-v16 {
  min-height: 48px !important;
  padding: .5rem .65rem !important;
  border-radius: 11px !important;
}

.launch-card-v16,
.curriculum-lessons-v16,
.curriculum-quickstart-v16,
.curriculum-ready-v16,
.question-next-v16,
.launch-review-v16 {
  padding: .72rem !important;
  border-radius: 13px !important;
  box-shadow: none !important;
}

.launch-section-head-v16 {
  margin-bottom: .7rem !important;
}

.launch-section-head-v16 > span {
  width: 34px !important;
  height: 34px !important;
  border-radius: 9px !important;
}

.launch-steps-v16,
.launch-tabs-v16 {
  gap: .38rem !important;
  margin-bottom: .55rem !important;
}

.launch-steps-v16 button,
.launch-tabs-v16 button {
  padding: .52rem !important;
  border-radius: 10px !important;
}

.launch-form-v16,
.launch-form-grid-v16 {
  gap: .6rem !important;
}

.launch-form-v16 input,
.launch-form-v16 textarea,
.launch-form-grid-v16 input,
.launch-form-grid-v16 select,
.launch-form-grid-v16 textarea,
.curriculum-top-v16 select,
.question-bank-top-v16 select,
.question-bank-top-v16 input,
.launch-review-v16 select,
.launch-review-v16 textarea,
.question-toolbar-v16 select {
  padding: .58rem .65rem !important;
  border-radius: 9px !important;
}

.question-list-v16,
.curriculum-lesson-grid-v16,
.launch-question-library-v16 {
  gap: .4rem !important;
}

.question-list-v16 > article,
.curriculum-lesson-grid-v16 > article,
.launch-question-library-v16 article {
  padding: .55rem .65rem !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

.question-main-v16 strong {
  font-size: .9rem !important;
}

.question-main-v16 p {
  margin: .22rem 0 !important;
  font-size: .78rem !important;
}

.curriculum-lesson-number-v16 {
  width: 30px !important;
  height: 30px !important;
  border-radius: 8px !important;
}

.launch-empty-v16,
.teacher-v17-empty {
  min-height: 190px !important;
  padding: 1.15rem !important;
  border-radius: 14px !important;
}

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

.launch-modal-v16,
.teacher-v17-modal {
  padding: .85rem !important;
  border-radius: 15px !important;
}

/* General application cards: modest radii and spacing without flattening forms. */
.layout-page .content-wrapper .card:not(.pricing-card):not(.landing-card) {
  border-radius: 14px !important;
  box-shadow: 0 5px 16px rgba(35, 31, 32, .04) !important;
}

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

@media (max-width: 1100px) {
  .teacher-v17-class-card {
    grid-template-columns: minmax(220px, 1fr) minmax(250px, .85fr) !important;
    grid-template-areas:
      "class-head class-primary"
      "class-metrics class-secondary" !important;
  }
}

@media (max-width: 767.98px) {
  .teacher-v17,
  .launch-v16 {
    gap: .52rem !important;
  }

  .teacher-v17-hero,
  .assignment-v17-hero,
  .questions-v17-context,
  .launch-hero-v16 {
    padding: .68rem .75rem !important;
    border-radius: 12px !important;
  }

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

  .teacher-v17-summary,
  .launch-summary-v16 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .teacher-v17-summary article,
  .launch-summary-v16 article {
    display: grid !important;
    justify-items: center !important;
    gap: .15rem !important;
    min-height: 58px !important;
    padding: .42rem .25rem !important;
    text-align: center !important;
  }

  .teacher-v17-summary article > svg {
    display: none !important;
  }

  .teacher-v17-class-card {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "class-head"
      "class-metrics"
      "class-primary"
      "class-secondary" !important;
    gap: .38rem !important;
    padding: .58rem .65rem !important;
    border-radius: 11px !important;
  }

  .teacher-v17-metrics {
    overflow-x: auto !important;
  }

  .teacher-v17-primary-actions {
    grid-template-columns: 1fr 1fr !important;
  }

  .teacher-v17-secondary-actions {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    border-top: 0 !important;
    padding-top: .1rem !important;
  }

  .teacher-v17-secondary-actions a,
  .teacher-v17-secondary-actions button {
    flex: 0 0 auto !important;
    background: #f8f6f3 !important;
  }

  .assignment-v17-summary {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    overflow-x: auto !important;
  }

  .assignment-v17-summary button {
    min-width: 82px !important;
    padding: .45rem !important;
    font-size: .7rem !important;
  }

  .assignment-v17-list > article {
    gap: .45rem !important;
    padding: .55rem !important;
  }

  .assignment-v17-actions {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    justify-content: flex-start !important;
  }

  .assignment-v17-actions .btn {
    flex: 0 0 auto !important;
  }

  .launch-card-v16,
  .curriculum-lessons-v16,
  .curriculum-quickstart-v16,
  .curriculum-ready-v16,
  .question-next-v16 {
    padding: .58rem !important;
  }

  .question-list-v16 > article,
  .curriculum-lesson-grid-v16 > article,
  .launch-question-library-v16 article {
    padding: .5rem !important;
  }
}