<style>
  /* KHUNG QUẢNG CÁO CHUNG */
  .ad-banner-overlay {
    position: fixed;
    z-index: 999999;
    background: #ffffff;
    border-radius: 12px;
    padding: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    display: none; /* Mặc định ẩn, chỉ bật ở màn hình chờ */
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    transition: all 0.3s ease;
  }

  .ad-banner-overlay img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
  }

  /* BỐ CỤC CHO MÀN HÌNH GIÁO VIÊN (TRÁI & PHẢI) */
  /* BỐ CỤC NÓI CHUNG CHO GIÁO VIÊN */
.ad-teacher-left, .ad-teacher-right {
  position: fixed !important;
  top: 50% !important;
  width: 200px !important;
  height: 380px !important;
  margin-top: -190px !important; /* Thay thế cho transform: translateY(-50%) để tránh lỗi căn chỉnh */
  z-index: 999999 !important;
}

/* ÉP VỊ TRÍ SANG BÊN TRÁI MÀN HÌNH */
.ad-teacher-left {
  left: 15px !important;
  right: auto !important;
}

/* ÉP VỊ TRÍ SANG BÊN PHẢI MÀN HÌNH */
.ad-teacher-right {
  right: 15px !important;
  left: auto !important;
}

  /* BỐ CỤC CHO MÀN HÌNH HỌC SINH (TRÊN & DƯỚI) */
  .ad-player-top, .ad-player-bottom {
  position: fixed !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 90% !important;
  max-width: 500px !important;
  height: 100px !important;
  z-index: 999999 !important;
}

.ad-player-top {
  top: 15px !important;
  bottom: auto !important;
}

.ad-player-bottom {
  bottom: 15px !important;
  top: auto !important;
}

  /* NHÃN & ĐỒNG HỒ ĐẾM NGƯỢC THÔNG BÁO */
  .ad-info-bar {
    font-size: 11px;
    font-weight: bold;
    color: #475569;
    margin-bottom: 5px;
    text-align: center;
  }
  
  /* Ngôn ngữ và login */
  /* Container chứa nút Login & Select Ngôn ngữ ở góc trên BÊN PHẢI */
/* Container chứa nút Login & Select Ngôn ngữ ở góc trên BÊN PHẢI */
.top-right-controls {
    position: fixed;
    top: 15px;
    right: 15px;
    z-index: 2147483647 !important; /* Giá trị z-index tối đa trong CSS để đè lên KRPano */
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(0, 0, 0, 0.6);
    padding: 6px 12px;
    border-radius: 25px;
    backdrop-filter: blur(4px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.4);
    pointer-events: auto !important; /* Đảm bảo luôn nhận tương tác chuột */
}

/* Style cho nút Đăng nhập */
.btn-login-top {
    padding: 6px 14px;
    font-size: 14px;
    font-weight: bold;
    background-color: #28a745;
    color: white;
    border: 1px solid #ffffff;
    border-radius: 18px;
    cursor: pointer;
    transition: all 0.2s ease;
    outline: none;
    display: flex;
    align-items: center;
    gap: 5px;
    pointer-events: auto !important;
}
.btn-login-top:hover {
    background-color: #218838;
    transform: scale(1.05);
}

/* Style cho thẻ Select Ngôn ngữ */
.lang-select-top {
    padding: 6px 10px;
    font-size: 14px;
    font-weight: bold;
    background-color: #ffffff;
    color: #333333;
    border: 2px solid #007bff;
    border-radius: 18px;
    cursor: pointer;
    outline: none;
    transition: all 0.2s ease;
    pointer-events: auto !important; /* Ép thẻ select bắt sự kiện click */
    position: relative;
    z-index: 2147483647 !important;
}
.lang-select-top:hover {
    border-color: #0056b3;
}
.lang-select-top option {
    background-color: #ffffff;
    color: #333333;
}
</style>