/* ═══ Admin: Course Cohorts (AdminCourseCohorts.vue) ═══
   Everything else for this view still lives in admin.css. This file exists for
   pieces that must NOT be added to that shared sheet. */

/* "Here is what the Track change did to the money" note in the enroll /
   edit-enrollment modals. It reports every list price or amount that changed
   (and an agreed amount that was deliberately kept), so it is a WARNING, not
   another grey hint line: it uses the same amber tokens as the
   .reg-meta-row--caveat panel in admin.css so in-panel warnings keep one look.
   Symmetric tint, no directional accent - nothing here needs an RTL mirror if
   this modal is ever reused on one of the Hebrew pages. */
.cohort-price-note {
  display: flex;
  align-items: baseline;
  gap: 0.4rem;
  margin: 0.1rem 0 0.2rem;
  padding: 0.55rem 0.7rem;
  background: #fffaf0;
  border: 1px solid #f6e2b8;
  border-radius: 8px;
  color: #92400e;
  font-size: 0.82rem;
  line-height: 1.5;
}

/* The glyph must not shrink when the sentence wraps to three lines. */
.cohort-price-note i {
  flex: 0 0 auto;
}

/* One fact per line, stacked - a list price change and an amount change are
   two separate statements and must not run together into one paragraph. */
.cohort-price-note-lines {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

/* The first line names the track that was just selected and introduces the
   rest, so it carries the weight. */
.cohort-price-note-lines span:first-child {
  font-weight: 600;
}

/* ── Touch floors (admin mobile revamp) ───────────────────────────────
   44px targets and 16px input text below 1025px; an iOS input under 16px
   zooms the whole page on focus. The view's kit lives in admin.css (the
   shared sheet), so the floors live HERE, scoped to the page root the
   template carries - this file loads after admin.css and wins the tie.
   Wide tables scroll inside .adm-table-scroll wrappers in the template. */
@media (max-width: 1024px) {
  .cohorts-page .btn,
  .cohorts-page .btn-icon {
    min-height: 44px;
    min-width: 44px;
  }

  .cohorts-page .form-input,
  .cohorts-page .form-select,
  .cohorts-page .form-textarea {
    font-size: 16px;
    min-height: 44px;
  }

  /* Present / Absent segments and the enroll modal's segment toggle. */
  .cohorts-page .cohort-att-btn,
  .cohorts-page .cohort-segment button {
    min-height: 44px;
  }
}