/* ============================================================================
   F16  EVERY BOOKING CHANGE REACHES GOOGLE, SAFELY
   The Google Calendar section in a booking, the "not in Google yet" line on the
   Calendar, and waiting chips. Tokens only, so both themes work. Nothing here
   sits between z-index 60 and 62 (F00's notice rule).
   ============================================================================ */

/* One section under the booking's own details, the same weight as F15's. */
.f16{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.f16 h4{margin:0 0 8px}
.f16-state{font-size:12.5px;line-height:1.5;margin:0 0 10px;color:var(--ink-2)}
.f16-state.f16-waiting,.f16-state.f16-refused{color:var(--ink);border-left:3px solid var(--warn);padding-left:10px}
.f16-state.f16-refused{border-left-color:var(--crit)}
.f16-note{margin-top:6px}
/* A new crew member nobody has told yet (a swap after a Tell). */
.f16-state.f16-nottold{color:var(--ink);border-left:3px solid var(--warn);padding-left:10px}

/* F00's own lines, corrected in place. */
.dl dd.f16-wait-t{color:var(--warn);font-weight:600}
.dl dd.f16-bad{color:var(--crit);font-weight:600}

/* The Calendar: one line naming what is not in Google yet. */
.f16-wait{border:1px solid var(--line);border-left:3px solid var(--warn);border-radius:4px;padding:10px 12px;
  margin:10px 0;background:var(--panel-2)}
.f16-wait p{margin:0 0 8px;font-size:13px;line-height:1.45;color:var(--ink)}
.f16-wait-list{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.f16-more{font-size:12px;color:var(--ink-3)}

/* A chip whose latest change is not in Google: underlined, not recoloured,
   so F15's pencilled and cancelled looks still read. */
.ev.f16-waiting{box-shadow:inset 0 -2px 0 var(--warn)}
.ev.f16-refused{box-shadow:inset 0 -2px 0 var(--crit)}

@media(max-width:700px){
  .f16{margin-top:14px;padding-top:12px}
  .f16 .btnrow .btn,.f16-wait .btn{min-height:40px}
  .f16-wait-list .btn{max-width:100%;white-space:normal;text-align:left}
}