/* AERYA SYSTEM CONTRACT v73
   Isolated chrome. Feature patches MUST NOT edit this file.
   Loaded last (after shell/lock/page CSS) by aerya-nav.js.
   Designer tokens override :root in site/theme.css — not this file.
*/
:root {
  --aerya-sys-max: 56rem;
  --aerya-sys-narrow: 32rem;
  --aerya-sys-btn-max: 17.5rem;
  --aerya-sys-gap: 0.85rem;
  --aerya-sys-radius: 0.75rem;
  --aerya-sys-title: 1.2rem;
  --aerya-sys-pad: 0.95rem;
}

html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }

body.aerya-body {
  background: var(--aerya-sys-bg) !important;
  color: var(--aerya-sys-ink) !important;
}

/* —— Nav chrome (one bar, one look) —— */
header.aerya-nav,
.aerya-nav {
  background: var(--aerya-sys-nav) !important;
  color: var(--aerya-sys-nav-text) !important;
}
.aerya-nav-inner {
  max-width: var(--aerya-sys-max) !important;
}
.aerya-nav .aerya-brand-text strong,
.aerya-nav .aerya-nav-btn,
.aerya-nav .aerya-logout {
  color: var(--aerya-sys-nav-text) !important;
}
.aerya-nav .aerya-brand-text span {
  color: var(--aerya-sys-nav-muted) !important;
}

/* —— Page column: stacked cards, never a horizontal dump —— */
.wrap,
.aerya-main {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: var(--aerya-sys-gap) !important;
  max-width: var(--aerya-sys-max) !important;
  width: min(100%, var(--aerya-sys-max)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: var(--aerya-sys-gap) !important;
}
.aerya-main.narrow { max-width: var(--aerya-sys-narrow) !important; width: min(100%, var(--aerya-sys-narrow)) !important; }
.aerya-main > *,
.wrap > * {
  min-width: 0 !important;
  max-width: 100% !important;
}

/* Heading panel is its own card. Do not nest extra function cards inside it. */
.aerya-card,
.card,
.hist-header,
.aerya-hero {
  background: var(--aerya-sys-card) !important;
  color: var(--aerya-sys-ink) !important;
  border: 1px solid var(--aerya-sys-line) !important;
  border-radius: var(--aerya-sys-radius) !important;
  box-sizing: border-box !important;
}
.aerya-hero,
.aerya-card.aerya-hero {
  padding: var(--aerya-sys-pad) !important;
  border-left: 4px solid var(--aerya-sys-brand) !important;
  text-align: center !important;
}
.search-hero,
#studentSearchCard .search-hero {
  text-align: center !important;
}
h1, .aerya-page-title {
  color: var(--aerya-sys-ink) !important;
  font-size: var(--aerya-sys-title) !important;
  line-height: 1.25 !important;
  margin: 0 0 .2rem !important;
}
.aerya-hero > .aerya-page-title,
.aerya-hero > h1,
.search-hero > .aerya-page-title,
.search-hero > h1,
#studentSearchCard .search-hero .aerya-page-title {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
}
.aerya-hero > .aerya-page-sub,
.aerya-hero > .sub,
.search-hero > .aerya-page-sub,
.search-hero > .sub,
#studentSearchCard .search-hero .sub,
#studentSearchCard .search-hero .aerya-page-sub {
  display: block !important;
  text-align: center !important;
  margin: .2rem auto 0 !important;
  max-width: 28rem !important;
  width: 100% !important;
  color: var(--aerya-sys-muted) !important;
}
.aerya-page-sub, .sub, .meta {
  color: var(--aerya-sys-muted) !important;
}
.aerya-hero > .aerya-hub-grid,
.aerya-hero > .aerya-audience {
  text-align: left !important;
  margin-top: .85rem !important;
}

/* Hub buttons: wrap; stay inside the card; never blow page width */
.aerya-hub-grid {
  display: grid !important;
  grid-template-columns: var(--aerya-hub-cols, minmax(0, 1fr)) !important;
  gap: var(--aerya-hub-gap, .65rem) !important;
  width: 100% !important;
}
@media (min-width: 640px) {
  .aerya-hub-grid:not(.aerya-hub-grid--home) {
    grid-template-columns: var(--aerya-hub-cols, repeat(auto-fit, minmax(min(100%, 14rem), 1fr))) !important;
  }
}
.hub-section { grid-column: 1 / -1 !important; }
.aerya-hub-btn {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  border-radius: var(--aerya-hub-radius, .75rem) !important;
  padding: var(--aerya-hub-pad, .7rem) !important;
}

/* Buttons / chips — wrap, cap width, stay tappable */
.btn, .btn-primary, .btn-muted, .btn-dark, .btn-danger, .btn-warn, .btn-go,
.btn-chip, .fn-chip, .tool-chip, .help-msg-chip, .aerya-nav-btn:not(.aerya-logout) {
  max-width: min(100%, var(--aerya-sys-btn-max)) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  border-radius: var(--aerya-sys-btn-radius, 999px) !important;
  padding: var(--aerya-sys-btn-pad-y, .38rem) var(--aerya-sys-btn-pad-x, .82rem) !important;
  font-size: var(--aerya-sys-btn-fs, .78rem) !important;
  font-weight: var(--aerya-sys-btn-weight, 700) !important;
}
.btn-primary, .btn-go, button.btn-primary {
  background: var(--aerya-sys-brand) !important;
  color: #fff !important;
}
.btn-primary:hover, .btn-go:hover { background: var(--aerya-sys-brand-dark) !important; }

.actions, .fn-chip-row, .tool-chips, .signed-tools, .ann-mgr-toolbar,
.msg-send-row, .chip-row, .hist-pills {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .35rem !important;
  max-width: 100% !important;
}
.actions > *, .fn-chip-row > *, .tool-chips > *, .signed-tools > *,
.ann-mgr-toolbar > *, .chip-row > * {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: min(100%, var(--aerya-sys-btn-max)) !important;
}

/* Columns / tables wrap instead of exploding the page */
.filter-grid, .form-grid, .hist-grid {
  display: grid !important;
  grid-template-columns: var(--aerya-table-cols, repeat(auto-fit, minmax(min(100%, 8.5rem), 1fr))) !important;
  gap: .45rem !important;
  max-width: 100% !important;
}
.aerya-stats, .aerya-stat-strip, .stats-grid, .sum-grid, .inv-stats, .dm-plan-kpis, .cat-stats,
.stats:has(> .stat) {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .4rem !important;
  align-items: stretch !important;
  max-width: 100% !important;
  grid-template-columns: none !important;
}
.aerya-stats > *, .aerya-stat-strip > *, .stats-grid > *, .sum-grid > *,
.dm-plan-kpis > *, .cat-stats > *, .stats:has(> .stat) > .stat {
  flex: 1 1 5.2rem !important;
  min-width: 5.2rem !important;
  max-width: 100% !important;
  width: auto !important;
  box-sizing: border-box !important;
}
.table-wrap, .aerya-table-wrap, .rpt-scroll, .om-rpt-scroll {
  display: block !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}
table { max-width: 100% !important; }
th, td {
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

input, select, textarea {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

img, svg, video, canvas {
  max-width: 100% !important;
  height: auto;
}

.aerya-footer {
  background: var(--aerya-footer-bg, var(--aerya-sys-nav)) !important;
  color: var(--aerya-footer-ink, #fff) !important;
  font-size: var(--aerya-footer-size, .72rem) !important;
  text-align: var(--aerya-footer-align, center) !important;
  padding: var(--aerya-footer-pad, .95rem) 1rem !important;
}
html body footer.aerya-footer *:not(footer) {
  color: var(--aerya-footer-ink, #fff) !important;
}

/* Premium home landings — clean entries, no shop chrome */
.aerya-home .aerya-main {
  max-width: 34rem !important;
  width: min(100%, 34rem) !important;
  padding-top: 1.35rem !important;
  gap: 0.75rem !important;
  align-items: stretch !important;
}
.aerya-home .aerya-main > * {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}
.aerya-home .aerya-card,
.aerya-home .aerya-fold,
.aerya-home .aerya-card.aerya-fold,
.aerya-home .aerya-card.aerya-entry {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 1rem 1.1rem !important;
  box-sizing: border-box !important;
}
.aerya-home .aerya-entry {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
.aerya-home-label {
  margin: 0 0 .45rem !important;
  padding: 0 .15rem !important;
  font-size: .68rem !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: var(--aerya-sys-muted) !important;
  text-align: left !important;
}
.aerya-entry {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  column-gap: .75rem !important;
  row-gap: .12rem !important;
  align-items: center !important;
  padding: 1rem 1.1rem !important;
  text-decoration: none !important;
  color: inherit !important;
  background: var(--aerya-sys-card) !important;
}
.aerya-card.aerya-entry { padding: 1rem 1.1rem !important; }
.aerya-entry-label {
  grid-column: 1 !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: var(--aerya-sys-ink) !important;
  letter-spacing: -.01em !important;
}
.aerya-entry-hint {
  grid-column: 1 !important;
  font-size: .8rem !important;
  color: var(--aerya-sys-muted) !important;
  line-height: 1.35 !important;
}
.aerya-entry-go {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  color: var(--aerya-sys-brand) !important;
  font-size: 1.15rem !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}
a.aerya-entry:hover,
a.aerya-entry:focus-visible {
  background: #f8fafc !important;
}
.aerya-home .aerya-fold-head {
  width: 100% !important;
  max-width: none !important;
  justify-content: space-between !important;
  padding: .2rem 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.aerya-home .aerya-fold-body,
.aerya-home .aerya-hub-grid {
  width: 100% !important;
  max-width: none !important;
}
.aerya-home .aerya-fold-copy strong {
  font-size: .95rem !important;
  font-weight: 650 !important;
}
.aerya-home .aerya-hub-btn {
  max-width: none !important;
}

/* Check-my-order compact scan row + QR Go */
.stu-scan-row,
.aerya-qr-manual-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: .4rem !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.stu-scan-row input,
#receiptScanCode, #stuScanCode, #aerya-qr-manual {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.stu-compact-btn,
#btnScanReceipt, #btnReceiptLookup, #stuScanGo, #stuScanCam, #aerya-qr-manual-go {
  width: auto !important;
  flex: 0 0 auto !important;
  min-height: 2.25rem !important;
  height: 2.25rem !important;
  padding: .3rem .55rem !important;
  font-size: .72rem !important;
  white-space: nowrap !important;
  max-width: none !important;
}
#btnScanReceipt, #btnReceiptLookup {
  min-width: 5.4rem !important;
}
#helpMsgCard .help-msg-chip-row {
  justify-content: center !important;
}
.aerya-main .btn,
.aerya-main .btn-primary,
.aerya-main .btn-muted,
.aerya-main .btn-chip,
.aerya-main .order-edit,
.aerya-main .order-cancel,
.aerya-main .line-change {
  min-height: 2.2rem !important;
  padding: .32rem .7rem !important;
  font-size: .75rem !important;
  border-radius: .5rem !important;
}

/* LPC landing matches Check my order */
.lpc-landing .aerya-main,
.lpc-landing .wrap {
  max-width: 30rem !important;
  width: min(100%, 30rem) !important;
}
.lpc-landing .card {
  background: #fff !important;
  color: #0f172a !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 1rem !important;
  box-shadow: 0 4px 20px -8px rgba(15, 23, 42, .1) !important;
  padding: 1.05rem 1.15rem !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 0 .75rem !important;
}
.lpc-landing .aerya-hero {
  text-align: center !important;
  padding: .95rem 1rem .9rem !important;
}
.lpc-landing .lpc-action {
  display: flex !important;
  flex-direction: column !important;
  gap: .18rem !important;
  text-decoration: none !important;
  color: inherit !important;
}
.lpc-landing .lpc-action strong {
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
}
.lpc-landing .lpc-action span {
  font-size: .82rem !important;
  color: #64748b !important;
  line-height: 1.35 !important;
}

/* —— Nav identity chips (student full name / staff initials) —— */
header.aerya-nav .aerya-nav-inner > .aerya-auth-wrap,
.aerya-nav .aerya-auth-wrap {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: .3rem !important;
  margin-left: auto !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  order: 90 !important;
  max-width: none !important;
  position: relative !important;
  z-index: 211 !important;
}
header.aerya-nav .aerya-nav-who,
.aerya-nav-who {
  display: none !important;
  max-width: 1.85rem !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  font-weight: 800 !important;
  color: #fff !important;
}
header.aerya-nav .aerya-nav-who--staff:not([hidden]):not(:empty),
.aerya-nav-who--staff:not([hidden]):not(:empty) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.85rem !important;
  height: 1.85rem !important;
  min-width: 1.85rem !important;
  min-height: 1.85rem !important;
  max-width: 1.85rem !important;
  padding: 0 !important;
  border-radius: 999px !important;
  font-size: .68rem !important;
  letter-spacing: .02em !important;
  color: #fff !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: #64748b !important;
}
header.aerya-nav .aerya-nav-who--student,
.aerya-nav-who--student,
header.aerya-nav .aerya-nav-who--full,
.aerya-nav-who--full,
header.aerya-nav .aerya-nav-who[hidden],
header.aerya-nav .aerya-nav-who:empty {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
header.aerya-nav .aerya-nav-who--staff[data-role="manager"] { background: #4f46e5 !important; }
header.aerya-nav .aerya-nav-who--staff[data-role="admin"] { background: #4f46e5 !important; }
header.aerya-nav .aerya-nav-who--staff[data-role="supervisor"] { background: #0f766e !important; }
header.aerya-nav .aerya-nav-who--staff[data-role="cashier"] { background: #d97706 !important; }
header.aerya-nav .aerya-nav-who--staff[data-role="packer"] { background: #0284c7 !important; }
header.aerya-nav .aerya-nav-who--staff[data-role="inventory"] { background: #059669 !important; }
header.aerya-nav .aerya-nav-who--staff[data-role="staff"] { background: #64748b !important; }
header.aerya-nav .aerya-logout,
header.aerya-nav .aerya-nav-chip.aerya-logout,
.aerya-nav-btn.aerya-logout {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255,255,255,.12) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  border-radius: 999px !important;
  padding: .18rem .65rem !important;
  min-height: 1.85rem !important;
  height: 1.85rem !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  overflow: visible !important;
  text-overflow: unset !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  cursor: pointer !important;
}
header.aerya-nav .aerya-logout:hover {
  background: rgba(255,255,255,.22) !important;
}
header.aerya-nav .aerya-bell-btn {
  margin-left: .15rem !important;
  order: 80 !important;
}
header.aerya-nav .aerya-menu-btn {
  display: inline-flex !important;
  order: 120 !important;
}
html.aerya-phone header.aerya-nav .aerya-nav-inner,
html.aerya-phone .aerya-nav-inner {
  overflow: visible !important;
}
html.aerya-phone header.aerya-nav .aerya-nav-inner > .aerya-auth-wrap,
html.aerya-phone .aerya-nav-inner > .aerya-auth-wrap {
  display: inline-flex !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  margin-left: auto !important;
  order: 90 !important;
}
html.aerya-phone header.aerya-nav .aerya-brand { flex: 1 1 auto !important; max-width: none !important; }
html.aerya-phone header.aerya-nav .aerya-nav-who--student,
html.aerya-phone header.aerya-nav .aerya-nav-who[hidden],
html.aerya-phone header.aerya-nav .aerya-nav-who:empty {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
}
html.aerya-phone header.aerya-nav .aerya-nav-links > a,
html.aerya-phone .aerya-nav-links > a {
  display: none !important;
}
html.aerya-phone header.aerya-nav.is-open .aerya-nav-links.aerya-nav-links--drawer,
html.aerya-phone .aerya-nav.is-open .aerya-nav-links.aerya-nav-links--drawer {
  display: flex !important;
}
html.aerya-phone header.aerya-nav.is-open .aerya-nav-links.aerya-nav-links--drawer > a,
html.aerya-phone .aerya-nav.is-open .aerya-nav-links.aerya-nav-links--drawer > a {
  display: flex !important;
}
html.aerya-phone header.aerya-nav .aerya-menu-btn,
html.aerya-phone .aerya-menu-btn {
  display: inline-flex !important;
}
html.aerya-phone header.aerya-nav.aerya-nav--simple .aerya-menu-btn,
html.aerya-phone .aerya-nav--simple .aerya-menu-btn {
  display: none !important;
}
header.aerya-nav .aerya-menu-btn {
  display: inline-flex !important;
  order: 120 !important;
}

.aerya-login-modal {
  z-index: 2000 !important;
}
.aerya-login-err {
  display: block;
  margin: 0 0 .65rem;
  color: #b91c1c;
  font-size: .82rem;
  font-weight: 700;
}
.aerya-login-err[hidden] { display: none !important; }
header.aerya-nav .aerya-nav-who--student,
header.aerya-nav .aerya-nav-who--staff,
.aerya-nav-who--student,
.aerya-nav-who--staff {
  order: 0 !important;
}
header.aerya-nav .aerya-logout {
  order: 1 !important;
}

/* CMO: student initials (indigo) + logout after PIN. No staff login. */
html.aerya-cmo-page header.aerya-nav .aerya-nav-who--student:not([hidden]):not(:empty),
html.aerya-cmo-page .aerya-nav-who--student:not([hidden]):not(:empty) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.85rem !important;
  height: 1.85rem !important;
  min-width: 1.85rem !important;
  min-height: 1.85rem !important;
  max-width: 1.85rem !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 999px !important;
  font-size: .68rem !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  color: #fff !important;
  background: #4f46e5 !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}
html.aerya-cmo-page header.aerya-nav .aerya-logout[data-auth-mode="login"],
html.aerya-cmo-page header.aerya-nav .aerya-logout[hidden] {
  display: none !important;
}
html.aerya-cmo-page header.aerya-nav .aerya-logout[data-auth-mode="logout"]:not([hidden]) {
  display: inline-flex !important;
}

/* —— v142: consume Style Designer tokens (do not re-declare colors here) —— */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body.aerya-body,
body {
  font-family: var(--aerya-sys-font, "Segoe UI", system-ui, -apple-system, "Noto Sans", Roboto, "Helvetica Neue", Arial, sans-serif) !important;
  font-size: var(--aerya-sys-body, var(--aerya-fs-body, 1rem));
  font-weight: var(--aerya-sys-body-weight, 400);
  line-height: var(--aerya-sys-line-height, 1.45);
  letter-spacing: var(--aerya-sys-letter, 0);
  color: var(--aerya-sys-ink, #0f172a);
  background: var(--aerya-sys-bg, #f6f1ea) !important;
}
h1, .aerya-page-title {
  font-size: var(--aerya-sys-title, 1.2rem) !important;
  font-weight: var(--aerya-sys-heading-weight, 700) !important;
  color: var(--aerya-sys-ink, #0f172a) !important;
}
h2 {
  font-size: var(--aerya-sys-h2, 1.05rem);
  font-weight: var(--aerya-sys-heading-weight, 700);
  line-height: 1.3;
}
h3 {
  font-size: var(--aerya-sys-h3, .95rem);
  font-weight: var(--aerya-sys-heading-weight, 700);
  line-height: 1.3;
}
.aerya-page-sub, .sub, .meta {
  font-size: var(--aerya-sys-small, .78rem);
  color: var(--aerya-sys-muted, #64748b) !important;
}
input, select, textarea {
  font-size: 16px !important;
  font-family: inherit;
}
.btn-danger, button.btn-danger, .order-cancel {
  background: var(--aerya-danger, #e11d48) !important;
  color: #fff !important;
}
.msg-resolve-btn, .btn-chip.msg-resolve-btn {
  background: var(--aerya-ok, #059669) !important;
  color: #fff !important;
}
.btn-warn, button.btn-warn {
  background: var(--aerya-warn, #d97706) !important;
  color: #fff !important;
}
.ok, .aerya-ok, .status-ok { color: var(--aerya-ok, #059669) !important; }
.err, .aerya-err { color: var(--aerya-danger, #e11d48) !important; }
.empty-state .empty-title {
  margin: 0 0 .28rem;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--aerya-sys-ink);
}
.empty-state .empty-sub {
  margin: 0;
  font-size: .72rem;
  font-weight: 500;
  color: var(--aerya-sys-muted);
  line-height: 1.4;
}
.hist-locked-head, .alter-head, .signed-msg-head, .panel-head {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .45rem !important;
  min-width: 0;
  max-width: 100%;
}
.hist-locked-head > div:first-child,
.alter-head > div:first-child,
.panel-head-text {
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
}
.hist-locked-toggle, .panel-collapse, #alterationToggleBtn {
  flex: 0 0 2rem !important;
  width: 2rem !important;
  min-width: 2rem !important;
  margin-left: auto !important;
}
@media (max-width: 640px) {
  .aerya-main, .wrap {
    padding-left: .7rem !important;
    padding-right: .7rem !important;
  }
  .aerya-hub-grid {
    grid-template-columns: var(--aerya-hub-cols, minmax(0, 1fr)) !important;
  }
}
@media (pointer: coarse) {
  .btn, .btn-chip, .aerya-nav-btn, .fn-chip {
    min-height: 2.2rem;
  }
}

/* Announcements — Style Designer tokens + wrap on every device */
.stu-ann-item, .aerya-announce-panel, #studentAnnounceHost .stu-ann-item, #studentAnnounceCard {
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  padding: var(--aerya-ann-pad, .85rem) !important;
  border-radius: var(--aerya-ann-radius, .9rem) !important;
}
html.aerya-cmo-page .aerya-main button.stu-ann-toggle,
.stu-ann-toggle {
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  flex: 1 1 auto !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  text-align: left !important;
  gap: .4rem !important;
}
.stu-ann-toggle > span:first-child {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
.stu-ann-title, .ann-title, #studentAnnounceHost .stu-ann-title, #studentAnnounceCard .ann-title {
  display: block !important;
  max-width: 100% !important;
  min-width: 0 !important;
  font-size: var(--aerya-ann-title, .95rem) !important;
  font-weight: var(--aerya-ann-title-weight, 800) !important;
  line-height: 1.3 !important;
  color: var(--aerya-ann-ink, #fff) !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.stu-ann-body, .ann-body {
  font-size: var(--aerya-ann-body, .85rem) !important;
  color: var(--aerya-ann-ink, #fff) !important;
  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.stu-ann-kicker, .ann-kicker {
  font-size: var(--aerya-ann-kicker, .68rem) !important;
  color: var(--aerya-ann-ink, #fff) !important;
}