/* cloud/online-look.css — small look fixes for ONLINE AUTOMATA only.
   Go-live, 2026-10-30 (Kevin: "some of the text is illegible - make sure all
   windows are in dark mode - fix the buttons - they are not the same size").
   Added last by the online server (cloud/page-inject.js); the Mac and Windows
   apps never load it. The app's own sheets win with long :not(#id) chains, so
   each rule here carries a longer chain (twelve made-up ids that match
   nothing) to be the last word. */

/* Every window, list and date picker drawn by the browser itself stays dark. */
:root { color-scheme: dark; }

/* Help window: its six buttons are one size, three to a row. */
html body .guide-card .guide-choice:not(#ol0):not(#ol1):not(#ol2):not(#ol3):not(#ol4):not(#ol5):not(#ol6):not(#ol7):not(#ol8):not(#ol9):not(#ol10):not(#ol11) {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
html body .guide-card .guide-choice > button:not(#ol0):not(#ol1):not(#ol2):not(#ol3):not(#ol4):not(#ol5):not(#ol6):not(#ol7):not(#ol8):not(#ol9):not(#ol10):not(#ol11) {
  width: 100% !important;
  min-height: 42px !important;
  margin: 0 !important;
  justify-content: center !important;
  text-align: center !important;
  white-space: nowrap !important;
}
@media (max-width: 520px) {
  html body .guide-card .guide-choice:not(#ol0):not(#ol1):not(#ol2):not(#ol3):not(#ol4):not(#ol5):not(#ol6):not(#ol7):not(#ol8):not(#ol9):not(#ol10):not(#ol11) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Download PDF / Open Doc / Copy Link: same size and every word fits. */
html body .report-trio > .trio-btn:not(#ol0):not(#ol1):not(#ol2):not(#ol3):not(#ol4):not(#ol5):not(#ol6):not(#ol7):not(#ol8):not(#ol9):not(#ol10):not(#ol11) {
  padding: 0 4px !important;
  font-size: 11.5px !important;
  white-space: nowrap !important;
  letter-spacing: 0 !important;
}

/* The small .docx / .doc links stay readable on dark. */
html body .trio-link:not(#ol0):not(#ol1):not(#ol2):not(#ol3):not(#ol4):not(#ol5):not(#ol6):not(#ol7):not(#ol8):not(#ol9):not(#ol10):not(#ol11) {
  color: #F3EEE6 !important;
  opacity: 1 !important;
}

/* The "data not encrypted" badge is about a computer's own disk (FileVault /
   BitLocker). Online, student files live in the person's own Google Drive, so
   the badge does not apply here. */
html body #bannerDataLock:not(#ol0):not(#ol1):not(#ol2):not(#ol3):not(#ol4):not(#ol5):not(#ol6):not(#ol7):not(#ol8):not(#ol9):not(#ol10):not(#ol11) {
  display: none !important;
}

/* Kevin, 2026-10-30: "fix the chat button its offcenter". AUTOMATBOT (online only)
   spans the whole top-right group and its words sit in the middle. */
html body .al-banner-right > #bannerAutomatbotBtn:not(#ol0):not(#ol1):not(#ol2):not(#ol3):not(#ol4):not(#ol5):not(#ol6):not(#ol7):not(#ol8):not(#ol9):not(#ol10):not(#ol11) {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  justify-content: center !important;
  text-align: center !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}