/* ============================================================================
   F09  EUROFORM'S ORDER ADOPTS THE JOB YOU MADE BY HAND; SUPPLIER TRUST SWITCH
   The contact card's two switches, and "Move to another job" in the order
   drawer. Tokens only, from app.css, so both themes work. No inline styles
   anywhere: the console's CSP forbids them.
   ============================================================================ */

/* THE SWITCHES. A checkbox with its explanation underneath, the way the
   console's own checkbox fields read, but outside a form: each one saves the
   moment it is ticked, because a switch that needs a second Save is a switch
   people think they flipped. */
.f09-sw{margin:0 0 6px}
.f09-row{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;margin:0 0 8px;
  border:1px solid var(--line);border-radius:var(--r);background:var(--panel-2);cursor:pointer}
.f09-row input{flex:0 0 auto;width:18px;height:18px;margin:1px 0 0;accent-color:var(--lime-fill);cursor:pointer}
.f09-row input:disabled{cursor:progress}
.f09-row span{display:flex;flex-direction:column;gap:4px;min-width:0}
.f09-row b{font-size:13px;font-weight:600;color:var(--ink)}
.f09-row small{font-size:12px;line-height:1.45;color:var(--ink-2)}
.f09-row:focus-within{border-color:var(--lime)}

/* MOVE TO ANOTHER JOB. Folded to one button until it is wanted, so the order
   drawer does not grow a form nobody asked for. */
.f09-move{margin:4px 0 10px}
.f09-move-form{margin-top:8px}
.f09-move-form[hidden]{display:none}
.f09-move button[hidden]{display:none}
.f09-move select{max-width:100%}

/* The buttons that sit inside a note or a sentence. */
.note .f09-open, .x-note .f09-open{margin-left:6px;vertical-align:baseline}

@media(max-width:700px){
  .f09-row{padding:10px}
  .f09-row b{font-size:13.5px}
  .note .f09-open, .x-note .f09-open{display:inline-block;margin:6px 0 0}
}