/* METAR form footer: Tower Met Officer, Notes, Reset / Submit */
.foot{flex:none;display:flex;gap:12px;align-items:stretch}
.fc{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:clamp(5px,.9vh,9px) 16px;min-width:0;cursor:text;transition:border-color .12s,box-shadow .12s}
.fc>.ic{width:34px;height:34px;color:#2a4a8f}
.fc .fb{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.fc .cl label{font-size:12.5px;font-weight:800;letter-spacing:.04em;color:var(--navy);text-transform:uppercase}
.fc input,.fc textarea{border:0;outline:0;background:transparent;padding:0;height:28px;resize:none;font:600 17px var(--ff);color:var(--ink);width:100%}
.fc:hover{border-color:#9db4d8}
.fc:focus-within{border-color:var(--acc);box-shadow:0 0 0 3px rgba(29,107,243,.18)}
.fc.bad{background:#fff1f3;border-color:var(--bad)}
.fc.bad .cl label{color:var(--bad)}
.fo{flex:0 0 clamp(240px,23%,340px)}.fn{flex:1}
.act{display:flex;gap:12px;align-items:center}
.msg{color:var(--bad);font-weight:800;font-size:14px;max-width:200px}
.msg:empty{display:none}
@media(max-height:800px){.fc{height:auto}}
@media(max-width:900px){.foot{flex-wrap:wrap}.fo,.fn{flex:1 1 100%}.act{flex:1 1 100%}}