/* Man Nhap gia uu tien (/hoso/{ma}/v{n}/nhap-gia-uu-tien). Lane g1 20/10/2026. Chi dung token va
   thanh phan dung chung cua app.css (.btn, .bao, .nhan, .truong, .o, .lk). */
.uu-mo-dau { max-width: 84ch; color: var(--muted); margin: 0 0 12px; }
.uu-so { display: flex; flex-wrap: wrap; gap: 8px 24px; align-items: baseline; margin: 0 0 14px; }
.uu-so b { font-family: var(--font-num); font-size: var(--fs-lg); }
.uu-trong { color: var(--muted); }
.uu-dong { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-box); margin: 0 0 8px; }
.uu-dong.uu { border-left: 3px solid var(--accent); }
.uu-dong > summary { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 1.4fr) minmax(0, 1fr) 110px 120px auto; gap: 12px; align-items: baseline; padding: 9px 14px; cursor: pointer; }
.uu-dong .ten { font-weight: var(--fw-dam); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.uu-dong .uu-ly-do { grid-column: 1 / -1; color: var(--muted); font-size: var(--fs-sm); }
.uu-dong .vt, .uu-dong .dvt { color: var(--muted); font-size: var(--fs-sm); }
.uu-dong .gia, .uu-dong .tien { text-align: right; font-family: var(--font-num); }
.uu-dong .mo-ta, .uu-dong .uu-khoang { margin: 0 14px 8px; color: var(--muted); max-width: 90ch; }
.uu-dong .bao { margin: 0 14px 10px; }
.uu-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 10px 14px; padding: 4px 14px 14px; align-items: end; }
.uu-form .truong { display: flex; flex-direction: column; gap: 4px; }
.uu-form .uu-nhac { color: var(--muted); font-size: var(--fs-sm); }
.uu-tick { display: flex; gap: 6px; align-items: center; }