/* Recruitment › Signatures (static/rec_signatures.js). Built on the Onboarding
   page's ob-* anatomy (list + panel, pills, filters, history) and the rec-*
   chrome of #view-recruitment (--rfg*, --rstroke, --rbrand). sg-* only adds
   what signatures have: the field form, the live preview, the builders. */

/* Signatures is reached from the sidebar: like Talent pool and Onboarding it
   shows no Board | Openings tabs and none of the candidate tools. */
#recTab-signatures{display:none!important}
#view-recruitment .rec-tabs:has(#recTab-signatures.rec-on){display:none}
#view-recruitment:has(#recTab-signatures.rec-on) #recObTabs ~ :is(.rec-btnq,.rec-btn){display:none}

.sg .rec-btn svg{width:15px;height:15px}
.sg .rec-btn1 svg{color:#fff}
.sg-stats{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin:-4px 0 14px;font-size:12.5px;color:var(--rfg3)}
.sg-stats b{color:var(--rfg1);font-weight:900;margin-right:3px}
.sg-stats .warn b,.sg-stats .warn{color:var(--ob-warn)}
.sg-stats .sg-tpl{margin-left:auto;font-size:11.5px}
.sg .rec-chip .sg-n{margin-left:6px;font-size:11px;font-weight:800;color:var(--rfg3)}
.sg .rec-chip.rec-on .sg-n{color:inherit;opacity:.8}

.sg-board{grid-template-columns:300px minmax(0,1fr)}
.sg-av{border-radius:50%;object-fit:cover;flex:0 0 auto;display:block;background:#F0F1F3}
.sg-person.off{opacity:.55}
/* not .nm: static/notif_admin.css styles a bare .nm as its two-column grid */
.sg-person .sg-nm{flex:1;min-width:0;font-weight:800;font-size:13.5px;color:var(--rfg1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sg-person .ind .role{margin-bottom:0}
.sg-inst{display:flex;align-items:center;gap:5px;margin-top:4px;font-size:11px;font-weight:700;color:var(--ob-ok-ink)}
.sg-inst svg,.sg-inst i{font-size:10px}

/* panel head */
.sg-head{display:flex;align-items:center;gap:12px;padding:18px 22px 14px;flex-wrap:wrap}
.sg-hn{min-width:0}
.sg-hn h2{margin:0;font-size:19px;font-weight:900;color:var(--rfg1);letter-spacing:-.01em}
.sg-hn .sub{font-size:12.5px;color:var(--rfg3);margin-top:2px}
.sg-hacts{margin-left:auto;display:flex;align-items:center;gap:8px}
.sg .rec-btn.sg-opus svg{color:#6D4AE0}
.sg .ob-ib{width:30px;height:30px;border-radius:9px;border:1px solid var(--rstroke);background:#fff;color:var(--rfg2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.sg .ob-ib:hover{background:#FAFAFB;color:var(--rfg1)}

.sg-none svg{width:30px;height:30px;color:#D5D8DE;display:block;margin:0 auto 12px}
.sg-none-acts{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:16px!important}

/* what to look at / what a build changed */
.sg-atts{display:flex;flex-direction:column;gap:6px;padding:0 22px 14px}
.sg-att{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--rfg2);background:#FAFAFB;border:1px solid var(--rstroke);border-radius:10px;padding:7px 10px}
.sg-att>svg,.sg-att>i{color:var(--rfg3);font-size:12px;width:14px;flex:0 0 auto}
.sg-att span{flex:1;min-width:0}
.sg-att.warn{background:var(--ob-warn-bg);border-color:#F6DDB4}
.sg-att.warn>svg,.sg-att.warn>i{color:var(--ob-warn)}
.sg-fix{border:1px solid var(--rstroke);background:#fff;border-radius:8px;padding:4px 9px;font:inherit;font-size:12px;font-weight:700;color:var(--rfg1);cursor:pointer;white-space:nowrap}
.sg-fix:hover{border-color:#C9CCD2}
.sg-prop{font-size:12.5px;background:#F4F1FE;border:1px solid #E1D9FB;border-radius:10px;padding:9px 12px;color:var(--rfg2)}
.sg-prop>svg{width:14px;height:14px;color:#6D4AE0;vertical-align:-2px;margin-right:6px}
.sg-prop>i{color:var(--rfg3);margin-right:6px}
.sg-prop b{color:var(--rfg1);margin-right:4px}
.sg-prop ul{margin:6px 0 0 20px;padding:0}
.sg-prop li{margin:2px 0}

/* form + preview */
.sg-body{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:22px;padding:4px 22px 18px;border-top:1px solid var(--rstroke);padding-top:18px}
@media (max-width:1320px){.sg-body{grid-template-columns:minmax(0,1fr)}}
.sg-form{display:flex;flex-direction:column;gap:12px}
.sg-f label{display:block;font-size:10.5px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:var(--rfg3);margin-bottom:5px}
.sg .ob-in{width:100%;box-sizing:border-box;font:inherit;font-size:13px;color:var(--rfg1);background:#fff;border:1px solid var(--rstroke);border-radius:9px;padding:8px 10px;outline:none}
.sg .ob-in:focus{border-color:var(--rbrand);box-shadow:0 0 0 3px rgba(253,0,36,.12)}
.sg-f.sg-changed .ob-in{border-color:#B9A8F3;background:#FBFAFF}
.sg-f.sg-changed label::after{content:'changed';margin-left:7px;font-size:9.5px;letter-spacing:.04em;color:#6D4AE0;background:#EFEAFE;border-radius:5px;padding:1px 5px}
.sg-hint{font-size:11.5px;color:var(--rfg3);margin-top:5px;line-height:1.45}
.sg-hint b{color:var(--rfg2)}
.sg-pc{display:flex!important;align-items:center;gap:7px;margin-top:7px;font-size:12.5px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;color:var(--rfg2)!important;cursor:pointer}
.sg-pc input{accent-color:#3D4EC2;width:14px;height:14px;margin:0}
.sg-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.sg-chip{border:1px solid var(--rstroke);background:#fff;border-radius:999px;padding:3px 9px;font:inherit;font-size:11.5px;font-weight:700;color:var(--rfg2);cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sg-chip:hover{border-color:#C9CCD2;color:var(--rfg1)}
.sg-chip.on{border-color:#3D4EC2;background:#ECF0FE;color:#3D4EC2}
.sg-photo{display:flex;align-items:center;gap:12px;margin-bottom:7px}
.sg-photo img,.sg-nophoto{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:0 0 auto;box-shadow:0 0 0 1px var(--rstroke)}
.sg-nophoto{display:inline-flex;align-items:center;justify-content:center;background:#F5F5F5;color:#C3C5CB;font-size:18px}
.sg-photoacts{display:flex;flex-wrap:wrap;gap:5px}
.sg-url{font-size:12px!important;padding:6px 9px!important}

.sg-lbl{display:flex;align-items:baseline;font-size:10.5px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:var(--rfg3);margin-bottom:6px}
.sg-chars{margin-left:auto;font-weight:700;letter-spacing:0;text-transform:none;font-size:11px}
.sg-prev{border:1px solid var(--rstroke);border-radius:12px;background:#fff;overflow-x:auto;overflow-y:hidden;box-shadow:inset 0 0 0 4px #FAFAFB}
.sg-prev iframe{display:block;border:0;width:100%;height:150px;background:#fff}
.sg-prevacts{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.sg-fine{font-size:11.5px;color:var(--rfg3);margin:10px 0 0;line-height:1.5}
.sg-fine b{color:var(--rfg2);font-weight:700}

/* save bar */
.sg-foot{position:sticky;bottom:0;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 22px;background:#FAFAFB;border-top:1px solid var(--rstroke)}
.sg-st{flex:1;min-width:220px;font-size:12.5px;color:var(--rfg2);line-height:1.5}
.sg-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;vertical-align:1px}
.sg-dot.ok{background:var(--ob-ok)}
.sg-dot.info{background:#3D4EC2}
.sg-okt{color:var(--ob-ok-ink);font-weight:700}
.sg-okt svg,.sg-okt i{font-size:11px;margin-right:3px}
.sg-dirty{color:var(--ob-warn);font-weight:700;font-size:12px}
.sg-fbtns{display:flex;gap:8px;margin-left:auto}
.sg .ob-hist{padding:10px 22px 16px}

/* the ⋯ menu */
.sg-pop{position:fixed;z-index:90;background:#fff;border:1px solid var(--rstroke,#E4E6E7);border-radius:12px;box-shadow:0 12px 34px rgba(7,9,22,.16);padding:5px;min-width:250px;font-family:Lato,sans-serif}
.sg-pi{display:flex;align-items:center;gap:9px;width:100%;border:0;background:none;border-radius:8px;padding:8px 10px;font:inherit;font-size:13px;color:#2B2D35;cursor:pointer;text-align:left}
.sg-pi:hover{background:#F5F5F6}
.sg-pi svg,.sg-pi i{width:14px;color:#94969E}
.sg-pi.bad{color:#C21B33}
.sg-pi.bad svg,.sg-pi.bad i{color:#C21B33}

/* batch + import dialogs */
.sg-bl{display:flex;flex-wrap:wrap;gap:5px;max-height:190px;overflow:auto}
.sg-bl span{font-size:12px;font-weight:700;background:#F3F4F6;border-radius:999px;padding:3px 9px;color:#2B2D35}
.sg-drop{display:flex;align-items:center;gap:10px;border:1.5px dashed #D5D8DE;border-radius:12px;padding:14px 16px;cursor:pointer;font-weight:700;color:#2B2D35;font-size:13px}
.sg-drop:hover{border-color:#94969E}
.sg-drop input{font-size:12px;margin-left:auto;max-width:230px}
.sg-implist{font-size:12px;color:#94969E;margin-top:6px}
.sg-impsum{font-size:12.5px;font-weight:800;color:#070916;margin:14px 0 8px}
.sg-imptab{width:100%;border-collapse:collapse;font-size:12.5px}
.sg-imptab td{padding:7px 6px;border-top:1px solid #F0F1F3;vertical-align:middle}
.sg-imptab td .muted{font-size:11px;color:#94969E}
.sg-imptab td:last-child{text-align:right;white-space:nowrap}
.sg-imptab .ob-pill{display:inline-flex;align-items:center;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:800;background:#F1F2F4;color:#4F5158}
.sg-imptab .ob-pill.ok{background:#EAF8F1;color:#0E8F57}
.sg-imptab .ob-pill.warn{background:#FFF6E8;color:#C77A12}
.sg-imptab .ob-pill.bad{background:#FFF1F3;color:#E0304A}
.sg-imptab .ob-in{width:100%;font:inherit;font-size:12.5px;border:1px solid #E4E6E7;border-radius:8px;padding:5px 8px}

/* the HR person page card (side column) */
.sg-pcard .sg-pcst{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:10px;font-size:12px}
.sg-pcard .ob-pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:800;background:#F1F2F4;color:#4F5158}
.sg-pcard .ob-pill.ok{background:#EAF8F1;color:#0E8F57}
.sg-pcard .ob-pill.info{background:#ECF0FE;color:#3D4EC2}
.sg-pcard .ob-pill.warn{background:#FFF6E8;color:#C77A12}
.sg-pcard .muted{color:#94969E}
.sg-pcard .sg-okt{color:#0E8F57;font-weight:700}
.sg-pcprev{border:1px solid #E4E6E7;border-radius:10px;overflow:hidden;height:96px;position:relative;background:#fff}
.sg-pcprev iframe{border:0;width:600px;height:180px;transform:scale(.52);transform-origin:0 0;position:absolute;left:0;top:0;pointer-events:none}
.sg-pcacts{display:flex;gap:6px;margin-top:10px}
.sg-pcacts .rec-btn{padding:5px 10px;font-size:12px;border-radius:8px;gap:6px}
.sg-pcnote{font-size:12.5px;color:#4F5158;margin:0 0 10px}