/* AYMAN_HR_SPECIAL_PERIOD_V5 — scoped responsive UI, doesn't alter legacy HR styles. */
.hrsp-dialog{width:min(1120px,calc(100% - 30px));max-width:1120px;max-height:calc(100% - 35px);border:0;border-radius:22px;padding:0;overflow:auto;color:#143650;background:#f5f8fb;box-shadow:0 22px 85px rgba(6,23,48,.45);font-family:inherit;}
.hrsp-dialog::backdrop{background:rgba(3,15,34,.72);backdrop-filter:blur(3px)}
.hrsp-dialog *{box-sizing:border-box}
.hrsp-dialog button{font-family:inherit;cursor:pointer}
.hrsp-dialog button:focus-visible,.hrsp-dialog input:focus-visible,.hrsp-dialog select:focus-visible,.hrsp-dialog textarea:focus-visible{outline:3px solid #26a3ac;outline-offset:2px}
.hrsp-dialog input,.hrsp-dialog select,.hrsp-dialog textarea{color:#193950;background:#fff;border:1px solid #cddce6;border-radius:10px;padding:10px 12px;min-height:43px;width:100%;font:inherit;font-size:15px}
.hrsp-dialog input[readonly]{background:#eef4f8}
.hrsp-dialog input[type=checkbox],.hrsp-dialog input[type=radio]{width:19px;height:19px;min-height:0;accent-color:#087a87;padding:0;flex:0 0 auto}
.hrsp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:25px 28px 21px;background:linear-gradient(110deg,#102741,#21526a);color:#fff}
.hrsp-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.4px;color:#9ddde0}
.hrsp-head h2{margin:5px 0;font-size:25px;font-weight:850}
.hrsp-head p{margin:0;color:#d6e8f1;font-size:13px}
.hrsp-close{width:43px;height:43px;flex:0 0 43px;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:rgba(255,255,255,.11);color:#fff;font-size:28px}
.hrsp-top{padding:18px 28px;display:grid;grid-template-columns:minmax(220px,410px) 1fr;gap:16px;align-items:center;background:#e9f2f6;border-bottom:1px solid #d3e1e8}
.hrsp-top>label,.hrsp-grid>label,.hrsp-notelabel{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:750}
.hrsp-note{font-size:13px;line-height:1.8;color:#456577}
.hrsp-required,.hrsp-grid em{color:#c74a3e;font-style:normal}
.hrsp-listarea,.hrsp-form{padding:22px 28px 28px}
.hrsp-listhead,.hrsp-formhead{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:17px}
.hrsp-listhead strong,.hrsp-formhead strong{display:block;font-size:19px}
.hrsp-listhead small,.hrsp-formhead small{display:block;color:#6c8493;margin-top:5px}
.hrsp-primary,.hrsp-quiet{min-height:43px;border-radius:11px;font-weight:800;padding:9px 16px;border:1px solid #bdcfdb;font-size:13px}
.hrsp-primary{background:#087e8b;border-color:#087e8b;color:white}
.hrsp-primary:disabled{opacity:.6;cursor:wait}
.hrsp-quiet{background:#fff;color:#276277}
.hrsp-existing{display:grid;gap:11px}
.hrsp-card{background:#fff;border:1px solid #d6e3eb;border-radius:14px;padding:15px 16px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.hrsp-card strong{display:block;font-size:15px;color:#093652}
.hrsp-card small{display:block;font-size:12px;line-height:1.8;color:#607a89}
.hrsp-badge{display:inline-flex;padding:3px 9px;margin-inline-start:7px;border-radius:9px;font-size:11px;background:#e0f7ed;color:#167550}
.hrsp-badge.off{background:#f1eeee;color:#7b7b7b}
.hrsp-card-actions{display:flex;gap:8px;flex-wrap:wrap}
.hrsp-empty{padding:35px 15px;background:#fff;border:1px dashed #bfd3df;border-radius:14px;text-align:center;color:#708a9b}
.hrsp-block{background:#fff;border:1px solid #dde7ed;border-radius:16px;padding:19px;margin-bottom:15px}
.hrsp-blocktitle{display:flex;align-items:center;gap:11px;margin-bottom:17px}
.hrsp-blocktitle>span{background:#e3f4f5;color:#087987;border-radius:11px;padding:8px 10px;font-size:13px;font-weight:900}
.hrsp-blocktitle strong{display:block;font-size:16px}
.hrsp-blocktitle small{display:block;font-size:12px;color:#6d8594;margin-top:2px}
.hrsp-grid{display:grid;gap:15px;align-items:start}
.hrsp-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.hrsp-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.hrsp-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.hrsp-twocol{display:flex;align-items:stretch;gap:6px;min-width:0}
.hrsp-twocol>*{min-width:0;flex:1}
.hrsp-number{display:flex;flex-direction:column;gap:4px;min-width:0}
.hrsp-number small{font-size:11px;color:#69818c;text-align:center}
.hrsp-end{border-radius:11px;background:#e8f6f6;color:#195469;padding:12px 15px;margin-top:15px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.hrsp-end strong{font-size:19px;color:#056f7c}
.hrsp-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:16px}
.hrsp-checks label{padding:11px 13px;border:1px solid #ddeaf0;border-radius:11px;display:flex;gap:9px;align-items:center;font-size:13px;font-weight:650;cursor:pointer}
.hrsp-days{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.hrsp-day{border-radius:11px;border:1px solid #e0e9ee;padding:12px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.hrsp-day>strong{font-size:13px}
.hrsp-day>span{display:flex;gap:13px;flex-wrap:wrap}
.hrsp-day label{display:flex;align-items:center;gap:5px;font-size:12px;cursor:pointer}
.hrsp-date-actions{display:flex;gap:9px;margin:12px 0 15px;flex-wrap:wrap}
.hrsp-notelabel textarea{resize:vertical}
.hrsp-warning{padding:14px;border-radius:12px;border:1px solid #f4deb9;background:#fffbf2;color:#855c23;font-size:13px;line-height:1.9}
.hrsp-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;flex-wrap:wrap}
.hrsp-inline{margin-inline-start:7px;padding:5px 9px;border:1px solid #bed9e2;background:#edf7fa;color:#17647a;border-radius:9px;font-weight:800;font-size:12px;min-height:32px}
.hrsp-in-form{padding:13px 16px;border:1px solid #c9e0e8;border-radius:12px;background:#edf8fb;color:#176276;font-weight:850;font-family:inherit;cursor:pointer}
@media(max-width:810px){.hrsp-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.hrsp-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.hrsp-top{grid-template-columns:1fr}}
@media(max-width:560px){.hrsp-dialog{width:calc(100% - 12px);max-height:calc(100% - 14px);border-radius:15px}.hrsp-head{padding:18px}.hrsp-head h2{font-size:20px}.hrsp-top{padding:15px}.hrsp-listarea,.hrsp-form{padding:15px}.hrsp-grid.four,.hrsp-grid.three,.hrsp-grid.two,.hrsp-checks,.hrsp-days{grid-template-columns:1fr}.hrsp-block{padding:14px}.hrsp-listhead,.hrsp-formhead{align-items:stretch;flex-direction:column}.hrsp-listhead button,.hrsp-formhead button{width:100%}.hrsp-end{flex-wrap:wrap}}