/* Hirentra web-only Site Progress + Site Health Rules v1 */
.hsp-nav-badge{margin-left:auto;font-size:9px;font-weight:900;letter-spacing:.08em;padding:3px 7px;border-radius:999px;border:1px solid rgba(255,193,7,.35);color:#ffc107;background:rgba(255,193,7,.08)}
.hsp-page{display:grid;gap:18px}
.hsp-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px;border:1px solid var(--border-color,#263247);border-radius:18px;background:var(--card-bg,#111a2b)}
.hsp-hero p,.hsp-section-head p{margin:0 0 5px;color:#ffc107;font-size:11px;font-weight:900;letter-spacing:.12em}
.hsp-hero h2,.hsp-section-head h2{margin:0;color:var(--text-primary,#fff);font-size:24px}
.hsp-hero span,.hsp-section-head span{display:block;margin-top:7px;color:var(--text-muted,#93a0b7);font-size:13px;line-height:1.5}
.hsp-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.hsp-select,.hsp-input,.hsp-textarea{border:1px solid var(--border-color,#2a354a);background:var(--input-bg,#0c1423);color:var(--text-primary,#fff);border-radius:10px;padding:10px 12px;font:inherit;min-height:42px}
.hsp-textarea{min-height:88px;resize:vertical}
.hsp-input:focus,.hsp-select:focus,.hsp-textarea:focus{outline:2px solid rgba(255,193,7,.35);outline-offset:1px}
.hsp-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.hsp-summary article{padding:16px;border:1px solid var(--border-color,#263247);border-radius:15px;background:var(--card-bg,#111a2b)}
.hsp-summary span{display:block;color:var(--text-muted,#93a0b7);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.hsp-summary strong{display:block;margin-top:7px;color:var(--text-primary,#fff);font-size:24px}
.hsp-panel{padding:18px;border:1px solid var(--border-color,#263247);border-radius:18px;background:var(--card-bg,#111a2b)}
.hsp-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.hsp-chart-wrap{overflow-x:auto;padding-bottom:4px}
.hsp-chart{display:block;width:100%;min-width:620px;height:auto;background:rgba(6,13,25,.22);border-radius:12px}
.hsp-chart-grid{stroke:rgba(148,163,184,.18);stroke-width:1}
.hsp-chart-axis{fill:#8897ad;font-size:11px}
.hsp-chart-actual{fill:none;stroke:#ffc107;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.hsp-chart-plan{fill:none;stroke:#5aa2ff;stroke-width:2.5;stroke-dasharray:7 5;stroke-linecap:round;stroke-linejoin:round}
.hsp-chart-dot{fill:#ffc107;stroke:#111827;stroke-width:2}
.hsp-chart-legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:9px;color:var(--text-muted,#93a0b7);font-size:12px}
.hsp-chart-legend i{display:inline-block;width:20px;height:3px;margin-right:6px;vertical-align:middle;border-radius:4px;background:#ffc107}.hsp-chart-legend i.plan{background:#5aa2ff}
.hsp-list{display:grid;gap:10px}
.hsp-item{border:1px solid var(--border-color,#263247);border-radius:15px;padding:15px;background:rgba(8,16,30,.25)}
.hsp-item-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.hsp-item-title strong{display:block;color:var(--text-primary,#fff);font-size:16px}.hsp-item-title span{display:block;color:var(--text-muted,#93a0b7);font-size:12px;margin-top:4px}
.hsp-pill{font-size:10px;font-weight:900;letter-spacing:.06em;border-radius:999px;padding:5px 8px;border:1px solid rgba(148,163,184,.25);color:#c7d2e3}.hsp-pill.on_track{color:#48d597;border-color:rgba(72,213,151,.35)}.hsp-pill.at_risk{color:#ffc107;border-color:rgba(255,193,7,.35)}.hsp-pill.delayed{color:#ff5b63;border-color:rgba(255,91,99,.35)}.hsp-pill.complete{color:#5aa2ff;border-color:rgba(90,162,255,.35)}
.hsp-progressbar{height:9px;border-radius:999px;background:rgba(148,163,184,.15);overflow:hidden;margin:13px 0 9px}.hsp-progressbar span{display:block;height:100%;background:#ffc107;border-radius:999px}
.hsp-item-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.hsp-item-grid div{padding:9px 10px;border-radius:10px;background:rgba(148,163,184,.06)}.hsp-item-grid small{display:block;color:var(--text-muted,#93a0b7);font-size:10px;text-transform:uppercase;font-weight:800}.hsp-item-grid strong{display:block;color:var(--text-primary,#fff);font-size:13px;margin-top:3px}
.hsp-item-notes{margin:10px 0 0;color:var(--text-muted,#93a0b7);font-size:12px;line-height:1.5}.hsp-item-notes.problem{color:#ff8c91}
.hsp-item-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px;flex-wrap:wrap}
.hsp-empty{padding:28px;text-align:center;color:var(--text-muted,#93a0b7);border:1px dashed var(--border-color,#263247);border-radius:14px}
.hsp-rules{display:grid;gap:12px}.hsp-rule-row{display:grid;grid-template-columns:minmax(220px,1.4fr) 1fr 1fr;gap:12px;align-items:end;padding:13px;border:1px solid var(--border-color,#263247);border-radius:14px;background:rgba(8,16,30,.22)}.hsp-rule-copy strong{display:block;color:var(--text-primary,#fff)}.hsp-rule-copy span{display:block;color:var(--text-muted,#93a0b7);font-size:12px;margin-top:4px}.hsp-field label{display:block;color:var(--text-muted,#93a0b7);font-size:10px;font-weight:900;text-transform:uppercase;margin-bottom:5px}
.hsp-note{padding:12px 14px;border-radius:12px;background:rgba(90,162,255,.08);border:1px solid rgba(90,162,255,.18);color:var(--text-muted,#a8b4c8);font-size:12px;line-height:1.5}
.hsp-modal-backdrop{position:fixed;inset:0;z-index:9999;background:rgba(2,6,14,.76);display:flex;align-items:center;justify-content:center;padding:20px}.hsp-modal-backdrop.hidden{display:none}.hsp-modal{width:min(720px,100%);max-height:90vh;overflow:auto;border:1px solid var(--border-color,#2a354a);border-radius:18px;background:var(--card-bg,#101827);padding:20px;box-shadow:0 24px 70px rgba(0,0,0,.35)}.hsp-modal-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.hsp-modal-head h3{margin:0;color:var(--text-primary,#fff);font-size:21px}.hsp-close{border:0;background:transparent;color:var(--text-muted,#93a0b7);font-size:26px;cursor:pointer}.hsp-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:17px}.hsp-field.full{grid-column:1/-1}.hsp-field input,.hsp-field select,.hsp-field textarea{width:100%;box-sizing:border-box}.hsp-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:17px;flex-wrap:wrap}
.hsp-health-manage{margin-left:8px}
@media(max-width:900px){.hsp-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.hsp-item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hsp-rule-row{grid-template-columns:1fr 1fr}.hsp-rule-copy{grid-column:1/-1}}
@media(max-width:620px){.hsp-hero,.hsp-section-head,.hsp-item-head{flex-direction:column}.hsp-summary,.hsp-form-grid,.hsp-rule-row,.hsp-item-grid{grid-template-columns:1fr}.hsp-rule-copy,.hsp-field.full{grid-column:auto}.hsp-actions{width:100%}.hsp-select{width:100%}}