/* ============================================================================
   F38  DELIVERY EMAILS BOOK THE INSTALL
   The buttons under each delivery on Today, the delivery drawer (what was read,
   the email itself, Wrong job or day?), "Deliveries" on a job, and the board
   card line. Tokens only, so both themes work. Nothing here sits between
   z-index 60 and 62 (F00's notice rule).
   ============================================================================ */

/* Today: the row sits straight under its alert card, indented to the card's
   text so it reads as that card's answer, not a new item. */
.f38-quick{margin:-4px 0 4px 14px;flex-wrap:wrap;gap:6px}

.f38{margin-top:4px}
.f38 h4{margin:16px 0 8px}
.f38-status{margin:0 0 6px;font-size:13.5px;line-height:1.45;font-weight:600;color:var(--ink)}
.f38-crit{color:var(--crit)}
.f38-warn{color:var(--warn)}
.f38-dim{color:var(--ink-3)}
.f38-btns,.f38-links{flex-wrap:wrap}
.f38 .f38-dl{margin:14px 0}

/* Pick another day: a date and the two buttons on one line where it fits. */
.f38-pick{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%}
.f38-pick .x-note{flex-basis:100%;margin:2px 0 0}
.f38-l{font-size:12.5px;font-weight:600;color:var(--ink-3);min-width:88px}
.f38-pick input,.f38-set input,.f38-set select{font:inherit;font-size:13px;padding:6px 8px;border:1px solid var(--line);
  border-radius:4px;background:var(--panel);color:var(--ink);max-width:100%}
.f38-set select{min-width:0;flex:1}
.f38-row{display:flex;align-items:center;gap:10px;margin:0 0 10px}
.f38-set{margin:6px 0 4px}

/* "Wrong job or day?" stays folded until it is wanted. */
.f38-wrong{margin:12px 0 0;border:1px dashed var(--line);border-radius:4px;padding:8px 12px}
.f38-wrong summary{cursor:pointer;font-size:12.5px;font-weight:600;color:var(--ink-2)}
.f38-wrong[open] summary{margin-bottom:8px}

/* The supplier's own words, so Adam checks the day against the email itself. */
.f38-mail{white-space:pre-wrap;word-break:break-word;font-family:var(--mono);font-size:11.5px;line-height:1.5;
  color:var(--ink-2);background:var(--panel-2);border:1px solid var(--line);border-radius:4px;padding:10px 12px;
  margin:0 0 14px;max-height:260px;overflow:auto}

/* Deliveries on a job. */
.f38-job{border-top:1px solid var(--line);margin-top:14px;padding-top:4px}
.f38-list{list-style:none;margin:0;padding:0}
.f38-list li{padding:8px 0;border-bottom:1px solid var(--line-soft)}
.f38-list li:last-child{border-bottom:0}
.f38-li-t{font-size:13px;line-height:1.4}
.f38-li-s{font-size:12.5px;line-height:1.45;color:var(--ink-2);margin:2px 0 6px}

/* The board card line. */
.f38-card{display:inline-block;color:var(--ink-2)}
.f38-card-ask{color:var(--warn);font-weight:600}

@media(max-width:700px){
  .f38-quick{margin-left:0}
  .f38-quick .btn,.f38 .btnrow .btn,.f38-pick .btn{min-height:40px}
  .f38-pick input,.f38-set input,.f38-set select{min-height:40px}
  .f38-row{flex-wrap:wrap}
  .f38-row .f38-l{flex-basis:100%}
  .f38-set select{flex-basis:100%}
}