/* Buyer (sourcing) page: the requirements sheet and the few blocks style.css does not have. Uses the variables in style.css. */
.topbar .lang{margin-left:auto}
.sheet-row{display:grid;grid-template-columns:1fr auto;align-items:end;gap:.15rem .6rem;margin-top:.55rem}
.sheet-row>label:first-child{margin:0}
.sheet-row>input,.sheet-row>.pair,.sheet-row>.count,.sheet-row>label.check{grid-column:1/-1}
.sheet-row .inc{display:flex;align-items:center;gap:.35rem;margin:0;font-size:.76rem;font-weight:400}
.sheet-row .pair{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}
.sheet-row select{width:100%;padding:.5rem .5rem}
.sheet-row.invalid input:not([type=checkbox]),.sheet-row.invalid select{border-color:var(--bad);background:var(--bad-bg)}
.sheet-row label.check{margin:.3rem 0 0}
/* Sign-in block under the sheet. Flex boxes need their own rule to stay hidden. */
.signin{margin-top:.8rem;padding-top:.6rem;border-top:1px solid #e3dccd}
.signin .pair{display:grid;grid-template-columns:1fr auto;gap:.4rem}
.signin button{white-space:nowrap}
.signed-in{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0}
.signed-in[hidden]{display:none}
.signed-in span{margin-right:auto;font-weight:600;overflow-wrap:anywhere}
.signin button.ghost{padding:.25rem .55rem;font-size:.8rem}
input[type=radio]{width:1.05rem;height:1.05rem;padding:0;flex:none;accent-color:var(--brand)}
.mode{display:flex;flex-wrap:wrap;gap:.2rem 1.4rem}
.mode label.check{margin:.2rem 0 .4rem}
#followups .pane-head button{white-space:nowrap}
#inbound-box textarea{min-height:150px}
.facts-row{list-style:none;margin:.5rem 0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}
.facts-row li{padding:.15rem .6rem;border-radius:999px;background:var(--mark-bg);color:var(--mark);font-size:.8rem}
.facts-row li b{font-weight:600;margin-right:.3rem}
.summary{margin:.3rem 0;padding:.55rem .75rem;background:#fff;border:1px solid var(--line);border-radius:8px}
#letter .terms{display:block;margin:.7rem -.4rem;padding:.35rem .4rem;background:var(--pane-2);border-left:3px solid var(--brand);border-radius:4px}
.review .why{color:var(--bad);font-size:.82rem}
.note{margin:.35rem 0 .6rem;color:var(--muted);font-size:.8rem}
@media (max-width:820px){.topbar .lang{margin-left:0}}