/* ============================================================================
   F26  FOLLOW-UP REPORTS FOR JOBS FINISHED OVER TWO VISITS
   Tokens only, from app.css, so both themes work without a second set of
   colours. Green for the return visit, because it is the trip that finishes
   the job; F07's red stays the colour of "not finished".
   ============================================================================ */

/* ---------------------------------------------------------------- the card */
.tk .f26-card{font-size:11px;line-height:1.4;color:var(--ink-2)}
.tk .f26-card::before{content:"";display:inline-block;width:6px;height:6px;margin:0 6px 1px 0;border-radius:50%;
  background:var(--good);vertical-align:middle}

/* ------------------------------------------------------------- the drawer */
.f26-box .f26-lbl{display:block;margin-top:6px;color:var(--ink)}
.f26-box .f26-items{margin:2px 0 0;padding-left:18px;color:var(--ink)}
.f26-box .f26-items li{margin:1px 0}
.f26-box .f26-items li.done{color:var(--good)}
.f26-box .f26-line{display:block;margin-top:6px;color:var(--ink)}
.f26-box .f26-url{display:block;width:100%;margin-top:8px;padding:6px 8px;font-size:12px;
  background:var(--panel-3);color:var(--ink-2);border:1px solid var(--line);border-radius:4px}
.f26-btns{margin:-4px 0 14px}
.f26-closed{margin:0 0 10px}
.f26-visits{margin:0 0 14px;padding-left:20px;font-size:12.5px;line-height:1.5;color:var(--ink)}
.f26-visits li{margin:0 0 6px}
.f26-visits .f26-sub{display:block;color:var(--ink-3)}
.f26-visits .f26-left{color:var(--crit)}
.f26-visits .f26-tick{font-size:11px;color:var(--ink-3)}
.irep-h .f26-badge{margin-left:6px}

/* Who goes back, and anything else for the visit: the core form's look,
   from the same tokens, without its uppercase labels (these sit in a note). */
.f26-pick{display:flex;flex-direction:column;gap:5px;margin:0 0 10px;max-width:520px}
.f26-pick label{font-size:12px;font-weight:600;color:var(--ink-2)}
.f26-pick select,.f26-pick textarea{background:var(--panel-2);border:1px solid var(--line);border-radius:5px;color:var(--ink);
  padding:8px 10px;font-family:inherit;font-size:13px}
.f26-pick textarea{resize:vertical;line-height:1.5}
.f26-pick textarea::placeholder{color:var(--ink-3)}
.f26-pick .btn{align-self:flex-start;margin-top:2px}
.f26-stays{margin:-6px 0 12px;font-size:12px;color:var(--ink-3)}

@media(max-width:700px){
  .f26-visits{font-size:13px}
  .f26-box .f26-url{font-size:13px}
  .f26-pick select,.f26-pick textarea{font-size:16px}
}