/* === 1. FLINDERS DESIGN TOKENS === */
:root {
  /* === 1. FLINDERS COLOR TOKENS === */
  /* Based on Page 6-8 of brand-guidelines.pdf */

  /* Primary Brand Colors */
  --fl-primary: #FFD300;           /* Flinders Gold */
  --fl-on-primary: #232D4B;         /* Midnight Navy (for text on Gold) */
  --fl-secondary: #232D4B;          /* Midnight Navy */
}
/* === END DESIGN TOKENS === */

.main-app-bar {
  height: 3.5em;
  overflow: hidden;
  margin-bottom: 1.5rem;
}

/* NEW: Style app bar SVG */
.main-app-bar svg path {
  fill: var(--fl-primary);
}

/* Start of Flinders Chat CSS */
@media (max-width: 551px) {
  /* Make floating button less intrusive on mobile */
    #floating-toolbar {
      bottom: 1rem;
      right: 1rem;
  }
}

.fab-toolbar {
  /* REFACTORED: Use design tokens */
  border-radius: var(--fl-shape-radius-pill);
  gap: 0.5em;
}

#floating-toolbar {
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);

  position: fixed;
  bottom: 2rem;
  right: 2rem;
  left: auto;
  z-index: 1040;
}

/* NEW: Style FAB SVG (default state) */
#openSheetBtn{
  background-color: var(--fl-primary); 
  padding: 1rem;
}

.d-none{
  display: none !important;
}
/* End of Flinders Chat CSS */