/*
 * Paparan korporat bersama untuk semua tab Profil Pekerja.
 * Kelas struktur ditambah oleh assets/js/profile-corporate.js supaya paparan
 * lama kekal berfungsi tanpa mengubah proses atau sumber datanya.
 */

body.admin-staff-profile-page #content.content {
    padding-top: 0 !important;
    background: #fff !important;
}

/* Selari dengan kepala modul BIPs: buang page-header kosong tema induk supaya
 * tajuk Profil menjadi permulaan sebenar kandungan untuk semua peranan. */
body.admin-staff-profile-page #content.content > .page-header {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ruang luar profil mesti sama pada kedua-dua sisi. Bootstrap `.row`
 * menggunakan margin negatif yang menyebabkan sisi kiri dan kanan kelihatan
 * tidak seimbang pada sesetengah tab. */
.profile-corporate-root {
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box;
}

body.admin-staff-profile-page .profile-corporate-standalone {
    padding-right: 3px !important;
    padding-left: 3px !important;
    color: #303a43;
    font-family: Arial, Helvetica, sans-serif;
}

body.admin-staff-profile-page .profile-corporate-standalone > .col-md-12 {
    width: 100% !important;
    padding-right: 3px !important;
    padding-left: 3px !important;
    float: none !important;
}

body.admin-staff-profile-page .profile-corporate-standalone > .profile-detail-heading {
    margin-bottom: 8px !important;
}

body.admin-staff-profile-page .profile-corporate-standalone .profile-standalone-panel {
    min-height: 0;
    margin: 0 0 10px !important;
    flex: none;
    border-top: 1px solid #d5dce1 !important;
    border-radius: 6px !important;
}

body.admin-staff-profile-page .profile-detail-heading-shell,
body.admin-staff-profile-page .profile-detail-layout-shell {
    width: 100% !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 3px !important;
    padding-left: 3px !important;
    float: none !important;
    box-sizing: border-box;
}

body.admin-staff-profile-page .profile-detail-heading {
    min-height: 58px !important;
    margin: 0 !important;
    padding: 9px 13px !important;
    position: relative;
    z-index: 20;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    overflow: visible !important;
    border: 1px solid #d4dbe0;
    border-radius: 10px 10px 0 0;
    background: #fff;
    box-shadow: 0 3px 10px rgba(37, 42, 46, .06);
}

body.admin-staff-profile-page .profile-detail-heading::before {
    content: "";
    width: auto;
    height: 3px;
    position: absolute;
    inset: -1px -1px auto;
    border-radius: 6px 6px 0 0;
    background: #a7193f;
}

body.admin-staff-profile-page .profile-detail-title {
    margin: 0 !important;
    display: flex !important;
    align-items: center;
    color: #2f3942 !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.2;
    letter-spacing: .05px;
    text-shadow: none !important;
}

body.admin-staff-profile-page .profile-detail-title > i {
    width: 36px !important;
    height: 36px !important;
    margin: 0 6px 0 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e4cbd2 !important;
    border-radius: 9px !important;
    background: #fbf0f3 !important;
    color: #a7193f !important;
    font-size: 24px !important;
    filter: none !important;
}

body.admin-staff-profile-page .profile-detail-header-actions {
    margin: 0 -12px 0 auto !important;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    float: none !important;
}

body.admin-staff-profile-page .profile-detail-back-link {
    width: 31px !important;
    height: 31px !important;
    min-height: 31px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid #cfd6dc !important;
    border-radius: 4px !important;
    background: #fff !important;
    color: #4d5963 !important;
    font-size: 0 !important;
    line-height: 1;
    box-shadow: none !important;
}

body.admin-staff-profile-page .profile-detail-back-link > i {
    margin: 0 !important;
    color: inherit;
    font-size: 14px !important;
}

body.admin-staff-profile-page .profile-detail-back-link:hover,
body.admin-staff-profile-page .profile-detail-back-link:focus {
    border-color: #c5909e !important;
    background: #fff6f8 !important;
    color: #a7193f !important;
    text-decoration: none;
}

body.admin-staff-profile-page .profile-staff-quick-search {
    width: 190px;
    height: 31px;
    position: relative;
    display: flex;
    align-items: stretch;
    overflow: visible;
    border: 1px solid #cbd3d9;
    border-radius: 4px;
    background: #fff;
}

body.admin-staff-profile-page .profile-staff-quick-search input {
    min-width: 0;
    height: 29px;
    flex: 1 1 auto;
    padding: 0 9px;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff;
    color: #35404a;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10.5px;
    box-shadow: none !important;
    outline: 0;
}

body.admin-staff-profile-page .profile-staff-quick-search button {
    width: 31px;
    padding: 0;
    border: 0;
    border-left: 1px solid #d7dde1;
    background: #f2f4f5;
    color: #a7193f;
    font-size: 11px;
    cursor: pointer;
}

body.admin-staff-profile-page .profile-staff-quick-search button:hover,
body.admin-staff-profile-page .profile-staff-quick-search button:focus {
    background: #a7193f;
    color: #fff;
}

body.admin-staff-profile-page .profile-staff-quick-search button:disabled {
    cursor: wait;
    opacity: .65;
}

body.admin-staff-profile-page .profile-staff-search-message {
    width: max-content;
    min-width: 190px;
    max-width: 250px;
    padding: 5px 8px;
    position: absolute;
    top: calc(100% + 5px);
    right: 0;
    z-index: 30;
    display: none;
    border: 1px solid #e0c1c8;
    border-radius: 4px;
    background: #fff6f8;
    box-shadow: 0 4px 12px rgba(51, 61, 70, .12);
    color: #9b1938;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10.5px;
    font-weight: 700;
    line-height: 1.3;
    text-align: left;
}

body.admin-staff-profile-page .profile-staff-search-message.is-visible {
    display: block;
}

body.admin-staff-profile-page .profile-detail-divider {
    display: none !important;
}

body.admin-staff-profile-page .profile-detail-layout-shell {
    margin-top: -1px !important;
    padding-bottom: 3px !important;
    clear: both;
}

/* Header dan blok kandungan ialah satu kad berterusan.  Nilai ini menjadi
 * fallback sebelum skrip mengukur jarak sebenar pada halaman yang dimuatkan. */
body.admin-staff-profile-page .profile-detail-heading-shell + .profile-detail-layout-shell {
    margin-top: -1px !important;
}

body.admin-staff-profile-page .profile-detail-layout {
    width: 100%;
    height: auto !important;
    min-height: 0;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: 224px minmax(0, 1fr);
    align-items: stretch;
    gap: 0 !important;
    overflow: hidden !important;
    border: 1px solid #d5dce1;
    border-top: 0;
    border-radius: 0 0 10px 10px;
    background: #fff;
    box-shadow: 0 5px 16px rgba(37, 42, 46, .07);
}

body.admin-staff-profile-page .profile-detail-layout > .vertical-box-column.width-250 {
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0;
    display: block !important;
    align-self: stretch;
    background: transparent !important;
}

body.admin-staff-profile-page .profile-detail-layout > .vertical-box-column.width-250 > .hidden-sm {
    height: 100% !important;
    min-height: 100%;
}

body.admin-staff-profile-page .prof-sidebar {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
    border: 0 !important;
    border-left: 4px solid #a7193f !important;
    border-right: 1px solid #d5dce1 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
}

body.admin-staff-profile-page .prof-sidebar-header {
    min-height: 0;
    padding: 14px 12px 12px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    border-bottom: 1px solid #d5dce1 !important;
    background: linear-gradient(145deg, #fff 0%, #fff7f9 55%, #fff 100%) !important;
}

/* Gaya carian Admin diasingkan dalam class khas supaya tidak menjejaskan
 * jadual atau panel modul lain. */
#divProfilUtama .admin-profile-results-panel {
    width: 100% !important;
    max-width: 100% !important;
    margin: 14px 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

#divProfilUtama .admin-profile-results-panel table.admin-profile-table {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
}

#divProfilUtama .admin-profile-results-panel table.admin-profile-table th,
#divProfilUtama .admin-profile-results-panel table.admin-profile-table td {
    min-width: 0 !important;
    max-width: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

body.admin-staff-profile-page .prof-passport-photo {
    width: 88px !important;
    height: 106px !important;
    margin: 0 !important;
    padding: 3px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid #c7cfd5 !important;
    border-radius: 4px !important;
    background: #fff5f7;
    box-shadow: 0 1px 4px rgba(45,55,64,.08) !important;
}

body.admin-staff-profile-page .prof-passport-photo img {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    display: block;
    object-fit: cover !important;
}

body.admin-staff-profile-page .prof-staff-info {
    min-width: 0;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px !important;
}

body.admin-staff-profile-page .prof-staff-name,
body.admin-staff-profile-page .prof-staff-number {
    width: 100%;
    color: #323d47;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center !important;
}

body.admin-staff-profile-page .prof-staff-name {
    display: -webkit-box;
    overflow: hidden;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

body.admin-staff-profile-page .prof-staff-number {
    color: #a7193f;
    font-size: 10px !important;
    font-weight: 600 !important;
}

body.admin-staff-profile-page .prof-staff-info .text-danger {
    width: auto !important;
    margin: 3px 0 0 !important;
    padding: 3px 6px !important;
    border: 1px solid #edc9cf;
    border-radius: 3px !important;
    background: #fff2f4;
    font-size: 9px;
    text-align: left !important;
}

body.admin-staff-profile-page .prof-tab-list {
    padding: 6px !important;
    display: flex;
    flex-direction: column;
    gap: 1px !important;
    background: #fff;
}

body.admin-staff-profile-page .prof-tab-item {
    min-height: 40px !important;
    padding: 9px 11px !important;
    display: flex !important;
    align-items: center;
    gap: 9px !important;
    border: 1px solid transparent;
    border-radius: 3px !important;
    color: #5b6670 !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    text-decoration: none;
}

body.admin-staff-profile-page .prof-tab-item:hover {
    border-color: #ead7dc;
    background: #fff7f9 !important;
    color: #a7193f !important;
    text-decoration: none;
}

body.admin-staff-profile-page .prof-tab-item.menuprofail {
    border-color: #ead7dc !important;
    border-left: 0 !important;
    background: #f7ecef !important;
    color: #a7193f !important;
    box-shadow: none !important;
}

body.admin-staff-profile-page .prof-tab-icon,
body.admin-staff-profile-page .prof-tab-item.menuprofail .prof-tab-icon {
    color: inherit !important;
    font-size: 16px !important;
}

/* Staf tidak aktif kekal boleh melihat maklumat, tetapi tiada kawalan edit. */
body.profile-staff-inactive .profile-edit-actions,
body.profile-staff-inactive .profile-content-panel .button-wrapper .btn-icon,
body.profile-staff-inactive .profile-content-panel .btn-item > .btn-icon {
    display: none !important;
}

body.profile-staff-inactive .profile-edit-form input,
body.profile-staff-inactive .profile-edit-form select,
body.profile-staff-inactive .profile-edit-form textarea,
body.profile-staff-inactive .profile-edit-form .bootstrap-select,
body.profile-staff-inactive .profile-edit-form button {
    pointer-events: none !important;
}

body.admin-staff-profile-page .profile-detail-content {
    width: auto !important;
    min-width: 0;
    height: auto !important;
    min-height: 0;
    margin-left: 0;
    flex: 1 1 auto;
    display: flex !important;
    flex-direction: column;
    align-self: stretch;
    border: 0;
    background: #f7f8f9 !important;
}

body.admin-staff-profile-page .profile-dependants-panel {
    height: auto !important;
    overflow: visible !important;
}

body.admin-staff-profile-page .profile-dependants-panel > .panel-body,
body.admin-staff-profile-page .profile-dependants-panel .table-responsive {
    height: auto !important;
    overflow-y: visible !important;
}

body.admin-staff-profile-page .profile-dependants-panel .table-responsive {
    width: 100%;
    overflow-x: hidden !important;
}

body.admin-staff-profile-page .profile-dependants-panel table.table {
    width: 100% !important;
    table-layout: fixed !important;
}

body.admin-staff-profile-page .profile-dependants-panel table.table > thead > tr > th,
body.admin-staff-profile-page .profile-dependants-panel table.table > tbody > tr > td {
    white-space: normal !important;
    word-break: normal;
    overflow-wrap: anywhere;
}

body.admin-staff-profile-page .profile-dependants-panel table.table > thead > tr > th:nth-child(1),
body.admin-staff-profile-page .profile-dependants-panel table.table > tbody > tr > td:not([colspan]):nth-child(1) {
    width: 4%;
}

body.admin-staff-profile-page .profile-dependants-panel table.table > thead > tr > th:nth-child(2),
body.admin-staff-profile-page .profile-dependants-panel table.table > tbody > tr > td:not([colspan]):nth-child(2) {
    width: 24%;
}

body.admin-staff-profile-page .profile-dependants-panel table.table > thead > tr > th:nth-child(n+3),
body.admin-staff-profile-page .profile-dependants-panel table.table > tbody > tr > td:not([colspan]):nth-child(n+3) {
    width: 12%;
}

body.admin-staff-profile-page .profile-dependants-panel .profile-dependent-detail {
    width: 100%;
    height: auto !important;
    margin: 2px 0;
    overflow: visible !important;
    border: 1px solid #d8dee3;
    border-radius: 4px;
    background: #fff;
}

body.admin-staff-profile-page .profile-dependants-panel .profile-dependent-detail-header,
body.admin-staff-profile-page .profile-dependants-panel .profile-dependent-section-title {
    min-height: 36px;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    color: #3f4a53;
    font-size: 11.5px;
    font-weight: 700;
}

body.admin-staff-profile-page .profile-dependants-panel .profile-dependent-detail-header {
    justify-content: space-between;
    border-bottom: 1px solid #dce2e6;
    background: #eef1f3;
}

body.admin-staff-profile-page .profile-dependants-panel .profile-dependent-section-title {
    border-top: 1px solid #dce2e6;
    border-bottom: 1px solid #dce2e6;
    background: #f4f6f7;
}

body.admin-staff-profile-page .profile-dependants-panel .profile-dependent-detail-close {
    margin: 0 !important;
    float: none !important;
}

body.admin-staff-profile-page .profile-dependants-panel .profile-dependent-detail-close .btn {
    width: 27px;
    height: 27px;
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.admin-staff-profile-page .profile-detail-content > .tab-content {
    width: 100%;
    height: auto;
    min-height: 100%;
    flex: 1 1 auto;
    display: flex !important;
    flex-direction: column;
    padding: 0 !important;
}

body.admin-staff-profile-page .profile-detail-content > .tab-content > .col-md-12 {
    width: 100%;
    height: auto;
    min-height: 100%;
    flex: 1 1 auto;
    display: flex !important;
    flex-direction: column;
    padding: 0 !important;
    float: none !important;
}

body.admin-staff-profile-page .prof-top-tabs1 {
    width: 100%;
    min-height: 44px;
    margin: 0 !important;
    padding: 6px 7px 0 !important;
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 4px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-bottom: 1px solid #d5dce1 !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #f8f9fa 0%, #e9edf0 100%) !important;
}

body.admin-staff-profile-page .prof-top-tab1 {
    height: 37px !important;
    min-height: 37px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center;
    flex: 0 0 auto;
    border: 1px solid #d9dee3 !important;
    border-bottom: 0 !important;
    border-radius: 7px 7px 0 0 !important;
    background: #fff !important;
    color: #59646e !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    line-height: 1.2;
    text-decoration: none;
}

body.admin-staff-profile-page .prof-top-tab1:last-child {
    border-right: 1px solid #d9dee3 !important;
}

body.admin-staff-profile-page .prof-top-tab1:hover {
    border-color: #e3c5cc !important;
    background: #f8eef1 !important;
    color: #a7193f !important;
    text-decoration: none;
}

body.admin-staff-profile-page .prof-top-tab1.active {
    border: 1px solid #d9dee3 !important;
    border-bottom: 3px solid #a7193f !important;
    background: #fff !important;
    color: #a7193f !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

body.admin-staff-profile-page .profile-content-panel {
    width: 100%;
    min-height: 0;
    margin: 0 !important;
    box-sizing: border-box;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-self: flex-start;
    overflow: hidden;
    border: 0 !important;
    border-bottom: 1px solid #d5dce1 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
}

/* Paparan lama menggunakan <br> sebagai spacer sebelum butang/data. Dalam
 * kad baharu spacer itu menghasilkan ruang kosong besar di bawah tab. */
body.admin-staff-profile-page .profile-content-panel > br,
body.admin-staff-profile-page .profile-content-panel > .button-wrapper + br {
    display: none !important;
}

body.admin-staff-profile-page .profile-content-panel > .panel-body {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

body.admin-staff-profile-page .profile-content-panel.profile-auto-heading::before {
    content: attr(data-profile-panel-title);
    min-height: 38px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dce2e6;
    background: #eef1f3;
    color: #38434d;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: .08px;
}

body.admin-staff-profile-page .profile-detail-content .profile-corporate-panel {
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: none !important;
}

body.admin-staff-profile-page .profile-content-panel .profile-corporate-panel:not(.profile-content-panel) {
    margin: 8px !important;
    overflow: visible;
    border: 1px solid #d5dce1 !important;
    border-radius: 4px !important;
    background: #fff !important;
}

body.admin-staff-profile-page .profile-content-panel > br {
    display: none;
}

body.admin-staff-profile-page .profile-content-panel > .panel-heading,
body.admin-staff-profile-page .profile-content-panel .profile-corporate-panel > .panel-heading,
body.admin-staff-profile-page .profile-content-panel .profile-section-heading {
    min-height: 38px;
    padding: 0 12px !important;
    display: flex;
    align-items: center;
    border: 0 !important;
    border-bottom: 1px solid #dce2e6 !important;
    border-radius: 0 !important;
    background: #eef1f3 !important;
    color: #38434d !important;
}

body.admin-staff-profile-page .profile-content-panel > .panel-heading .panel-title,
body.admin-staff-profile-page .profile-content-panel .profile-corporate-panel > .panel-heading .panel-title,
body.admin-staff-profile-page .profile-content-panel .profile-section-heading {
    color: #38434d !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11.5px !important;
    font-weight: 700 !important;
}

body.admin-staff-profile-page .profile-content-panel .profile-section-heading {
    width: 100% !important;
    margin: 0 !important;
    flex: 0 0 auto;
    float: none !important;
}

body.admin-staff-profile-page .profile-content-panel .profile-section-heading:not(:first-child) {
    border-top: 1px solid #dce2e6 !important;
}

body.admin-staff-profile-page .profile-content-panel > .panel-body {
    margin: 0 !important;
    padding: 10px !important;
}

body.admin-staff-profile-page .profile-detail-content .profile-content-panel > .panel-body:last-child {
    min-height: 0;
    flex: 1 1 auto;
}

body.admin-staff-profile-page .profile-content-panel .button-wrapper {
    min-height: 36px;
    margin: 0 !important;
    padding: 6px 12px !important;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 7px !important;
    overflow: visible;
    border: 0 !important;
    border-left: 0 !important;
    background: #fff !important;
}

body.admin-staff-profile-page .profile-content-panel.profile-auto-heading::before,
body.admin-staff-profile-page .profile-service-panel::before {
    border-left: 4px solid #a7193f !important;
    padding-left: 12px !important;
}

body.admin-staff-profile-page #divProKerjaKhidmat .profile-service-panel::before {
    border-left: 4px solid #a7193f !important;
    padding-left: 12px !important;
}

body.admin-staff-profile-page #divProKerjaKhidmat .profile-service-panel .button-wrapper {
    border-left: 0 !important;
}

body.admin-staff-profile-page #divProKerjaKhidmat .profile-service-panel .button-wrapper {
    background: #fff !important;
    border-left: 0 !important;
}

/* Butang tindakan dinaikkan ke kanan bar tajuk tanpa mengubah aliran data. */
body.admin-staff-profile-page .profile-content-panel.profile-auto-heading,
body.admin-staff-profile-page .profile-service-panel {
    position: relative !important;
}

body.admin-staff-profile-page .profile-content-panel.profile-auto-heading::before,
body.admin-staff-profile-page .profile-service-panel::before {
    padding-right: 310px !important;
}

body.admin-staff-profile-page .profile-content-panel.profile-auto-heading > .button-wrapper,
body.admin-staff-profile-page .profile-service-panel > .button-wrapper {
    position: absolute !important;
    top: -5px !important;
    right: 0;
    z-index: 3;
    height: 48px !important;
    min-height: 48px !important;
    width: auto !important;
    padding: 5px 12px !important;
    align-items: center !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border: 0 !important;
}

body.admin-staff-profile-page #divProKerjaKhidmat .profile-service-panel::before {
    padding-right: 310px !important;
}

body.admin-staff-profile-page #divProKerjaKhidmat .profile-service-panel > .button-wrapper {
    position: absolute !important;
    top: -5px !important;
    right: 0;
    height: 48px !important;
    min-height: 48px !important;
    width: auto !important;
    padding: 5px 12px !important;
    align-items: center !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border: 0 !important;
}

/* Saiz tipografi profail yang lebih mudah dibaca. */
body.admin-staff-profile-page .prof-top-tab1 {
    font-size: 12px !important;
}

body.admin-staff-profile-page .prof-tab-item {
    font-size: 12.5px !important;
}

body.admin-staff-profile-page .profile-content-panel table.table > thead > tr > th,
body.admin-staff-profile-page .profile-content-panel table.table > tbody > tr > td,
body.admin-staff-profile-page .profile-content-panel table.profile-field-table th,
body.admin-staff-profile-page .profile-content-panel table.profile-field-table td {
    font-size: 12px !important;
}


body.admin-staff-profile-page .profile-content-panel .btn-item > button,
body.admin-staff-profile-page .profile-content-panel .btn-item > a {
    width: auto !important;
    min-width: 142px;
    height: 30px !important;
    padding: 0 14px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid #ccd5db !important;
    border-radius: 7px !important;
    background: linear-gradient(180deg, #fff 0%, #f7f9fa 100%) !important;
    color: #a7193f !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px !important;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    box-shadow: 0 2px 5px rgba(45,55,64,.08) !important;
}

body.admin-staff-profile-page .profile-content-panel .btn-item > a[title]::after,
body.admin-staff-profile-page .profile-content-panel .btn-item > button[title]::after {
    content: attr(title);
    display: inline-block;
    margin-left: 0;
    vertical-align: middle;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}

body.admin-staff-profile-page .profile-content-panel .btn-item > a[title] img,
body.admin-staff-profile-page .profile-content-panel .btn-item > button[title] img {
    width: 24px !important;
    height: 24px !important;
    object-fit: contain;
    vertical-align: middle;
}

/* Ikon tindakan seragam menggunakan Font Awesome portal. */
body.admin-staff-profile-page .profile-content-panel .btn-item > a[title] img,
body.admin-staff-profile-page .profile-content-panel .btn-item > button[title] img {
    display: none !important;
}

body.admin-staff-profile-page .profile-content-panel .btn-item > [title="Kemaskini"]::before {
    content: "\f044";
}
body.admin-staff-profile-page .profile-content-panel .btn-item > [title="Maklumat Bank"]::before,
body.admin-staff-profile-page .profile-content-panel .btn-item > [title="Maklumat Aku Janji"]::before,
body.admin-staff-profile-page .profile-content-panel .btn-item > [title="Maklumat Kelahiran"]::before,
body.admin-staff-profile-page .profile-content-panel .btn-item > [title="Maklumat Perhubungan"]::before,
body.admin-staff-profile-page .profile-content-panel .btn-item > [title="Maklumat Kecacatan"]::before,
body.admin-staff-profile-page .profile-content-panel .btn-item > [title="Maklumat Cukai, Perkeso dan KWSP"]::before,
body.admin-staff-profile-page .profile-content-panel .btn-item > [title="Maklumat Persaraan dan Pencen"]::before,
body.admin-staff-profile-page .profile-content-panel .btn-item > [title="Maklumat Perkhidmatan"]::before,
body.admin-staff-profile-page .profile-content-panel .btn-item > [title="Maklumat Pengesahan Dalam Perkhidmatan"]::before {
    content: "\f044";
}
body.admin-staff-profile-page .profile-content-panel .btn-item > [title="Maklumat Bekas Tentera"]::before {
    content: "\f044";
}
body.admin-staff-profile-page .profile-content-panel .btn-item > [title*="Kemaskini"]::before {
    content: "\f044" !important;
}

body.admin-staff-profile-page .profile-content-panel .btn-item > [title="Cetak"]::before {
    content: "\f02f";
}

body.admin-staff-profile-page .profile-content-panel .btn-item > [title]::before {
    display: inline-block;
    margin-right: 7px;
    color: #a7193f;
    font-family: FontAwesome;
    font-size: 17px;
    line-height: 1;
    font-weight: normal;
}

body.admin-staff-profile-page .profile-content-panel {
    border-bottom: 1px solid #cfd7dc !important;
    border-radius: 0 0 9px 9px !important;
}

body.admin-staff-profile-page .profile-content-panel .btn-item > .btn-icon[title]::after {
    content: attr(title);
}

body.admin-staff-profile-page .profile-content-panel .btn-item > button:hover,
body.admin-staff-profile-page .profile-content-panel .btn-item > a:hover {
    border-color: #a7193f !important;
    background: #fff3f6 !important;
    box-shadow: 0 3px 8px rgba(167,25,63,.16) !important;
}

body.admin-staff-profile-page .profile-content-panel .btn-item img {
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    object-fit: contain;
}

/* Lebar kepala dan kad kandungan mesti berkongsi tepi yang sama. */
body.admin-staff-profile-page .profile-detail-heading-shell,
body.admin-staff-profile-page .profile-detail-layout-shell {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.admin-staff-profile-page .profile-detail-heading {
    width: 100% !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 92% 16%, rgba(167,25,63,.15) 0 2px, transparent 3px),
        radial-gradient(circle at 96% 74%, rgba(73,80,87,.11) 0 3px, transparent 4px),
        linear-gradient(135deg, rgba(167,25,63,.05) 0%, transparent 38%),
        linear-gradient(110deg, #fff0f3 0%, #fff 46%, #eef2f5 100%) !important;
}

/* Garisan geometri abstract yang sangat ringan di sebelah kanan header. */
body.admin-staff-profile-page .profile-detail-heading::after {
    content: "";
    position: absolute;
    top: 0;
    right: 150px;
    width: 230px;
    height: 100%;
    pointer-events: none;
    opacity: .65;
    background:
        linear-gradient(145deg, transparent 0 46%, rgba(167,25,63,.08) 47% 48%, transparent 49%),
        linear-gradient(28deg, transparent 0 57%, rgba(73,80,87,.07) 58% 59%, transparent 60%),
        radial-gradient(ellipse at 75% 20%, transparent 0 35%, rgba(167,25,63,.06) 36% 37%, transparent 38%);
}

body.admin-staff-profile-page .profile-detail-title,
body.admin-staff-profile-page .profile-detail-header-actions {
    position: relative;
    z-index: 2;
}

body.admin-staff-profile-page .profile-content-panel table.table {
    margin-bottom: 0;
    border: 1px solid #dce2e6;
    border-collapse: collapse;
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
}

body.admin-staff-profile-page .profile-content-panel table.table > thead > tr > th {
    padding: 8px 9px !important;
    border-color: #d7dde1 !important;
    background: #e9edf0 !important;
    color: #414c55 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    vertical-align: middle;
}

body.admin-staff-profile-page .profile-content-panel table.table > tbody > tr > td {
    padding: 8px 9px !important;
    border-color: #e1e6e9 !important;
    color: #303a43 !important;
    font-size: 10.5px !important;
    vertical-align: middle;
}

body.admin-staff-profile-page .profile-content-panel table.table > tbody > tr:nth-child(even) > td {
    background: #fafbfc;
}

body.admin-staff-profile-page .profile-content-panel table.profile-field-table {
    width: 100%;
    table-layout: auto;
}

body.admin-staff-profile-page .profile-content-panel table.profile-field-table-wide {
    min-width: 1050px;
}

body.admin-staff-profile-page .profile-content-panel table.profile-field-table-nec {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
}

body.admin-staff-profile-page .profile-content-panel table.profile-field-table-nec th:nth-child(1),
body.admin-staff-profile-page .profile-content-panel table.profile-field-table-nec td:nth-child(1) { width: 4% !important; }

body.admin-staff-profile-page .profile-content-panel table.profile-field-table-nec th:nth-child(2),
body.admin-staff-profile-page .profile-content-panel table.profile-field-table-nec td:nth-child(2),
body.admin-staff-profile-page .profile-content-panel table.profile-field-table-nec th:nth-child(3),
body.admin-staff-profile-page .profile-content-panel table.profile-field-table-nec td:nth-child(3) { width: 14% !important; }

body.admin-staff-profile-page .profile-content-panel table.profile-field-table-nec th:nth-child(4),
body.admin-staff-profile-page .profile-content-panel table.profile-field-table-nec td:nth-child(4),
body.admin-staff-profile-page .profile-content-panel table.profile-field-table-nec th:nth-child(5),
body.admin-staff-profile-page .profile-content-panel table.profile-field-table-nec td:nth-child(5),
body.admin-staff-profile-page .profile-content-panel table.profile-field-table-nec th:nth-child(6),
body.admin-staff-profile-page .profile-content-panel table.profile-field-table-nec td:nth-child(6) { width: 12% !important; }

body.admin-staff-profile-page .profile-content-panel table.profile-field-table-nec th:nth-child(7),
body.admin-staff-profile-page .profile-content-panel table.profile-field-table-nec td:nth-child(7),
body.admin-staff-profile-page .profile-content-panel table.profile-field-table-nec th:nth-child(8),
body.admin-staff-profile-page .profile-content-panel table.profile-field-table-nec td:nth-child(8) { width: 9% !important; }

body.admin-staff-profile-page .profile-content-panel table.profile-field-table-nec th:nth-child(9),
body.admin-staff-profile-page .profile-content-panel table.profile-field-table-nec td:nth-child(9) { width: 8% !important; }

body.admin-staff-profile-page .profile-content-panel table.profile-field-table-nec th,
body.admin-staff-profile-page .profile-content-panel table.profile-field-table-nec td {
    padding: 7px 6px !important;
    font-size: 9.5px !important;
    word-break: break-word;
}

/* Tab Elaun: tab dalaman, mod elaun, carian sejarah dan jadual. */
body.admin-staff-profile-page .profile-allowance-panel > .button-wrapper {
    border-bottom: 1px solid #e1e6e9 !important;
}

body.admin-staff-profile-page .profile-allowance-shell {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    border: 0 !important;
    background: #fff;
}

body.admin-staff-profile-page .profile-allowance-tabs {
    min-height: 39px;
    margin: 0 !important;
    padding: 0 10px !important;
    display: flex;
    align-items: flex-end;
    gap: 2px;
    border: 0 !important;
    border-bottom: 1px solid #d7dde1 !important;
    background: #f3f5f6 !important;
}

body.admin-staff-profile-page .profile-allowance-tabs > li {
    margin: 0 !important;
    float: none !important;
}

body.admin-staff-profile-page .profile-allowance-tabs > li > a {
    min-height: 38px;
    margin: 0 !important;
    padding: 10px 14px !important;
    display: flex;
    align-items: center;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #59646e !important;
    font-size: 10.5px;
    font-weight: 600;
}

body.admin-staff-profile-page .profile-allowance-tabs > li.active > a,
body.admin-staff-profile-page .profile-allowance-tabs > li.active > a:hover,
body.admin-staff-profile-page .profile-allowance-tabs > li.active > a:focus {
    background: #fff !important;
    color: #a7193f !important;
    box-shadow: inset 0 -3px 0 #a7193f;
}

body.admin-staff-profile-page .profile-allowance-tab-content {
    min-height: 160px;
    margin: 0 !important;
    padding: 12px !important;
    overflow: visible;
    border: 0 !important;
    background: #f5f6f7;
}

body.admin-staff-profile-page .profile-allowance-pane {
    width: 100%;
    margin: 0;
    padding: 0;
}

body.admin-staff-profile-page .profile-allowance-current > .col-md-10 {
    width: 72% !important;
    min-height: 44px;
    padding: 7px 10px !important;
    float: left !important;
    border: 1px solid #dce2e6;
    border-right: 0;
    border-radius: 4px 0 0 4px;
    background: #fff;
}

body.admin-staff-profile-page .profile-allowance-current > .col-md-2 {
    width: 28% !important;
    min-height: 44px;
    margin: 0 !important;
    padding: 6px 9px !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    float: right !important;
    border: 1px solid #dce2e6;
    border-left: 0;
    border-radius: 0 4px 4px 0;
    background: #fff;
}

body.admin-staff-profile-page .profile-allowance-current > .col-md-10 .form-group {
    min-height: 28px;
    margin: 0 !important;
    display: flex;
    align-items: center;
}

body.admin-staff-profile-page .profile-allowance-current > .col-md-10 .form-group > label {
    width: auto !important;
    min-width: 86px;
    padding: 0 9px 0 0 !important;
    float: none !important;
    color: #4e5963;
    font-size: 10.5px;
    font-weight: 700;
}

body.admin-staff-profile-page .profile-allowance-current > .col-md-10 .form-group > div {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

body.admin-staff-profile-page .profile-allowance-current .radio-inline {
    min-height: 29px;
    margin: 0 5px 0 0 !important;
    padding: 7px 11px 6px 29px !important;
    display: inline-flex !important;
    align-items: center;
    border: 1px solid #d4dbe0 !important;
    border-radius: 4px;
    background: #f8f9fa !important;
    color: #4d5862;
    font-size: 10.5px !important;
    font-weight: 600 !important;
    line-height: 1.2;
}

body.admin-staff-profile-page .profile-allowance-current .radio-inline input[type="radio"] {
    margin-top: 0;
    accent-color: #a7193f;
}

body.admin-staff-profile-page .profile-allowance-current > .col-md-2 .btn-success {
    min-width: 92px;
    height: 31px;
    padding: 0 11px;
    border-radius: 4px !important;
    font-size: 10px;
    font-weight: 700;
}

body.admin-staff-profile-page .profile-allowance-current > .row {
    margin: 10px 0 0 !important;
    clear: both;
}

body.admin-staff-profile-page .profile-allowance-current > .row > .col-md-12 {
    width: 100% !important;
    padding: 0 !important;
    float: none !important;
}

body.admin-staff-profile-page .profile-allowance-current > .row .table-responsive {
    overflow-x: hidden;
    border: 1px solid #dce2e6;
}

body.admin-staff-profile-page .profile-allowance-pane .table-responsive {
    width: 100%;
    overflow-x: auto;
    border: 0;
    border-radius: 4px;
    background: #fff;
}

body.admin-staff-profile-page .profile-allowance-pane table.table {
    width: 100%;
    margin: 0 !important;
    table-layout: fixed;
}

body.admin-staff-profile-page .profile-allowance-pane table.table th,
body.admin-staff-profile-page .profile-allowance-pane table.table td {
    padding: 7px 6px !important;
    font-size: 9.5px !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
}

body.admin-staff-profile-page .profile-allowance-current table.table th:nth-child(1),
body.admin-staff-profile-page .profile-allowance-current table.table td:nth-child(1) { width: 4% !important; text-align: center; }

body.admin-staff-profile-page .profile-allowance-current table.table th:nth-child(2),
body.admin-staff-profile-page .profile-allowance-current table.table td:nth-child(2) { width: 7% !important; text-align: center; }

body.admin-staff-profile-page .profile-allowance-current table.table th:nth-child(3),
body.admin-staff-profile-page .profile-allowance-current table.table td:nth-child(3) { width: 16% !important; }

body.admin-staff-profile-page .profile-allowance-current table.table th:nth-child(4),
body.admin-staff-profile-page .profile-allowance-current table.table td:nth-child(4),
body.admin-staff-profile-page .profile-allowance-current table.table th:nth-child(5),
body.admin-staff-profile-page .profile-allowance-current table.table td:nth-child(5) { width: 8% !important; }

body.admin-staff-profile-page .profile-allowance-current table.table th:nth-child(6),
body.admin-staff-profile-page .profile-allowance-current table.table td:nth-child(6),
body.admin-staff-profile-page .profile-allowance-current table.table th:nth-child(7),
body.admin-staff-profile-page .profile-allowance-current table.table td:nth-child(7),
body.admin-staff-profile-page .profile-allowance-current table.table th:nth-child(8),
body.admin-staff-profile-page .profile-allowance-current table.table td:nth-child(8),
body.admin-staff-profile-page .profile-allowance-current table.table th:nth-child(9),
body.admin-staff-profile-page .profile-allowance-current table.table td:nth-child(9) { width: 9% !important; text-align: center; }

body.admin-staff-profile-page .profile-allowance-current table.table th:nth-child(10),
body.admin-staff-profile-page .profile-allowance-current table.table td:nth-child(10) { width: 21% !important; }

body.admin-staff-profile-page .profile-allowance-current table.table > tbody > tr:hover > td {
    background: #fff8fa !important;
}

body.admin-staff-profile-page .profile-allowance-current table.table > tbody > tr > td[colspan] {
    height: 72px;
    color: #7a848d !important;
    text-align: center !important;
}

body.admin-staff-profile-page .profile-allowance-note {
    margin-top: 8px;
    padding: 7px 9px;
    display: block;
    border: 1px solid #dce2e6;
    border-radius: 4px;
    background: #fff;
    color: #59646e;
    font-size: 9.5px;
}

body.admin-staff-profile-page .profile-allowance-search {
    width: 100% !important;
    max-width: 452px;
    margin: 0 0 10px !important;
    padding: 0 10px 10px !important;
    display: block;
    float: none !important;
    border: 1px solid #dce2e6;
    border-radius: 4px;
    background: #fff;
}

body.admin-staff-profile-page .profile-allowance-search-heading {
    min-height: 36px;
    margin: 0 -10px !important;
    padding: 0 10px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dce2e6;
    background: #eef1f3;
}

body.admin-staff-profile-page .profile-allowance-search-heading h5 {
    margin: 0;
    color: #3f4a54;
    font-size: 11px;
    font-weight: 700;
}

body.admin-staff-profile-page .profile-allowance-search-heading i {
    margin-left: 0 !important;
    color: #a7193f !important;
}

body.admin-staff-profile-page .profile-allowance-search-row {
    width: 100% !important;
    max-width: 430px;
    margin: 5px 0 0 !important;
    padding: 0 !important;
    float: none !important;
}

body.admin-staff-profile-page .profile-allowance-search-row > .col-md-6 {
    width: 100% !important;
    padding: 0 !important;
    float: none !important;
}

body.admin-staff-profile-page .profile-allowance-search-row .form-group {
    min-height: 32px;
    margin: 0 !important;
    display: grid;
    grid-template-columns: 90px minmax(0,1fr);
    align-items: stretch;
    overflow: visible;
    border: 1px solid #dce2e6;
    border-radius: 4px;
    background: #fff;
}

body.admin-staff-profile-page .profile-allowance-search-row .form-group::before,
body.admin-staff-profile-page .profile-allowance-search-row .form-group::after {
    display: none !important;
    content: none !important;
}

body.admin-staff-profile-page .profile-allowance-search-row .form-group > label,
body.admin-staff-profile-page .profile-allowance-search-row .form-group > div {
    width: auto !important;
    margin: 0 !important;
    float: none !important;
}

body.admin-staff-profile-page .profile-allowance-search-row .form-group > label {
    min-height: 30px;
    padding: 0 7px !important;
    display: flex;
    align-items: center;
    border-right: 1px solid #dce2e6;
    background: #f1f3f5;
    color: #4e5963;
    font-size: 9.5px;
    font-weight: 700;
}

body.admin-staff-profile-page .profile-allowance-search-row .form-group > div {
    min-width: 0;
    padding: 2px 4px !important;
    display: flex;
    align-items: center;
    background: #fff;
}

body.admin-staff-profile-page .profile-allowance-search-row .form-control,
body.admin-staff-profile-page .profile-allowance-search-row .bootstrap-select > .btn {
    height: 26px !important;
    min-height: 26px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    font-size: 9.5px !important;
}

body.admin-staff-profile-page .profile-allowance-search-row .bootstrap-select.form-control {
    height: 26px !important;
    min-height: 26px !important;
    padding: 0 !important;
    border: 0 !important;
}

body.admin-staff-profile-page .profile-allowance-search-action {
    width: 100% !important;
    max-width: 430px;
    margin-top: 5px !important;
}

body.admin-staff-profile-page .profile-allowance-search-action .form-group {
    display: grid;
    grid-template-columns: 90px minmax(0,1fr);
    justify-content: stretch;
    min-height: 32px;
    border: 0;
    background: transparent;
}

body.admin-staff-profile-page .profile-allowance-search-action label {
    display: none;
}

body.admin-staff-profile-page .profile-allowance-search-action .form-group > div {
    width: auto !important;
    margin-left: 0 !important;
    padding: 0 !important;
    grid-column: 2;
    justify-self: start;
}

body.admin-staff-profile-page .profile-allowance-search-button {
    min-width: 58px;
    height: 26px;
    padding: 0 8px;
    border: 1px solid #a7193f !important;
    border-radius: 4px !important;
    background: #a7193f !important;
    color: #fff !important;
    font-size: 9px;
    font-weight: 700;
}

body.admin-staff-profile-page .profile-allowance-history-results {
    margin: 0 !important;
}

body.admin-staff-profile-page .profile-allowance-history-results > .col-md-12 {
    width: 100% !important;
    padding: 0 !important;
    float: none !important;
}

body.admin-staff-profile-page .profile-allowance-result-heading {
    min-height: 36px;
    padding: 0 11px;
    display: flex;
    align-items: center;
    border: 1px solid #dce2e6;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    background: #eef1f3;
    color: #3f4a54;
    font-size: 11px;
    font-weight: 700;
}

body.admin-staff-profile-page .profile-allowance-history .table-responsive {
    overflow-x: hidden;
    border: 1px solid #dce2e6;
    border-radius: 0 0 4px 4px;
}

body.admin-staff-profile-page .profile-allowance-history table.profile-allowance-table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
}

body.admin-staff-profile-page .profile-allowance-history table.profile-allowance-table th:nth-child(1),
body.admin-staff-profile-page .profile-allowance-history table.profile-allowance-table td:nth-child(1) { width: 4% !important; text-align: center; }

body.admin-staff-profile-page .profile-allowance-history table.profile-allowance-table th:nth-child(2),
body.admin-staff-profile-page .profile-allowance-history table.profile-allowance-table td:nth-child(2) { width: 7% !important; text-align: center; }

body.admin-staff-profile-page .profile-allowance-history table.profile-allowance-table th:nth-child(3),
body.admin-staff-profile-page .profile-allowance-history table.profile-allowance-table td:nth-child(3) { width: 16% !important; }

body.admin-staff-profile-page .profile-allowance-history table.profile-allowance-table th:nth-child(4),
body.admin-staff-profile-page .profile-allowance-history table.profile-allowance-table td:nth-child(4),
body.admin-staff-profile-page .profile-allowance-history table.profile-allowance-table th:nth-child(5),
body.admin-staff-profile-page .profile-allowance-history table.profile-allowance-table td:nth-child(5) { width: 8% !important; }

body.admin-staff-profile-page .profile-allowance-history table.profile-allowance-table th:nth-child(6),
body.admin-staff-profile-page .profile-allowance-history table.profile-allowance-table td:nth-child(6),
body.admin-staff-profile-page .profile-allowance-history table.profile-allowance-table th:nth-child(7),
body.admin-staff-profile-page .profile-allowance-history table.profile-allowance-table td:nth-child(7),
body.admin-staff-profile-page .profile-allowance-history table.profile-allowance-table th:nth-child(8),
body.admin-staff-profile-page .profile-allowance-history table.profile-allowance-table td:nth-child(8),
body.admin-staff-profile-page .profile-allowance-history table.profile-allowance-table th:nth-child(9),
body.admin-staff-profile-page .profile-allowance-history table.profile-allowance-table td:nth-child(9) { width: 9% !important; text-align: center; }

body.admin-staff-profile-page .profile-allowance-history table.profile-allowance-table th:nth-child(10),
body.admin-staff-profile-page .profile-allowance-history table.profile-allowance-table td:nth-child(10) { width: 21% !important; }

body.admin-staff-profile-page .profile-allowance-history table.profile-allowance-table > tbody > tr:hover > td {
    background: #fff8fa !important;
}

body.admin-staff-profile-page .profile-allowance-history table.profile-allowance-table > tbody > tr > td[colspan] {
    height: 72px;
    color: #7a848d !important;
    text-align: center !important;
}

body.admin-staff-profile-page .profile-allowance-history .profile-allowance-note {
    border-top: 0;
    border-radius: 0 0 4px 4px;
}

body.admin-staff-profile-page .profile-allowance-current .profile-corporate-panel {
    margin: 0 !important;
    clear: both;
    border-radius: 4px !important;
}

@media (max-width: 900px) {
    body.admin-staff-profile-page .profile-allowance-search-row,
    body.admin-staff-profile-page .profile-allowance-search-action {
        width: 100% !important;
    }
}

@media (max-width: 500px) {
    body.admin-staff-profile-page .profile-allowance-search {
        max-width: 100%;
    }
}

body.admin-staff-profile-page .profile-content-panel table.profile-field-table th,
body.admin-staff-profile-page .profile-content-panel table.profile-field-table td {
    white-space: normal !important;
    overflow-wrap: anywhere;
}

body.admin-staff-profile-page .profile-content-panel .form-horizontal > .form-group {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

body.admin-staff-profile-page .profile-content-panel .profile-data-form {
    margin: 0;
    overflow: hidden;
    border: 1px solid #dce2e6;
    border-radius: 4px;
    background: #fff;
}

body.admin-staff-profile-page .profile-content-panel .profile-data-form > h6 {
    min-height: 35px;
    margin: 0 !important;
    padding: 0 10px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dce2e6;
    background: #e9edf0;
    color: #414c55;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

body.admin-staff-profile-page .profile-content-panel .profile-data-form > hr {
    display: none !important;
}

body.admin-staff-profile-page .profile-content-panel .profile-data-form > br {
    display: none !important;
}

body.admin-staff-profile-page .profile-content-panel .profile-data-row {
    min-height: 38px;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(155px,22%) minmax(0,28%) minmax(155px,22%) minmax(0,28%) !important;
    align-items: stretch;
    border-bottom: 1px solid #e1e6e9;
}

body.admin-staff-profile-page .profile-content-panel .profile-data-row::before,
body.admin-staff-profile-page .profile-content-panel .profile-data-row::after {
    display: none !important;
    content: none !important;
}

body.admin-staff-profile-page .profile-content-panel .profile-data-row.profile-empty-row {
    display: none !important;
}

body.admin-staff-profile-page .profile-content-panel .profile-data-form > .profile-data-row:last-child,
body.admin-staff-profile-page .profile-content-panel .profile-data-grid > .profile-data-row:last-child {
    border-bottom: 0;
}

body.admin-staff-profile-page .profile-content-panel .profile-data-row.profile-fields-2 {
    grid-template-columns: minmax(155px,22%) minmax(0,28%) minmax(155px,22%) minmax(0,28%) !important;
}

body.admin-staff-profile-page .profile-content-panel .profile-data-row.profile-fields-3 {
    grid-template-columns: minmax(155px,22%) minmax(0,28%) minmax(155px,22%) minmax(0,28%) !important;
}

body.admin-staff-profile-page .profile-content-panel .profile-data-row.profile-fields-4 {
    grid-template-columns: minmax(155px,22%) minmax(0,28%) minmax(155px,22%) minmax(0,28%) !important;
}

body.admin-staff-profile-page .profile-content-panel .profile-data-row.profile-fields-5 {
    grid-template-columns: minmax(155px,22%) minmax(0,28%) minmax(155px,22%) minmax(0,28%) !important;
}

body.admin-staff-profile-page .profile-content-panel .profile-data-row.profile-fields-6 {
    grid-template-columns: minmax(155px,22%) minmax(0,28%) minmax(155px,22%) minmax(0,28%) !important;
}

body.admin-staff-profile-page .profile-content-panel .profile-data-row > label,
body.admin-staff-profile-page .profile-content-panel .profile-data-row > div[class*="col-"] {
    width: auto !important;
    min-width: 0;
    min-height: 38px;
    margin: 0 !important;
    padding: 7px 9px !important;
    display: flex;
    align-items: center;
    float: none !important;
    color: #303a43;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11.5px !important;
    font-weight: 400;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

/* Ringkasan Kluster/Laluan Kerjaya menggunakan div nilai tanpa kelas
 * Bootstrap; selaraskan secara eksplisit dengan label di sebelahnya. */
body.admin-staff-profile-page .profile-academic-summary .profile-data-row > label,
body.admin-staff-profile-page .profile-academic-summary .profile-data-row > div {
    min-height: 42px;
    margin: 0 !important;
    padding: 9px 12px !important;
    display: flex !important;
    align-items: center !important;
    line-height: 1.35;
    box-sizing: border-box;
}

body.admin-staff-profile-page .profile-academic-summary .profile-data-row {
    grid-template-columns: 22% minmax(0, 78%) !important;
}

/* Tipografi data profail diseragamkan supaya tiada label/nilai yang kelihatan
 * lebih kecil akibat aturan legacy setiap tab. */
body.admin-staff-profile-page .profile-content-panel .profile-data-row > label,
body.admin-staff-profile-page .profile-content-panel .profile-data-row > div,
body.admin-staff-profile-page .profile-content-panel table.table th,
body.admin-staff-profile-page .profile-content-panel table.table td,
body.admin-staff-profile-page .profile-content-panel .profile-section-heading {
    font-size: 12px !important;
}

body.admin-staff-profile-page .profile-content-panel.profile-no-auto-heading {
    position: relative !important;
}

body.admin-staff-profile-page .profile-content-panel.profile-no-auto-heading > .profile-bidang-actions {
    position: absolute !important;
    top: 0;
    right: 0;
    height: 38px !important;
    min-height: 38px !important;
    padding: 2px 10px !important;
    background: transparent !important;
    border: 0 !important;
}

body.admin-staff-profile-page .profile-content-panel .btn-item > a[title="Cetak"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    color: #a7193f !important;
}

body.admin-staff-profile-page .profile-content-panel .btn-item > a[title="Cetak"]::before {
    content: "\f02f" !important;
    display: inline-block !important;
    margin-right: 7px !important;
    font-family: FontAwesome !important;
    font-size: 17px !important;
    font-weight: normal !important;
}

body.admin-staff-profile-page .profile-content-panel .btn-item > a[title="Cetak"]::after {
    content: "Cetak" !important;
    display: inline-block !important;
    margin-left: 0 !important;
}

body.admin-staff-profile-page .profile-content-panel .btn-item > a.profile-print-link::before,
body.admin-staff-profile-page .profile-content-panel .btn-item > a.profile-print-link::after {
    content: none !important;
}

body.admin-staff-profile-page .profile-content-panel .btn-item > a.profile-print-link > i {
    display: inline-block !important;
    margin-right: 7px !important;
    color: #a7193f !important;
    font-size: 17px !important;
}


body.admin-staff-profile-page .profile-academic-summary .profile-data-row > label {
    background: #f1f3f5 !important;
    color: #4e5963 !important;
    font-weight: 700 !important;
}

body.admin-staff-profile-page .profile-academic-summary .profile-data-row > div {
    background: #fff !important;
    color: #303a43 !important;
    font-size: 12px !important;
}

body.admin-staff-profile-page .profile-content-panel .profile-data-row > label {
    border-right: 1px solid #e4e8eb;
    background: #f1f3f5 !important;
    color: #4e5963 !important;
    font-weight: 700 !important;
}

body.admin-staff-profile-page .profile-content-panel .profile-data-row > div[class*="col-"] {
    border-right: 1px solid #edf0f2;
    background: #fff;
}

body.admin-staff-profile-page .profile-content-panel .profile-data-grid {
    margin: 10px !important;
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid #dce2e6;
    border-bottom: 2px solid #cbd4da;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 2px 5px rgba(37, 42, 46, .045);
}

body.admin-staff-profile-page .profile-content-panel .profile-data-grid > .profile-data-row {
    border-right: 0;
    border-left: 0;
}

body.admin-staff-profile-page .profile-content-panel .profile-data-grid > .profile-data-row:first-child {
    border-top: 0;
    border-radius: 4px 4px 0 0;
}

body.admin-staff-profile-page .profile-content-panel .profile-data-grid > .profile-data-row:last-child {
    border-bottom: 0;
    border-radius: 0 0 4px 4px;
}

body.admin-staff-profile-page .profile-content-panel .profile-edit-form-shared {
    margin: 0;
    padding: 4px 0;
}

/* Borang kemas kini seragam dengan borang Kemaskini Maklumat Perkhidmatan. */
body.admin-staff-profile-page .profile-content-panel .profile-edit-heading {
    min-height: 42px !important;
    margin: 0 !important;
    padding: 10px 13px !important;
    display: flex !important;
    align-items: center;
    border: 0 !important;
    border-bottom: 1px solid #d8dee3 !important;
    background: #e9edf0 !important;
}

body.admin-staff-profile-page .profile-content-panel .profile-edit-heading .panel-title {
    margin: 0;
    color: #35404a !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .1px;
}

body.admin-staff-profile-page .profile-content-panel > .profile-edit-body {
    padding: 12px !important;
    background: #f5f6f7;
}

body.admin-staff-profile-page .profile-content-panel .profile-edit-form {
    overflow: visible;
    border: 1px solid #d9dfe4;
    border-radius: 5px;
    background: #fff;
}

body.admin-staff-profile-page .profile-content-panel .profile-edit-form > .form-group {
    min-height: 50px;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(165px,22%) minmax(0,28%) minmax(165px,22%) minmax(0,28%);
    align-items: stretch;
    border-bottom: 1px solid #e2e7ea;
}

body.admin-staff-profile-page .profile-content-panel .profile-edit-form > .form-group.profile-fields-2 {
    grid-template-columns: minmax(165px,22%) minmax(0,78%) !important;
}

body.admin-staff-profile-page .profile-content-panel .profile-edit-form > .form-group.profile-fields-3 {
    grid-template-columns: minmax(165px,22%) minmax(0,39%) minmax(0,39%) !important;
}

body.admin-staff-profile-page .profile-content-panel .profile-edit-form > .form-group:last-child {
    border-bottom: 0;
}

body.admin-staff-profile-page .profile-content-panel .profile-edit-form > .form-group::before,
body.admin-staff-profile-page .profile-content-panel .profile-edit-form > .form-group::after {
    display: none !important;
    content: none !important;
}

body.admin-staff-profile-page .profile-content-panel .profile-edit-form > .form-group > label,
body.admin-staff-profile-page .profile-content-panel .profile-edit-form > .form-group > div[class*="col-"] {
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    float: none !important;
}

body.admin-staff-profile-page .profile-content-panel .profile-edit-form > .form-group > label {
    padding: 9px 10px !important;
    display: flex;
    align-items: center;
    border-right: 1px solid #dfe4e8;
    background: #f0f2f4;
    color: #505b65;
    font-size: 10.5px;
    font-weight: 700;
    line-height: 1.35;
}

body.admin-staff-profile-page .profile-content-panel .profile-edit-form > .form-group > div[class*="col-"] {
    padding: 8px 9px !important;
    border-right: 1px solid #edf0f2;
    background: #fff;
}

body.admin-staff-profile-page .profile-content-panel .profile-edit-form .form-control,
body.admin-staff-profile-page .profile-content-panel .profile-edit-form .bootstrap-select > .btn {
    width: 100%;
    height: 34px;
    min-height: 34px;
    padding: 6px 9px;
    border: 1px solid #cbd3d9;
    border-radius: 4px;
    background: #fff;
    color: #303b45;
    font-size: 11px;
    font-weight: 400;
    box-shadow: none;
    outline: 0;
}

body.admin-staff-profile-page .profile-content-panel .profile-edit-form .bootstrap-select.form-control {
    width: 100% !important;
    height: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.admin-staff-profile-page .profile-content-panel .profile-edit-form .bootstrap-select > .dropdown-toggle,
body.admin-staff-profile-page .profile-content-panel .profile-edit-form .bootstrap-select > .btn {
    margin: 0 !important;
    border: 1px solid #cbd3d9 !important;
    box-shadow: none !important;
}

body.admin-staff-profile-page .profile-content-panel .profile-edit-form select.selectpicker {
    display: none !important;
}

body.admin-staff-profile-page .profile-content-panel .profile-edit-form .form-control:focus,
body.admin-staff-profile-page .profile-content-panel .profile-edit-form .bootstrap-select.open > .btn {
    border-color: #bd7f8f;
    box-shadow: 0 0 0 2px rgba(167,25,63,.08);
}

body.admin-staff-profile-page .profile-content-panel .profile-edit-form .form-control[readonly],
body.admin-staff-profile-page .profile-content-panel .profile-edit-form .form-control[disabled] {
    background: #f4f5f6;
    color: #66717b;
}

body.admin-staff-profile-page .profile-content-panel .profile-edit-form .input-group {
    width: 100%;
}

body.admin-staff-profile-page .profile-content-panel .profile-edit-form .input-group-addon {
    width: 34px;
    min-width: 34px;
    padding: 0;
    border-color: #cbd3d9;
    background: #eef1f3;
    color: #a7193f;
    text-align: center;
}

body.admin-staff-profile-page .profile-content-panel .profile-edit-form .radio-inline {
    min-height: 32px;
    margin: 0 14px 0 0 !important;
    padding: 7px 0 0 20px !important;
    display: inline-block !important;
    border: 0 !important;
    background: transparent !important;
    color: #46515b;
    font-size: 11px;
    font-weight: 400 !important;
}

body.admin-staff-profile-page .profile-content-panel .profile-edit-divider {
    display: none;
}

body.admin-staff-profile-page .profile-content-panel .profile-edit-actions {
    padding: 11px 0 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
}

body.admin-staff-profile-page .profile-content-panel .profile-edit-actions .btn {
    min-width: 76px;
    height: 32px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px !important;
    font-size: 10.5px;
    font-weight: 700;
    box-shadow: none;
}

body.admin-staff-profile-page .profile-content-panel .profile-edit-save {
    border-color: #a7193f !important;
    background: #a7193f !important;
    color: #fff !important;
}

body.admin-staff-profile-page .profile-content-panel .profile-edit-cancel {
    border-color: #cbd2d7 !important;
    background: #fff !important;
    color: #56616b !important;
}

body.admin-staff-profile-page .profile-payroll-panel .profile-payroll-edit-form > .profile-payroll-edit-section {
    min-height: 38px;
    padding: 0 11px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dce2e6;
    background: #eef1f3;
    color: #3f4a53;
    font-size: 11.5px;
    font-weight: 700;
}

body.admin-staff-profile-page .profile-payroll-panel .profile-payroll-edit-note {
    margin: 0;
    padding: 9px 11px;
    border-bottom: 1px solid #e2e7ea;
    background: #fff8e8;
    color: #5e584a;
    font-size: 10.5px;
    line-height: 1.45;
}

body.admin-staff-profile-page .profile-payroll-panel .profile-payroll-edit-note strong {
    color: #a7193f;
}

body.admin-staff-profile-page .profile-payroll-panel .profile-payroll-edit-form .radio {
    min-height: 32px;
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 14px;
}

body.admin-staff-profile-page .profile-payroll-panel .profile-payroll-edit-form .radio-inline {
    margin: 0 !important;
}

body.admin-staff-profile-page .profile-payroll-panel:not(.profile-form-editing) .profile-data-form > h6 {
    width: 100%;
    justify-content: center;
    text-align: center;
}

body.admin-staff-profile-page .profile-payroll-panel:not(.profile-form-editing) .profile-data-form > h6 > strong {
    width: 100%;
    display: block;
    text-align: center;
}

body.admin-staff-profile-page .profile-payroll-panel h6[style*="text-decoration"],
body.admin-staff-profile-page .profile-contribution-panel h6[style*="text-decoration"] {
    width: 100%;
    min-height: 35px;
    margin: 0 !important;
    padding: 0 10px !important;
    display: flex !important;
    align-items: center;
    justify-content: center !important;
    border-bottom: 1px solid #dce2e6;
    background: #e9edf0;
    color: #414c55;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-align: center !important;
    text-decoration: none !important;
}

body.admin-staff-profile-page .profile-payroll-panel h6[style*="text-decoration"] > strong,
body.admin-staff-profile-page .profile-contribution-panel h6[style*="text-decoration"] > strong {
    width: 100%;
    display: block;
    text-align: center !important;
}

body.admin-staff-profile-page .profile-contribution-panel .profile-contribution-edit-form > .profile-contribution-edit-section {
    min-height: 38px;
    padding: 0 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #dce2e6;
    background: #eef1f3;
    color: #3f4a53;
    font-size: 11.5px;
    font-weight: 700;
    text-align: center;
}

body.admin-staff-profile-page .profile-contribution-panel .profile-contribution-edit-form .radio {
    min-height: 32px;
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 14px;
}

body.admin-staff-profile-page .profile-contribution-panel .profile-contribution-edit-form .radio-inline {
    margin: 0 14px 0 0 !important;
}

body.admin-staff-profile-page .profile-pension-panel .profile-pension-data-section,
body.admin-staff-profile-page .profile-pension-panel .profile-pension-edit-section {
    min-height: 38px;
    padding: 0 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #dce2e6;
    background: #eef1f3;
    color: #3f4a53;
    font-size: 11.5px;
    font-weight: 700;
    text-align: center;
}

body.admin-staff-profile-page .profile-pension-panel .profile-pension-data-section:not(:first-child),
body.admin-staff-profile-page .profile-pension-panel .profile-pension-edit-section:not(:first-child) {
    border-top: 1px solid #dce2e6;
}

body.admin-staff-profile-page .profile-pension-panel .profile-pension-edit-form .radio {
    min-height: 32px;
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 14px;
}

body.admin-staff-profile-page .profile-pension-panel .profile-pension-edit-form .radio-inline {
    margin: 0 14px 0 0 !important;
}

body.admin-staff-profile-page .profile-military-panel .profile-military-edit-section {
    min-height: 38px;
    padding: 0 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #dce2e6;
    background: #eef1f3;
    color: #3f4a53;
    font-size: 11.5px;
    font-weight: 700;
    text-align: center;
}

body.admin-staff-profile-page .profile-military-panel .profile-military-edit-form .radio-inline {
    margin: 0 14px 0 0 !important;
}

body.admin-staff-profile-page .profile-academic-panel .profile-academic-edit-section {
    min-height: 38px;
    padding: 0 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #dce2e6;
    background: #eef1f3;
    color: #3f4a53;
    font-size: 11.5px;
    font-weight: 700;
    text-align: center;
}

body.admin-staff-profile-page .profile-technical-skill-panel .profile-technical-skill-edit-section {
    min-height: 38px;
    padding: 0 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #dce2e6;
    background: #eef1f3;
    color: #3f4b55;
    font-size: 11.5px;
    font-weight: 700;
    text-align: center;
}

body.admin-staff-profile-page .profile-technical-skill-panel .profile-technical-skill-edit-form textarea.form-control {
    height: auto !important;
    min-height: 100px !important;
    resize: vertical;
}

body.admin-staff-profile-page .profile-language-skill-panel .profile-language-skill-edit-section {
    min-height: 38px;
    padding: 0 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #dce2e6;
    background: #eef1f3;
    color: #3f4b55;
    font-size: 11.5px;
    font-weight: 700;
    text-align: center;
}

body.admin-staff-profile-page .profile-language-skill-panel .profile-language-skill-edit-form .radio-inline {
    margin: 0 14px 0 0 !important;
}

body.admin-staff-profile-page .profile-history-panel {
    min-height: 0 !important;
    flex: 1 1 auto;
    display: flex !important;
    flex-direction: column;
    align-self: stretch;
}

body.admin-staff-profile-page .profile-history-panel.profile-auto-heading::before,
body.admin-staff-profile-page .profile-history-panel > .profile-standard-actions,
body.admin-staff-profile-page .profile-history-panel > .profile-history-summary {
    flex: 0 0 auto;
}

body.admin-staff-profile-page .profile-history-panel > .panel-body.profile-standard-panel-body {
    min-height: 0;
    flex: 1 1 auto;
}

body.admin-staff-profile-page .profile-history-panel .profile-table-frame {
    width: 100%;
    overflow-x: auto !important;
    overflow-y: visible;
}

body.admin-staff-profile-page .profile-history-position-panel table.profile-standard-table {
    min-width: 1500px;
}

body.admin-staff-profile-page .profile-history-promotion-panel table.profile-standard-table,
body.admin-staff-profile-page .profile-history-loan-panel table.profile-standard-table {
    min-width: 1050px;
}

body.admin-staff-profile-page .profile-history-contract-panel table.profile-standard-table {
    min-width: 900px;
}

body.admin-staff-profile-page .profile-history-transfer-panel .profile-history-summary {
    min-height: 30px;
    margin: 0 !important;
    padding: 5px 10px !important;
    display: flex;
    align-items: center;
    overflow: visible;
    border: 0 !important;
    border-bottom: 1px solid #dce2e6;
    border-radius: 0 !important;
    background: #f7f8f9;
}

body.admin-staff-profile-page .profile-history-transfer-panel .profile-history-summary .form-group {
    min-height: 0;
    width: 100%;
    margin: 0 !important;
    display: flex;
    align-items: center;
}

body.admin-staff-profile-page .profile-history-transfer-panel .profile-history-summary label {
    width: 100% !important;
    margin: 0;
    padding: 0 !important;
    float: none !important;
    color: #4a5660;
    font-size: 10.5px;
    font-weight: 700;
    line-height: 1.25;
}

body.admin-staff-profile-page .profile-appointment-panel {
    min-height: 0 !important;
    flex: 1 1 auto;
    display: flex !important;
    flex-direction: column;
    align-self: stretch;
}

body.admin-staff-profile-page .profile-appointment-panel.profile-auto-heading::before,
body.admin-staff-profile-page .profile-appointment-panel > .profile-standard-actions {
    flex: 0 0 auto;
}

body.admin-staff-profile-page .profile-appointment-panel > .panel-body.profile-standard-panel-body {
    min-height: 0;
    flex: 1 1 auto;
}

body.admin-staff-profile-page .profile-appointment-panel .profile-table-frame {
    width: 100%;
    overflow-x: auto !important;
    overflow-y: visible;
}

body.admin-staff-profile-page .profile-main-position-panel table.profile-standard-table,
body.admin-staff-profile-page .profile-admin-position-panel table.profile-standard-table {
    min-width: 900px;
}

body.admin-staff-profile-page .profile-appointment-panel .profile-appointment-detail {
    height: auto !important;
    margin: 2px 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 1px solid #d8dee3 !important;
    border-radius: 4px;
    background: #fff;
}

body.admin-staff-profile-page .profile-appointment-panel .profile-appointment-detail > .pull-right {
    margin: 0 !important;
    padding: 4px 6px 0 0;
}

body.admin-staff-profile-page .profile-appointment-panel .profile-appointment-detail-title {
    min-height: 36px;
    margin: 0 !important;
    padding: 0 10px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dce2e6;
    background: #eef1f3;
    color: #3f4a53;
    font-size: 11.5px;
    font-weight: 700;
    text-decoration: none !important;
}

body.admin-staff-profile-page .profile-appointment-panel .profile-appointment-detail-form {
    margin: 0 !important;
    border: 0;
    border-radius: 0 0 4px 4px;
}

body.admin-staff-profile-page .profile-award-panel .profile-award-edit-section {
    min-height: 38px;
    padding: 0 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #dce2e6;
    background: #eef1f3;
    color: #3f4b55;
    font-size: 11.5px;
    font-weight: 700;
    text-align: center;
}

body.admin-staff-profile-page .profile-award-panel .profile-award-edit-form textarea.form-control {
    height: auto !important;
    min-height: 72px !important;
    resize: vertical;
}

body.admin-staff-profile-page .profile-award-panel .profile-award-edit-form .bootstrap-select.disabled > .btn,
body.admin-staff-profile-page .profile-award-panel .profile-award-edit-form .bootstrap-select > .btn[disabled] {
    background: #f4f5f6 !important;
    color: #66717b !important;
    opacity: 1;
}

body.admin-staff-profile-page .profile-academic-panel .profile-academic-edit-form .radio-inline {
    margin: 0 14px 0 0 !important;
}

body.admin-staff-profile-page .profile-academic-panel .profile-academic-edit-form textarea.form-control {
    height: auto !important;
    min-height: 68px !important;
    resize: vertical;
}

body.admin-staff-profile-page .profile-academic-panel .profile-academic-edit-form input[type="file"] {
    width: 100%;
    height: auto !important;
    min-height: 34px;
    padding: 5px 7px;
    border: 1px solid #cbd3d9;
    border-radius: 4px;
    background: #fff;
    font-size: 10.5px;
}

@media (max-width: 1280px) {
    body.admin-staff-profile-page .profile-content-panel .profile-edit-form > .form-group {
        grid-template-columns: 165px minmax(0,1fr);
    }
}

@media (max-width: 620px) {
    body.admin-staff-profile-page .profile-content-panel .profile-edit-form > .form-group {
        grid-template-columns: 125px minmax(0,1fr);
    }
}

body.admin-staff-profile-page .profile-content-panel:not(.profile-form-editing) > .panel-body > .form-horizontal {
    overflow: hidden;
    border: 1px solid #dce2e6;
    border-radius: 4px;
}

body.admin-staff-profile-page .profile-content-panel:not(.profile-form-editing) > .panel-body {
    padding: 0 !important;
}

body.admin-staff-profile-page .profile-content-panel:not(.profile-form-editing) > .panel-body > .form-horizontal > .form-group {
    min-height: 38px;
    margin: 0 !important;
    display: flex;
    align-items: stretch;
    border-bottom: 1px solid #e1e6e9;
}

body.admin-staff-profile-page .profile-content-panel:not(.profile-form-editing) > .panel-body > .form-horizontal > .form-group:last-child {
    border-bottom: 0;
}

body.admin-staff-profile-page .profile-content-panel:not(.profile-form-editing) > .panel-body > .form-horizontal > .form-group > label,
body.admin-staff-profile-page .profile-content-panel:not(.profile-form-editing) > .panel-body > .form-horizontal > .form-group > div[class*="col-"] {
    min-height: 38px;
    padding: 7px 9px !important;
    display: flex;
    align-items: center;
    color: #303a43;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10.5px !important;
    line-height: 1.35;
}

body.admin-staff-profile-page .profile-content-panel:not(.profile-form-editing) > .panel-body > .form-horizontal > .form-group > label {
    background: #f1f3f5;
    color: #4e5963;
    font-weight: 700 !important;
}

body.admin-staff-profile-page .profile-content-panel:not(.profile-form-editing) > .panel-body > .form-horizontal > .form-group::before,
body.admin-staff-profile-page .profile-content-panel:not(.profile-form-editing) > .panel-body > .form-horizontal > .form-group::after {
    display: none !important;
    content: none !important;
}

body.admin-staff-profile-page .profile-content-panel:not(.profile-form-editing) > .panel-body > .form-horizontal > .form-group > label,
body.admin-staff-profile-page .profile-content-panel:not(.profile-form-editing) > .panel-body > .form-horizontal > .form-group > div[class*="col-"] {
    box-sizing: border-box !important;
    margin: 0 !important;
    border-right: 1px solid #dce2e6 !important;
}

body.admin-staff-profile-page .profile-content-panel:not(.profile-form-editing) > .panel-body > .form-horizontal > .form-group > div[class*="col-"]:last-child {
    border-right: 0 !important;
}

body.admin-staff-profile-page .profile-content-panel.profile-form-editing .panel-heading {
    min-height: 42px;
}

body.admin-staff-profile-page .profile-content-panel.profile-form-editing .panel-body {
    padding: 14px 16px !important;
    background: #f7f8f9;
}

body.admin-staff-profile-page .profile-content-panel.profile-form-editing .form-group {
    margin-bottom: 10px;
}

body.admin-staff-profile-page .profile-content-panel.profile-form-editing label {
    padding-top: 8px;
    color: #46515b;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11.5px;
    font-weight: 700;
}

body.admin-staff-profile-page .profile-content-panel.profile-form-editing .form-control,
body.admin-staff-profile-page .profile-content-panel.profile-form-editing .bootstrap-select > .btn {
    width: 100%;
    height: 34px;
    min-height: 34px;
    padding: 6px 9px;
    border: 1px solid #cbd3d9;
    border-radius: 4px;
    background: #fff;
    color: #303b45;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    box-shadow: none;
    outline: 0;
}

body.admin-staff-profile-page .profile-content-panel.profile-form-editing .bootstrap-select.form-control {
    width: 100% !important;
    height: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.admin-staff-profile-page .profile-content-panel.profile-form-editing .bootstrap-select > .dropdown-toggle,
body.admin-staff-profile-page .profile-content-panel.profile-form-editing .bootstrap-select > .btn {
    margin: 0 !important;
    border: 1px solid #cbd3d9 !important;
    box-shadow: none !important;
}

body.admin-staff-profile-page .profile-content-panel.profile-form-editing select.selectpicker {
    display: none !important;
}

body.admin-staff-profile-page .profile-content-panel .btn-success,
body.admin-staff-profile-page .profile-content-panel .btn-primary {
    border-color: #a7193f !important;
    background: #a7193f !important;
}

/* Paparan biasa: garisan jadual lengkap tanpa mengubah susun atur asal. */
body.admin-staff-profile-page .profile-content-panel:not(.profile-form-editing) .panel-body > .form-horizontal {
    border: 1px solid #d5dde2 !important;
}
body.admin-staff-profile-page .profile-content-panel:not(.profile-form-editing) .panel-body > .form-horizontal > .form-group {
    border-bottom: 1px solid #dce2e6 !important;
}
body.admin-staff-profile-page .profile-content-panel:not(.profile-form-editing) .panel-body > .form-horizontal > .form-group > label,
body.admin-staff-profile-page .profile-content-panel:not(.profile-form-editing) .panel-body > .form-horizontal > .form-group > div[class*="col-"] {
    border-right: 1px solid #dce2e6 !important;
}
body.admin-staff-profile-page .profile-content-panel:not(.profile-form-editing) .panel-body > .form-horizontal > .form-group > div[class*="col-"]:last-child {
    border-right: 0 !important;
}

/* Maklumat Perhubungan: pastikan setiap baris mempunyai garisan penuh. */
body.admin-staff-profile-page .profile-contact-panel:not(.profile-form-editing) .panel-body > .form-horizontal {
    width: 100% !important;
    border: 1px solid #d5dde2 !important;
}
body.admin-staff-profile-page .profile-contact-panel:not(.profile-form-editing) .panel-body > .form-horizontal > .form-group {
    width: 100% !important;
    box-sizing: border-box !important;
    border: 0 !important;
    box-shadow: inset 0 -1px 0 #dce2e6 !important;
}
body.admin-staff-profile-page .profile-contact-panel:not(.profile-form-editing) .panel-body > .form-horizontal > .form-group:last-child {
    border-bottom: 0 !important;
    box-shadow: none !important;
}
body.admin-staff-profile-page .profile-contact-panel:not(.profile-form-editing) .panel-body > .form-horizontal > hr {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}
body.admin-staff-profile-page .profile-contact-panel:not(.profile-form-editing) hr {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
body.admin-staff-profile-page .profile-contact-panel hr {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Tab Pasport diseragamkan dengan jadual profil lain. */
body.admin-staff-profile-page .profile-passport-panel .panel-body {
    padding: 12px !important;
    background: #fff !important;
}
body.admin-staff-profile-page .profile-passport-panel .table-responsive {
    overflow-x: auto !important;
    border: 1px solid #d5dde2 !important;
    border-radius: 4px !important;
}
body.admin-staff-profile-page .profile-passport-panel .profile-passport-add-action {
    display: flex !important;
    justify-content: flex-end !important;
    padding: 6px 0 8px !important;
}
body.admin-staff-profile-page .profile-heir-panel .profile-heir-add-action {
    display: flex !important;
    justify-content: flex-end !important;
    padding: 6px 0 8px !important;
}
body.admin-staff-profile-page .profile-heir-panel .profile-heir-add-action .btn-success {
    min-width: 100px !important;
    border-color: #72bd72 !important;
    background: #7acb7a !important;
    color: #fff !important;
}
body.admin-staff-profile-page .profile-academic-panel .profile-academic-add-action {
    display: flex !important;
    justify-content: flex-end !important;
    padding: 6px 0 8px !important;
}
body.admin-staff-profile-page .profile-academic-panel .profile-academic-add-action .btn-success {
    min-width: 100px !important;
    border-color: #72bd72 !important;
    background: #7acb7a !important;
    color: #fff !important;
}
body.admin-staff-profile-page .profile-academic-panel .profile-academic-add-action .btn-success:hover,
body.admin-staff-profile-page .profile-academic-panel .profile-academic-add-action .btn-success:focus {
    border-color: #b9c7ce !important;
    background: #eef2f4 !important;
    color: #60717b !important;
}
body.admin-staff-profile-page .profile-language-skill-panel .profile-skill-add-action,
body.admin-staff-profile-page .profile-technical-skill-panel .profile-skill-add-action {
    display: flex !important;
    justify-content: flex-end !important;
    padding: 6px 0 8px !important;
}
body.admin-staff-profile-page .profile-language-skill-panel .profile-skill-add-action .btn-success,
body.admin-staff-profile-page .profile-technical-skill-panel .profile-skill-add-action .btn-success {
    min-width: 100px !important;
    border-color: #72bd72 !important;
    background: #7acb7a !important;
    color: #fff !important;
}
body.admin-staff-profile-page .profile-language-skill-panel .profile-table-action-icon.btn-info,
body.admin-staff-profile-page .profile-technical-skill-panel .profile-table-action-icon.btn-info {
    border-color: #69b3d0 !important;
    background: #e8f6fb !important;
    color: #3ca0c6 !important;
}
body.admin-staff-profile-page .profile-language-skill-panel .profile-table-action-icon.btn-info i,
body.admin-staff-profile-page .profile-technical-skill-panel .profile-table-action-icon.btn-info i {
    color: #3ca0c6 !important;
}
body.admin-staff-profile-page .profile-language-skill-panel .profile-skill-add-action .btn-success:hover,
body.admin-staff-profile-page .profile-technical-skill-panel .profile-skill-add-action .btn-success:hover {
    border-color: #b9c7ce !important;
    background: #eef2f4 !important;
    color: #60717b !important;
}
body.admin-staff-profile-page .profile-experience-panel .profile-experience-add-action {
    display: flex !important;
    justify-content: flex-end !important;
    padding: 6px 0 8px !important;
}
body.admin-staff-profile-page .profile-experience-panel .profile-experience-add-action .btn-success {
    min-width: 100px !important;
    border-color: #72bd72 !important;
    background: #7acb7a !important;
    color: #fff !important;
}
body.admin-staff-profile-page .profile-experience-panel .profile-table-action-icon.btn-info {
    border-color: #69b3d0 !important;
    background: #e8f6fb !important;
    color: #3ca0c6 !important;
}
body.admin-staff-profile-page .profile-experience-panel .profile-table-action-icon.btn-info i {
    color: #3ca0c6 !important;
}
body.admin-staff-profile-page .profile-experience-panel.profile-form-editing > br,
body.admin-staff-profile-page .profile-experience-panel.profile-form-editing .panel-body > br {
    display: none !important;
}
body.admin-staff-profile-page .profile-experience-panel .profile-edit-save,
body.admin-staff-profile-page .profile-experience-panel .profile-edit-cancel {
    min-width: 100px !important;
    min-height: 34px !important;
    border-radius: 4px !important;
    font-size: 12px !important;
}
body.admin-staff-profile-page .profile-experience-panel.profile-form-editing {
    overflow: hidden !important;
    padding: 0 !important;
    background: #f5f6f7 !important;
}
body.admin-staff-profile-page .profile-experience-panel.profile-form-editing .profile-experience-edit-heading {
    margin: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #d5dde2 !important;
    border-radius: 0 !important;
}
body.admin-staff-profile-page .profile-experience-panel.profile-form-editing .profile-experience-edit-body {
    margin: 0 !important;
    padding: 14px 16px !important;
    border: 0 !important;
    background: #f7f8f9 !important;
}
body.admin-staff-profile-page .profile-language-skill-panel .profile-table-action-icon.btn-info,
body.admin-staff-profile-page .profile-technical-skill-panel .profile-table-action-icon.btn-info {
    border-color: #69b3d0 !important;
    background: #e8f6fb !important;
    color: #3ca0c6 !important;
}
body.admin-staff-profile-page .profile-heir-panel table .btn-info,
body.admin-staff-profile-page .profile-passport-panel table .btn-info {
    border-color: #69b3d0 !important;
    background: #e8f6fb !important;
    color: #3ca0c6 !important;
}
body.admin-staff-profile-page .profile-heir-panel table .btn-info i,
body.admin-staff-profile-page .profile-passport-panel table .btn-info i {
    color: #3ca0c6 !important;
}
body.admin-staff-profile-page .profile-passport-panel .profile-passport-add-action .btn-success {
    min-width: 100px !important;
    border-color: #72bd72 !important;
    background: #7acb7a !important;
    color: #fff !important;
}
body.admin-staff-profile-page .profile-passport-panel .profile-passport-add-action .btn-success:hover,
body.admin-staff-profile-page .profile-passport-panel .profile-passport-add-action .btn-success:focus,
body.admin-staff-profile-page .profile-heir-panel .profile-heir-add-action .btn-success:hover,
body.admin-staff-profile-page .profile-heir-panel .profile-heir-add-action .btn-success:focus {
    border-color: #b9c7ce !important;
    background: #eef2f4 !important;
    color: #60717b !important;
}
body.admin-staff-profile-page .profile-passport-panel table {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: collapse !important;
    table-layout: auto !important;
}
body.admin-staff-profile-page .profile-passport-panel table th {
    padding: 9px 8px !important;
    border: 1px solid #d5dde2 !important;
    background: #e9edf0 !important;
    color: #46515b !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    white-space: normal !important;
}
body.admin-staff-profile-page .profile-passport-panel table td {
    padding: 8px !important;
    border: 1px solid #dce2e6 !important;
    color: #3f4a54 !important;
    font-size: 12px !important;
    vertical-align: middle !important;
}
body.admin-staff-profile-page .profile-passport-panel table tbody tr:nth-child(even) td {
    background: #fafbfc !important;
}
body.admin-staff-profile-page .profile-academic-panel .profile-table-action-icon.btn-info,
body.admin-staff-profile-page .profile-academic-panel table .btn-info {
    border-color: #69b3d0 !important;
    background: #e8f6fb !important;
    color: #3ca0c6 !important;
}
body.admin-staff-profile-page .profile-academic-panel .profile-table-action-icon.btn-info i,
body.admin-staff-profile-page .profile-academic-panel table .btn-info i {
    color: #3ca0c6 !important;
}
body.admin-staff-profile-page .profile-award-panel .profile-award-add-action {
    display: flex !important;
    justify-content: flex-end !important;
    padding: 6px 0 8px !important;
}
body.admin-staff-profile-page .profile-award-panel .profile-award-add-action .btn-success {
    min-width: 100px !important;
    border-color: #72bd72 !important;
    background: #7acb7a !important;
    color: #fff !important;
}
body.admin-staff-profile-page .profile-award-panel .profile-award-add-action .btn-success:hover,
body.admin-staff-profile-page .profile-award-panel .profile-award-add-action .btn-success:focus {
    border-color: #b9c7ce !important;
    background: #eef2f4 !important;
    color: #60717b !important;
}
body.admin-staff-profile-page .profile-award-panel.profile-form-editing .bootstrap-select .dropdown-menu,
body.admin-staff-profile-page .profile-award-panel.profile-form-editing .bootstrap-select .dropdown-menu > li > a {
    background: #fff !important;
    color: #3f4a54 !important;
}
body.admin-staff-profile-page .profile-award-panel.profile-form-editing .bootstrap-select .dropdown-menu > li > a:hover,
body.admin-staff-profile-page .profile-award-panel.profile-form-editing .bootstrap-select .dropdown-menu > li.selected > a {
    background: #f3e8ec !important;
    color: #a7193f !important;
}
body.admin-staff-profile-page .profile-award-panel.profile-form-editing {
    overflow: visible !important;
}
body.admin-staff-profile-page .profile-award-panel.profile-form-editing .bootstrap-select,
body.admin-staff-profile-page .profile-award-panel.profile-form-editing .bootstrap-select .dropdown-menu {
    z-index: 9999 !important;
}
body.admin-staff-profile-page .profile-award-panel.profile-form-editing .bootstrap-select > .dropdown-toggle .caret {
    top: 50% !important;
    right: 12px !important;
    margin-top: 0 !important;
    transform: translateY(-50%) !important;
}
body.admin-staff-profile-page .profile-award-panel .profile-table-action-icon.btn-info,
body.admin-staff-profile-page .profile-award-panel table .btn-info {
    border-color: #69b3d0 !important;
    background: #e8f6fb !important;
    color: #3ca0c6 !important;
}
body.admin-staff-profile-page .profile-award-panel .profile-table-action-icon.btn-info i,
body.admin-staff-profile-panel .profile-table-action-icon.btn-info i {
    color: #3ca0c6 !important;
}
body.admin-staff-profile-page .profile-allowance-result-heading {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}
body.admin-staff-profile-page .profile-history-print-link {
    min-width: 110px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    padding: 6px 12px !important;
    border: 1px solid #cdd5da !important;
    border-radius: 4px !important;
    background: #fff !important;
    color: #a7193f !important;
    font-weight: 700 !important;
}
body.admin-staff-profile-page .profile-history-print-row {
    display: flex !important;
    justify-content: flex-end !important;
    margin: 0 0 8px !important;
}
body.admin-staff-profile-page .profile-payroll-panel:not(.profile-form-editing) .panel-body > .form-horizontal > h6 {
    margin: 6px 0 0 !important;
    padding: 7px 10px !important;
    border-bottom: 1px solid #dce2e6 !important;
    background: #eef1f3 !important;
    text-decoration: none !important;
    color: #46515b !important;
    font-size: 12px !important;
}
body.admin-staff-profile-page .profile-payroll-panel:not(.profile-form-editing) .panel-body > .form-horizontal > h6:first-child {
    margin-top: 0 !important;
}
body.admin-staff-profile-page .profile-payroll-panel:not(.profile-form-editing) .panel-body > .form-horizontal > hr {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}
body.admin-staff-profile-page .profile-contribution-panel:not(.profile-form-editing) hr {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
body.admin-staff-profile-page .profile-heir-panel .profile-table-action-icon.btn-info:hover,
body.admin-staff-profile-page .profile-heir-panel .profile-table-action-icon.btn-info:focus,
body.admin-staff-profile-page .profile-passport-panel .profile-table-action-icon.btn-info:hover,
body.admin-staff-profile-page .profile-passport-panel .profile-table-action-icon.btn-info:focus {
    border-color: #b9c7ce !important;
    background: #eef2f4 !important;
    color: #60717b !important;
}
body.admin-staff-profile-page .profile-heir-panel .profile-table-action-icon.btn-info:hover i,
body.admin-staff-profile-page .profile-heir-panel .profile-table-action-icon.btn-info:focus i,
body.admin-staff-profile-page .profile-passport-panel .profile-table-action-icon.btn-info:hover i,
body.admin-staff-profile-page .profile-passport-panel .profile-table-action-icon.btn-info:focus i {
    color: #60717b !important;
}

body.admin-staff-profile-page .profile-content-panel .btn-success:hover,
body.admin-staff-profile-page .profile-content-panel .btn-primary:hover {
    border-color: #831331 !important;
    background: #831331 !important;
}

/* Komponen bersama untuk semua fail tab di v/profail. */
body.admin-staff-profile-page .profile-content-panel .profile-table-frame {
    width: 100%;
    margin: 0 !important;
    overflow-x: auto;
    border: 0 !important;
    background: #fff;
}

body.admin-staff-profile-page .profile-content-panel table.profile-standard-table {
    width: 100% !important;
    max-width: 100%;
    table-layout: auto;
}

body.admin-staff-profile-page .profile-content-panel table.profile-standard-table > thead > tr > th:first-child,
body.admin-staff-profile-page .profile-content-panel table.profile-standard-table > tbody > tr > td:first-child {
    text-align: center;
}

body.admin-staff-profile-page .profile-content-panel .profile-table-actions-cell {
    min-width: 72px;
    text-align: center !important;
    white-space: nowrap;
}

body.admin-staff-profile-page .profile-content-panel .profile-table-action-icon {
    width: 27px !important;
    height: 27px !important;
    min-width: 27px !important;
    margin: 1px 2px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border: 1px solid #cdd5da !important;
    border-radius: 4px !important;
    background: #fff !important;
    color: #59646e !important;
    font-size: 10px !important;
    line-height: 1;
    box-shadow: none !important;
}

body.admin-staff-profile-page .profile-content-panel .profile-table-action-icon.btn-info,
body.admin-staff-profile-page .profile-content-panel .profile-table-action-icon.btn-primary,
body.admin-staff-profile-page .profile-content-panel .profile-table-action-icon.btn-success {
    border-color: #d9bdc5 !important;
    background: #fbf2f4 !important;
    color: #a7193f !important;
}

body.admin-staff-profile-page .profile-content-panel .profile-table-action-icon.btn-warning {
    border-color: #d7dce0 !important;
    background: #f5f6f7 !important;
    color: #65717a !important;
}

body.admin-staff-profile-page .profile-content-panel .profile-table-action-icon.btn-danger {
    border-color: #e4c2ca !important;
    background: #fff1f3 !important;
    color: #a7193f !important;
}

body.admin-staff-profile-page .profile-heir-panel .profile-table-action-icon.btn-info,
body.admin-staff-profile-page .profile-passport-panel .profile-table-action-icon.btn-info {
    border-color: #69b3d0 !important;
    background: #e8f6fb !important;
    color: #3ca0c6 !important;
}
body.admin-staff-profile-page .profile-heir-panel .profile-table-action-icon.btn-info i,
body.admin-staff-profile-page .profile-passport-panel .profile-table-action-icon.btn-info i {
    color: #3ca0c6 !important;
}

body.admin-staff-profile-page .profile-content-panel .profile-table-action-icon:hover,
body.admin-staff-profile-page .profile-content-panel .profile-table-action-icon:focus {
    border-color: #a7193f !important;
    background: #a7193f !important;
    color: #fff !important;
    text-decoration: none;
}

body.admin-staff-profile-page .profile-content-panel .profile-table-action-labeled {
    min-height: 28px;
    margin: 1px 2px !important;
    padding: 5px 9px !important;
    border-radius: 4px !important;
    font-size: 10px !important;
    font-weight: 700;
    line-height: 1.2;
    box-shadow: none !important;
}

body.admin-staff-profile-page .profile-content-panel .profile-standard-inner-tabs {
    margin: 0 !important;
    padding: 5px 7px 0 !important;
    border-bottom: 1px solid #d9dfe4 !important;
    background: #f4f6f7;
}

body.admin-staff-profile-page .profile-content-panel .profile-standard-inner-tabs > li > a {
    margin: 0 3px 0 0 !important;
    padding: 8px 11px !important;
    border: 1px solid transparent !important;
    border-radius: 4px 4px 0 0 !important;
    color: #5b6670 !important;
    font-size: 10.5px !important;
    font-weight: 700;
}

body.admin-staff-profile-page .profile-content-panel .profile-standard-inner-tabs > li.active > a,
body.admin-staff-profile-page .profile-content-panel .profile-standard-inner-tabs > li.active > a:hover,
body.admin-staff-profile-page .profile-content-panel .profile-standard-inner-tabs > li.active > a:focus {
    border-color: #d9dfe4 #d9dfe4 #fff !important;
    background: #fff !important;
    color: #a7193f !important;
}

body.admin-staff-profile-page .profile-content-panel .pagination {
    margin: 7px 0 !important;
}

body.admin-staff-profile-page .profile-content-panel .pagination > li > a,
body.admin-staff-profile-page .profile-content-panel .pagination > li > span {
    min-width: 28px;
    padding: 5px 8px;
    border-color: #d4dbe0;
    color: #59646e;
    font-size: 10px;
    text-align: center;
}

body.admin-staff-profile-page .profile-content-panel .pagination > .active > a,
body.admin-staff-profile-page .profile-content-panel .pagination > .active > span {
    border-color: #a7193f;
    background: #a7193f;
    color: #fff;
}

body.admin-staff-profile-page .profile-content-panel .alert {
    margin: 8px 10px;
    padding: 8px 10px;
    border-radius: 4px;
    font-size: 10.5px;
}

body.admin-staff-profile-page .profile-content-panel .profile-edit-form-shared .form-group {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

body.admin-staff-profile-page .profile-content-panel .profile-edit-form-shared .control-label {
    color: #4d5963;
    font-size: 10.5px !important;
    font-weight: 700 !important;
}

body.admin-staff-profile-page .profile-content-panel .profile-edit-form-shared textarea.form-control {
    height: auto;
    min-height: 72px;
    resize: vertical;
}

/* Carian Profil Staf PTJ menggunakan bahasa visual yang sama dengan carian
 * Profil Staf Admin. Semua pemilih dihadkan pada akar PTJ supaya modul dan
 * proses carian sedia ada tidak terjejas. */
body.admin-staff-profile-page #divProfilUtamaPtj {
    --profile-maroon: #a7193f;
    --profile-maroon-dark: #76122d;
    --profile-gold: #c6a15b;
    --profile-ink: #303b46;
    --profile-muted: #77838e;
    --profile-line: #dce3e8;
    font-family: Arial, Helvetica, sans-serif;
}

body.admin-staff-profile-page #divProfilUtamaPtj input,
body.admin-staff-profile-page #divProfilUtamaPtj button,
body.admin-staff-profile-page #divProfilUtamaPtj table,
body.admin-staff-profile-page #divProfilUtamaPtj select {
    font-family: Arial, Helvetica, sans-serif;
}

body.admin-staff-profile-page #divProfilUtamaPtj .carian-profil-card {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--profile-line);
    border-radius: 11px;
    background: #f7f8fa;
    box-shadow: 0 8px 24px rgba(36, 47, 58, .08);
}

body.admin-staff-profile-page #divProfilUtamaPtj .carian-profil-card::before {
    content: "";
    height: 4px;
    position: absolute;
    inset: 0 0 auto;
    z-index: 2;
    background: linear-gradient(90deg, var(--profile-maroon-dark), var(--profile-maroon), var(--profile-gold));
}

body.admin-staff-profile-page #divProfilUtamaPtj .carian-profil-header {
    min-height: 76px;
    padding: 17px 20px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border-bottom: 1px solid var(--profile-line);
    background: linear-gradient(105deg, rgba(255, 255, 255, .99), rgba(246, 248, 249, .96)), url("../img/bgheader.png") right center / cover no-repeat;
}

body.admin-staff-profile-page #divProfilUtamaPtj .carian-profil-title {
    min-width: 0;
    margin: 0 !important;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--profile-ink);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .1px;
    line-height: 1.3;
    text-shadow: none;
}

body.admin-staff-profile-page #divProfilUtamaPtj .carian-profil-title i {
    width: 40px;
    height: 40px;
    margin: 0;
    flex: 0 0 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e5c8d0;
    border-radius: 9px;
    background: #fbf1f4;
    color: var(--profile-maroon);
    font-size: 17px;
    filter: none;
}

body.admin-staff-profile-page #divProfilUtamaPtj .carian-profil-header-btn {
    margin-left: auto;
    flex: 0 0 auto;
}

body.admin-staff-profile-page #divProfilUtamaPtj .carian-profil-body {
    margin: 0;
    padding: 22px 18px 24px;
    border-bottom: 1px solid var(--profile-line);
    background: #f3f5f7;
}

body.admin-staff-profile-page #divProfilUtamaPtj .carian-profil-body > .col-md-6 {
    width: 100%;
    max-width: 650px;
    margin: 0 auto;
    padding: 16px 20px 18px;
    display: grid;
    float: none;
    border: 1px solid #dce2e7;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 5px 16px rgba(38, 49, 59, .065);
}

body.admin-staff-profile-page #divProfilUtamaPtj .carian-profil-body > .col-md-6::before {
    content: "Kriteria Carian";
    margin-bottom: 4px;
    padding: 0 0 10px;
    display: block;
    border-bottom: 1px solid #e4e8eb;
    color: #394550;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .25px;
}

body.admin-staff-profile-page #divProfilUtamaPtj .carian-profil-field {
    min-width: 0;
    margin: 0;
    padding: 9px 0;
    display: grid;
    grid-template-columns: 155px minmax(0, 1fr);
    align-items: center;
    column-gap: 14px;
    border-bottom: 1px dashed #e5e9ec;
}

body.admin-staff-profile-page #divProfilUtamaPtj .carian-profil-label {
    width: auto;
    margin: 0;
    display: block;
    color: #53606b;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .08px;
    line-height: 1.35;
}

body.admin-staff-profile-page #divProfilUtamaPtj .carian-profil-field:last-child {
    margin: 3px 0 0 169px;
    padding: 10px 0 0;
    display: block;
    border-bottom: 0;
}

body.admin-staff-profile-page #divProfilUtamaPtj .carian-profil-field:last-child .carian-profil-label {
    display: none;
}

body.admin-staff-profile-page #divProfilUtamaPtj .carian-profil-input {
    width: 100%;
    height: 36px;
    padding: 0 11px;
    display: block;
    flex: none;
    border: 1px solid #cfd8df;
    border-radius: 7px;
    background: #fff;
    color: #313c47;
    font-size: 12px;
    font-weight: 400;
    outline: none;
    box-shadow: inset 0 1px 2px rgba(34, 45, 56, .025);
}

body.admin-staff-profile-page #divProfilUtamaPtj .carian-profil-input:focus {
    border-color: #c78999;
    box-shadow: 0 0 0 3px rgba(167, 25, 63, .09);
}

body.admin-staff-profile-page #divProfilUtamaPtj .carian-profil-btn,
body.admin-staff-profile-page #divProfilUtamaPtj .carian-datalive-btn {
    height: 34px;
    padding: 0 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-radius: 7px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .15px;
}

body.admin-staff-profile-page #divProfilUtamaPtj .carian-profil-btn {
    min-width: 98px;
    border: 1px solid var(--profile-maroon);
    background: var(--profile-maroon);
    color: #fff;
}

body.admin-staff-profile-page #divProfilUtamaPtj .carian-profil-btn:hover,
body.admin-staff-profile-page #divProfilUtamaPtj .carian-profil-btn:focus {
    background: var(--profile-maroon-dark);
}

body.admin-staff-profile-page #divProfilUtamaPtj .carian-datalive-btn {
    width: auto;
    border: 1px solid #ced6dc;
    background: #fff;
    color: #56626d;
}

body.admin-staff-profile-page #divProfilUtamaPtj .carian-datalive-btn:hover,
body.admin-staff-profile-page #divProfilUtamaPtj .carian-datalive-btn:focus {
    border-color: #c5929f;
    background: #fff7f9;
    color: var(--profile-maroon);
}

body.admin-staff-profile-page #divProfilUtamaPtj .profile-standalone-panel {
    margin: 14px !important;
    overflow: hidden;
    border: 1px solid var(--profile-line) !important;
    border-radius: 9px !important;
    background: #fff !important;
    box-shadow: 0 3px 12px rgba(36, 47, 58, .045) !important;
}

body.admin-staff-profile-page #divProfilUtamaPtj .profile-standalone-panel > .panel-body {
    padding: 0 !important;
}

body.admin-staff-profile-page #divProfilUtamaPtj .profile-table-frame {
    margin: 0;
    border: 0;
    border-radius: 0;
}

body.admin-staff-profile-page #divProfilUtamaPtj table.profile-standard-table > thead > tr > th {
    padding: 10px 11px !important;
    border: 0 !important;
    border-bottom: 1px solid #dbe2e7 !important;
    background: #f2f4f6 !important;
    color: #606c77 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .38px;
    text-transform: uppercase;
}

body.admin-staff-profile-page #divProfilUtamaPtj table.profile-standard-table > tbody > tr > td {
    padding: 10px 11px !important;
    border: 0 !important;
    border-bottom: 1px solid #edf0f2 !important;
    color: #414c56 !important;
    font-size: 11.5px !important;
    line-height: 1.45;
}

body.admin-staff-profile-page #divProfilUtamaPtj table.profile-standard-table > tbody > tr:hover > td {
    background: #fff8fa !important;
}

body.admin-staff-profile-page #divProfilUtamaPtj table.profile-standard-table td:last-child a {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid #e2c3cb;
    border-radius: 7px;
    background: #fbf1f4;
}

body.admin-staff-profile-page #divProfilUtamaPtj table.profile-standard-table td:last-child img {
    width: 18px !important;
    height: 18px !important;
    object-fit: contain;
}

@media (max-width: 767px) {
    body.admin-staff-profile-page #divProfilUtamaPtj .carian-profil-header {
        align-items: flex-start;
        flex-direction: column;
    }

    body.admin-staff-profile-page #divProfilUtamaPtj .carian-profil-field {
        grid-template-columns: 1fr;
        row-gap: 6px;
    }

    body.admin-staff-profile-page #divProfilUtamaPtj .carian-profil-field:last-child {
        margin-left: 0;
    }
}

@media (max-width: 1280px) {
    body.admin-staff-profile-page .profile-detail-layout {
        grid-template-columns: 210px minmax(0, 1fr);
    }

    body.admin-staff-profile-page .profile-detail-layout > .vertical-box-column.width-250 {
        width: auto !important;
        min-width: 0 !important;
    }
}

@media (max-width: 991px) {
    body.admin-staff-profile-page .profile-detail-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    body.admin-staff-profile-page .profile-detail-header-actions {
        width: 100%;
        margin: 0 !important;
    }

    body.admin-staff-profile-page .profile-staff-quick-search {
        width: min(240px, calc(100% - 37px));
    }

    body.admin-staff-profile-page .profile-detail-layout {
        display: block !important;
    }

    body.admin-staff-profile-page .profile-detail-content {
        width: 100%;
        margin-left: 0;
    }

    body.admin-staff-profile-page .profile-detail-content .profile-content-panel {
        min-height: 0 !important;
    }

    body.admin-staff-profile-page .prof-top-tabs1 {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
    }
}

/* Penetapan muktamad: semua halaman, termasuk Perkhidmatan yang mempunyai
 * CSS ID legacy, menggunakan dimensi dan warna tab yang sama. */
body.admin-staff-profile-page .prof-top-tabs1 {
    min-height: 43px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow: hidden !important;
    border: 1px solid #d5dce1 !important;
    border-radius: 6px !important;
    background: #fff !important;
}

body.admin-staff-profile-page .prof-top-tab1 {
    min-height: 43px !important;
    height: 43px !important;
    padding: 10px 13px !important;
    border: 0 !important;
    border-right: 1px solid #e2e6e9 !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #59646e !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
}

body.admin-staff-profile-page .prof-top-tab1:hover {
    background: #f7f8f9 !important;
    color: #a7193f !important;
}

body.admin-staff-profile-page .prof-top-tab1.active {
    border: 0 !important;
    border-right: 1px solid #e2e6e9 !important;
    background: #f8eef1 !important;
    color: #a7193f !important;
    box-shadow: inset 0 -3px 0 #a7193f !important;
}

body.admin-staff-profile-page #divProKerjaKhidmat > .profile-detail-heading-shell,
body.admin-staff-profile-page #divProKerjaKhidmat > .profile-detail-layout-shell {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Rapatkan sedikit bahagian header ke kiri mengikut tepi panel bawah. */
body.admin-staff-profile-page .profile-detail-heading-shell {
    position: relative;
    left: -2px !important;
    width: 100% !important;
}

body.admin-staff-profile-page #divProKerjaKhidmat > .profile-detail-heading-shell {
    left: -2px !important;
    width: 100% !important;
}

body.admin-staff-profile-page .profile-detail-header-actions {
    margin-right: -8px !important;
}

body.admin-staff-profile-page .profile-detail-heading,
body.admin-staff-profile-page #divProKerjaKhidmat .profile-detail-heading {
    border-radius: 10px 10px 0 0 !important;
}

/* Keutamaan akhir untuk paparan Perkhidmatan yang mempunyai CSS ID legacy. */
body.admin-staff-profile-page #divProKerjaKhidmat > .profile-detail-heading-shell,
body.admin-staff-profile-page #divProKerjaKhidmat > .profile-detail-layout-shell {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Sambungan korporat: bar tab bermula tepat di bawah header tanpa jalur
 * kosong/padding yang memutuskan dua kad. */
body.admin-staff-profile-page .profile-detail-layout-shell {
    margin-top: -1px !important;
}

body.admin-staff-profile-page .prof-top-tabs1,
body.admin-staff-profile-page #divProKerjaKhidmat .prof-top-tabs1 {
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    align-items: stretch !important;
    gap: 0 !important;
    border-top: 0 !important;
    border-left: 1px solid #d5dce1 !important;
    border-right: 1px solid #d5dce1 !important;
    border-bottom: 1px solid #cbd4da !important;
    background: #f3f5f6 !important;
}

body.admin-staff-profile-page .prof-top-tab1,
body.admin-staff-profile-page #divProKerjaKhidmat .prof-top-tab1 {
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 15px !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 1px solid #d5dce1 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

body.admin-staff-profile-page .prof-top-tab1.active,
body.admin-staff-profile-page #divProKerjaKhidmat .prof-top-tab1.active {
    border-top: 0 !important;
    border-bottom: 3px solid #a7193f !important;
    background: #fff !important;
    color: #a7193f !important;
}

/* Standardkan semua tab kepada rupa Perkhidmatan (gaya portal asal): satu
 * bar putih berbingkai, tab rata bersekat dan aktif berwarna marun lembut. */
body.admin-staff-profile-page .prof-top-tabs1,
body.admin-staff-profile-page #divProKerjaKhidmat .prof-top-tabs1 {
    min-height: 43px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow: hidden !important;
    border: 1px solid #d5dce1 !important;
    border-radius: 6px !important;
    background: #fff !important;
}

body.admin-staff-profile-page .prof-top-tab1,
body.admin-staff-profile-page #divProKerjaKhidmat .prof-top-tab1 {
    min-height: 43px !important;
    height: 43px !important;
    padding: 10px 13px !important;
    border: 0 !important;
    border-right: 1px solid #e2e6e9 !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #59646e !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
}

body.admin-staff-profile-page .prof-top-tab1:hover,
body.admin-staff-profile-page #divProKerjaKhidmat .prof-top-tab1:hover {
    background: #f7f8f9 !important;
    color: #a7193f !important;
}

body.admin-staff-profile-page .prof-top-tab1.active,
body.admin-staff-profile-page #divProKerjaKhidmat .prof-top-tab1.active {
    border: 0 !important;
    border-right: 1px solid #e2e6e9 !important;
    background: #f8eef1 !important;
    color: #a7193f !important;
    box-shadow: inset 0 -3px 0 #a7193f !important;
}

/* Paparan Perkhidmatan mempunyai CSS legacy berasaskan ID yang dimuatkan
 * selepas stylesheet ini. Spesifisiti tambahan memastikan rangka bersama
 * kekal seragam tanpa membuang gaya medan khas halaman tersebut. */
body.admin-staff-profile-page #divProKerjaKhidmat > .profile-detail-heading-shell,
body.admin-staff-profile-page #divProKerjaKhidmat > .profile-detail-layout-shell {
    margin: 0 !important;
    padding-top: 0 !important;
    padding-right: 3px !important;
    padding-bottom: 0 !important;
    padding-left: 3px !important;
}

body.admin-staff-profile-page #divProKerjaKhidmat .profile-detail-heading {
    margin: 0 !important;
    border-radius: 10px 10px 0 0 !important;
    box-shadow: 0 3px 10px rgba(37, 42, 46, .06) !important;
}

body.admin-staff-profile-page #divProKerjaKhidmat .profile-detail-layout-shell {
    margin-top: -1px !important;
    padding-bottom: 3px !important;
}

body.admin-staff-profile-page #divProKerjaKhidmat .profile-detail-layout {
    gap: 0 !important;
    overflow: hidden !important;
    border: 1px solid #d5dce1 !important;
    border-top: 0 !important;
    border-radius: 0 0 10px 10px !important;
    background: #fff !important;
    box-shadow: 0 5px 16px rgba(37, 42, 46, .07) !important;
}

body.admin-staff-profile-page #divProKerjaKhidmat .prof-sidebar {
    border: 0 !important;
    border-left: 4px solid #a7193f !important;
    border-right: 1px solid #d5dce1 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Gradient header terakhir supaya tidak ditimpa rule legacy Perkhidmatan. */
body.admin-staff-profile-page .profile-detail-heading,
body.admin-staff-profile-page #divProKerjaKhidmat .profile-detail-heading {
    background-color: #fff !important;
    background-image:
        radial-gradient(circle at 10% 50%, rgba(167,25,63,.10) 0 2px, transparent 3px),
        linear-gradient(105deg, #fcecef 0%, #fff 48%, #f0f3f5 100%) !important;
}

body.admin-staff-profile-page .prof-sidebar-header {
    background-image: linear-gradient(105deg, #fcecef 0%, #fff 48%, #f0f3f5 100%) !important;
    background-color: #fff !important;
}

body.admin-staff-profile-page .profile-detail-layout > .vertical-box-column.width-250,
body.admin-staff-profile-page #divProKerjaKhidmat .profile-detail-layout > .vertical-box-column.width-250 {
    background: linear-gradient(180deg, #f8dce4 0%, #f1f4f5 100%) !important;
}

body.admin-staff-profile-page .profile-detail-layout > .vertical-box-column.width-250 .prof-sidebar,
body.admin-staff-profile-page #divProKerjaKhidmat .profile-detail-layout > .vertical-box-column.width-250 .prof-sidebar {
    background: transparent !important;
}

body.admin-staff-profile-page .profile-detail-layout > .vertical-box-column:first-child,
body.admin-staff-profile-page #divProKerjaKhidmat .profile-detail-layout > .vertical-box-column:first-child {
    background-image: linear-gradient(180deg, #f4c8d3 0%, #f7e8ec 52%, #e5ecef 100%) !important;
    background-color: #e5ecef !important;
}

/* Background belakang tab mengikut rujukan: bucu petak di keempat-empat
 * penjuru supaya ia bertemu kemas dengan sidebar dan panel kandungan. */
body.admin-staff-profile-page .prof-top-tabs1,
body.admin-staff-profile-page #divProKerjaKhidmat .prof-top-tabs1 {
    border-radius: 0 !important;
    margin-bottom: 0 !important;
}

body.admin-staff-profile-page #divProKerjaKhidmat .profile-detail-header-actions {
    margin-right: -10px !important;
}

body.admin-staff-profile-page .profile-corporate-root > .profile-detail-heading-shell,
body.admin-staff-profile-page .profile-corporate-root > .profile-detail-layout-shell {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Selaraskan tepi header dengan tepi kad/tab bawah; padding Bootstrap pada
 * pembungkus asal menyebabkan header kelihatan tersorok ke kanan. */
body.admin-staff-profile-page .profile-corporate-root > .profile-detail-heading-shell,
body.admin-staff-profile-page .profile-corporate-root > .profile-detail-layout-shell {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.admin-staff-profile-page .profile-detail-heading-shell > .profile-detail-heading,
body.admin-staff-profile-page .profile-detail-layout-shell > .profile-detail-layout {
    width: 100% !important;
}

/* Garis tepi kiri header menggunakan warna identiti korporat, bukan kelabu. */
body.admin-staff-profile-page .profile-detail-heading {
    border-left: 4px solid #a7193f !important;
}

body.admin-staff-profile-page #divProKerjaKhidmat .profile-detail-heading {
    border-left: 4px solid #a7193f !important;
}

body.admin-staff-profile-page #divProKerjaKhidmat .profile-detail-content {
    margin-left: 0 !important;
    background: #f7f8f9 !important;
}

body.admin-staff-profile-page #divProKerjaKhidmat .prof-top-tabs1 {
    min-height: 44px !important;
    margin: 0 !important;
    padding: 6px 7px 0 !important;
    gap: 4px !important;
    border: 0 !important;
    border-bottom: 1px solid #d5dce1 !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #f8f9fa 0%, #e9edf0 100%) !important;
}

body.admin-staff-profile-page #divProKerjaKhidmat .prof-top-tab1 {
    height: 37px !important;
    min-height: 37px !important;
    padding: 0 12px !important;
    border: 1px solid #d9dee3 !important;
    border-bottom: 0 !important;
    border-radius: 7px 7px 0 0 !important;
    background: #fff !important;
}

body.admin-staff-profile-page #divProKerjaKhidmat .prof-top-tab1.active {
    border: 1px solid #d9dee3 !important;
    border-bottom: 3px solid #a7193f !important;
    background: #fff !important;
    color: #a7193f !important;
    box-shadow: none !important;
}

body.admin-staff-profile-page #divProKerjaKhidmat .profile-service-panel {
    flex: 0 0 auto !important;
    align-self: flex-start !important;
    border: 0 !important;
    border-bottom: 1px solid #d5dce1 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

@media (max-width: 991px) {
    body.admin-staff-profile-page #divProKerjaKhidmat .prof-top-tabs1 {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
    }
}

/* Override terakhir untuk view Perkhidmatan yang mempunyai CSS ID legacy. */
body.admin-staff-profile-page #divProKerjaKhidmat .prof-top-tabs1 {
    min-height: 43px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    border: 1px solid #d5dce1 !important;
    border-radius: 6px !important;
    background: #fff !important;
}

body.admin-staff-profile-page #divProKerjaKhidmat .prof-top-tab1 {
    min-height: 43px !important;
    height: 43px !important;
    padding: 10px 13px !important;
    border: 0 !important;
    border-right: 1px solid #e2e6e9 !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #59646e !important;
}

body.admin-staff-profile-page #divProKerjaKhidmat .prof-top-tab1.active {
    background: #f8eef1 !important;
    color: #a7193f !important;
    box-shadow: inset 0 -3px 0 #a7193f !important;
}

/* Bekas/background di belakang tab dibuat petak tanpa bucu bulat. */
body.admin-staff-profile-page .prof-top-tabs1,
body.admin-staff-profile-page #divProKerjaKhidmat .prof-top-tabs1 {
    border-radius: 0 !important;
}

/* Kawalan lebar muktamad. Pastikan kandungan profil tidak membesarkan
 * dokumen apabila jadual/teks panjang dimuatkan selepas tindakan pengguna. */
#ProfilUtama,
#divProfilUtama,
body.admin-staff-profile-page #ProKerjaKhidmat,
body.admin-staff-profile-page #divProKerjaKhidmat,
body.admin-staff-profile-page .profile-corporate-root,
body.admin-staff-profile-page .profile-detail-heading-shell,
body.admin-staff-profile-page .profile-detail-layout-shell,
body.admin-staff-profile-page .profile-detail-layout,
body.admin-staff-profile-page .profile-detail-content,
body.admin-staff-profile-page .profile-detail-content > .tab-content,
body.admin-staff-profile-page .profile-detail-content > .tab-content > .col-md-12,
body.admin-staff-profile-page .profile-content-panel {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

#ProfilUtama,
#divProfilUtama,
body.admin-staff-profile-page #ProKerjaKhidmat,
body.admin-staff-profile-page #divProKerjaKhidmat {
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

#divProfilUtama .table-responsive,
body.admin-staff-profile-page .profile-content-panel .table-responsive {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Tipografi seragam untuk data, borang dan jadual semua tab profil. */
body.admin-staff-profile-page .profile-content-panel .profile-data-row > label,
body.admin-staff-profile-page .profile-content-panel .profile-data-row > div,
body.admin-staff-profile-page .profile-content-panel .profile-edit-form > .form-group > label,
body.admin-staff-profile-page .profile-content-panel .profile-edit-form > .form-group > div,
body.admin-staff-profile-page .profile-content-panel .profile-edit-form .form-control,
body.admin-staff-profile-page .profile-content-panel .profile-edit-form .bootstrap-select > .btn,
body.admin-staff-profile-page .profile-content-panel table th,
body.admin-staff-profile-page .profile-content-panel table td,
body.admin-staff-profile-page .profile-service-grid > .form-group > label,
body.admin-staff-profile-page .profile-service-grid > .form-group > div,
body.admin-staff-profile-page .profile-service-grid table th,
body.admin-staff-profile-page .profile-service-grid table td,
body.admin-staff-profile-page #divProKerjaKhidmat .profile-edit-form > .form-group > label,
body.admin-staff-profile-page #divProKerjaKhidmat .profile-edit-form > .form-group > div,
body.admin-staff-profile-page #divProKerjaKhidmat .profile-edit-form .form-control,
body.admin-staff-profile-page #divProKerjaKhidmat .profile-edit-form .bootstrap-select > .btn,
body.admin-staff-profile-page #divProKerjaKhidmat table th,
body.admin-staff-profile-page #divProKerjaKhidmat table td {
    font-size: 12px !important;
}

body.admin-staff-profile-page .prof-tab-item,
body.admin-staff-profile-page .prof-top-tab1,
body.admin-staff-profile-page .profile-section-heading,
body.admin-staff-profile-page .profile-history-title,
body.admin-staff-profile-page .profile-content-panel .btn-item a,
body.admin-staff-profile-page .profile-content-panel .btn-item button {
    font-size: 12px !important;
}

/* Ikatan kontrak: butang dan dropdown kekal jelas di atas jadual. */
body.admin-staff-profile-page .profile-contract-panel > .panel-body {
    overflow: visible !important;
}

body.admin-staff-profile-page .profile-contract-layout,
body.admin-staff-profile-page .profile-contract-layout .profile-detail-content,
body.admin-staff-profile-page .profile-contract-layout .tab-content,
body.admin-staff-profile-page .profile-contract-layout .profile-contract-panel {
    overflow: visible !important;
}

body.admin-staff-profile-page .profile-contract-panel table .btn-success {
    min-width: 27px !important;
}

body.admin-staff-profile-page .profile-contract-panel .profile-contract-add-action {
    margin: 10px 0 10px !important;
    display: flex;
    justify-content: flex-end;
}

body.admin-staff-profile-page .profile-contract-panel .profile-contract-add-action .btn-success {
    min-width: 100px !important;
    border-color: #72bd72 !important;
    background: #7acb7a !important;
    color: #fff !important;
}

body.admin-staff-profile-page .profile-contract-panel .profile-contract-add-action .btn-success:hover,
body.admin-staff-profile-page .profile-contract-panel .profile-contract-add-action .btn-success:focus {
    border-color: #b9c7ce !important;
    background: #eef2f4 !important;
    color: #60717b !important;
}

body.admin-staff-profile-page .profile-contract-panel table .btn-info {
    border-color: #a9c7df !important;
    background: #c7def2 !important;
    color: #24557e !important;
}

body.admin-staff-profile-page .profile-contract-panel table .btn-info:hover,
body.admin-staff-profile-page .profile-contract-panel table .btn-info:focus {
    border-color: #91b6d5 !important;
    background: #b9d5ed !important;
    color: #24557e !important;
}

body.admin-staff-profile-page .profile-contract-panel .bootstrap-select,
body.admin-staff-profile-page .profile-contract-panel .bootstrap-select.open {
    position: relative !important;
    z-index: 10050 !important;
}

body.admin-staff-profile-page .profile-contract-panel .bootstrap-select .dropdown-menu {
    z-index: 10060 !important;
}

body.admin-staff-profile-page .profile-contract-panel table,
body.admin-staff-profile-page .profile-contract-panel tbody,
body.admin-staff-profile-page .profile-contract-panel tr,
body.admin-staff-profile-page .profile-contract-panel td {
    overflow: visible !important;
}

body.admin-staff-profile-page .profile-contract-panel .bootstrap-select.open {
    z-index: 100000 !important;
}

body.admin-staff-profile-page .profile-contract-panel .bootstrap-select.open .dropdown-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 100001 !important;
}

body.admin-staff-profile-page .bootstrap-select.open .dropdown-menu {
    z-index: 100001 !important;
}
body.admin-staff-profile-page .profile-award-panel .profile-table-action-icon.btn-info,
body.admin-staff-profile-page .profile-award-panel table .btn-info {
    border-color: #69b3d0 !important;
    background: #e8f6fb !important;
    color: #3ca0c6 !important;
}
body.admin-staff-profile-page .profile-award-panel .profile-table-action-icon.btn-info i,
body.admin-staff-profile-panel .profile-table-action-icon.btn-info i {
    color: #3ca0c6 !important;
}

/* Pengalaman Kerja: warna akhir untuk butang tambah dan kemaskini. */
body.admin-staff-profile-page .profile-experience-panel .profile-experience-add-action .btn-success,
body.admin-staff-profile-page .profile-experience-panel .profile-experience-add-action .btn-success:hover,
body.admin-staff-profile-page .profile-experience-panel .profile-experience-add-action .btn-success:focus {
    border-color: #72bd72 !important;
    background: #7acb7a !important;
    color: #fff !important;
}
body.admin-staff-profile-page .profile-experience-panel .profile-table-action-icon.btn-info,
body.admin-staff-profile-page .profile-experience-panel table .btn-info {
    border-color: #69b3d0 !important;
    background: #e8f6fb !important;
    color: #3ca0c6 !important;
}
body.admin-staff-profile-page .profile-experience-panel .profile-table-action-icon.btn-info i,
body.admin-staff-profile-page .profile-experience-panel table .btn-info i {
    color: #3ca0c6 !important;
}
body.admin-staff-profile-page .profile-language-skill-panel .profile-table-action-icon.btn-info,
body.admin-staff-profile-page .profile-technical-skill-panel .profile-table-action-icon.btn-info {
    border-color: #69b3d0 !important;
    background: #e8f6fb !important;
    color: #3ca0c6 !important;
}
body.admin-staff-profile-page .profile-language-skill-panel .profile-table-action-icon.btn-info i,
body.admin-staff-profile-page .profile-technical-skill-panel .profile-table-action-icon.btn-info i {
    color: #3ca0c6 !important;
}

body.admin-staff-profile-page .profile-academic-panel .profile-table-action-icon.btn-info,
body.admin-staff-profile-page .profile-academic-panel table .btn-info {
    border-color: #69b3d0 !important;
    background: #e8f6fb !important;
    color: #3ca0c6 !important;
}
body.admin-staff-profile-page .profile-academic-panel .profile-table-action-icon.btn-info i,
body.admin-staff-profile-page .profile-academic-panel table .btn-info i {
    color: #3ca0c6 !important;
}

/* Saiz akhir untuk semua teks data supaya jadual dan ringkasan benar-benar
 * konsisten walaupun view lama menetapkan font lebih kecil. */
body.admin-staff-profile-page .profile-content-panel table.table th,
body.admin-staff-profile-page .profile-content-panel table.table td,
body.admin-staff-profile-page .profile-content-panel .profile-data-row > label,
body.admin-staff-profile-page .profile-content-panel .profile-data-row > div,
body.admin-staff-profile-page .profile-content-panel .profile-section-heading {
    font-size: 12px !important;
}

body.admin-staff-profile-page .profile-content-panel table.table > thead > tr > th {
    font-size: 12px !important;
    font-weight: 700 !important;
}

body.admin-staff-profile-page table.profile-rkp-table > thead > tr > th:last-child {
    text-align: center !important;
}

body.admin-staff-profile-page table.profile-rkp-table > tbody > tr > td:last-child {
    text-align: left !important;
}

body.admin-staff-profile-page .profile-rkp-detail-body {
    max-width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    overflow-wrap: anywhere;
    word-break: break-word;
}

body.admin-staff-profile-page .profile-rkp-detail-body table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
}

body.admin-staff-profile-page .profile-rkp-detail-body img,
body.admin-staff-profile-page .profile-rkp-detail-body iframe {
    max-width: 100% !important;
}

body.admin-staff-profile-page table.profile-rkp-table th,
body.admin-staff-profile-page table.profile-rkp-table td,
body.admin-staff-profile-page .profile-rkp-detail-body,
body.admin-staff-profile-page .profile-rkp-detail-body h6 {
    font-size: 12px !important;
}

/* Jadual maklumat peribadi/perhubungan: sel bersambung tanpa ruang putih. */
body.admin-staff-profile-page .profile-content-panel table,
body.admin-staff-profile-page .profile-content-panel table.table {
    width: 100% !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    table-layout: auto;
}

body.admin-staff-profile-page .profile-content-panel table th,
body.admin-staff-profile-page .profile-content-panel table td {
    border: 1px solid #dce2e6 !important;
    vertical-align: middle !important;
}

body.admin-staff-profile-page .profile-content-panel .table-responsive {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.admin-staff-profile-page .profile-content-panel table thead tr:first-child th {
    border-top: 1px solid #dce2e6 !important;
}

/* Tab Bidang: tajuk seksyen diberi penanda merah korporat di kiri. */
body.admin-staff-profile-page .profile-content-panel.profile-no-auto-heading > .profile-section-heading {
    border-left: 4px solid #a7193f !important;
    padding-left: 14px !important;
    box-sizing: border-box !important;
}

/* Tab Bidang: jarak hanya di bawah jadual, bukan antara baris. */
body.admin-staff-profile-page .profile-content-panel.profile-no-auto-heading table {
    margin-bottom: 12px !important;
}
body.admin-staff-profile-page .profile-content-panel.profile-no-auto-heading .profile-academic-summary {
    margin-bottom: 12px !important;
}

/* Rupa tab yang diminta: gaya Perkhidmatan asal dengan tab individu
 * berbingkai dan bucu bulat. Override ini diletakkan paling akhir supaya
 * semua CSS legacy setiap view menerima dimensi yang sama. */
body.admin-staff-profile-page #divProKerjaKhidmat .profile-detail-title > i {
    width: 36px !important;
    height: 36px !important;
    margin: 0 6px 0 0 !important;
    border: 1px solid #e4cbd2 !important;
    border-radius: 9px !important;
    background: #fbf0f3 !important;
    color: #a7193f !important;
    font-size: 24px !important;
    filter: none !important;
}
body.admin-staff-profile-page #divProKerjaKhidmat .profile-content-panel .btn-item > .btn-icon {
    min-width: 215px !important;
}

/* Tiada ruang putih di antara bar tab dan panel kandungan. */
body.admin-staff-profile-page .prof-top-tabs1,
body.admin-staff-profile-page #divProKerjaKhidmat .prof-top-tabs1 {
    margin-bottom: 0 !important;
}
body.admin-staff-profile-page #divProKerjaKhidmat > .profile-detail-heading-shell,
body.admin-staff-profile-page #divProKerjaKhidmat > .profile-detail-layout-shell {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
body.admin-staff-profile-page .prof-top-tabs1,
body.admin-staff-profile-page #divProKerjaKhidmat .prof-top-tabs1 {
    min-height: 44px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 5px !important;
    display: flex !important;
    align-items: flex-end !important;
    gap: 4px !important;
    overflow: hidden !important;
    border: 1px solid #dce2e7 !important;
    border-radius: 9px !important;
    background: #f3f5f6 !important;
}

body.admin-staff-profile-page .prof-top-tab1,
body.admin-staff-profile-page #divProKerjaKhidmat .prof-top-tab1 {
    min-height: 37px !important;
    height: 37px !important;
    padding: 0 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    border: 1px solid #d9dee3 !important;
    border-bottom: 0 !important;
    border-radius: 7px 7px 0 0 !important;
    background: #fff !important;
    color: #59646e !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}

body.admin-staff-profile-page .prof-top-tab1:hover,
body.admin-staff-profile-page #divProKerjaKhidmat .prof-top-tab1:hover {
    border-color: #e3c5cc !important;
    background: #fff6f8 !important;
    color: #a7193f !important;
}

body.admin-staff-profile-page .prof-top-tab1.active,
body.admin-staff-profile-page #divProKerjaKhidmat .prof-top-tab1.active {
    border: 1px solid #d9dee3 !important;
    border-bottom: 3px solid #a7193f !important;
    background: #fff !important;
    color: #a7193f !important;
    box-shadow: none !important;
}

body.admin-staff-profile-page .prof-top-tabs1,
body.admin-staff-profile-page #divProKerjaKhidmat .prof-top-tabs1 {
    border-radius: 0 !important;
}