/* ============================================================
   Bootstrap 5 UI polish for the MDI Recruitment portal.
   Loaded after default.css.
   Brand: navy #000066 (primary), green #00793A (actions).
   ============================================================ */

/* ---- Page surface ---- */
body {
    background-color: #f4f6f9;
}
#pageContent {
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .06);
    padding: 20px 22px;
    margin-top: 12px;
}

/* ---- GridView: modern table look, keeping theme colours ---- */
.gv-menu-head th {
    background-color: #000066 !important;
    background-image: none !important;
    color: #ffffff !important;
    border-color: #000066 !important;
    text-align: left !important;
    box-shadow: none !important;
}
.gv-menu-head {
    --bs-table-striped-bg: #eef1f7;
}
.gv-menu-head td .btn,
.gv-menu-head th .btn {
    --bs-btn-padding-y: .12rem;
    --bs-btn-padding-x: .5rem;
    --bs-btn-font-size: .8rem;
}

/* ---- Buttons: solid green primary action, tidy shape ---- */
.btn-secondary {
    --bs-btn-bg: #00793A;
    --bs-btn-border-color: #00793A;
    --bs-btn-hover-bg: #005e2d;
    --bs-btn-hover-border-color: #005e2d;
    --bs-btn-active-bg: #004d24;
    --bs-btn-active-border-color: #004d24;
    --bs-btn-color: #ffffff;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-active-color: #ffffff;
    --bs-btn-disabled-bg: #8fb9a1;
    --bs-btn-disabled-border-color: #8fb9a1;
    --bs-btn-disabled-color: #ffffff;
}
/* modernise the legacy themed button (removes the gif image) */
.ButtonStyle {
    background-image: none !important;
    background-color: #00793A !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: .375rem !important;
    padding: .4rem 1rem !important;
    font-weight: 600 !important;
    font-size: .9rem !important;
    text-decoration: none;
    cursor: pointer;
    margin: 2px 3px;
}
.ButtonStyle:hover {
    background-color: #005e2d !important;
}

/* ---- Form controls & labels ---- */
.form-control,
.form-select {
    font-size: .92rem;
}
.control-label,
.form-label,
.LabelStyle {
    font-weight: 600;
    color: #000066;
    font-size: .88rem;
    margin-bottom: .25rem;
}

/* ---- Cards / panels ---- */
.card {
    border: 0;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .08);
    margin-bottom: 14px;
}
.card-header {
    background-color: #000066;
    color: #ffffff;
    font-weight: 600;
}

/* ---- Wizard step navbar (applicant) ---- */
#Navbar {
    background-color: #ffffff !important;
    border-bottom: 2px solid #d0d8ec;
    box-shadow: 0 2px 6px rgba(0, 0, 102, .08);
}

/* ---- Admin navbar ---- */
.admin-navbar,
#Navbar.admin-navbar {
    background-color: #000066 !important;
    border-bottom: 3px solid #00793A !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .25) !important;
}
.admin-brand {
    color: #ffffff !important;
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: .03em;
    opacity: .9;
}
.admin-navbar .admin-link {
    color: rgba(255, 255, 255, 0.82) !important;
    font-weight: 500;
    border-radius: 5px;
    transition: background .15s;
}
.admin-navbar .admin-link:hover {
    background-color: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
}
.navbar .nav-link {
    padding: .5rem .9rem;
    border-radius: 6px;
    margin: 2px;
}
.navbar .nav-link:hover {
    background-color: #eef1f7;
}
.navbar .nav-item.bg-success {
    border-radius: 6px;
}
.navbar .nav-item.bg-success .nav-link {
    color: #ffffff !important;
}
.navbar .nav-item.bg-success .nav-link:hover {
    background-color: rgba(0, 0, 0, 0.15);
    color: #ffffff !important;
}