/* ============================================================================
   F25  INSTALL REPORTS EMAILED TO EACH BUILDER'S GROUP
   The Report emails band on a wholesale job, and the Report emails screen's
   group cards. Tokens only, from app.css, so both themes work.
   ============================================================================ */

/* ------------------------------------------------------------ the job band */
.f25-grp{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13px;color:var(--ink);margin:0 0 10px}
.f25-grp .btn{margin-left:auto}
.f25-how{font-size:12px;line-height:1.45;color:var(--ink-3)}
.f25-rep{border:1px solid var(--line);border-radius:var(--r);padding:11px 13px;margin:0 0 10px;background:var(--panel)}
.f25-rep-h{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:6px}
.f25-who{font-size:12px;color:var(--ink-2)}
.f25-why,.f25-to,.f25-ok,.f25-practice{font-size:12.5px;line-height:1.5;margin:0 0 6px;color:var(--ink-2)}
/* A list of five or six addresses has no spaces to break on in places, and on a
   phone it would push the drawer sideways. Break it anywhere. */
.f25-to{overflow-wrap:anywhere;color:var(--ink)}
.f25-ok{color:var(--good)}
.f25-practice{color:var(--ink-3);font-style:italic}
.f25-rep .btnrow{margin-top:4px}
/* Only Zayn can send an older report; Adam sees why there is no button. */
.f25-ask{font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--ink-3);border:1px dashed var(--line);
  border-radius:4px;padding:3px 7px;white-space:nowrap}

/* ---------------------------------------------------------- the screen */
.f25-groups{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:18px}
.f25-gcard h3{margin-bottom:6px}
.f25-gcard .f25-to{font-size:12.5px}

@media (max-width:700px){
  .f25-grp .btn{margin-left:0}
  .f25-groups{grid-template-columns:1fr}
}