/* ============================================================================
   F10  WHEN AN INVOICE IS PAID: CLOSE THE JOB AND TELL ADAM
   Tokens only, from app.css, so both themes work without a second set of
   colours. Green when the money is in and the job can close; amber when it is
   paid but something stops the close; red only when the installer's report
   says the job is not finished, the same red F07 uses for it.
   ============================================================================ */

/* ---------------------------------------------------------------- the card */
.tk .f10-c{font-size:11px;line-height:1.4;color:var(--ink-2)}
.tk .f10-c.good{color:var(--good);font-weight:600}
.tk .f10-c.warn{color:var(--warn);font-weight:600}

/* ----------------------------------------------------------------- the job */
.f10-box{line-height:1.55}
.f10-box .f10-next{display:block;margin-top:6px;color:var(--ink)}
/* app.css's .note has amber (.warn) and red (.crit) edges but no green one. */
.f10-box.f10-good{border-left-color:var(--good)}
.f10-btns{margin:-4px 0 14px}
/* On a phone app.css already stacks every .btnrow full width. */
@media(max-width:700px){
  .tk .f10-c{font-size:12px}
}