/* Scoped AYMAN HR Report V3: no global styling changes */
.hr-page .hr3-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;color:#ecf5ff}
.hr-page .hr3-heading h2{font-size:clamp(22px,2.4vw,30px);margin:7px 0;font-weight:800;color:#f4f9ff}
.hr-page .hr3-heading p{margin:0;color:#aabfce;font-size:13px}
.hr-page .hr3-eyebrow{display:inline-block;margin:8px 0 0;color:#80c6cf;font-size:10px;letter-spacing:1.6px;font-weight:800}
.hr-page .hr3-heading .hr-quiet-button{margin-inline-end:14px}
.hr-page .hr3-online{font-weight:700;font-size:12px;padding:12px 16px;border-radius:12px;background:#213f4b;color:#9be4d4}
.hr-page .hr3-online.hr3-error{background:#4b2e30;color:#ffd8c6}
.hr-page .hr3-filters{display:grid;grid-template-columns:repeat(2,minmax(170px,1fr)) minmax(225px,1.4fr) minmax(200px,1.2fr) auto auto;align-items:end;gap:12px;background:#fff;padding:17px;border:1px solid #e2edf1;border-radius:17px;box-shadow:0 10px 24px #091f3310}
.hr-page .hr3-filters label{display:flex;flex-direction:column;gap:6px;color:#466075;font-weight:700;font-size:12px}
.hr-page .hr3-filters input,.hr-page .hr3-filters select{height:45px;width:100%;min-width:0;padding:8px 12px;border:1px solid #d2e0e6;border-radius:10px;background:#fafdfd;color:#193349;font:inherit;font-weight:600}
.hr-page .hr3-filters button{min-height:45px;white-space:nowrap}
.hr-page .hr3-print-btn{border:1px solid #b3d8dd;border-radius:11px;padding:11px 17px;background:#e9f5f6;color:#186173;font-size:13px;font-weight:800;cursor:pointer}
.hr-page .hr3-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:13px 0}
.hr-page .hr3-stats>div{background:#fff;border:1px solid #e3e9f1;border-radius:13px;padding:13px 18px;color:#426077}
.hr-page .hr3-stats small{display:block;font-size:12px}.hr-page .hr3-stats strong{display:block;margin-top:5px;color:#14344d;font-size:27px;font-weight:900}
.hr-page .hr3-subnotice{background:#e9f5f6;border:1px solid #cce7ea;color:#3b646a;font-size:12px;line-height:1.8;padding:12px 15px;margin:12px 0;border-radius:12px}
.hr-page #hrReportPrintZone{border-radius:18px;background:#f7fafb;padding:14px}
.hr-page .hr3-print-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 17px;color:#173e4d}
.hr-page .hr3-print-head small{font-size:12px;color:#678b96}.hr-page .hr3-print-head h2{margin:5px 0;font-size:21px}.hr-page .hr3-print-head>span{font-size:12px;font-weight:700}
.hr-page .hr3-report-content{display:grid;gap:15px}.hr-page .hr3-employee-card{background:#fff;border-radius:13px;border:1px solid #e4ebed;overflow:hidden;break-inside:avoid}
.hr-page .hr3-employee-card header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#eaf4f6;padding:13px 17px;color:#1b495b}
.hr-page .hr3-employee-card h3{font-size:17px;margin:0 0 5px}.hr-page .hr3-employee-card header small{font-size:12px;color:#5f7e87}
.hr-page .hr3-employee-card header b{display:inline-flex;align-items:center;font-size:13px}
.hr-page .hr3-table-wrap{overflow:auto}.hr-page .hr3-table{border-collapse:collapse;width:100%;min-width:980px;text-align:right;font-size:12px;color:#19344a}
.hr-page .hr3-table th{padding:12px 8px;white-space:nowrap;background:#f4f9fb;color:#60788a;font-weight:800;border-bottom:1px solid #dae5e8}
.hr-page .hr3-table td{padding:12px 8px;border-bottom:1px solid #e7edf0;white-space:nowrap;vertical-align:top}.hr-page .hr3-table tbody tr:nth-child(even){background:#fbfcfd}
.hr-page .hr3-employee-total{display:flex;flex-wrap:wrap;gap:20px;padding:12px 17px;color:#365668;font-size:12px}
.hr-page .hr3-pill{display:inline-block;padding:5px 9px;border-radius:20px;background:#eef2f4;color:#506271;font-size:11px;font-weight:800}
.hr-page .hr3-pill.good{background:#dff4e8;color:#0c7050}.hr-page .hr3-pill.bad{background:#fff0e7;color:#a65b21}.hr-page .hr3-pill.warn{background:#fff6d9;color:#946400}
.hr-page .hr3-empty{background:#fff;border-radius:12px;padding:36px;text-align:center;color:#607c8d}
.hr-page .hr3-report-foot{padding:15px;color:#69818a;font-size:12px;line-height:1.7}
.hr-page .hr3-live .hr-result-stat{margin-top:13px}
.hr-page .hr3-live-filters{grid-template-columns:repeat(4,minmax(130px,1fr)) auto}
@media(max-width:1200px){.hr-page .hr3-filters{grid-template-columns:repeat(3,minmax(170px,1fr))}.hr-page .hr3-live-filters{grid-template-columns:repeat(2,minmax(170px,1fr))}}
@media(max-width:700px){.hr-page .hr3-filters,.hr-page .hr3-live-filters{grid-template-columns:1fr}.hr-page .hr3-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-page #hrReportPrintZone{padding:5px}.hr-page .hr3-employee-card header{padding:11px}}
@media print {
 @page{size:A4 landscape;margin:10mm}
 body *{visibility:hidden!important}
 #hrReportPrintZone,#hrReportPrintZone *{visibility:visible!important}
 #hrReportPrintZone{position:absolute!important;left:0!important;top:0!important;width:100%!important;margin:0!important;padding:0!important;background:#fff!important;box-shadow:none!important}
 #hrReportPrintZone .hr3-employee-card{break-inside:avoid-page!important;margin-bottom:9mm;border:1px solid #ccd5d9!important}
 #hrReportPrintZone .hr3-table-wrap{overflow:visible!important}
 #hrReportPrintZone .hr3-table{min-width:0!important;font-size:9px!important}
 #hrReportPrintZone .hr3-table th,#hrReportPrintZone .hr3-table td{padding:5px 4px!important;white-space:normal!important}
 #hrReportPrintZone .hr3-print-head{padding:7px!important}
 #hrReportPrintZone .hr3-employee-card header{background:#eaf4f6!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}
 #hrReportPrintZone .hr3-pill{border:1px solid #d7e0e5!important}
}

.hr-page .hr3-quick-actions{display:flex;gap:8px;flex-wrap:wrap}

/* AYMAN_HR_MONITOR_V4 — scoped, dashboard and print separated. */
.hr-page .hr3-subnotice{display:none!important}
.hr-page #hrReportPrintZone{padding:0!important;background:transparent!important;border-radius:0!important}
.hr-page #hrReportPrintZone>.hr3-print-head,
.hr-page #hrReportPrintZone>.hr3-report-foot,
.hr-page #hr4PrintOnly{display:none!important}
.hr-page .hr3-stats{gap:10px;margin:12px 0 16px}
.hr-page .hr3-stats>div{position:relative;padding:14px 17px;border:1px solid #e4ecf2;border-radius:15px;box-shadow:0 3px 12px #10283a08}
.hr-page .hr3-stats strong{font-size:25px;line-height:1.3;color:#123c50}
.hr-page .hr3-report-content{display:block!important}
.hr-page .hr4-board{background:#fff;border:1px solid #e0e8ed;border-radius:18px;overflow:hidden;box-shadow:0 8px 25px #091f3311;color:#193649}
.hr-page .hr4-board-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:17px 21px 9px}
.hr-page .hr4-board-head b{display:block;font-weight:900;font-size:19px}
.hr-page .hr4-board-head small{display:block;color:#6f8596;font-size:12px;margin-top:5px}
.hr-page .hr4-board-count{background:#f0f6f7;border:1px solid #d8e8ec;border-radius:30px;padding:7px 13px;font-size:12px;font-weight:800;color:#286578}
.hr-page .hr4-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:11px 19px 14px;border-bottom:1px solid #e8edf1}
.hr-page .hr4-tabs button{border:1px solid #e4edf2;background:#fff;border-radius:10px;color:#5c7282;font:inherit;font-size:12px;font-weight:800;cursor:pointer;padding:8px 11px;display:inline-flex;align-items:center;gap:7px}
.hr-page .hr4-tabs button span{background:#f2f6f8;border-radius:6px;padding:2px 7px;font-size:11px}
.hr-page .hr4-tabs button.active{background:#1f7587;border-color:#1f7587;color:white}
.hr-page .hr4-tabs button.active span{background:#ffffff30;color:#fff}
.hr-page .hr4-scroll{overflow:auto;max-width:100%;scrollbar-color:#bbd3da transparent}
.hr-page .hr4-table{width:100%;min-width:940px;border-collapse:collapse;text-align:right;table-layout:auto;color:#213a4b;font-size:13px}
.hr-page .hr4-table th{font-size:12px;color:#668296;font-weight:800;background:#f7fafb;padding:13px 12px;border-bottom:1px solid #e3ebee;white-space:nowrap}
.hr-page .hr4-table td{padding:13px 12px;border-bottom:1px solid #ecf1f3;white-space:nowrap;vertical-align:middle}
.hr-page .hr4-table tr.hr4-main:hover{background:#f8fcfd}
.hr-page .hr4-table tr[hidden]{display:none!important}
.hr-page .hr4-person{display:flex;align-items:center;gap:10px;min-width:205px}
.hr-page .hr4-person b{font-weight:850;display:block;line-height:1.6}
.hr-page .hr4-person small{display:block;font-size:11px;color:#8496a3;line-height:1.3}
.hr-page .hr4-avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;height:36px;width:36px;border-radius:11px;background:#e9f2f5;color:#307287;font-weight:900;font-size:16px}
.hr-page .hr4-shift{font-size:12px;color:#526a79;white-space:normal;max-width:195px;display:block;line-height:1.55}
.hr-page .hr4-time{font-family:Tahoma,Arial,sans-serif;font-weight:850;direction:ltr;display:inline-block;color:#203b50;letter-spacing:.2px}
.hr-page .hr4-dash{color:#bac9d1}
.hr-page .hr4-metric-warn{color:#ac6017}
.hr-page .hr4-aggregate{font-weight:800;color:#426d7f;font-size:12px}
.hr-page .hr4-status{display:inline-block;padding:6px 9px;border-radius:9px;background:#eef2f5;color:#627786;font-weight:800;font-size:11px;line-height:1.25}
.hr-page .hr4-status.good{background:#e1f5ec;color:#14734f}
.hr-page .hr4-status.warn{background:#fff2db;color:#945f17}
.hr-page .hr4-status.sky{background:#e8f3fd;color:#286fa5}
.hr-page .hr4-status.neutral{background:#edf1f4;color:#61717b}
.hr-page .hr4-detail-button{font:inherit;font-weight:800;font-size:12px;background:#f0f7f9;color:#1e6c80;border:1px solid #d8e8ef;border-radius:9px;padding:8px 12px;cursor:pointer}
.hr-page .hr4-detail-frame{padding:12px 15px;background:#f6fafb;border:1px solid #e2edf1;border-radius:12px}
.hr-page .hr4-table tr.hr4-detail>td{padding:8px 16px;background:#f9fbfc}
.hr-page .hr4-detail-label{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-weight:800;padding-bottom:9px}
.hr-page .hr4-detail-label small{font-weight:400;color:#718b9b}
.hr-page .hr4-nested-scroll{overflow:auto}
.hr-page .hr4-nested{border-collapse:collapse;width:100%;min-width:780px}
.hr-page .hr4-nested th,.hr-page .hr4-nested td{padding:9px!important;border-bottom:1px solid #dfe8ee!important;font-size:12px!important}
.hr-page .hr4-nested th{background:#edf4f6;color:#547285}
.hr-page .hr4-bottomline{padding:13px 20px;background:#fbfcfd;color:#798d99;font-size:11px;line-height:1.8}
.hr-page .hr4-empty{background:#fff;border:1px solid #e0e9ec;border-radius:17px;text-align:center;padding:48px 22px;color:#285468}
.hr-page .hr4-empty strong{font-size:18px}
.hr-page .hr4-empty p{color:#6c8897;font-size:13px}
@media(max-width:750px){.hr-page .hr4-board-head{padding:14px}.hr-page .hr4-tabs{padding:8px;flex-wrap:nowrap;overflow-x:auto}.hr-page .hr4-tabs button{flex:none}.hr-page .hr4-board-count{font-size:11px}.hr-page .hr4-bottomline{padding:12px}.hr-page .hr4-table{min-width:760px}.hr-page .hr4-table td,.hr-page .hr4-table th{padding:10px 8px}}
@media print{
 @page{size:A4 landscape;margin:11mm}
 .hr-page #hrReportPrintZone{display:block!important;width:100%!important;position:absolute!important;top:0!important;left:0!important;padding:0!important;background:#fff!important}
 .hr-page #hrReportPrintZone>.hr3-print-head{display:flex!important;visibility:visible!important;color:#173d51!important;border-bottom:1px solid #d3e0e6;margin-bottom:8mm}
 .hr-page #hrReportPrintZone>#hr3ReportContent{display:none!important}
 .hr-page #hrReportPrintZone>#hr4PrintOnly{display:block!important;visibility:visible!important}
 .hr-page #hrReportPrintZone>.hr3-report-foot{display:block!important;padding:8px 0!important;color:#607d8b!important}
 .hr-page .hr4-paper-person{break-before:page;page-break-before:always;break-inside:auto;page-break-inside:auto;color:#1d3e52!important;font-size:10px!important}
 .hr-page .hr4-paper-person.first{break-before:auto;page-break-before:auto}
 .hr-page .hr4-paper-title{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#f1f6f8!important;border:1px solid #dae5e9;border-radius:7px;padding:10px 13px;margin-bottom:11px;print-color-adjust:exact;-webkit-print-color-adjust:exact}
 .hr-page .hr4-paper-title h3{font-size:17px!important;margin:4px 0;color:#123a50!important}
 .hr-page .hr4-paper-title small,.hr-page .hr4-paper-title p{color:#5c7683!important;font-size:10px!important;margin:2px 0}
 .hr-page .hr4-paper-range{font-size:11px!important;font-weight:800!important;color:#246579!important}
 .hr-page .hr4-paper-table{border-collapse:collapse;width:100%!important;font-size:10px!important;text-align:right!important}
 .hr-page .hr4-paper-table thead{display:table-header-group}
 .hr-page .hr4-paper-table tr{break-inside:avoid-page;page-break-inside:avoid}
 .hr-page .hr4-paper-table th,.hr-page .hr4-paper-table td{border:1px solid #dbe4e8!important;padding:9px 7px!important;text-align:right!important;color:#284557!important}
 .hr-page .hr4-paper-table th{background:#f4f8fa!important;font-weight:800!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}
 .hr-page .hr4-paper-totals{display:flex;flex-wrap:wrap;gap:17px;padding:13px 4px;font-size:10px!important;color:#3b5a69!important;border-bottom:1px solid #d7e1e5}
 .hr-page .hr4-paper-totals b{font-weight:900;color:#15364b!important}
}


/* AYMAN_HR_TABLE_ROW_DIVIDERS_V1 */

@media screen {

    /* Clear table header */

    .hr-page .hr4-table thead th {
        background: #eaf2f6 !important;
        border-bottom: 2px solid #b8cfdc !important;
        border-left: 1px solid #d5e3eb !important;
        color: #36576b !important;
    }

    /* Employee row boundaries */

    .hr-page .hr4-table tbody > tr.hr4-main > td {
        background: #ffffff;
        border-bottom: 2px solid #cfdee7 !important;
        border-left: 1px solid #dce7ed !important;
        transition: background-color 0.16s ease;
    }

    /* Alternating employee rows */

    .hr-page .hr4-table tbody >
    tr.hr4-main:nth-of-type(4n + 3) > td {
        background: #edf5f9;
    }

    /* Subtle starting edge for each employee */

    .hr-page .hr4-table tbody >
    tr.hr4-main > td:first-child {
        border-right: 4px solid #bfd7e3 !important;
    }

    .hr-page .hr4-table tbody >
    tr.hr4-main:nth-of-type(4n + 3) > td:first-child {
        border-right-color: #78b2c5 !important;
    }

    /* Highlight entire row on hover or keyboard focus */

    .hr-page .hr4-table tbody >
    tr.hr4-main:hover > td,

    .hr-page .hr4-table tbody >
    tr.hr4-main:focus-within > td {
        background: #ddf0f6 !important;
    }

    /* Expanded employee details */

    .hr-page .hr4-table tbody >
    tr.hr4-detail > td {
        background: #f7fbfd !important;
        border-bottom: 2px solid #cfdee7 !important;
    }

}


/* ==========================================
   AYMAN_HR_COMPACT_NAV_V1
   Clean HR navigation and minimal headers
   ========================================== */

@media screen {

    /* Remove large repeated HR hero */

    .hr-page > .hr-hero {
        display: none !important;
    }

    /* Remove repeated main HR title */

    .hr-page > .page-heading > div {
        display: none !important;
    }

    .hr-page > .page-heading {
        margin: 0 0 14px !important;
        padding: 0 !important;
        min-height: 48px;
        align-items: center;
    }

    /* Use each subpage's own back button */

    .hr-page:has(
        > #hrAttendanceView:not(.hidden),
        > #hrLiveView:not(.hidden),
        > #hrDefinitionsView:not(.hidden),
        > #hrEmployeesView:not(.hidden)
    ) > .page-heading {
        display: none !important;
    }

    /* Report: hide decorative headings */

    .hr-page #hrAttendanceView .hr3-heading
    > div:first-child > :not(button) {
        display: none !important;
    }

    .hr-page #hrAttendanceView #hr3SyncIndicator {
        display: none !important;
    }

    /* Live logs: keep functional sync buttons */

    .hr-page #hrLiveView .hr3-heading
    > div:first-child > :not(button) {
        display: none !important;
    }

    /* Definitions: remove duplicated headings */

    .hr-page #hrDefinitionsView .hrd-top > div,
    .hr-page #hrDefinitionsView .hrd-breadcrumb {
        display: none !important;
    }

    /* Prevent duplicate back arrows in submenus */

    .hr-page #hrDefinitionsView:has(
        > #hrdPeriods:not(.hidden),
        > #hrdEmployees:not(.hidden)
    ) > .hrd-top {
        display: none !important;
    }

    .hr-page #hrDefinitionsView
    .hrd-sectionhead h3,

    .hr-page #hrDefinitionsView
    .hrd-sectionhead p {
        display: none !important;
    }

    /* Legacy employee screen */

    .hr-page #hrEmployeesView
    .hr-subhead > div {
        display: none !important;
    }

    /* Compact spacing */

    .hr-page .hr3-heading,
    .hr-page .hr-subhead,
    .hr-page .hrd-top {
        min-height: 49px;
        margin: 0 0 14px !important;
        padding: 0 !important;
        align-items: center !important;
    }

    .hr-page .hrd-top {
        flex-direction: row !important;
    }

    .hr-page .hrd-sectionhead {
        margin: 0 0 14px !important;
        align-items: center !important;
    }

    /* Unified back arrow */

    .hr-page > .page-heading .back-button,

    .hr-page #hrBackAttendance,
    .hr-page #hrBackEmployees,
    .hr-page #hr3BackLive,
    .hr-page #hrdBackHome,
    .hr-page #hrdPeriodsBack,
    .hr-page #hrdEmployeesBack {

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

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

        display: inline-grid !important;
        place-items: center !important;

        background: #f0f8fb !important;
        color: #176b80 !important;

        border: 1px solid #b9dbe5 !important;
        border-radius: 14px !important;

        box-shadow:
            0 4px 13px rgba(8,40,65,.10) !important;

        font-weight: 900 !important;
        cursor: pointer !important;

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

    /* Hide written back labels, retain accessibility */

    .hr-page #hrBackAttendance,
    .hr-page #hrBackEmployees,
    .hr-page #hr3BackLive,
    .hr-page #hrdBackHome,
    .hr-page #hrdPeriodsBack,
    .hr-page #hrdEmployeesBack {
        font-size: 0 !important;
    }

    /* Arrow symbol */

    .hr-page #hrBackAttendance::before,
    .hr-page #hrBackEmployees::before,
    .hr-page #hr3BackLive::before,
    .hr-page #hrdBackHome::before,
    .hr-page #hrdPeriodsBack::before,
    .hr-page #hrdEmployeesBack::before {
        content: "\2192";
        font-size: 25px !important;
        line-height: 1 !important;
        font-family: Arial, sans-serif !important;
    }

    .hr-page > .page-heading .back-button {
        font-size: 25px !important;
        line-height: 1 !important;
    }

    /* Hover */

    .hr-page > .page-heading .back-button:hover,
    .hr-page #hrBackAttendance:hover,
    .hr-page #hrBackEmployees:hover,
    .hr-page #hr3BackLive:hover,
    .hr-page #hrdBackHome:hover,
    .hr-page #hrdPeriodsBack:hover,
    .hr-page #hrdEmployeesBack:hover {

        background: #dff1f6 !important;

        box-shadow:
            0 6px 18px rgba(8,50,70,.16) !important;

        transform: translateX(2px) !important;
    }

    /* Keyboard accessibility */

    .hr-page > .page-heading .back-button:focus-visible,
    .hr-page #hrBackAttendance:focus-visible,
    .hr-page #hrBackEmployees:focus-visible,
    .hr-page #hr3BackLive:focus-visible,
    .hr-page #hrdBackHome:focus-visible,
    .hr-page #hrdPeriodsBack:focus-visible,
    .hr-page #hrdEmployeesBack:focus-visible {

        outline: 3px solid #27a5b6 !important;
        outline-offset: 3px !important;
    }

}

/* AYMAN_HR_DIRECTION_V9 */
.hr-page .hr9-cell{display:inline-flex;flex-direction:column;gap:3px;align-items:flex-start;line-height:1.4;white-space:normal;min-width:100px}
.hr-page .hr9-cell b{font-size:12px;font-weight:850}.hr-page .hr9-cell small{font-size:11px;font-weight:600;color:#657b88;white-space:normal}
.hr-page .hr9-good b{color:#137154}.hr-page .hr9-warn b{color:#a85816}.hr-page .hr9-on b{color:#426b7b}
@media print{.hr-page .hr9-cell b{font-size:10px!important}.hr-page .hr9-cell small{font-size:9px!important}}

/* AYMAN_HR_PRINT_CLEAN_V10 */

@media print {

  /* Remove company label from print header */
  .hr-page #hrReportPrintZone > .hr3-print-head small {
    display: none !important;
  }

  /* Remove warning footer completely */
  .hr-page #hrReportPrintZone > #hr3ReportFoot {
    display: none !important;
  }

}