/* AYMAN HR Definitions V2. Fully scoped under .hr-page .hr-definitions */
.hr-page .hr-definitions{--hd-border:#dce7ed;--hd-ink:#193a53;--hd-muted:#698095;--hd-green:#217c7c;color:var(--hd-ink)}
.hr-page .hrd-top{display:flex;align-items:center;gap:19px;margin:7px 0 12px;flex-wrap:wrap}.hr-page .hrd-top h2{font-size:clamp(23px,3vw,30px);margin:2px 0 3px}.hr-page .hrd-top p{color:var(--hd-muted);font-size:13px;margin:0}.hr-page .hrd-kicker{color:#2a8c8b;font-size:10px;font-weight:900;letter-spacing:1.8px}
.hr-page .hrd-breadcrumb{padding:10px 0 20px;color:#7c91a3;font-size:11px}
.hr-page .hrd-feature-note{display:flex;gap:12px;align-items:center;background:#e9f3f5;border:1px solid #d2e6e8;border-radius:16px;padding:17px 21px;margin-bottom:20px;line-height:1.9}.hr-page .hrd-feature-note b{color:#166b77;white-space:nowrap;font-size:14px}.hr-page .hrd-feature-note span{color:#587388;font-size:12px}
.hr-page .hrd-landing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.hr-page .hrd-nav-card{font:inherit;text-align:right;background:#fff;border:1px solid var(--hd-border);border-radius:21px;box-shadow:0 11px 35px rgba(17,57,75,.06);display:flex;align-items:center;gap:18px;min-height:152px;padding:23px;cursor:pointer;color:var(--hd-ink);transition:.2s}.hr-page .hrd-nav-card:hover{transform:translateY(-3px);border-color:#91bdc3;box-shadow:0 17px 43px rgba(17,57,75,.1)}.hr-page .hrd-nav-card>span:nth-child(2){display:grid;gap:8px}.hr-page .hrd-nav-card b{font-size:21px}.hr-page .hrd-nav-card small{font-size:12px;line-height:1.75;color:var(--hd-muted)}.hr-page .hrd-icon{height:66px;width:66px;display:grid;place-items:center;font-size:36px;background:#e4f5f3;border-radius:19px;color:#218177;flex-shrink:0}.hr-page .hrd-icon-blue{background:#edf3fb;color:#356b9a}.hr-page .hrd-card-arrow{margin-right:auto;color:#7b9fac;font-size:22px}
.hr-page .hrd-sectionhead{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:2px 0 21px}.hr-page .hrd-sectionhead h3{margin:7px 0 4px;font-size:25px}.hr-page .hrd-sectionhead p{font-size:12px;color:var(--hd-muted);margin:0}.hr-page .hrd-text-back{border:0;background:none;color:#217d88;cursor:pointer;padding:0;font:inherit;font-size:12px;font-weight:800}
.hr-page .hrd-counter{background:#eaf5f6;color:#236877;padding:12px 17px;border-radius:12px;border:1px solid #d9e9eb;font-size:12px;margin-bottom:16px}.hr-page .hrd-period-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hr-page .hrd-period-card{border:1px solid var(--hd-border);border-radius:19px;background:#fff;padding:19px 21px;box-shadow:0 6px 25px rgba(14,47,69,.04)}.hr-page .hrd-period-top,.hr-page .hrd-period-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.hr-page .hrd-period-top .hrd-number{font-size:11px;color:#648398;font-weight:800}.hr-page .hrd-period-card h4{font-size:19px;margin:15px 0}.hr-page .hrd-period-time{display:flex;align-items:center;gap:10px;color:#1f6473;padding:13px 15px;background:#f1f7f8;border-radius:11px;flex-wrap:wrap}.hr-page .hrd-period-time i{font-style:normal;color:#88a4ad}.hr-page .hrd-period-time strong{font-size:16px}.hr-page .hrd-period-time small{font-size:10px}.hr-page .hrd-period-days{min-height:53px;display:flex;gap:5px;flex-wrap:wrap;align-content:center;margin:14px 0}.hr-page .hrd-period-days span{font-size:10px;border-radius:8px;padding:6px 9px;background:#f0f4f7;color:#617789}.hr-page .hrd-period-bottom{border-top:1px solid #e9f0f4;padding-top:12px;color:#657f91;font-size:12px}.hr-page .hrd-no-data{grid-column:1/-1;background:#fff;border:1px dashed #bed6dd;border-radius:18px;min-height:165px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px}.hr-page .hrd-no-data span{font-size:12px;color:#75909e}
.hr-page .hrd-panel{background:#f7fafc;border:1px solid var(--hd-border);border-radius:22px;padding:22px;display:grid;gap:17px}.hr-page .hrd-panel.hidden{display:none!important}.hr-page .hrd-form-title{display:flex;align-items:start;justify-content:space-between;gap:12px}.hr-page .hrd-form-title span{font-size:10px;font-weight:900;letter-spacing:1px;color:#23888a}.hr-page .hrd-form-title h4{font-size:23px;margin:7px 0}.hr-page .hrd-form-title p{color:#71899c;font-size:12px;margin:0}
.hr-page .hrd-form-block{background:#fff;padding:21px;border:1px solid #e0eaf0;border-radius:17px;box-shadow:0 4px 16px rgba(20,54,80,.03)}.hr-page .hrd-blockhead{display:flex;align-items:center;gap:12px;margin-bottom:17px}.hr-page .hrd-blockhead>div{display:grid;gap:5px}.hr-page .hrd-blockhead b{font-size:17px}.hr-page .hrd-blockhead small{font-size:11px;color:#8194a3}.hr-page .hrd-step{background:#ebf6f5;color:#2c7e81;border-radius:11px;display:grid;place-items:center;font-size:13px;font-weight:900;width:38px;height:38px}
.hr-page .hrd-fields{display:grid;gap:13px 16px}.hr-page .hrd-4cols{grid-template-columns:1fr 1.45fr 1fr 1.55fr}.hr-page .hrd-3cols{grid-template-columns:repeat(3,minmax(0,1fr))}.hr-page .hrd-2cols{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-page .hrd-fields label{display:grid;gap:8px;color:#4c657a;font-size:12px;font-weight:800;min-width:0}.hr-page .hrd-fields label em{color:#dc7657;font-style:normal}.hr-page .hrd-fields label .hrd-optional{color:#91a2ad;font-weight:500;font-size:10px}.hr-page .hrd-fields input,.hr-page .hrd-staffbar input{height:46px;border-radius:10px;border:1px solid #d2e1e9;background:#fff;padding:10px 13px;min-width:0;width:100%;font:inherit;font-size:13px;color:#223e53;outline-offset:2px}.hr-page .hrd-fields input[readonly]{background:#f1f5f8;color:#748797}.hr-page .hrd-duration{display:flex;gap:7px;align-items:center;white-space:nowrap}.hr-page .hrd-duration input{width:28%;min-width:44px;padding:6px}.hr-page .hrd-duration span{font-size:11px;color:#768c9f}.hr-page .hrd-end-preview{background:linear-gradient(110deg,#e5f5f4,#f2f9fc);border:1px solid #d5e9e8;display:flex;align-items:center;gap:17px;padding:14px 17px;border-radius:13px;margin-top:14px;flex-wrap:wrap}.hr-page .hrd-end-preview span{font-size:12px;color:#527787}.hr-page .hrd-end-preview strong{font-size:22px;color:#0e6471}.hr-page .hrd-end-preview small{margin-right:auto;font-size:11px;color:#8397a1}
.hr-page .hrd-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.hr-page .hrd-options label,.hr-page .hrd-status-choice label{display:flex;align-items:center;gap:11px;border:1px solid #dce7ee;border-radius:13px;padding:13px 14px;cursor:pointer;background:#fbfdff;min-width:0}.hr-page .hrd-options input,.hr-page .hrd-status-choice input{accent-color:#22858a;flex:none;width:18px;height:18px}.hr-page .hrd-options label>span,.hr-page .hrd-status-choice label>span{display:grid;gap:5px}.hr-page .hrd-options b,.hr-page .hrd-status-choice b{font-size:12px}.hr-page .hrd-options small,.hr-page .hrd-status-choice small{font-size:11px;line-height:1.7;color:#7891a2}
.hr-page .hrd-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.hr-page .hrd-dayrow{background:#f8fbfd;border:1px solid #e0eaf0;border-radius:12px;min-width:0;padding:12px 8px;display:grid;gap:12px;text-align:center}.hr-page .hrd-dayrow strong{font-size:13px}.hr-page .hrd-dayrow label{display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;font-size:11px;color:#5f7a91}.hr-page .hrd-dayrow input{accent-color:#20847e}
.hr-page .hrd-staffbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:13px}.hr-page .hrd-staffbar>input{flex:1 1 250px}.hr-page .hrd-staffbar>span{font-size:12px;font-weight:900;color:#238186}.hr-page .hrd-small{background:#f1f6f8;color:#417185;border:1px solid #d9e6ed;font:inherit;border-radius:9px;font-weight:700;font-size:11px;padding:9px 11px;cursor:pointer}.hr-page .hrd-members{border:1px solid #e1eaf1;border-radius:12px;max-height:340px;overflow-y:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:7px}.hr-page .hrd-member{display:flex;align-items:center;gap:9px;min-width:0;padding:11px;border-radius:10px;cursor:pointer}.hr-page .hrd-member:hover{background:#eef6f8}.hr-page .hrd-member input{accent-color:#23877c}.hr-page .hrd-member>span{display:grid;min-width:0;gap:3px;flex:1}.hr-page .hrd-member b{font-size:12px;overflow-wrap:anywhere}.hr-page .hrd-member small{font-size:10px;color:#8396a2;overflow-wrap:anywhere}.hr-page .hrd-member code{background:#eaf2f6;color:#597888;padding:4px 7px;border-radius:7px;font-size:11px}.hr-page .hrd-empty-members{text-align:center;grid-column:1/-1;padding:26px;color:#7a93a5;font-size:12px}
.hr-page .hrd-actions{display:flex;justify-content:flex-end;gap:10px;padding:4px 0}.hr-page .hrd-actions button{min-width:110px}.hr-page .hrd-footnote{margin:0;font-size:11px;color:#718a9d;line-height:1.9}.hr-page .hrd-filter-check{display:flex;align-items:center;gap:8px;font-size:12px;color:#536f85;cursor:pointer}.hr-page .hrd-employee-table{min-width:780px}.hr-page .hrd-employee-table small{color:#8b9daa;font-size:10px}.hr-page .hrd-help{background:#f0f7f9;color:#396e7d;padding:10px 12px;font-size:11px;border-radius:9px;margin-top:12px}.hr-page .hrd-status-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hr-page .hrd-confirm{display:flex;align-items:start;gap:10px;line-height:1.85;font-size:12px;color:#526b80}.hr-page .hrd-confirm input{margin-top:4px;accent-color:#218589}
@media(max-width:1100px){.hr-page .hrd-4cols{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-page .hrd-weekdays{grid-template-columns:repeat(4,minmax(0,1fr))}.hr-page .hrd-members{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:690px){.hr-page .hrd-top{align-items:start;flex-direction:column;gap:12px}.hr-page .hrd-feature-note{display:grid;padding:13px 15px}.hr-page .hrd-landing-grid,.hr-page .hrd-period-grid,.hr-page .hrd-2cols,.hr-page .hrd-3cols,.hr-page .hrd-4cols,.hr-page .hrd-options,.hr-page .hrd-status-choice{grid-template-columns:1fr}.hr-page .hrd-nav-card{min-height:122px;padding:15px;gap:12px}.hr-page .hrd-nav-card b{font-size:17px}.hr-page .hrd-icon{width:52px;height:52px;font-size:25px}.hr-page .hrd-sectionhead{align-items:flex-start;flex-wrap:wrap}.hr-page .hrd-sectionhead h3{font-size:21px}.hr-page .hrd-panel{padding:12px;border-radius:14px;gap:12px}.hr-page .hrd-form-title{flex-wrap:wrap}.hr-page .hrd-form-block{padding:15px}.hr-page .hrd-weekdays{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-page .hrd-members{grid-template-columns:1fr}.hr-page .hrd-staffbar>input{flex-basis:100%}.hr-page .hrd-end-preview{align-items:flex-start;flex-direction:column;gap:5px}.hr-page .hrd-end-preview small{margin-right:0}.hr-page .hrd-actions{display:grid;grid-template-columns:1fr 1fr}}
/* Override the V1 generic input rule for radio/checkbox controls. */
.hr-page .hr-definitions input[type="radio"],.hr-page .hr-definitions input[type="checkbox"]{width:18px;height:18px;min-width:18px;max-width:18px;padding:0;margin:0;flex:0 0 18px;accent-color:#218589}

.hr-page .hrd-startline{display:flex;gap:7px;min-width:0;align-items:center}.hr-page .hrd-startline input{flex:1;min-width:85px}.hr-page .hrd-startline select{width:91px;min-width:91px;height:46px;border:1px solid #d2e1e9;border-radius:10px;background:#fff;color:#24465d;font:inherit;font-size:12px;padding:5px}