/* ============================================================
   FORMS — Inputs, fields, labels and form tables
   ============================================================ */

.inp, select.inp, textarea.inp{width:100%}
select.inp{cursor:pointer;appearance:none}
.inp.n{text-align:right}
/* form tables never crush — they scroll instead */
.formtable{min-width:940px}
.formtable td{vertical-align:top}
.formtable .inp{min-width:60px}
.formtable td:last-child {
  position:sticky;
  right:0;
  background:var(--card);
  box-shadow:-6px 0 8px -6px rgba(18,20,28,.16);
  z-index:3;
}
.formtable tr:nth-child(even) td:last-child{background:var(--card)}
.formtable th:last-child{position:sticky;right:0;background:var(--card2);z-index:4}
.setrow {
  display:flex;
  align-items:center;
  gap:11px;
  width:100%;
  text-align:left;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--card);
  margin-bottom:7px;
  transition:box-shadow .14s,transform .1s,border-color .14s;
}
.setrow:hover{box-shadow:var(--sh-2);transform:translateY(-1px);border-color:var(--navy)}
.setrow.done{opacity:.55;background:var(--card2)}
.setrow.done .setn{background:var(--green);color:#fff}
.inp, select.inp, textarea.inp {
  border:1px solid var(--n200);
  background:var(--card);
  padding:7px 10px;
  color:var(--ink);
  transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease);
}
.inp::placeholder{color:var(--chrome2)}
.inp:hover{border-color:var(--n300)}
.inp:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px var(--navy-bg)}
select.inp {
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path d='M1 1l4 4 4-4' stroke='%236B7488' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}
/* the select arrow: the shorthand `background:` above reset the
   repeat and position, so the chevron tiled into a zigzag */
select.inp {
  background-color:var(--card);
  background-repeat:no-repeat;
  background-position:right 10px center;
  background-size:10px 6px;
  padding-right:28px;
}
.fld{margin-bottom:13px}