/* v625: form ứng tuyển 3 bước theo mẫu 3 anh Việt duyệt 31/10/2026 (nền đen,
   thanh tiến độ, ô bo tròn, chip, ô tải CV viền nét đứt, nút dưới cố định).
   Kế thừa nen.css + thanh-vien.css; mọi quy tắc nằm dưới .ut để không đổi các
   trang dịch vụ khác. */
.trang-dich-vu main.ut{max-width:640px;padding-top:18px;padding-bottom:calc(120px + env(safe-area-inset-bottom))}
.ut .bay{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ut-dau{display:flex;align-items:center;gap:12px}
.ut-x{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:18px}
.ut-vt{font-size:13px;color:var(--fog);line-height:1.3;min-width:0}
.ut-vt b{display:block;color:var(--paper);font-weight:400;font-size:15px;overflow-wrap:anywhere}
.ut-tien{display:flex;gap:6px;margin-top:18px}
.ut-tien:empty{display:none}
.ut-tien i{flex:1;height:4px;border-radius:4px;background:rgba(255,255,255,.14)}
.ut-tien i.on{background:var(--cyan-bright)}
.ut-buoc{margin-top:16px;font:600 11.5px var(--sans);letter-spacing:.16em;color:var(--amber)}
.ut-h1{font-family:'Vagabond Sans',var(--sans);font-weight:400;font-size:clamp(34px,9vw,44px);line-height:.95;color:var(--cyan-bright);margin:6px 0 4px;letter-spacing:.01em}
.ut #gioi-thieu{white-space:pre-line;margin-top:8px}
.ut-cau{margin-top:20px}
.ut-hoi{font-size:14.5px;color:rgba(255,255,255,.88);margin-bottom:8px;line-height:1.45}
.ut-hoi em{color:var(--amber);font-style:normal}
.ut-goi{font-size:12.5px;color:var(--fog);margin:-3px 0 9px;line-height:1.45}
.trang-dich-vu .ut-cau input,.trang-dich-vu .ut-cau textarea{margin-top:0;background:#0f1111;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:13px 14px}
.trang-dich-vu .ut-cau input:focus,.trang-dich-vu .ut-cau textarea:focus{border-color:var(--cyan-bright);outline:none}
.trang-dich-vu .ut-cau .chips+input{margin-top:10px}
.ut-ngay{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:10px}
.ut-tien-o{display:flex;align-items:center;gap:10px;background:#0f1111;border:1px solid var(--cyan-bright);border-radius:14px;padding:0 14px}
.trang-dich-vu .ut-tien-o input{border:0;background:transparent;padding:13px 0;font-size:20px;flex:1}
.ut-tien-o span{flex:none;font-size:13px;color:var(--fog)}
.trang-dich-vu .ut .chips button{border-radius:999px;padding:0 14px;border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.82);background:transparent}
.trang-dich-vu .ut .chips button[aria-pressed=true]{background:rgba(63,216,205,.14);border-color:var(--cyan-bright);color:var(--cyan-bright)}
.ut-vts{display:grid;gap:10px}
.trang-dich-vu .ut-vt-the{display:block;width:100%;text-align:left;border-radius:16px;padding:14px 16px;background:#0f1111;border:1px solid rgba(255,255,255,.12);font-size:15px;line-height:1.4;color:var(--paper)}
.ut-vt-the small{display:block;color:var(--fog);font-size:13px;margin-top:4px}
.trang-dich-vu .ut-vt-the[aria-pressed=true]{background:rgba(63,216,205,.1);border-color:var(--cyan-bright);color:var(--paper)}
.trang-dich-vu .ut-vt-the[aria-pressed=true] small{color:var(--cyan-bright)}
.trang-dich-vu .ut-tai{display:flex;gap:12px;align-items:center;width:100%;text-align:left;border:1.5px dashed rgba(63,216,205,.5);border-radius:16px;padding:16px;background:rgba(63,216,205,.05)}
.ut-tai-ic{flex:none;width:44px;height:44px;border-radius:12px;background:var(--cyan-bright);color:#00201D;display:flex;align-items:center;justify-content:center;font-size:20px}
.ut-tai b{display:block;font-weight:400;font-size:14.5px}
.ut-tai small{display:block;font-size:12.5px;color:var(--fog);margin-top:2px}
.ut-tai>span+b,.ut-tai>b{flex:1}
.ut-tep-dong{margin-top:8px;display:flex;gap:10px;align-items:center;background:#0f1111;border-radius:12px;padding:10px 12px;font-size:13px;min-width:0}
.ut-tep-dong span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ut-tep-dong i{font-style:normal;flex:none;background:#F07167;color:#2b0703;border-radius:6px;padding:3px 6px;font:700 10px var(--sans)}
.ut-tep-dong em{margin-left:auto;flex:none;color:#3ECF8E;font-style:normal;font-size:12px}
.trang-dich-vu .ut .dong-y{display:flex;gap:12px;align-items:flex-start;margin:24px 0 6px;font-size:13px;line-height:1.55;color:var(--fog)}
.trang-dich-vu .ut .dong-y input{flex:0 0 22px;width:22px;height:22px;min-height:22px;margin:2px 0 0;padding:0;accent-color:var(--cyan)}
.ut-day{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;gap:10px;padding:14px max(20px,calc((100% - 600px)/2)) calc(18px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(0,0,0,0),#000 30%)}
.trang-dich-vu .ut-day button{min-height:54px;border-radius:16px;font:700 15.5px var(--sans)}
.trang-dich-vu .ut-day #gui{flex:1}
.trang-dich-vu .ut-lui{flex:none;width:58px;padding:0;border:1px solid rgba(255,255,255,.25);font-size:20px}
.ut .thong-bao{padding:12px 0 0}
.ut-xong{margin-top:22px}
.ut-xong p{color:var(--fog)}
.ut-quy{list-style:none;margin:22px 0;display:grid;gap:10px;counter-reset:b}
.ut-quy li{counter-increment:b;display:grid;grid-template-columns:28px 1fr;column-gap:12px;background:#0f1111;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px 14px;font-size:13.5px;color:var(--fog)}
.ut-quy li:before{content:counter(b);grid-row:1 / span 2;width:28px;height:28px;border-radius:50%;background:rgba(63,216,205,.15);color:var(--cyan-bright);display:flex;align-items:center;justify-content:center;font-size:13px}
.ut-quy li b{font-weight:400;color:var(--paper);font-size:15px}
.ut-nut-vien{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border:1px solid var(--line);border-radius:14px;font-size:14px}
.ut-ho-tro{margin-top:30px}
.ut-ho-tro a{color:var(--cyan-bright)}
