/**
 * laws Content Management System
 * @version 4.x
 * @author VINADES.,JSC <contact@vinades.vn>
 * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://github.com/laws The laws CMS GitHub project
 */

/* --- CODE CŨ CỦA BẠN GIỮ NGUYÊN --- */
body .wraper,
body .site-container,
body .container,
body .wrap {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
}

body .row,
body .col-md-24 {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box; /* Thêm box-sizing để tránh vỡ layout */
}

body [class*="container"],
body [class*="wrap"] {
  max-width: 100% !important;
}

@media (max-width: 768px) {
  body .wraper,
  body .container {
    padding: 0 !important;
  }
}
/* --- HẾT CODE CŨ --- */


/* --- CODE GIAO DIỆN ĐĂNG NHẬP --- */
.nv-login-wrapper {
    display: flex;
    justify-content: center;
    align-items: flex-start; 
    background: transparent; 
    min-height: auto; 
    padding: 20px 0; 
}

.nv-login-card {
    background: #fff;
    width: 100%; 
    max-width: 100%;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    padding: 30px 20px;
    text-align: left;
    margin-top: 0;
}

@media (min-width: 992px) {
    .nv-login-card {
        width: 50%; 
        max-width: 450px; 
        min-width: 350px; 
        margin: 0 auto; 
    }
}

.nv-login-card .login-header { text-align: center; margin-bottom: 25px; }
.nv-login-card .login-logo { max-height: 50px; margin-bottom: 10px; }
.nv-login-card .title { font-weight: 700; color: #1a73e8; margin: 0 0 5px; font-size: 20px; text-transform: uppercase; }
.nv-login-card .subtitle { color: #666; font-size: 13px; }
.nv-login-card .form-group { margin-bottom: 15px; }
.nv-login-card .input-icon { position: relative; }
.nv-login-card .input-icon i { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: #aaa; z-index: 2; }
.nv-login-card .form-control { height: 45px; padding-left: 40px; border-radius: 5px; border: 1px solid #ddd; background-color: #fff; box-shadow: none !important; }
.nv-login-card .form-control:focus { border-color: #1a73e8; }

.btn-login-submit {
    height: 45px;
    background: #1a73e8;
    border: none;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 5px;
    width: 100%;
    color: #fff;
    margin-top: 10px;
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.btn-login-submit:hover {
    background: #1557b0;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(26, 115, 232, 0.2);
}

.actions-row { font-size: 13px; }
.forgot-link { color: #1a73e8; text-decoration: none; }
.login-footer { margin-top: 20px; padding-top: 15px; border-top: 1px solid #eee; text-align: center; font-size: 13px; }
.refresh-captcha { cursor: pointer; margin-left: 10px; color: #1a73e8; }


/* ================================================================ */
/* --- SỬA LỖI NÚT HOÀN TẤT KHÔNG CLICK ĐƯỢC (DESKTOP & MOBILE) --- */
/* ================================================================ */

/* Áp dụng cho nút Submit (Hoàn tất) của form báo cáo */
#main-content form button[type="submit"],
#main-content form input[type="submit"] {
    min-width: 120px;
    padding: 10px 20px;
    font-weight: bold;
    margin-top: 20px;
    
    /* QUAN TRỌNG: Tăng khoảng cách đáy để tránh bị Footer che khuất */
    margin-bottom: 80px !important; 
    
    /* QUAN TRỌNG: Đẩy lớp hiển thị lên cao nhất để không bị layer khác đè lên */
    position: relative !important;
    z-index: 9999 !important;
    
    /* Ép hiển thị con trỏ chuột dạng bàn tay */
    cursor: pointer !important;
}

/* Riêng cho giao diện Mobile: Nút to hết cỡ */
@media (max-width: 767px) {
    #main-content form .text-right,
    #main-content form .text-center {
        text-align: center !important;
    }

    #main-content form button[type="submit"],
    #main-content form input[type="submit"] {
        width: 100% !important;
        display: block;
        float: none !important;
        font-size: 16px;
        height: 50px;
    }
}