/* Basic reset */
*
  margin 0
  padding 0
  box-sizing border-box

.twake
  font-family "Cal Sans"
  font-weight 400
  font-size 28.07px
  line-height 100%
  letter-spacing 0%
  text-align center
  vertical-align middle
  padding 0.2rem

.calendar-text
  font-family "Cal Sans"
  padding 0.2rem
  font-weight 400
  font-size 28.07px
  line-height 100%
  letter-spacing 0%
  text-align center
  vertical-align middle
  background linear-gradient(180deg, #ffb73d, #f26c32)
  -webkit-background-clip text
  -webkit-text-fill-color transparent
  /* Optional for broader support */
  background-clip text
  color transparent

/* Menubar styles */
.menubar
  display flex
  justify-content space-between
  align-items center
  padding 0.5rem
  width 100%
  z-index 1100
  height 60px
  min-height 60px
  background-color #fff

  &--mobile
    position sticky
    top 0
    margin-bottom 8px

.menubar-item
  display flex
  align-items center

.tc-home
  cursor pointer

.logo
  padding 0
  font-size 1.5rem
  max-width 230px
  margin-left 1rem

  &--mobile
    max-width 130px
    margin-left 0

.nav-month
  padding-right 2px
  padding-left 2px
  gap 38px

.day-selector
  font-weight 100
  font-size small

.search-bar
  width 600
  height 43.88999938964844
  top 18px
  left 887px

.app-grid
  display grid
  grid-template-columns repeat(3, 1fr)
  gap 0
  padding 0
  justify-items center
  align-items center

.app-grid p
  margin-top 6px
  font-size 14px
  text-align center

.left-menu
  display flex
  align-items center
  justify-content flex-start

.right-menu
  display flex
  justify-content flex-end
  align-items center

.current-date-time
  font-family Roboto
  font-size 22px
  font-style normal
  font-weight 400
  line-height 36px
  color #243B55

body.fullscreen-view .navigation-controls,
body.fullscreen-view .current-date-time,
body.fullscreen-view .refresh-button,
body.fullscreen-view .select-display,
body.fullscreen-view .search-container
  display none

.search-container
  width 100%