/* =========================================================
   Shared portal page heading
   Used by:
   - Employees
   - Attendance
   - Attendance Regularization
   - Daily Work Reports
   - Checkout Reports
========================================================= */

body.hrjtek-portal .hrjtek-reports-page-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 20px !important;

    width: 100% !important;
    min-height: auto !important;

    margin: 0 0 18px !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}

body.hrjtek-portal .hrjtek-reports-heading-left {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;

    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.hrjtek-portal
.hrjtek-reports-heading-left > .dashicons {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 24px !important;
    line-height: 24px !important;

    color: #0c3df4 !important;
}

body.hrjtek-portal .hrjtek-reports-heading-wrap {
    display: flex !important;
    flex-direction: column !important;

    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.hrjtek-portal .hrjtek-reports-heading-wrap h3 {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 19px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;

    color: #0f172a !important;
}

body.hrjtek-portal .hrjtek-reports-heading-wrap p {
    margin: 4px 0 0 !important;
    padding: 0 !important;

    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;

    color: #64748b !important;
}

/* Right-side heading toolbar */
body.hrjtek-portal .hrjtek-reports-toolbar {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;

    flex-shrink: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* Shared blue action button */
body.hrjtek-portal
.hrjtek-reports-toolbar .hrjtek-btn,
body.hrjtek-portal
.hrjtek-reports-toolbar button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    width: auto !important;
    min-width: auto !important;
    height: 38px !important;
    min-height: 38px !important;

    margin: 0 !important;
    padding: 0 14px !important;

    border: 0 !important;
    border-radius: 10px !important;

    background: linear-gradient(
        137deg,
        #0c3df4 0%,
        #02b4fe 100%
    ) !important;

    color: #ffffff !important;

    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    box-shadow: 0 8px 18px rgba(12, 61, 244, 0.16) !important;
    cursor: pointer !important;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease !important;
}

body.hrjtek-portal
.hrjtek-reports-toolbar .hrjtek-btn:hover,
body.hrjtek-portal
.hrjtek-reports-toolbar button:hover {
    background: linear-gradient(
        137deg,
        #0a32cc 0%,
        #0295d9 100%
    ) !important;

    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 12px 24px rgba(12, 61, 244, 0.22) !important;
}

body.hrjtek-portal
.hrjtek-reports-toolbar .dashicons {
    width: 17px !important;
    min-width: 17px !important;
    height: 17px !important;

    margin: 0 !important;

    font-size: 17px !important;
    line-height: 17px !important;

    color: currentColor !important;
}

/* Responsive heading */
@media (max-width: 767px) {
    body.hrjtek-portal .hrjtek-reports-page-head {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 14px !important;
    }

    body.hrjtek-portal .hrjtek-reports-toolbar {
        justify-content: flex-start !important;
    }
}

/* =========================================================
   Attendance Regularization page
========================================================= */

body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-regularization-page-head {
    align-items: center !important;
    margin-bottom: 18px !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-reports-heading-left {
    align-items: center !important;
}

/* Filter button */
body.hrjtek-portal
#hrjtek-regularization-admin
#hrjtek-admin-reg-filter-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    width: auto !important;
    min-width: 96px !important;
    height: 38px !important;
    min-height: 38px !important;

    margin: 0 !important;
    padding: 0 14px !important;

    border: 0 !important;
    border-radius: 10px !important;

    background: linear-gradient(
        137deg,
        #0c3df4 0%,
        #02b4fe 100%
    ) !important;

    color: #ffffff !important;

    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 600 !important;

    box-shadow: 0 8px 18px rgba(12, 61, 244, 0.16) !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
#hrjtek-admin-reg-filter-btn .dashicons {
    width: 17px !important;
    min-width: 17px !important;
    height: 17px !important;

    margin: 0 !important;

    font-size: 17px !important;
    line-height: 17px !important;

    color: #ffffff !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
#hrjtek-admin-reg-filter-btn:hover {
    background: linear-gradient(
        137deg,
        #0a32cc 0%,
        #0295d9 100%
    ) !important;

    color: #ffffff !important;
}

/* Hidden filter panel */
/* Attendance Regularization filter panel — closed */
body.hrjtek-portal
#hrjtek-regularization-admin
#hrjtek-admin-reg-filter-panel {
    display: none !important;

    width: 100% !important;
    min-width: 0 !important;

    grid-template-columns:
    minmax(280px, 1fr)
    minmax(220px, 260px)
    minmax(220px, 260px)
    minmax(140px, auto) !important;

    align-items: center !important;
    gap: 12px !important;

    margin: 0 0 18px !important;
    padding: 14px !important;

    border: 1px solid #e3eaf5 !important;
    border-radius: 16px !important;

    background: #f8fbff !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.05) !important;

    box-sizing: border-box !important;
}

/* Attendance Regularization filter panel — open */
body.hrjtek-portal
#hrjtek-regularization-admin
#hrjtek-admin-reg-filter-panel.is-open {
    display: grid !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-admin-reg-filters input,
body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-admin-reg-filters select {
    width: 100% !important;
    height: 42px !important;

    margin: 0 !important;
    padding: 0 14px !important;

    border: 1px solid #dbe2ef !important;
    border-radius: 11px !important;

    background: #ffffff !important;
    color: #24324a !important;

    font-size: 14px !important;
    line-height: 42px !important;

    box-sizing: border-box !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
#hrjtek-admin-reg-reset {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 120px !important;
    height: 42px !important;

    margin: 0 !important;
    padding: 0 16px !important;

    border: 1px solid #dbe2ef !important;
    border-radius: 11px !important;

    background: #ffffff !important;
    color: #475569 !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
}

@media (max-width: 1000px) {
    body.hrjtek-portal
    #hrjtek-regularization-admin
    .hrjtek-admin-reg-filters {
        grid-template-columns: 1fr 1fr !important;
    }
}
body.hrjtek-portal
#hrjtek-regularization-admin
#hrjtek-admin-reg-filter-btn.is-active {
    background: linear-gradient(
        137deg,
        #082fbf 0%,
        #028dcc 100%
    ) !important;

    box-shadow: 0 10px 22px rgba(12, 61, 244, 0.24) !important;
}
@media (max-width: 1200px) {
    body.hrjtek-portal
    #hrjtek-regularization-admin
    #hrjtek-admin-reg-filter-panel.is-open {
        grid-template-columns:
            minmax(240px, 1fr)
            minmax(200px, 1fr)
            minmax(200px, 1fr) !important;
    }

    body.hrjtek-portal
    #hrjtek-regularization-admin
    #hrjtek-admin-reg-reset {
        width: auto !important;
        max-width: none !important;
        justify-self: start !important;
    }
}

@media (max-width: 850px) {
    body.hrjtek-portal
    #hrjtek-regularization-admin
    #hrjtek-admin-reg-filter-panel.is-open {
        grid-template-columns: 1fr 1fr !important;
    }

    body.hrjtek-portal
    #hrjtek-regularization-admin
    #hrjtek-filter-employee {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 600px) {
    body.hrjtek-portal
    #hrjtek-regularization-admin
    #hrjtek-admin-reg-filter-panel.is-open {
        grid-template-columns: 1fr !important;
    }

    body.hrjtek-portal
    #hrjtek-regularization-admin
    #hrjtek-filter-employee {
        grid-column: auto !important;
    }

    body.hrjtek-portal
    #hrjtek-regularization-admin
    #hrjtek-admin-reg-reset {
        width: 100% !important;
        max-width: 100% !important;
    }
}
/* =========================================================
   Attendance Regularization date field
   Match Daily Work Reports date fields
========================================================= */

body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-admin-reg-filters
.hrjtek-admin-reg-date-alt {
     width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    height: 48px !important;
    min-height: 48px !important;

    margin: 0 !important;
    padding: 0 48px 0 16px !important;

    border: 1px solid #dbe5f3 !important;
    border-radius: 12px !important;

    background-color: #ffffff !important;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 24 24' fill='none' stroke='%230f172a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") !important;

    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    background-size: 21px 21px !important;

    color: #0f172a !important;

    font-family: inherit !important;
    font-size: 15px !important;
    line-height: 48px !important;
    font-weight: 600 !important;

    cursor: pointer !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-admin-reg-filters
.hrjtek-admin-reg-date-alt:hover {
    border-color: #b8c8df !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-admin-reg-filters
.hrjtek-admin-reg-date-alt:focus {
    border-color: #2563eb !important;
    outline: none !important;

    box-shadow:
        0 0 0 3px rgba(37, 99, 235, 0.10) !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-admin-reg-filters
.hrjtek-admin-reg-date-alt::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}
/* =========================================================
   Flatpickr calendar used by Attendance Regularization
   Same appearance as Daily Work Reports
========================================================= */

.flatpickr-calendar.hrjtek-dwr-style-calendar {
    width: 402px !important;
    min-width: 402px !important;

    padding: 0 !important;

    border: 1px solid #dbe5f3 !important;
    border-radius: 16px !important;

    background: #ffffff !important;

    box-shadow:
        0 22px 50px rgba(15, 23, 42, 0.22) !important;

    overflow: hidden !important;

    font-family: inherit !important;

    z-index: 9999999 !important;
}

/* Remove Flatpickr triangle */
.flatpickr-calendar.hrjtek-dwr-style-calendar::before,
.flatpickr-calendar.hrjtek-dwr-style-calendar::after {
    display: none !important;
}

/* Blue month header */
.flatpickr-calendar.hrjtek-dwr-style-calendar
.flatpickr-months {
    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    height: 66px !important;

    border: 0 !important;

    background:
        linear-gradient(
            137deg,
            #0c3df4 0%,
            #02b4fe 100%
        ) !important;
}

/* Month section */
.flatpickr-calendar.hrjtek-dwr-style-calendar
.flatpickr-month {
    width: 100% !important;
    height: 66px !important;

    border: 0 !important;
    background: transparent !important;

    color: #ffffff !important;
}

/* Month and year wrapper */
.flatpickr-calendar.hrjtek-dwr-style-calendar
.flatpickr-current-month {
    top: 0 !important;
    left: 52px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 22px !important;

    width: calc(100% - 104px) !important;
    height: 66px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
}

/* Month dropdown */
.flatpickr-calendar.hrjtek-dwr-style-calendar
.flatpickr-current-month
.flatpickr-monthDropdown-months {
    width: auto !important;
    height: 42px !important;

    margin: 0 !important;
    padding: 0 22px 0 12px !important;

    border: 0 !important;
    border-radius: 8px !important;

    background-color: transparent !important;

    color: #ffffff !important;

    font-family: inherit !important;
    font-size: 18px !important;
    line-height: 42px !important;
    font-weight: 800 !important;

    cursor: pointer !important;
    box-shadow: none !important;
}

/* Year input wrapper */
.flatpickr-calendar.hrjtek-dwr-style-calendar
.flatpickr-current-month
.numInputWrapper {
    width: 100px !important;
    height: 42px !important;
}

/* Year input */
.flatpickr-calendar.hrjtek-dwr-style-calendar
.flatpickr-current-month
input.cur-year {
    width: 100% !important;
    height: 42px !important;

    margin: 0 !important;
    padding: 0 16px !important;

    border: 0 !important;
    border-radius: 8px !important;

    background: rgba(255, 255, 255, 0.06) !important;

    color: #ffffff !important;

    font-family: inherit !important;
    font-size: 18px !important;
    line-height: 42px !important;
    font-weight: 800 !important;

    text-align: center !important;
    box-shadow: none !important;
}

/* Hide year increment arrows */
.flatpickr-calendar.hrjtek-dwr-style-calendar
.numInputWrapper
.arrowUp,
.flatpickr-calendar.hrjtek-dwr-style-calendar
.numInputWrapper
.arrowDown {
    display: none !important;
}

/* Previous and next arrows */
.flatpickr-calendar.hrjtek-dwr-style-calendar
.flatpickr-prev-month,
.flatpickr-calendar.hrjtek-dwr-style-calendar
.flatpickr-next-month {
    top: 14px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 38px !important;
    height: 38px !important;

    padding: 10px !important;

    border-radius: 10px !important;

    color: #ffffff !important;
    fill: #ffffff !important;

    transition:
        background-color 0.2s ease !important;
}

.flatpickr-calendar.hrjtek-dwr-style-calendar
.flatpickr-prev-month {
    left: 14px !important;
}

.flatpickr-calendar.hrjtek-dwr-style-calendar
.flatpickr-next-month {
    right: 14px !important;
}

.flatpickr-calendar.hrjtek-dwr-style-calendar
.flatpickr-prev-month:hover,
.flatpickr-calendar.hrjtek-dwr-style-calendar
.flatpickr-next-month:hover {
    background: rgba(255, 255, 255, 0.18) !important;
}

.flatpickr-calendar.hrjtek-dwr-style-calendar
.flatpickr-prev-month svg,
.flatpickr-calendar.hrjtek-dwr-style-calendar
.flatpickr-next-month svg {
    width: 15px !important;
    height: 15px !important;

    fill: #ffffff !important;
}

/* Weekday header */
.flatpickr-calendar.hrjtek-dwr-style-calendar
.flatpickr-weekdays {
    width: 100% !important;
    height: 48px !important;

    padding: 0 12px !important;

    background: #f8fbff !important;
}

.flatpickr-calendar.hrjtek-dwr-style-calendar
.flatpickr-weekdaycontainer {
    width: 100% !important;
}

.flatpickr-calendar.hrjtek-dwr-style-calendar
span.flatpickr-weekday {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 48px !important;

    color: #64748b !important;

    font-family: inherit !important;
    font-size: 14px !important;
    line-height: 48px !important;
    font-weight: 800 !important;
}

/* Calendar inner widths */
.flatpickr-calendar.hrjtek-dwr-style-calendar
.flatpickr-innerContainer,
.flatpickr-calendar.hrjtek-dwr-style-calendar
.flatpickr-rContainer,
.flatpickr-calendar.hrjtek-dwr-style-calendar
.flatpickr-days,
.flatpickr-calendar.hrjtek-dwr-style-calendar
.dayContainer {
    width: 402px !important;
    min-width: 402px !important;
    max-width: 402px !important;
}

/* Days area */
.flatpickr-calendar.hrjtek-dwr-style-calendar
.flatpickr-days {
    padding: 8px 12px 12px !important;
}

.flatpickr-calendar.hrjtek-dwr-style-calendar
.dayContainer {
    padding: 0 !important;
}

/* Individual day */
.flatpickr-calendar.hrjtek-dwr-style-calendar
.flatpickr-day {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex-basis: 54px !important;

    width: 54px !important;
    max-width: 54px !important;
    height: 54px !important;

    margin: 0 !important;

    border: 0 !important;
    border-radius: 14px !important;

    color: #334155 !important;
    background: transparent !important;

    font-family: inherit !important;
    font-size: 15px !important;
    line-height: 54px !important;
    font-weight: 700 !important;
}

/* Hovered day */
.flatpickr-calendar.hrjtek-dwr-style-calendar
.flatpickr-day:hover {
    border-color: #bfdbfe !important;
    background: #eaf2ff !important;
    color: #1d4ed8 !important;
}

/* Today's date */
.flatpickr-calendar.hrjtek-dwr-style-calendar
.flatpickr-day.today {
    border: 1px solid #2563eb !important;
    background: #ffffff !important;
    color: #2563eb !important;
}

/* Selected date */
.flatpickr-calendar.hrjtek-dwr-style-calendar
.flatpickr-day.selected,
.flatpickr-calendar.hrjtek-dwr-style-calendar
.flatpickr-day.startRange,
.flatpickr-calendar.hrjtek-dwr-style-calendar
.flatpickr-day.endRange {
    border-color: #2563eb !important;

    background:
        linear-gradient(
            137deg,
            #0c3df4 0%,
            #02b4fe 100%
        ) !important;

    color: #ffffff !important;

    box-shadow:
        0 8px 16px rgba(37, 99, 235, 0.20) !important;
}

/* Previous/next month dates */
.flatpickr-calendar.hrjtek-dwr-style-calendar
.flatpickr-day.prevMonthDay,
.flatpickr-calendar.hrjtek-dwr-style-calendar
.flatpickr-day.nextMonthDay,
.flatpickr-calendar.hrjtek-dwr-style-calendar
.flatpickr-day.flatpickr-disabled {
    color: #cbd5e1 !important;
}

/* Prevent Saturday column from being cut */
.flatpickr-calendar.hrjtek-dwr-style-calendar
.flatpickr-day:nth-child(7n) {
    margin-right: 0 !important;
}
@media (max-width: 520px) {
    .flatpickr-calendar.hrjtek-dwr-style-calendar {
        width: 330px !important;
        min-width: 330px !important;
    }

    .flatpickr-calendar.hrjtek-dwr-style-calendar
    .flatpickr-innerContainer,
    .flatpickr-calendar.hrjtek-dwr-style-calendar
    .flatpickr-rContainer,
    .flatpickr-calendar.hrjtek-dwr-style-calendar
    .flatpickr-days,
    .flatpickr-calendar.hrjtek-dwr-style-calendar
    .dayContainer {
        width: 330px !important;
        min-width: 330px !important;
        max-width: 330px !important;
    }

    .flatpickr-calendar.hrjtek-dwr-style-calendar
    .flatpickr-day {
        flex-basis: 43px !important;

        width: 43px !important;
        max-width: 43px !important;
        height: 43px !important;

        line-height: 43px !important;
    }
}
/* =========================================================
   FINAL Attendance Regularization filter alignment fix
========================================================= */

body.hrjtek-portal
#hrjtek-regularization-admin
#hrjtek-admin-reg-filter-panel.is-open {
    display: grid !important;

    grid-template-columns:
        minmax(280px, 1fr)
        minmax(220px, 260px)
        minmax(220px, 260px)
        minmax(140px, auto) !important;

    align-items: center !important;
    column-gap: 16px !important;
    row-gap: 12px !important;

    width: 100% !important;
    min-width: 0 !important;

    box-sizing: border-box !important;
}

/* Every direct filter control must stay inside its grid column */
body.hrjtek-portal
#hrjtek-regularization-admin
#hrjtek-admin-reg-filter-panel > input,
body.hrjtek-portal
#hrjtek-regularization-admin
#hrjtek-admin-reg-filter-panel > select,
body.hrjtek-portal
#hrjtek-regularization-admin
#hrjtek-admin-reg-filter-panel > button {
    min-width: 0 !important;
    max-width: 100% !important;

    margin: 0 !important;
    box-sizing: border-box !important;
}

/* Employee search */
body.hrjtek-portal
#hrjtek-regularization-admin
#hrjtek-filter-employee {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

/* Flatpickr original input is hidden; keep it out of the grid calculation */
body.hrjtek-portal
#hrjtek-regularization-admin
#hrjtek-filter-date.flatpickr-input {
    display: none !important;
}

/* Visible Flatpickr date field */
body.hrjtek-portal
#hrjtek-regularization-admin
#hrjtek-admin-reg-filter-panel
.hrjtek-admin-reg-date-alt {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    height: 48px !important;

    padding: 0 48px 0 16px !important;

    box-sizing: border-box !important;
}

/* Status dropdown */
body.hrjtek-portal
#hrjtek-regularization-admin
#hrjtek-filter-status {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    height: 48px !important;
    box-sizing: border-box !important;
}

/* Reset button */
body.hrjtek-portal
#hrjtek-regularization-admin
#hrjtek-admin-reg-reset {
    width: 100% !important;
    min-width: 140px !important;
    max-width: 160px !important;
    height: 48px !important;

    justify-self: end !important;
}
/* =========================================================
   Attendance Regularization table
   Match Project Reports table design
========================================================= */

body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-reg-list-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 12px !important;

    border: 1px solid #dfe6f1 !important;
    border-radius: 16px !important;

    background: #ffffff !important;

    box-shadow: none !important;

    box-sizing: border-box !important;
}

/* Table scroll container */
body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-reg-table-scroll {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    overflow-x: auto !important;
    overflow-y: visible !important;

    border: 1px solid #dce3ed !important;
    border-radius: 0 !important;

    background: #ffffff !important;

    box-sizing: border-box !important;
    -webkit-overflow-scrolling: touch;
}

/* Main table */
body.hrjtek-portal
#hrjtek-regularization-admin
table.hrjtek-admin-reg-table {
    width: 100% !important;
    min-width: 1100px !important;

    margin: 0 !important;

    border-collapse: collapse !important;
    border-spacing: 0 !important;

    table-layout: fixed !important;

    background: #ffffff !important;
}

/* Remove Astra/default table spacing */
body.hrjtek-portal
#hrjtek-regularization-admin
table.hrjtek-admin-reg-table th,
body.hrjtek-portal
#hrjtek-regularization-admin
table.hrjtek-admin-reg-table td {
    margin: 0 !important;

    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 1px solid #dce3ed !important;
    border-bottom: 1px solid #dce3ed !important;

    box-sizing: border-box !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
table.hrjtek-admin-reg-table th:last-child,
body.hrjtek-portal
#hrjtek-regularization-admin
table.hrjtek-admin-reg-table td:last-child {
    border-right: 0 !important;
}

/* =========================================================
   Table headings
========================================================= */

body.hrjtek-portal
#hrjtek-regularization-admin
table.hrjtek-admin-reg-table thead th {
    height: 60px !important;

    padding: 14px 16px !important;

    background: #f7f9fc !important;
    color: #334155 !important;

    font-family: inherit !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;

    text-align: left !important;
    vertical-align: middle !important;
    white-space: nowrap !important;

    box-shadow: none !important;
}

/* Heading alignment */
body.hrjtek-portal
#hrjtek-regularization-admin
table.hrjtek-admin-reg-table thead th:first-child {
    text-align: left !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
table.hrjtek-admin-reg-table thead th:last-child {
    text-align: center !important;
}

/* =========================================================
   Table body
========================================================= */

body.hrjtek-portal
#hrjtek-regularization-admin
table.hrjtek-admin-reg-table tbody td {
    min-height: 66px !important;

    padding: 14px 16px !important;

    background: #ffffff !important;
    color: #0f172a !important;

    font-family: inherit !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;

    text-align: left !important;
    vertical-align: middle !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
table.hrjtek-admin-reg-table tbody tr:hover td {
    background: #fbfdff !important;
}

/* Do not leave an extra border below the final row */
body.hrjtek-portal
#hrjtek-regularization-admin
table.hrjtek-admin-reg-table tbody tr:last-child td {
    border-bottom: 0 !important;
}

/* =========================================================
   Column widths
========================================================= */

body.hrjtek-portal
#hrjtek-regularization-admin
table.hrjtek-admin-reg-table th:nth-child(1),
body.hrjtek-portal
#hrjtek-regularization-admin
table.hrjtek-admin-reg-table td:nth-child(1) {
    width: 300px !important;
    min-width: 300px !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
table.hrjtek-admin-reg-table th:nth-child(2),
body.hrjtek-portal
#hrjtek-regularization-admin
table.hrjtek-admin-reg-table td:nth-child(2) {
    width: 120px !important;
    min-width: 120px !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
table.hrjtek-admin-reg-table th:nth-child(3),
body.hrjtek-portal
#hrjtek-regularization-admin
table.hrjtek-admin-reg-table td:nth-child(3) {
    width: 145px !important;
    min-width: 145px !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
table.hrjtek-admin-reg-table th:nth-child(4),
body.hrjtek-portal
#hrjtek-regularization-admin
table.hrjtek-admin-reg-table td:nth-child(4) {
    width: 175px !important;
    min-width: 175px !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
table.hrjtek-admin-reg-table th:nth-child(5),
body.hrjtek-portal
#hrjtek-regularization-admin
table.hrjtek-admin-reg-table td:nth-child(5) {
    width: 180px !important;
    min-width: 180px !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
table.hrjtek-admin-reg-table th:nth-child(6),
body.hrjtek-portal
#hrjtek-regularization-admin
table.hrjtek-admin-reg-table td:nth-child(6) {
    width: 180px !important;
    min-width: 180px !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
table.hrjtek-admin-reg-table th:nth-child(7),
body.hrjtek-portal
#hrjtek-regularization-admin
table.hrjtek-admin-reg-table td:nth-child(7) {
    width: 130px !important;
    min-width: 130px !important;

    text-align: center !important;
}

/* =========================================================
   Employee column
========================================================= */

body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-reg-emp {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;

    min-width: 0 !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-reg-avatar {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 40px !important;

    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;

    border-radius: 50% !important;

    background: #dbeafe !important;
    color: #155eef !important;

    font-size: 16px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-reg-emp > div {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;

    min-width: 0 !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-reg-emp strong {
    display: block !important;

    margin: 0 !important;

    color: #0f172a !important;

    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-reg-emp > div > span {
    display: block !important;

    max-width: 220px !important;

    color: #64748b !important;

    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Keep old single-letter avatar text from appearing as a separate line */
body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-reg-avatar + div {
    min-width: 0 !important;
}

/* =========================================================
   Sort headings — same as Project Reports
========================================================= */

body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-sortable-admin-reg {
    position: relative !important;

    cursor: pointer !important;
    user-select: none !important;
    white-space: nowrap !important;

    transition: color 0.18s ease !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-sortable-admin-reg .dashicons {
    display: inline-block !important;

    width: 14px !important;
    height: 14px !important;

    margin: 0 0 0 4px !important;

    color: #94a3b8 !important;

    font-size: 14px !important;
    line-height: 14px !important;

    vertical-align: middle !important;

    opacity: 0.65 !important;

    transition:
        color 0.18s ease,
        opacity 0.18s ease,
        transform 0.18s ease !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-sortable-admin-reg:hover,
body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-sortable-admin-reg.is-sorted {
    color: #0c3df4 !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-sortable-admin-reg:hover .dashicons,
body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-sortable-admin-reg.is-sorted .dashicons {
    color: #0c3df4 !important;
    opacity: 1 !important;
}

/* Change icon direction according to current sort */
body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-sortable-admin-reg.is-sort-desc .dashicons {
    transform: rotate(180deg) !important;
}

/* =========================================================
   Status badges
========================================================= */

body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-status-stack {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 5px !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-status-pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 28px !important;

    padding: 4px 12px !important;

    border: 1px solid transparent !important;
    border-radius: 999px !important;

    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;

    white-space: nowrap !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-status-pill.status-pending {
    border-color: #dbeafe !important;
    background: #eff6ff !important;
    color: #155eef !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-status-pill.status-approved {
    border-color: #bbf7d0 !important;
    background: #ecfdf3 !important;
    color: #07883e !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-status-pill.status-rejected {
    border-color: #fecaca !important;
    background: #fff1f2 !important;
    color: #dc2626 !important;
}
/* =========================================================
   Attendance Regularization action buttons
   Match Project Reports icon action
========================================================= */

body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-reg-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    width: 100% !important;

    white-space: nowrap !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-reg-actions
.hrjtek-reg-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 42px !important;

    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid #dbe5f5 !important;
    border-radius: 12px !important;

    background: #ffffff !important;
    color: #0c3df4 !important;

    box-shadow: 0 5px 14px rgba(15, 23, 42, 0.05) !important;

    cursor: pointer !important;

    transition:
        color 0.18s ease,
        border-color 0.18s ease,
        background 0.18s ease,
        transform 0.18s ease,
        box-shadow 0.18s ease !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-reg-actions
.hrjtek-reg-action .dashicons {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 18px !important;
    height: 18px !important;

    margin: 0 !important;

    color: currentColor !important;

    font-size: 18px !important;
    line-height: 18px !important;
}

/* Approve button */
body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-reg-action[data-decision="approved"]:hover {
    border-color: #16a34a !important;

    background: #ecfdf3 !important;
    color: #15803d !important;

    transform: translateY(-1px) !important;

    box-shadow: 0 8px 18px rgba(22, 163, 74, 0.14) !important;
}

/* Reject button */
body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-reg-action[data-decision="rejected"]:hover {
    border-color: #ef4444 !important;

    background: #fff1f2 !important;
    color: #dc2626 !important;

    transform: translateY(-1px) !important;

    box-shadow: 0 8px 18px rgba(239, 68, 68, 0.14) !important;
}

/* Keyboard focus */
body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-reg-action:focus-visible {
    outline: 3px solid rgba(37, 99, 235, 0.18) !important;
    outline-offset: 2px !important;
}

/* Completed action */
body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-action-completed {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;

    min-height: 32px !important;

    padding: 5px 10px !important;

    border: 1px solid #e2e8f0 !important;
    border-radius: 999px !important;

    background: #f8fafc !important;
    color: #475569 !important;

    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;

    white-space: nowrap !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-action-completed .dashicons {
    width: 15px !important;
    height: 15px !important;

    margin: 0 !important;

    color: #16a34a !important;

    font-size: 15px !important;
    line-height: 15px !important;
}
/* =========================================================
   Attendance Regularization pagination
   Match Project Reports pagination
========================================================= */

body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-admin-reg-pagination {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;

    width: 100% !important;

    margin: 14px 0 0 !important;
    padding: 10px 0 2px !important;

    border: 0 !important;

    background: transparent !important;

    box-sizing: border-box !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-reg-page-info {
    color: #64748b !important;

    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-reg-page-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;

    margin: 0 !important;
}

/* Previous and Next */
body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-reg-page-actions
#hrjtek-admin-reg-prev,
body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-reg-page-actions
#hrjtek-admin-reg-next {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;

    width: auto !important;
    min-width: 94px !important;
    height: 38px !important;
    min-height: 38px !important;

    margin: 0 !important;
    padding: 0 14px !important;

    border: 1px solid #dbe5f5 !important;
    border-radius: 12px !important;

    background: #ffffff !important;
    color: #0f172a !important;

    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.06) !important;

    cursor: pointer !important;

    transition:
        color 0.18s ease,
        border-color 0.18s ease,
        background 0.18s ease,
        transform 0.18s ease !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-reg-page-actions
#hrjtek-admin-reg-prev:hover:not(:disabled),
body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-reg-page-actions
#hrjtek-admin-reg-next:hover:not(:disabled) {
    border-color: #0c3df4 !important;

    background: #f4f7ff !important;
    color: #0c3df4 !important;

    transform: translateY(-1px) !important;
}

/* Disabled pagination */
body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-reg-page-actions
button:disabled {
    border-color: #e2e8f0 !important;

    background: #ffffff !important;
    color: #94a3b8 !important;

    box-shadow: none !important;

    cursor: not-allowed !important;
    opacity: 0.5 !important;
}

/* Current page */
body.hrjtek-portal
#hrjtek-regularization-admin
#hrjtek-admin-reg-page {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 38px !important;

    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid #0c3df4 !important;
    border-radius: 12px !important;

    background: #0c3df4 !important;
    color: #ffffff !important;

    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    box-shadow: 0 8px 18px rgba(12, 61, 244, 0.25) !important;
}

@media (max-width: 700px) {
    body.hrjtek-portal
    #hrjtek-regularization-admin
    .hrjtek-admin-reg-pagination {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    body.hrjtek-portal
    #hrjtek-regularization-admin
    .hrjtek-reg-page-actions {
        width: 100% !important;
        justify-content: flex-start !important;
    }
}
body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-reg-page-actions button .dashicons {
    width: 16px !important;
    height: 16px !important;

    margin: 0 !important;

    color: currentColor !important;

    font-size: 16px !important;
    line-height: 16px !important;
}
/* =========================================================
   Attendance Regularization complete page card
   Match Project Reports page
========================================================= */

body.hrjtek-portal
#hrjtek-regularization-admin {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 22px 20px 20px !important;

    border: 1px solid #dfe6f1 !important;
    border-radius: 18px !important;

    background: #ffffff !important;

    box-shadow:
        0 8px 26px rgba(15, 23, 42, 0.04) !important;

    box-sizing: border-box !important;
}
/* Page heading inside main white card */
body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-regularization-page-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 20px !important;

    width: 100% !important;

    margin: 0 0 20px !important;
    padding: 0 4px !important;

    box-sizing: border-box !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-reports-heading-left {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;

    min-width: 0 !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-reports-heading-left > .dashicons {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 24px !important;

    width: 24px !important;
    height: 24px !important;

    margin: 0 !important;

    color: #0c3df4 !important;

    font-size: 24px !important;
    line-height: 24px !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-reports-heading-wrap {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-reports-heading-wrap h3 {
    margin: 0 !important;
    padding: 0 !important;

    color: #0f172a !important;

    font-size: 19px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-reports-heading-wrap p {
    margin: 0 !important;
    padding: 0 !important;

    color: #64748b !important;

    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
    letter-spacing: 0.35px !important;
}
/* Heading Filter button */
body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-reports-toolbar {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    flex-shrink: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
#hrjtek-admin-reg-filter-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    width: auto !important;
    min-width: 108px !important;
    height: 42px !important;
    min-height: 42px !important;

    margin: 0 !important;
    padding: 0 17px !important;

    border: 0 !important;
    border-radius: 11px !important;

    background:
        linear-gradient(
            137deg,
            #0c3df4 0%,
            #02aef7 100%
        ) !important;

    color: #ffffff !important;

    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    box-shadow:
        0 9px 20px rgba(12, 61, 244, 0.18) !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
#hrjtek-admin-reg-filter-btn .dashicons {
    width: 18px !important;
    height: 18px !important;

    margin: 0 !important;

    color: #ffffff !important;

    font-size: 18px !important;
    line-height: 18px !important;
}
/* Filter controls card */
body.hrjtek-portal
#hrjtek-regularization-admin
#hrjtek-admin-reg-filter-panel {
    display: none !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    margin: 0 0 18px !important;
    padding: 14px 16px !important;

    border: 1px solid #dce7f5 !important;
    border-radius: 16px !important;

    background: #f8fbff !important;

    box-shadow: none !important;

    box-sizing: border-box !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
#hrjtek-admin-reg-filter-panel.is-open {
    display: grid !important;

    grid-template-columns:
        minmax(300px, 1fr)
        minmax(220px, 260px)
        minmax(220px, 260px)
        minmax(140px, 160px) !important;

    align-items: center !important;
    gap: 16px !important;
}
/* Search, date, status and reset alignment */
body.hrjtek-portal
#hrjtek-regularization-admin
#hrjtek-admin-reg-filter-panel
input,
body.hrjtek-portal
#hrjtek-regularization-admin
#hrjtek-admin-reg-filter-panel
select,
body.hrjtek-portal
#hrjtek-regularization-admin
#hrjtek-admin-reg-filter-panel
button {
    height: 48px !important;
    min-height: 48px !important;

    margin: 0 !important;

    border-radius: 12px !important;

    box-sizing: border-box !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
#hrjtek-filter-employee,
body.hrjtek-portal
#hrjtek-regularization-admin
#hrjtek-filter-status,
body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-admin-reg-date-alt {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    padding-left: 16px !important;

    border: 1px solid #d9e3f1 !important;

    background-color: #ffffff !important;
    color: #1e293b !important;

    font-size: 14px !important;
    font-weight: 500 !important;

    box-shadow:
        0 3px 10px rgba(15, 23, 42, 0.03) !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
#hrjtek-filter-employee:focus,
body.hrjtek-portal
#hrjtek-regularization-admin
#hrjtek-filter-status:focus,
body.hrjtek-portal
#hrjtek-regularization-admin
.hrjtek-admin-reg-date-alt:focus {
    border-color: #2563eb !important;
    outline: none !important;

    box-shadow:
        0 0 0 3px rgba(37, 99, 235, 0.09) !important;
}
body.hrjtek-portal
#hrjtek-regularization-admin
#hrjtek-admin-reg-reset {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-width: 140px !important;
    max-width: none !important;

    padding: 0 16px !important;

    border: 1px solid #d9e3f1 !important;
    border-radius: 12px !important;

    background: #ffffff !important;
    color: #475569 !important;

    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;

    box-shadow:
        0 4px 12px rgba(15, 23, 42, 0.04) !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
#hrjtek-admin-reg-reset:hover {
    border-color: #b9c7dc !important;

    background: #f8fafc !important;
    color: #0f172a !important;
}
/* Remove old spacing that pushes content outside the card */
body.hrjtek-portal
#hrjtek-regularization-admin
> :first-child {
    margin-top: 0 !important;
}

body.hrjtek-portal
#hrjtek-regularization-admin
> :last-child {
    margin-bottom: 0 !important;
}
@media (max-width: 1100px) {
    body.hrjtek-portal
    #hrjtek-regularization-admin
    #hrjtek-admin-reg-filter-panel.is-open {
        grid-template-columns: 1fr 1fr !important;
    }

    body.hrjtek-portal
    #hrjtek-regularization-admin
    #hrjtek-filter-employee {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 700px) {
    body.hrjtek-portal
    #hrjtek-regularization-admin {
        padding: 18px 14px !important;
    }

    body.hrjtek-portal
    #hrjtek-regularization-admin
    .hrjtek-regularization-page-head {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    body.hrjtek-portal
    #hrjtek-regularization-admin
    .hrjtek-reports-toolbar {
        justify-content: flex-start !important;
    }

    body.hrjtek-portal
    #hrjtek-regularization-admin
    #hrjtek-admin-reg-filter-panel.is-open {
        grid-template-columns: 1fr !important;
    }

    body.hrjtek-portal
    #hrjtek-regularization-admin
    #hrjtek-filter-employee {
        grid-column: auto !important;
    }
}