/* QUYENBDS.COM CRM – giao diện đăng nhập / đăng ký / tài khoản */
.qh-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:10px;padding:10px 16px;font:700 14px/1.2 'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;cursor:pointer;text-decoration:none!important;transition:filter .15s,background .15s}
.qh-btn-gold{background:linear-gradient(135deg,#e9a23b,#d98a26);color:#0f1f33!important;box-shadow:0 4px 12px rgba(217,138,38,.3)}
.qh-btn-gold:hover{filter:brightness(1.05)}
.qh-btn-ghost{background:#fff;border:1px solid #e3e8ef;color:#475569!important}
.qh-btn-light{background:#fff;color:#0f1f33!important}
.qh-btn-outline{background:transparent;border:1px solid rgba(255,255,255,.45);color:#fff!important}
.qh-full{width:100%;margin-top:14px}
.qh-btn[disabled]{opacity:.6;cursor:wait}

/* Cửa sổ nổi */
body.qh-modal-open{overflow:hidden}
.qh-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:16px;font-family:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
.qh-modal-bd{position:absolute;inset:0;background:rgba(15,23,42,.55)}
.qh-modal-card{position:relative;width:100%;max-width:400px;max-height:calc(100vh - 32px);overflow-y:auto;background:#fff;border-radius:16px;padding:20px 18px 16px;box-shadow:0 20px 50px rgba(15,23,42,.3);color:#1b2433}
.qh-modal-title{font-weight:800;font-size:16px;margin:0 30px 12px 2px}
.qh-x{position:absolute;top:12px;right:12px;width:32px;height:32px;border:0;border-radius:10px;background:#f1f5f9;color:#475569;font-size:20px;line-height:1;cursor:pointer}

/* Thẻ chuyển Đăng nhập / Đăng ký */
.qh-tabs{display:flex;gap:4px;background:#f1f5f9;border-radius:12px;padding:4px;margin-bottom:6px}
.qh-tabs button{flex:1;border:0;background:transparent;border-radius:9px;padding:9px 6px;font:700 13px inherit;font-family:inherit;color:#64748b;cursor:pointer}
.qh-tabs button.on{background:#fff;color:#0f1f33;box-shadow:0 1px 3px rgba(15,23,42,.1)}

/* Form */
.qh-form{display:block;margin:0}
.qh-form label{display:block;font-size:13px;font-weight:600;color:#1b2433;margin:12px 0 5px}
.qh-form label small{font-weight:400;color:#6b7686}
.qh-form input[type=text],.qh-form input[type=tel],.qh-form input[type=email],.qh-form input[type=password],.qh-form input:not([type]){display:block;width:100%;box-sizing:border-box;border:1px solid #e3e8ef;border-radius:9px;background:#f8fafc;padding:10px 12px;font:500 15px inherit;font-family:inherit;color:#1b2433;outline:0;margin:0}
.qh-form input:focus{border-color:#e9a23b;box-shadow:0 0 0 3px rgba(233,162,59,.15);background:#fff}
.qh-xung{display:flex;gap:18px;margin-top:12px}
.qh-xung label{display:flex;align-items:center;gap:6px;margin:0;font-weight:600;cursor:pointer}
.qh-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}
.qh-msg{font-size:13px;margin-top:10px;min-height:0}
.qh-msg.err{color:#dc2626}
.qh-msg.ok{color:#15803d}
.qh-note{font-size:12px;color:#6b7686;text-align:center;margin:10px 0 0}
.qh-note a{color:#d98a26;font-weight:700}
.qh-done{padding:18px 6px;font-size:14px;line-height:1.6;color:#166534;text-align:center}

/* Trang chủ: nút ở bước kết quả */
.qh-cta-auth{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.15);font-size:12px;color:#cbd5e1}
.qh-cta-auth .qh-btn{padding:8px 14px;font-size:13px;border-radius:999px}

/* Thẻ tài khoản (đã đăng nhập) */
.qh-chip{position:fixed;left:14px;bottom:14px;z-index:9990;font-family:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
.qh-chip-btn{width:44px;height:44px;border-radius:50%;border:2px solid #fff;background:linear-gradient(135deg,#e9a23b,#d98a26);box-shadow:0 6px 18px rgba(15,23,42,.25);cursor:pointer;padding:0}
.qh-av{color:#0f1f33;font-weight:800;font-size:17px}
.qh-chip-menu{position:absolute;left:0;bottom:54px;min-width:190px;background:#fff;border-radius:14px;box-shadow:0 14px 40px rgba(15,23,42,.22);padding:8px;display:none}
.qh-chip.open .qh-chip-menu{display:block}
.qh-chip-name{font-size:12px;font-weight:800;color:#94a3b8;padding:6px 10px 8px;text-transform:uppercase;letter-spacing:.3px}
.qh-chip-menu a{display:block;padding:9px 10px;border-radius:9px;font-size:14px;font-weight:600;color:#1b2433!important;text-decoration:none!important}
.qh-chip-menu a:hover{background:#f8fafc}

/* Màn hình đăng nhập của trang riêng tư */
.qh-gate-body{margin:0;min-height:100vh;background:#f1f4f8;font-family:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:#1b2433;display:flex;align-items:center;justify-content:center;padding:24px 16px;box-sizing:border-box}
.qh-gate{width:100%;max-width:400px;background:#fff;border-radius:18px;padding:24px 20px;box-shadow:0 10px 30px rgba(15,23,42,.08);text-align:left}
.qh-gate-badge{display:inline-block;background:#0f1f33;color:#e9a23b;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;letter-spacing:.3px}
.qh-gate-title{font-size:22px;font-weight:800;color:#0f1f33;margin:12px 0 6px;line-height:1.3}
.qh-gate-sub{font-size:14px;color:#6b7686;margin:0 0 14px}
.qh-gate-actions{display:flex;gap:8px;flex-wrap:wrap}

/* Trang chủ: câu "Bạn đang là…" + câu đồng ý chèn vào form Bản đồ mục tiêu */
.qh-hq [hidden]{display:none!important}
.qh-hq select{flex:1;min-width:0;width:100%;border:0;background:transparent;padding:9px 10px;font:500 14px inherit;font-family:inherit;color:#1b2433;outline:0;-webkit-appearance:auto;appearance:auto}
.qh-hq-chk{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;line-height:1.45;margin:10px 0 0;color:#475569;cursor:pointer;font-weight:500}
.qh-hq-chk input{margin-top:2px;flex:none;width:16px;height:16px;accent-color:#d98a26}

/* Đăng ký nhân sự: chọn dự án đang đánh */
.qh-form [hidden]{display:none!important}
.qh-form select.qh-sel{display:block;width:100%;box-sizing:border-box;border:1px solid #e3e8ef;border-radius:9px;background:#f8fafc;padding:10px 12px;font:500 15px inherit;font-family:inherit;color:#1b2433;outline:0;margin:0}
.qh-form select.qh-sel:focus{border-color:#e9a23b;box-shadow:0 0 0 3px rgba(233,162,59,.15);background:#fff}
.qh-form select.qh-sel + input{margin-top:8px}

/* Trang /tuyen-dung/: form ứng tuyển */
.qh-td{max-width:480px;margin:18px auto;background:#fff;border:1px solid #e3e8ef;border-radius:16px;padding:20px 18px;box-shadow:0 10px 30px rgba(15,23,42,.06);font-family:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:#1b2433}
.qh-td-title{font-weight:800;font-size:18px;color:#0f1f33;margin-bottom:6px}
.qh-form .qh-td-chk{display:flex;gap:8px;align-items:flex-start;font-weight:500;font-size:13px;line-height:1.45;color:#475569;cursor:pointer}
.qh-form .qh-td-chk input{margin-top:2px;flex:none;width:16px;height:16px;accent-color:#d98a26}
.qh-ev-meta{font-size:14px;line-height:1.7;color:#334155;margin:4px 0 8px}
.qh-ev-list{margin:8px 0 0;padding-left:18px}.qh-ev-list li{margin:0 0 10px}
/* Form trang chủ – lựa chọn "Nhân sự" */
.qh-hq-note{font-size:12.5px;line-height:1.5;color:#475569;background:#f1f5f9;border-radius:8px;padding:8px 10px;margin:8px 0 0}
.qh-staff-note{font-size:14px;line-height:1.5;color:#14532d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:10px 12px;margin:0 0 12px}
.qh-staff-note a{color:#b45309;font-weight:700}
/* 0.9.17 – điện thoại: nút tài khoản nhỏ hơn, đỡ che ô nhập */
@media (max-width:600px){.qh-chip{left:10px;bottom:12px}.qh-chip-btn{width:38px;height:38px;opacity:.85}.qh-av{font-size:15px}}
/* Ô mật khẩu có nút mắt 👁 xem / ẩn */
.qh-pwwrap{position:relative;display:block}
.qh-form .qh-pwwrap input{padding-right:46px!important}
.qh-eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;background:transparent;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;padding:0}
.qh-eye:hover{color:#475569;background:#f1f5f9}
.qh-eye.on{color:#d98a26}
.qh-eye.on svg path{stroke-dasharray:none}
.qh-eye.on::after{content:'';position:absolute;width:22px;height:2px;background:currentColor;transform:rotate(-45deg);border-radius:2px}
/* 0.9.23 – trang chủ trên điện thoại: thẻ "Chỉ số của bạn" bị đẩy lệch phải vì phần tử lưới không co dưới bề rộng nội dung */
#bdmt-app .b-grid>*{min-width:0}
/* 0.9.24 – trang chủ: dòng "Công cụ dành riêng cho môi giới bất động sản" luôn 1 dòng; chữ tự co theo bề rộng màn hình (đã đo 320–1280px), máy tính giữ 11px như cũ */
#bdmt-app .b-badge{white-space:nowrap!important;display:inline-block;max-width:100%;box-sizing:border-box;font-size:clamp(8.5px,calc((100vw - 80px) / 27.5),11px)!important}