/* UTIL-045 Chuyển đổi đơn vị — bổ sung cho utilities.css. Font kế thừa .sou-page; không ghi đè icon. */
.uc-top{margin:0 0 16px}
.uc-search{position:relative;max-width:640px}
.uc-results{list-style:none;margin:6px 0 0;padding:6px;border:1px solid var(--sou-line);border-radius:12px;background:#fff;box-shadow:0 10px 24px rgba(16,36,94,.08);display:grid;gap:4px}
.uc-result-item{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 12px;width:100%;min-height:44px;padding:8px 12px;border:0;border-radius:8px;background:none;text-align:left;cursor:pointer;font:inherit;color:var(--sou-text)}
.uc-result-item:hover,.uc-result-item:focus-visible{background:var(--sou-soft)}
.uc-result-item strong{color:var(--sou-ink)}
.uc-result-item span{color:var(--sou-muted);font-size:14px}
.uc-chips{display:flex;flex-wrap:wrap;gap:8px}
.uc-chips button{min-height:44px;padding:8px 14px;border:1px solid var(--sou-line);border-radius:999px;background:var(--sou-soft);color:var(--sou-ink);font:700 14px Arial,"Helvetica Neue",Helvetica,sans-serif;cursor:pointer}
.uc-chips button:hover{border-color:#9db6f3}
.uc-chips button[aria-pressed=true]{background:var(--sou-primary);border-color:var(--sou-primary);color:#fff}
.uc-cat-select{display:none;margin:0}
.uc-title{font-size:19px!important;margin:0 0 10px!important}
.uc-note{margin:0 0 14px;padding:10px 12px;border-radius:12px;background:var(--sou-soft);color:var(--sou-ink);font-size:14px}
.uc-pair{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);gap:0 8px;align-items:start}
.uc-swap{margin-top:29px;width:48px;height:46px;border:1px solid var(--sou-line);border-radius:12px;background:#fff;color:var(--sou-primary);font-size:18px;cursor:pointer}
.uc-swap:hover{background:var(--sou-soft)}
.uc-land{margin:0 0 6px;padding:12px 12px 2px;border:1px solid #f0d39a;border-radius:12px;background:#fffaf0}
.uc-precision select{max-width:340px}
.uc-actions{margin:6px 0 4px}
.uc-undo{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:8px 0;padding:6px 12px;border-radius:12px;background:var(--sou-soft);color:var(--sou-ink);font-size:15px}
.uc-result h2{font-size:18px}
.uc-result.is-stale [data-output]{opacity:.45}
.uc-stale{margin:0 0 10px;padding:8px 12px;border-radius:10px;background:var(--sou-warn-bg);color:var(--sou-warn);font-weight:700;font-size:14px}
.uc-empty{margin:0;color:var(--sou-muted)}
.uc-eq{margin:0;color:var(--sou-muted);font-weight:700;overflow-wrap:anywhere}
.uc-big{margin:2px 0 8px}
.uc-sym{font-size:24px;color:var(--sou-muted)}
.uc-badge{display:inline-flex;gap:6px;align-items:center;margin:0 0 8px;padding:4px 12px;border-radius:999px;background:var(--sou-warn-bg);color:var(--sou-warn);font-weight:700;font-size:14px}
.uc-relation{margin:0 0 12px;color:var(--sou-text)}
.uc-pack{margin:0 0 12px;padding:12px 14px;border-radius:12px;border:1px solid #f0d39a;background:#fffaf0;color:var(--sou-text);font-size:14px}
.uc-pack ul{margin:6px 0;padding-left:18px}
.uc-pack p{margin:4px 0 0;overflow-wrap:anywhere}
.uc-warn{font-weight:400;margin:0 0 12px}
.uc-warn ul{margin:0;padding-left:18px}
.uc-pop-title{margin:18px 0 8px!important}
.uc-pop{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:8px}
.uc-pop li{display:flex;align-items:stretch;gap:6px;min-width:0}
.uc-pop-use{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:44px;padding:8px 12px;border:1px solid var(--sou-line);border-radius:12px;background:#fff;text-align:left;cursor:pointer;font:inherit;color:var(--sou-text)}
.uc-pop-use:hover{border-color:#9db6f3}
.uc-pop-use strong{color:var(--sou-ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.uc-pop-use span{color:var(--sou-muted);font-size:14px}
.uc-star{flex:none;width:44px;min-height:44px;border:1px solid var(--sou-line);border-radius:12px;background:#fff;color:#b07d00;cursor:pointer;font-size:18px}
.uc-star[aria-pressed=true]{background:#fff6d9;border-color:#f0c64b}
.uc-help{margin:8px 0 0;color:var(--sou-muted);font-size:14px}
@media(min-width:1024px){.uc-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}
@media(max-width:767px){.uc-chips{display:none}.uc-cat-select{display:block;margin-top:4px}}
@media(max-width:420px){.uc-pair{grid-template-columns:1fr}.uc-swap{margin:0 0 12px;width:100%}}
@media print{.uc-top,.uc-input,.uc-result .sou-toolbar,.uc-star,.uc-help{display:none!important}}
/* Vùng chạm tối thiểu 44 px kể cả khi bộ UI thu nhỏ nút trên màn hình hẹp. */
.uc .sou-button,.uc select,.uc input[type=text],.uc input[type=search]{min-height:44px}
/* Số dài (tới 30 chữ số, có dấu chấm nghìn) không có chỗ ngắt dòng: cho phép ngắt ở bất kỳ ký tự để không tràn ngang ở 320 px. */
.uc small,.uc .sou-status,.uc-relation,.uc-warn li,.uc-undo,.uc-result-item strong,.uc-pop-use span{overflow-wrap:anywhere}
.uc-input,.uc-result{min-width:0}