/* ============================================================================
   F15  PENCILLED INSTALLS, AND TELLING THE CREW
   The "For the crew" section in a booking, the ask before anything is sent,
   "In the diary" on a service callout, "No install in the diary yet" on a job,
   and pencilled bookings drawn soft on the Calendar. 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 the
   drawer's other sections. */
.f15{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.f15 h4{margin:0 0 8px}
.f15 .f15-dl{margin-bottom:12px}
.f15-origin{margin-top:0}
.f15-dim{color:var(--ink-3)}
.f15-warn{color:var(--warn)}

/* Special requirements: a label, the words, a button. */
.f15-req{margin:0 0 12px}
.f15-req-k{font-size:12.5px;font-weight:600;color:var(--ink-3);margin-bottom:4px}
.f15-req-v{margin:0 0 8px;font-size:12.5px;line-height:1.45;color:var(--ink);white-space:pre-wrap}
.f15-req textarea{width:100%;box-sizing:border-box;font:inherit;font-size:13px;padding:8px 10px;margin-bottom:8px;
  border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--ink);resize:vertical}

/* Whether the crew has been told: the one line Adam reads before pressing. */
.f15-told{font-size:12.5px;line-height:1.5;margin:0 0 10px;color:var(--ink-2)}
.f15-told b{color:var(--ink)}
.f15-practice{display:block;margin-top:4px;font-size:12px;color:var(--warn)}

/* The ask: boxed, so it reads as a question waiting for an answer. */
.f15-ask{border:1px solid var(--line);border-left:3px solid var(--lime);border-radius:4px;padding:10px 12px;
  background:var(--panel-2);margin:0 0 10px}
.f15-q{margin:0 0 6px;font-size:13px;line-height:1.45;color:var(--ink);font-weight:600}
.f15-ask .f15-practice{margin:0 0 8px}
.f15-btns,.f15-links{flex-wrap:wrap}

/* A callout's day picker. */
.f15-co-row{display:flex;align-items:center;gap:10px;margin:0 0 10px}
.f15-co-l{font-size:12.5px;font-weight:600;color:var(--ink-3)}
.f15-co-row input{font:inherit;font-size:13px;padding:6px 8px;border:1px solid var(--line);border-radius:4px;
  background:var(--panel);color:var(--ink)}

/* "No install in the diary yet" on a wholesale job. */
.f15-job{border:1px dashed var(--line);border-radius:4px;padding:10px 12px;margin:10px 0}
.f15-job .x-note:first-child{margin-top:0}
.f15-job .x-note:last-child{margin-bottom:0}

/* On the Calendar a pencilled date looks soft, the way Google shows tentative:
   a dashed edge and a lighter fill. A cancelled one is struck through. */
.ev.f15-pencil{border-left-style:dashed;opacity:.8}
.ev.f15-pencil::after{content:" (p)";color:var(--ink-3);font-weight:600}
.ev.f15-cancelled{text-decoration:line-through;opacity:.55}

/* Maintenance gets a colour of its own; a return visit keeps F03's amber. */
.ev.maintenance{background:var(--info-bg);border-color:var(--info);color:var(--ink)}

@media(max-width:700px){
  .f15{margin-top:14px;padding-top:12px}
  .f15 .btnrow .btn,.f15-job .btn{min-height:40px}
  .f15-co-row input{min-height:40px}
}