/* POS Activation Evaluation — only layout glue on top of the portal's existing components (fx, table-card, badges). */
.fx-grid.pe-strip{grid-template-columns:repeat(6,minmax(0,1fr))}
.pe-na{font-size:15px!important;color:var(--muted);font-weight:700}
.fx-num small{font-size:.5em;font-weight:700;color:var(--muted)}
.pe-toolbar{padding:0 18px 12px;margin:0}
.pe-toolbar input{flex:1 1 220px}
.pe-table td,.pe-req-table td{vertical-align:middle}
.pe-score-cell strong{font-size:16px}
.pe-legend{padding:10px 18px 16px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.pe-holds{margin-bottom:18px}
.pe-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.pe-detail-grid{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:18px;margin-bottom:18px}
.pe-detail-side{display:grid;gap:18px;align-content:start;min-width:0}
.pe-score-panel{display:grid;gap:14px;align-content:start}
.pe-score-big{display:flex;align-items:baseline;gap:6px}
.pe-score-big strong{font-size:44px;line-height:1;font-weight:800;color:var(--text)}
.pe-score-big span{color:var(--muted);font-weight:700}
.pe-comp{display:grid;gap:6px}
.pe-comp-head{display:flex;justify-content:space-between;gap:8px;font-size:13px}
.pe-comp-head span{color:var(--muted);font-weight:700;white-space:nowrap}
.pe-warn{color:#b54708}
.pe-chart{width:100%;height:auto}
.pe-chart text{font-size:10px;fill:var(--muted)}
.pe-chart .pe-val{font-weight:800;fill:var(--text)}
.pe-chart .pe-grid{stroke:var(--line,#eaecf0);stroke-dasharray:3 4}
.pe-readonly{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:var(--muted)}
.pe-settings-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;align-items:start}
.pe-settings-side{display:grid;gap:18px;min-width:0}
.pe-form{padding-bottom:6px}
.pe-form .card-head{flex-wrap:wrap;gap:10px}
.pe-fs{border:0;margin:0;padding:6px 18px 12px}
.pe-fs legend{font-weight:800;font-size:13px;padding:0;margin-bottom:8px;display:flex;gap:10px;align-items:center}
.pe-fs label{display:grid;gap:4px;font-size:12px;font-weight:700;color:var(--muted)}
.pe-fs input,.pe-fs select{width:100%}
.pe-weights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.pe-row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pe-working{display:grid;gap:10px;margin-top:10px}
.pe-days{display:flex;flex-wrap:wrap;gap:6px}
.pe-chip{display:inline-flex!important;grid-auto-flow:column;align-items:center;gap:6px!important;border:1px solid var(--line,#eaecf0);border-radius:999px;padding:5px 10px;cursor:pointer}
.pe-chip input{width:auto!important}
.pe-ok{color:#039855}.pe-bad{color:#d92d20}
.pe-form-foot{display:flex;justify-content:flex-end;padding:8px 18px 12px}
.pe-form .cv-confirm{margin:0 18px}
.pe-tinput{width:96px}
.pe-target-table td{vertical-align:middle}
.pe-rem{list-style:none;margin:10px 0;padding:0;display:grid;gap:6px}
.pe-rem li{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:10px;background:var(--surface-2,#f8fafc)}
.pe-delay-card{max-width:620px}
.pe-delay-form{display:grid;gap:10px;padding:0 0 14px;border-bottom:1px solid var(--line,#eaecf0);margin-bottom:12px}
.pe-delay-form label{display:grid;gap:4px;font-size:12px;font-weight:700;color:var(--muted)}
.pe-delay-form footer{display:flex;justify-content:flex-end}
.pe-delay-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pe-delay-list li{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line,#eaecf0);border-radius:12px}
.pe-delay-list li p{margin:6px 0 4px}
.pe-delay-list li.pe-empty{border-style:dashed}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media(max-width:1400px){.fx-grid.pe-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.pe-detail-grid,.pe-settings-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){
  .fx-grid.pe-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pe-weights{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pe-row3{grid-template-columns:minmax(0,1fr)}
  .pe-delay-list li{flex-direction:column}
  .pe-actions{justify-content:flex-start}
}
[data-theme="dark"] .pe-rem li{background:rgba(255,255,255,.04)}
[data-theme="dark"] .pe-warn{color:#fdb022}
/* fit the evaluation tables in the card on desktop; they still scroll inside the card on small screens */
.data-table.pos-table.pe-table{min-width:860px}
.data-table.pos-table.pe-req-table{min-width:1000px}
.pe-req-table td:last-child small{max-width:260px;white-space:normal}
.pe-table th,.pe-table td{padding-left:12px;padding-right:12px}
.hub-table-shell>.hub-note{padding:10px 18px 16px;margin:0}
#petable .hub-pager{padding:4px 18px 0}
@media(max-width:760px){.data-table.pos-table.pe-table{min-width:760px}}
.data-table.pe-target-table{min-width:0}
.pe-fs input,.pe-fs select,.pe-tinput,#pemonth,.pe-delay-form select,.pe-delay-form textarea{border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 10px;color:var(--ink);font-weight:600}
.pe-fs input,.pe-fs select,.pe-tinput,#pemonth,.pe-delay-form select{height:40px}
.pe-delay-form textarea{padding:10px;min-height:84px}
.pe-fs input:focus,.pe-fs select:focus,.pe-tinput:focus,#pemonth:focus{outline:0;border-color:var(--cta);box-shadow:0 0 0 3px rgba(61,131,245,.15)}
.pe-fs input:disabled,.pe-fs select:disabled,.pe-tinput:disabled{background:#f7f9fc;color:var(--muted)}
.pe-fs+.pe-fs{border-top:1px solid var(--line);padding-top:14px}
.pe-form>.hub-note{padding:10px 18px 14px;margin:0}
[data-theme="dark"] .pe-fs input,[data-theme="dark"] .pe-fs select,[data-theme="dark"] .pe-tinput,[data-theme="dark"] #pemonth,[data-theme="dark"] .pe-delay-form select,[data-theme="dark"] .pe-delay-form textarea{background:#182132;color:var(--ink);border-color:#3c4a67}
[data-theme="dark"] .pe-table .ll-user strong,[data-theme="dark"] .pe-target-table .ll-user strong{color:var(--ink)}
[data-theme="dark"] .pe-table .ll-av,[data-theme="dark"] .pe-target-table .ll-av{background:rgba(77,148,243,.14);color:#9cc4ff}
/* phones: each employee becomes a card (no sideways scrolling) */
@media(max-width:700px){
  .data-table.pos-table.pe-table{min-width:0!important}
  .pe-table thead,.pe-table .row-number-cell,.pe-table .pe-c-role{display:none}
  .pe-table tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px;padding:14px 16px;border-bottom:1px solid var(--line)}
  .pe-table tbody td{padding:0!important;border:0!important;background:none!important;min-width:0}
  .pe-table td[colspan]{grid-column:1/-1}
  .pe-table .pe-c-emp{grid-column:1/3}
  .pe-table .pe-c-status{grid-column:3;justify-self:end;align-self:center}
  .pe-table .pe-c-pct{grid-column:1/-1}
  .pe-table .pe-c-view{grid-column:1/-1}
  .pe-table .pe-c-view button{width:100%!important}
  .pe-table td[data-label]::before{content:attr(data-label);display:block;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px}
  .pe-table .hub-pct-cell span{display:inline}
}
.pe-holds .data-table.pos-table{min-width:720px}
@media(max-width:700px){
  .pe-table .pe-c-emp,.pe-table .pe-c-status{grid-row:1}
  .pe-table td[data-label="Target"],.pe-table td[data-label="Achieved"],.pe-table td[data-label="Score"]{grid-row:2}
  .pe-table .pe-c-pct{grid-row:3}
  .pe-table .pe-c-view{grid-row:4}
}
@media(max-width:600px){.fx-grid.fx-strip-4.pe-mini{grid-template-columns:repeat(2,minmax(0,1fr))}}