/* ===== الموارد البشرية — التقييمات ولوحة الشرف ===== */
.hrv-sub{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}
.hrv-sub__b{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.4rem .95rem;font:inherit;font-weight:800;font-size:.82rem;color:var(--muted);cursor:pointer;transition:border-color .15s,color .15s,background .15s}
.hrv-sub__b:hover{border-color:var(--blue);color:var(--blue-d)}
.hrv-sub__b.on{background:#eaf4fb;border-color:#b9dcef;color:#1f6f8f}
.hrv-sub__b:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.hrv-back{font-size:.8rem;font-weight:700;color:var(--blue-d);text-decoration:none}
.hrv-back::before{content:"→ "}
.hrv-actions{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.6rem}
.hr-card__h .hrv-actions{margin-top:0}
.hrv-p{margin:.5rem 0 0;font-size:.86rem}

/* stars: grey row + gold row clipped to the score (fills from the start side, RTL-aware) */
.hrv-stars{position:relative;display:inline-block;vertical-align:middle;line-height:0;--s:18px}
.hrv-stars--sm{--s:14px}.hrv-stars--lg{--s:24px}
.hrv-stars svg{width:var(--s);height:var(--s);flex:none}
.hrv-stars__bg,.hrv-stars__fg>span{display:flex;gap:2px;width:max-content}
.hrv-stars__bg svg{fill:#e3e7ee}
.hrv-stars__fg{position:absolute;inset-block:0;inset-inline-start:0;overflow:hidden}
.hrv-stars__fg svg{fill:#f2a900}
.hrv-score{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}

/* progress (probation day counter) */
.hrv-prog{height:6px;border-radius:6px;background:#eef1f5;overflow:hidden;min-width:90px}
.hrv-prog span{display:block;height:100%;background:linear-gradient(90deg,#1f8fbf,#29abe2);border-radius:6px}
.hrv-progcell{display:flex;flex-direction:column;gap:.25rem;min-width:110px}
.hrv-progcell small{color:var(--muted);font-size:.74rem}
.hrv-progcell--lg .hrv-prog{height:9px}
.hr-stat-list .hrv-prog{margin-top:.35rem}
.hr-stat-list b small{font-weight:600}

/* modal pieces */
.hrv-mhead{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.8rem}
.hrv-mhead>div{display:flex;flex-direction:column;gap:.15rem}
.hrv-mhead>div:first-child{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:.6rem}
.hrv-mhead>div:first-child small{flex-basis:100%;color:var(--muted)}
.hrv-mhead small{color:var(--muted);font-size:.78rem}
.hrv-mhead__p{min-width:180px}
.hrv-stats div b{font-size:1.05rem}
.hrv-legend{font-weight:600;margin-inline-start:.4rem}
.hrv-crit{display:flex;flex-direction:column;gap:.45rem;margin-bottom:.8rem}
.hrv-crit__row{display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding:.45rem .7rem;border:1px solid var(--line);border-radius:10px;background:#fbfcfd}
.hrv-crit__row>span{font-weight:700;font-size:.88rem}
.hrv-pick{display:inline-flex;gap:.25rem}
.hrv-pick label{position:relative;cursor:pointer}
.hrv-pick input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.hrv-pick span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;border:1.5px solid var(--line);background:#fff;font-weight:800;font-size:.88rem;color:var(--muted);transition:background .15s,border-color .15s,color .15s;font-variant-numeric:tabular-nums}
.hrv-pick label:hover span{border-color:var(--blue);color:var(--blue-d)}
.hrv-pick input:checked+span{background:var(--dark);border-color:var(--dark);color:#fff}
.hrv-pick input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}
.hrv-pick input:disabled+span{cursor:default}
.hrv-pick input:disabled:not(:checked)+span{opacity:.45}
.hrv-rec{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.6rem}
.hrv-rec__opt{position:relative;cursor:pointer}
.hrv-rec__opt input{position:absolute;opacity:0;inset:0;margin:0}
.hrv-rec__opt span{display:inline-block;padding:.5rem 1.1rem;border-radius:10px;border:1.5px solid var(--line);font-weight:800;font-size:.86rem;transition:all .15s}
.hrv-rec__opt--pass input:checked+span{background:#eaf7ee;border-color:#16a34a;color:#166534}
.hrv-rec__opt--extend input:checked+span{background:#fff4e5;border-color:#d97706;color:#92400e}
.hrv-rec__opt--fail input:checked+span{background:#fdeeee;border-color:#dc2626;color:#b3261e}
.hrv-rec__opt input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}
.hrv-note{background:#f6f8fb;border-radius:10px;padding:.6rem .8rem;font-size:.86rem;margin:.6rem 0;line-height:1.7}
.hrv-note--warn{background:#fff4e5;color:#7c3a06}
.hrv-note--ok{background:#eaf7ee;color:#166534;margin:0 0 1rem}
.hrv-hist{font-size:.84rem;padding:.35rem 0;border-bottom:1px dashed var(--line)}
.hrv-rtable{overflow-x:auto;border:1px solid var(--line);border-radius:10px;margin-bottom:.8rem}
.hrv-rt{width:100%;border-collapse:collapse;font-size:.86rem}
.hrv-rt th{background:#f6f8fb;color:var(--muted);font-size:.76rem;font-weight:800;text-align:start;padding:.5rem .7rem;white-space:nowrap}
.hrv-rt td{padding:.5rem .7rem;border-top:1px solid #f0f2f6;white-space:nowrap}
.hrv-rt td:first-child{white-space:normal;font-weight:700}
.hrv-final{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;background:linear-gradient(135deg,#20232a,#1f6f8f);color:#fff;border-radius:12px;padding:.7rem 1rem;margin:.6rem 0}
.hrv-final span{font-weight:700;font-size:.86rem;opacity:.9}
.hrv-final b{font-size:1.4rem;font-variant-numeric:tabular-nums}
.hrv-final small{opacity:.8}
.hrv-final .hrv-stars__bg svg{fill:rgba(255,255,255,.22)}

/* cycles */
.hrv-steps{display:flex;gap:.3rem;flex-wrap:wrap}
.hrv-steps__s{font-size:.72rem;font-weight:800;padding:.15rem .5rem;border-radius:6px;background:#f1f3f6;color:#5b6472;white-space:nowrap}
.hrv-steps__s--manager,.hrv-steps__s--hr{background:#fff4e5;color:#92400e}
.hrv-steps__s--approved{background:#eaf7ee;color:#166534}

/* templates */
.hrv-tpls{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}
.hrv-tpl{margin:0;display:flex;flex-direction:column}
.hrv-tags{display:flex;gap:.3rem;flex-wrap:wrap;margin-bottom:.6rem}
.hrv-tag{font-size:.74rem;font-weight:700;padding:.15rem .55rem;border-radius:6px;background:#eaf4fb;color:#1f6f8f}
.hrv-tag--d{background:#f3effa;color:#5b3e8f}
.hrv-clist{margin:0 0 auto;padding-inline-start:1.2rem;font-size:.86rem}
.hrv-clist li{padding:.2rem 0}
.hrv-clist li small{color:var(--muted);margin-inline-start:.4rem}
.hrv-crow{display:flex;gap:.4rem;align-items:center;margin-bottom:.4rem}
.hrv-crow .in:first-child{flex:1}
.hrv-crow .hrv-w{width:80px;flex:none}
.hrv-checks{display:flex;flex-wrap:wrap;gap:.3rem .9rem;font-size:.86rem}
.hrv-checks label,.hrv-check{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;font-size:.86rem;cursor:pointer}
.hrv-check{margin:.4rem 0}

/* avatars */
.hrv-av{position:relative;display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#e6eef5;color:#1f6f8f;font-weight:800;font-size:1.2rem;overflow:hidden;flex:none}
.hrv-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hrv-av--sm{width:34px;height:34px;font-size:.9rem}
.hrv-av--xl{width:96px;height:96px;font-size:2.2rem;border:3px solid rgba(255,255,255,.5);background:rgba(255,255,255,.15);color:#fff}

/* honor board */
.hrv-honor{display:flex;flex-direction:column;gap:1rem}
.hrv-honor__h{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap}
.hrv-honor__h h3{margin:0;font-size:1.1rem}
.hrv-honor__h small{color:var(--muted)}
.hrv-top{display:flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:700;color:var(--muted)}
.hrv-top .in{width:auto;min-width:70px}
.hrv-star-emp{display:flex;align-items:center;gap:1.3rem;background:linear-gradient(135deg,#20232a 0%,#1f4f66 60%,#1f6f8f 100%);color:#fff;border-radius:18px;padding:1.4rem 1.6rem;position:relative;overflow:hidden}
.hrv-star-emp::after{content:"";position:absolute;inset-inline-end:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(242,169,0,.16),transparent 70%)}
.hrv-star-emp__t{display:flex;flex-direction:column;gap:.25rem;position:relative;z-index:1}
.hrv-star-emp h4{margin:.2rem 0 0;font-size:1.3rem}
.hrv-star-emp small{opacity:.85}
.hrv-star-emp__s{display:flex;align-items:center;gap:.5rem;margin-top:.3rem}
.hrv-star-emp__s b{font-size:1.3rem;font-variant-numeric:tabular-nums}
.hrv-star-emp .hrv-stars__bg svg{fill:rgba(255,255,255,.22)}
.hrv-badge{display:inline-flex;align-items:center;gap:.35rem;align-self:flex-start;background:#f2a900;color:#2a2100;font-weight:800;font-size:.78rem;padding:.25rem .7rem;border-radius:999px}
.hrv-badge svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hrv-hgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem}
.hrv-hcard{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.1rem .9rem;transition:box-shadow .2s,transform .2s}
.hrv-hcard:hover{box-shadow:0 6px 18px rgba(32,35,42,.08);transform:translateY(-2px)}
.hrv-hcard__t{display:flex;flex-direction:column;gap:.1rem}
.hrv-hcard__t small{color:var(--muted);font-size:.78rem}
.hrv-hcard__s{display:flex;align-items:center;gap:.4rem;font-weight:800;font-variant-numeric:tabular-nums}
.hrv-rank{position:absolute;inset-inline-start:.7rem;top:.6rem;font-size:.76rem;font-weight:800;color:var(--muted);background:#f1f3f6;border-radius:6px;padding:.05rem .45rem}

/* dashboard widgets */
.hrv-w-click{cursor:pointer;transition:border-color .15s}
.hrv-w-click:hover{border-color:var(--blue)}
.hrv-w-emp{display:flex;align-items:center;gap:.5rem;margin:.2rem 0}
.hrv-w-emp b{font-size:.95rem !important;line-height:1.3}

@media (max-width:640px){
  .hr-table td>.hrv-c{text-align:end;min-width:0}
  .hr-table td.hr-act>.hrv-c{text-align:start}
  .hrv-crit__row{flex-direction:column;align-items:stretch}
  .hrv-pick{justify-content:space-between}
  .hrv-pick label{flex:1}
  .hrv-pick span{width:auto}
  .hrv-star-emp{flex-direction:column;text-align:center;padding:1.2rem}
  .hrv-star-emp__t{align-items:center}
  .hrv-badge{align-self:center}
  .hrv-rt .hrv-pick span{width:30px;height:30px}
  .hrv-progcell{min-width:0;width:100%}
}