/* demo-fixes.css — loaded after glass.css on the pages that show the calendar.

   Fixes to the live CRM's layout that the demo carries without touching the
   live files (app.css, glass.css, calendar.js stay byte-for-byte the live
   ones). The live CRM has the same bugs.

   ── Calendar days in Safari ──
   Each day of the month is a <button>, and Safari does not stretch a
   button's flex children to its width the way Chrome does: it shrink-wraps
   each one to its text. So in Safari every entry ran at full length into the
   days beside it ("Casa Verde — property photography +€1,900" across two
   columns), and each day's money total sat against the date instead of at
   the right edge. Giving the children the cell's width explicitly makes
   Safari lay them out the way Chrome already does: one day per column, long
   names cut off with an ellipsis. */
.cal-cell { overflow: hidden; align-items: stretch; }
.cal-cell > .cal-num,
.cal-cell > .chip,
.cal-cell > .cal-more {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.cal-cell .chip .ct { min-width: 0; flex: 0 1 auto; }

/* ── The right rail's month, in Safari ──
   Same cause, smaller: each day is a round <button> centred with
   display:grid, which Safari does not apply to a button's contents, so
   the numbers in some rows sat high in their circles. Flex centring on a
   full-width button with a fixed line box centres them in every engine. */
.rail-day {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  align-self: center;
  line-height: 1;
}