/* 0.0.80 · BO-SUNG-LENH-05 — màn chào, đăng nhập, đăng ký (app + web). Chỉ hiển thị; không đổi luồng xác thực.
   Màu giao diện A: nền #f6f1ea, thẻ #fffdf9, chữ #2e221b, nâu #7f5a3f, viền #e3d5c4. */
html.bbb-auth-a{--auth-bg:#f6f1ea;--auth-card:#fffdf9;--auth-ink:#2e221b;--auth-muted:#76665a;--auth-brown:#7f5a3f;--auth-line:#e3d5c4;--auth-soft:#f1e6da}
html.bbb-auth-a body{background:var(--auth-bg)!important;color:var(--auth-ink)}

/* D11 · nút ngôn ngữ "VI/EN" (cùng nút, cùng hàm đổi ngôn ngữ) */
html.bbb-auth-a body #languageControl#languageControl{position:relative;display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;min-width:44px!important;height:36px!important;min-height:36px!important;padding:0 12px!important;margin:0!important;border:1px solid var(--auth-line)!important;border-radius:18px!important;background:#fff!important;color:var(--auth-ink)!important;font:600 14px/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;cursor:pointer}
html.bbb-auth-a body #languageControl#languageControl::before{content:'';position:absolute;inset:-5px -2px}
html.bbb-auth-a body #languageControl#languageControl > *{display:none!important}
html.bbb-auth-a body #languageControl#languageControl::after{content:attr(data-auth-code)}

/* Trang email/đăng nhập (r7): đầu trang + thẻ */
html.bbb-auth-a .r7-auth>header{max-width:520px;padding:14px 16px;gap:10px;flex-wrap:nowrap}
html.bbb-auth-a .r7-auth .brand{gap:10px;min-width:0;flex:1 1 auto}
html.bbb-auth-a .r7-auth .brand img{flex:0 0 48px;width:48px;height:48px;object-fit:contain}
/* D12 · tên app một dòng, không bị nút ngôn ngữ đè, không cắt (320 px VI/EN) */
html.bbb-auth-a .r7-auth .brand span{white-space:nowrap;font-size:18px;letter-spacing:-.2px}
@media (max-width:360px){html.bbb-auth-a .r7-auth .brand span{font-size:16px}html.bbb-auth-a .r7-auth .brand img{flex-basis:40px;width:40px;height:40px}}
html.bbb-auth-a .r7-auth .work-header-actions{flex:0 0 auto}
html.bbb-auth-a .r7-auth-card{margin:18px auto 32px;padding:22px 20px 24px;background:var(--auth-card);border:1px solid var(--auth-line);border-radius:20px;max-width:440px;width:calc(100% - 32px)}
html.bbb-auth-a .r7-auth-card h1{font-size:25px;line-height:1.25;margin:6px 0 12px;letter-spacing:-.3px}
html.bbb-auth-a .r7-auth-card form{gap:10px}
html.bbb-auth-a .r7-auth-card label{font-size:16px;font-weight:600;margin:10px 0 0}
html.bbb-auth-a .r7-auth-card input{min-height:50px;border:1px solid #cbb8a2;border-radius:12px;font-size:17px}
html.bbb-auth-a .r7-auth-card input::placeholder{color:#a8988b}
html.bbb-auth-a .r7-auth-card .primary,html.bbb-auth-a .r7-auth-card .r7-button-link{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;margin-top:8px;border-radius:12px;background:var(--auth-brown);border:1px solid var(--auth-brown);color:#fff;font-size:17px;font-weight:600;text-decoration:none;box-sizing:border-box}

/* D14 · một kiểu nút phụ duy nhất: nền trắng, viền #e3d5c4, bo 12 px, cao ≥ 48 px */
html.bbb-auth-a .r7-auth-card button:not(.primary):not(.r7-back):not(.r7-text-button):not(.r7-reveal),
html.bbb-auth-a .r7-auth-card .r7-secondary,
html.bbb-auth-a main.login button:not(.primary):not([aria-label]):not(#languageControl),
html.bbb-auth-a main.login .auth49-roles button:not(.primary){display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin-top:10px;padding:10px 16px;border:1px solid var(--auth-line)!important;border-radius:12px!important;background:#fff!important;color:var(--auth-ink)!important;font-size:16px;font-weight:600;box-shadow:none!important}
html.bbb-auth-a .r7-auth-card .r7-options{display:grid;gap:0;margin:8px 0}

html.bbb-auth-a .r7-auth-card .r7-back{display:inline-flex;align-items:center;min-height:44px;margin:-8px 0 0 -4px;padding:0 4px;border:0;background:none;color:var(--auth-brown);font-size:15px;font-weight:500;cursor:pointer}
html.bbb-auth-a .r7-auth-card .r7-step{display:inline-block;margin:4px 0 0;padding:5px 11px;border-radius:999px;background:var(--auth-soft);color:var(--auth-brown);font-size:13px;font-weight:700}
html.bbb-auth-a .r7-auth-card .r7-lead{margin:0 0 6px;color:var(--auth-muted);font-size:15px;line-height:1.55}
html.bbb-auth-a .r7-auth-card .r7-hint{margin:6px 0 0;color:var(--auth-muted);font-size:13px;line-height:1.5}
html.bbb-auth-a .r7-auth-card .r7-center{text-align:center}
html.bbb-auth-a .r7-auth-card .r7-text-button{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;border:0;background:none;color:var(--auth-brown);font-size:15px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
html.bbb-auth-a .r7-auth-card .r7-small{font-size:14px}
html.bbb-auth-a .r7-auth-card .r7-forgot{margin:0;text-align:right}
html.bbb-auth-a .r7-auth-card .r7-divider{display:flex;align-items:center;gap:10px;margin:18px 0 0;color:#9a8a7d;font-size:13px}
html.bbb-auth-a .r7-auth-card .r7-divider::before,html.bbb-auth-a .r7-auth-card .r7-divider::after{content:'';flex:1;border-top:1px solid var(--auth-line)}
html.bbb-auth-a .r7-auth-card .r7-password{position:relative;display:flex;align-items:center}
html.bbb-auth-a .r7-auth-card .r7-password input{padding-right:56px}
html.bbb-auth-a .r7-auth-card .r7-reveal{position:absolute;right:4px;display:flex;align-items:center;justify-content:center;width:44px;min-height:44px;border:0;background:none;color:var(--auth-muted);cursor:pointer}
html.bbb-auth-a .r7-auth-card .r7-reveal[aria-pressed=true]{color:var(--auth-brown)}
/* D7 · ô mã lớn, chữ cách rộng */
html.bbb-auth-a .r7-auth-card .r7-code-input{min-height:60px;text-align:center;font-size:26px;letter-spacing:.45em;padding-left:.45em;font-variant-numeric:tabular-nums}
html.bbb-auth-a .r7-auth-card .r7-resend{margin:14px 0 0;text-align:center;color:var(--auth-muted);font-size:15px}
html.bbb-auth-a .r7-auth-card .r7-resend .r7-wait{color:#a8988b}
html.bbb-auth-a .r7-auth-card .r7-resend .r7-text-button{min-height:36px;font-size:15px}
/* D5 · nút Face ID trắng có biểu tượng */
html.bbb-auth-a .r7-auth-card .r7-faceid svg{flex:0 0 auto}
/* D9 · 3 bước có số */
html.bbb-auth-a .r7-auth-card .r7-steps{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:16px}
html.bbb-auth-a .r7-auth-card .r7-steps>li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start}
html.bbb-auth-a .r7-auth-card .r7-steps>li>p,html.bbb-auth-a .r7-auth-card .r7-steps>li>div>p:first-child{margin:2px 0 0;font-size:16px;line-height:1.5}
html.bbb-auth-a .r7-auth-card .r7-step-no{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--auth-brown);color:#fff;font-size:13px;font-weight:700}
html.bbb-auth-a .r7-auth-card .r7-steps form label{margin-top:2px}
html.bbb-auth-a .r7-auth-card .r7-secret{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:6px}
html.bbb-auth-a .r7-auth-card .r7-secret code{display:block;padding:10px 12px;border-radius:10px;background:var(--auth-soft);font:600 15px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em;word-spacing:.2em}
html.bbb-auth-a .r7-auth-card .r7-secret .r7-secondary{width:auto;margin:0}
html.bbb-auth-a .r7-auth-card .r7-qr{margin:12px 0 0}
html.bbb-auth-a .r7-auth-card .r7-qr figcaption{margin:0 0 6px;color:var(--auth-muted);font-size:13px}
html.bbb-auth-a .r7-auth-card .r7-qr svg{display:block;width:176px;height:176px;border:1px solid var(--auth-line);border-radius:8px}
html.bbb-auth-a .r7-auth-card [role=alert]:empty{display:none}

/* Màn chào và trang máy chủ (main.login) */
html.bbb-auth-a main.login.auth49{background:transparent!important;padding-top:6px!important}
html.bbb-auth-a main.login.auth49 .work-header-actions{min-height:44px;align-items:center}
html.bbb-auth-a main.login.auth49>h1{margin:10px 0 2px}
html.bbb-auth-a main.login.auth49>h2{text-align:center;margin:4px 0 22px}
html.bbb-auth-a main.login.auth49 .auth49-roles{display:grid;gap:12px;margin:0 0 18px}
html.bbb-auth-a main.login.auth49 .auth49-roles .primary{min-height:52px;margin:0;border-radius:12px;font-size:18px;font-weight:600}
/* D13 · nút thợ nền trắng, viền nhạt, bo 12 px, cùng chiều cao với nút chính */
html.bbb-auth-a main.login.auth49 .auth49-roles #worker{min-height:52px;margin:0;font-size:17px}
html.bbb-auth-a main.login.auth49 p{text-align:left}
html.bbb-auth-a main.login.auth49 .auth-a-footer{text-align:center;color:var(--auth-muted)}
html.bbb-auth-a main.login.auth49 a{color:var(--auth-brown)}
/* D1 · đăng ký đang tạm đóng */
html.bbb-auth-a .auth-a-closed{margin:0 0 16px;padding:14px 16px;border:1px solid var(--auth-line);border-radius:14px;background:var(--auth-soft);color:var(--auth-ink);font-size:15px;line-height:1.55;text-align:left}
html.bbb-auth-a .auth-a-closed a.auth-a-support{display:flex;align-items:center;justify-content:center;min-height:48px;margin-top:10px;border:1px solid var(--auth-line);border-radius:12px;background:#fff;color:var(--auth-ink)!important;font-weight:600;text-decoration:none}
html.bbb-auth-a main.login [hidden],html.bbb-auth-a .r7-auth-card [hidden]{display:none!important}
/* BO-SUNG-LENH-06 · thanh bước "Bước N/4" + 4 chấm (cùng kiểu D9) */
html.bbb-auth-a .r7-auth-card .r7-stepper{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:2px 0 0}
html.bbb-auth-a .r7-auth-card .r7-stepper .r7-step{margin:0}
html.bbb-auth-a .r7-dots{display:inline-flex;gap:5px}
html.bbb-auth-a .r7-dots i{display:block;width:8px;height:8px;border-radius:50%;background:var(--auth-line)}
html.bbb-auth-a .r7-dots i.on{background:var(--auth-brown)}
html.bbb-auth-a .r7-auth-card .r7-hiring-closed{margin:18px 0 0;padding:12px 14px;border-radius:12px;background:var(--auth-soft);color:var(--auth-muted);font-size:14px;line-height:1.5;text-align:center}
/* Màn chào: dòng "đủ thợ" dưới nút thợ, link đăng nhập thợ */
html.bbb-auth-a main.login.auth49 .auth-a-hiring{margin:-4px 0 0;color:#8b7d72;font-size:13px;line-height:1.4;text-align:center}
html.bbb-auth-a main.login.auth49 .auth-a-worker-login{margin:-8px 0 0;font-size:13px}