/* /tach-thua-dat-lam-dong/: checker and tables. Nothing is sticky or fixed: the match list sits in the flow under the search box,
   so the keyboard and the list never cover the field being typed in or the button. */
.tt-form{max-width:640px}
.tt-form [hidden]{display:none!important}
.tt-units{list-style:none;padding:0;margin:6px 0 0;border:1px solid #bdceca;border-radius:10px;background:#fff;overflow:hidden}
.tt-units li{margin:0;border-bottom:1px solid #e3ebe8}.tt-units li:last-child{border-bottom:0}
.tt-unit{display:block;width:100%;text-align:left;background:none;border:0;padding:10px 12px;min-height:48px;font:inherit;color:#102c3a;cursor:pointer}
.tt-unit small{display:block;color:#566a61;font-size:13px;line-height:1.4;margin-top:2px}
.tt-unit:hover,.tt-unit:focus-visible{background:#eef4f2}
.tt-none{padding:10px 12px;color:#566a61;font-size:14px}
.tt-picked{font-size:14px;color:#33524a;margin:6px 0 0;min-height:0}
.tt-zone{border:0;padding:0;margin:0 0 12px}.tt-zone legend{font-weight:600;margin-bottom:6px}
.tt-zone{display:flex;flex-wrap:wrap;gap:4px 18px}.tt-zone legend{width:100%}
.tt-zone label{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0;font-weight:400}
.tt-zone input{width:22px;height:22px;min-height:0;margin:0;accent-color:#0f6b5b}
.tt-error{color:#a11;min-height:0}
.tt-good{border-left:4px solid #0f6b5b;padding:8px 12px;background:#eef6f3}
.tt-bad{border-left:4px solid #b4541a;padding:8px 12px;background:#fdf3ea}
.tt-ok{color:#0f6b5b;font-weight:600}.tt-no{color:#9a3d0c}
.tt-note{font-size:14px;color:#566a61}
.tt-list li{margin:10px 0;line-height:1.6}
.tt-lots{list-style:none;padding:0;margin:12px 0}.tt-lots li{padding:10px 0;border-bottom:1px solid #e3ebe8;line-height:1.5}