/* ===== Trang Mở Tài Khoản (mở khóa) ===== */
/* Dùng lại .hero + .account (khung kem + sidebar + panel) từ account.css.
   File này chỉ định nghĩa khu mở khóa .unlock bên trong panel. */

.unlock {
  /* Nền kem sáng bao quanh, nội dung căn giữa theo cột */
  background: #fdf6e3;
  padding: clamp(24px, 3.5vw, 44px) clamp(20px, 3vw, 40px);
  min-height: clamp(360px, 50vh, 560px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(14px, 2vw, 22px);
}

/* ===== Dropdown chọn tài khoản ===== */
.unlock__select-wrap {
  position: relative;
  width: 100%;
  max-width: 560px;
}
.unlock__select {
  width: 100%;
  height: 52px;
  border: 0;
  border-radius: 6px;
  background: #4a2f1c;
  color: #fff;
  font-size: clamp(14px, 1.5vw, 17px);
  padding: 0 48px 0 20px;
  cursor: pointer;
  /* Bỏ mũi tên mặc định của trình duyệt để dùng ảnh riêng */
  appearance: none;
  -webkit-appearance: none;
}
.unlock__select:focus { outline: 2px solid #c98a4a; }
/* Mũi tên (Low Priority.png) nằm góc phải, không chặn click */
.unlock__arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 22px;
  height: 22px;
  transform: translateY(-50%);
  pointer-events: none;
}

/* ===== Nút Mở Khóa (ảnh) ===== */
.unlock__submit {
  border: 0;
  background: none;
  padding: 0;
  cursor: pointer;
  transition: filter 0.15s ease;
}
.unlock__submit:hover { filter: brightness(1.1); }
.unlock__submit img {
  display: block;
  width: clamp(140px, 16vw, 177px);
  height: auto;
}