@layer msjy-legacy, msjy-buttons;
@import url("./styles/legacy.css") layer(msjy-legacy);
@import url("./styles/tokens.css") layer(msjy-legacy);
@import url("./styles/base.css") layer(msjy-legacy);
@import url("./styles/shell.css") layer(msjy-legacy);
@import url("./styles/components.css") layer(msjy-legacy);
@import url("./styles/responsive.css") layer(msjy-legacy);
@import url("./styles/views/workbench.css") layer(msjy-legacy);
@import url("./styles/views/students.css") layer(msjy-legacy);
@import url("./styles/views/scheduling.css") layer(msjy-legacy);
@import url("./styles/views/time-preferences.css") layer(msjy-legacy);
@import url("./styles/views/parent-service.css") layer(msjy-legacy);
@import url("./styles/views/business.css") layer(msjy-legacy);
@import url("./styles/views/system.css") layer(msjy-legacy);
@import url("./styles/views/enrollment-approvals.css") layer(msjy-legacy);
@import url("./styles/views/detail-reading.css") layer(msjy-legacy);
@import url("./appica/native-buttons.css") layer(msjy-buttons);
/* Keep the existing Appica button variants, with readable review-page sizing. */
@layer msjy-buttons {
  #app-shell #enrollment-approvals-view .approval-review-page button[data-ms-button],
  #app-shell :is(.readiness-return, .readiness-actions) button[data-ms-button],
  dialog.readable-dialog button[data-ms-button]:not(.icon-close) {
    height: auto; min-height: 44px; font-size: 16px; line-height: 1.5; padding: 10px 16px;
  }
  /* Match mobile schedule tap targets in the layer that owns Appica sizing. */
  @media (max-width: 560px) {
    #app-shell #schedule-view button[data-ms-button] { min-height: 44px; }
  }
}