/* Input field cell: label, value box, unit, NOW button, error / locked states */
.cell{position:relative;display:flex;flex-direction:column;gap:3px;min-width:0;cursor:text}
.cl{display:flex;justify-content:space-between;align-items:baseline;gap:8px;min-height:15px}
.cl label{font-size:13.5px;font-weight:700;letter-spacing:.02em;color:var(--g);white-space:nowrap;cursor:inherit}
.rq .cl label::after{content:" *";color:var(--bad)}
.er{font-style:normal;font-size:12.5px;font-weight:800;color:var(--bad);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.er.ok{color:var(--ok)}
.cv{display:flex;align-items:center;min-width:0;height:var(--ch);border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden;transition:border-color .12s,box-shadow .12s}
.cell:hover .cv{border-color:color-mix(in srgb,var(--g,var(--acc)) 55%,var(--line))}
.cv:focus-within{border-color:var(--g);box-shadow:0 0 0 3px color-mix(in srgb,var(--g) 22%,transparent)}
.cv input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;padding:0 12px;font:600 18px var(--ff);color:var(--ink)}
.cv input::placeholder{color:#b4bfcf;font-weight:400}
.u{align-self:stretch;display:flex;align-items:center;padding:0 13px;background:#f1f5fa;border-left:1px solid var(--line);font-size:14px;font-weight:600;color:var(--mut)}
.ic2{width:22px;height:22px;margin-right:12px;color:var(--acc)}
.now{height:30px;margin-right:8px;padding:0 12px;border:1px solid var(--acc);border-radius:6px;background:#eef4ff;color:var(--acc);font:800 13px var(--ff);letter-spacing:.05em;cursor:pointer}
.now:hover{background:var(--acc);color:#fff}
.cell.bad .cv{border-color:var(--bad);background:#fff1f3;box-shadow:0 0 0 3px rgba(209,18,47,.15)}
.cell.bad .cl label{color:var(--bad)}
.cell.off .cv{background:repeating-linear-gradient(135deg,#eef1f6 0 7px,#e2e7ef 7px 14px);cursor:not-allowed}
.cell.off input,.cell.off .u,.cell.off .ic2{visibility:hidden}
.inl{flex-direction:row;align-items:center;gap:12px}
.inl .cl{flex-direction:column;align-items:flex-start;gap:0;min-width:78px;max-width:48%;flex:0 1 auto}
.inl .cl .er{max-width:100%}
.inl .cv{flex:1}
@media(max-height:800px){.cl{min-height:13px}.cl label{font-size:12.5px}}