/* The tasting table. Built to be used standing up, on a phone, with one
   hand and a jar in the other — so the controls are large, each sample is
   its own card, and nothing needs scrolling sideways. */
.rt-name{display:flex;flex-direction:column;gap:6px;margin-bottom:18px;}
.rt-name input{padding:12px 14px;border-radius:12px;border:1px solid #d8d2c4;font-size:16px;}
.rt-sample{margin-bottom:14px;}
.rt-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.rt-title{font-weight:800;font-size:18px;}
/* The yield sits beside the name because it is worth knowing while you
   taste — and it is not one of the things being scored. */
.rt-yield{font-size:13px;opacity:.75;white-space:nowrap;}
.rt-rows{margin-top:10px;display:flex;flex-direction:column;gap:10px;}
.rt-row{display:grid;grid-template-columns:92px 1fr 34px;align-items:center;gap:10px;}
.rt-row label{font-size:14px;}
.rt-row input[type=range]{width:100%;}
.rt-val{text-align:right;font-weight:700;font-variant-numeric:tabular-nums;}
/* The comment box: two lines, because it is a note at a table and not a
   review. Full width so a thumb can reach all of it. */
.rt-note{margin-top:12px;display:flex;flex-direction:column;gap:5px;}
.rt-note label{font-size:13px;opacity:.75;}
.rt-note-box{width:100%;padding:9px 11px;border:1px solid #d8d2c4;border-radius:10px;
  font:inherit;font-size:15px;resize:vertical;}
/* One save, and it stays in reach at the end of a long page. */
/* Not sticky. It floated over the card underneath it — on a phone that
   meant the first phenotype's sliders were behind the Save button, which is
   what a judge reported: a card with a name on it and nothing to move.
   One button at the end of the list is what was asked for anyway. */
.rt-footer{text-align:center;}
.rt-save-all{width:100%;font-size:17px;padding:14px;}
.rt-kept{font-size:12px;margin:8px 0 0;}
.rt-save{margin-top:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.rt-msg{font-size:13px;min-height:18px;margin:0;}
.rt-msg-ok{color:#146b28;}
.rt-msg-bad{color:#c33;}
.rt-done{font-size:12px;opacity:.85;border:1px solid currentColor;border-radius:999px;padding:1px 8px;}
.rt-avg{font-size:13px;opacity:.85;margin-top:6px;}

/* Who this device thinks you are. Above the form, not under it: on a shared
   tablet the next judge has to see it before they start scoring, not after
   they have saved twenty-eight marks under somebody else's name. */
.rt-whoami{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;justify-content:space-between;
  margin:14px 0 4px;padding:10px 14px;border:2px solid var(--ink);border-radius:14px;background:var(--cream-deep);}
.rt-whoami b{font-weight:800;}
.rt-switch{font-size:13px;padding:7px 14px;}