/* Recruit ATS - shared look (ERP style, centred, corporate colours only). v1.0.1 */
:root{--orange:#F47217;--orange-d:#C95F0B;--green:#138808;--green-l:#F1F9F1;--blue:#4169E1;--blue-l:#7B9FF5;
  --navy:#1A1A2E;--navy2:#16213E;--t1:#333;--t2:#555;--t3:#666;--bd:#E1E8ED;--panel:#F8F9FA;--white:#FFFFFF}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--panel);color:var(--t1);font:14px/1.45 Verdana,Geneva,Tahoma,sans-serif}
button,input,select,textarea{font:inherit}
:focus-visible{outline:2px solid var(--blue);outline-offset:1px}
.top{background:var(--navy);color:var(--white);text-align:center;position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 12px 4px}
.brand svg{width:32px;height:32px;flex:none}
.brand h1{margin:0;font-size:19px;font-weight:bold}
.brand .o{color:var(--orange)} .brand .b{color:var(--blue-l)}
.brand small{display:block;font-size:11px;color:var(--bd);font-weight:normal}
.userbar{display:flex;justify-content:center;gap:12px;align-items:center;font-size:12px;color:var(--bd);padding-bottom:4px}
.userbar a{color:var(--blue-l);text-decoration:none}
.tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:2px;padding:2px 8px 0}
.tabs a{color:var(--bd);text-decoration:none;padding:7px 13px;font-weight:bold;font-size:13px;border-bottom:3px solid transparent}
.tabs a.on{color:var(--white);border-bottom-color:var(--orange)}
.tabs a.soon{opacity:.45;cursor:default}
.wrap{max-width:1200px;margin:0 auto;padding:16px 12px 40px}
.pagehead{text-align:center;margin:4px 0 14px}
.pagehead h2{margin:0;font-size:19px;color:var(--navy)}
.pagehead p{margin:4px 0 0;color:var(--t3);font-size:12px}
.card{background:var(--white);border:1px solid var(--bd);border-radius:4px;margin:0 auto 16px}
.card-h{padding:8px 12px;border-bottom:1px solid var(--bd);background:var(--panel);font-weight:bold;text-align:center;color:var(--navy)}
.narrow{max-width:460px}.mid{max-width:760px}
.fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px 12px;padding:14px}
.f{display:block;font-size:12px;color:var(--t2);font-weight:bold}
.f.wide{grid-column:1/-1}
.f input,.f select,.f textarea{display:block;width:100%;margin-top:4px;font-size:13px;font-weight:normal;padding:7px 8px;border:1px solid var(--bd);border-radius:3px;background:var(--white);color:var(--t1)}
.f input.bad,.f select.bad{border-color:var(--orange);background:var(--panel)}
.err{display:block;margin-top:3px;color:var(--orange-d);font-size:12px}
.err:empty{display:none}
.req{color:var(--orange)}
.sec{grid-column:1/-1;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--blue);border-bottom:1px solid var(--bd);padding-bottom:3px;margin-top:4px}
.acts{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;padding:0 14px 14px}
.btn{border:1px solid var(--bd);background:var(--white);color:var(--t1);padding:7px 16px;border-radius:3px;cursor:pointer;font-weight:bold;font-size:13px;text-decoration:none;display:inline-block}
.btn:hover{border-color:var(--blue)}
.btn.pri{background:var(--orange);border-color:var(--orange);color:var(--white)}
.btn.pri:hover{background:var(--orange-d);border-color:var(--orange-d)}
.btn.ok{background:var(--green);border-color:var(--green);color:var(--white)}
.btn:disabled{opacity:.55;cursor:default}
.msg{text-align:center;font-weight:bold;font-size:13px;padding:0 14px 12px}
.msg:empty{display:none}
.msg.ok{color:var(--green)} .msg.er{color:var(--orange-d)}
.okbox{background:var(--green-l);border:1px solid var(--green);color:var(--green);border-radius:3px;padding:8px 12px;margin:0 14px 14px;text-align:center;font-weight:bold}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));border:1px solid var(--bd);background:var(--white);border-radius:4px;margin-bottom:16px}
.kpi{padding:10px;border-right:1px solid var(--bd);text-align:center}
.kpi:last-child{border-right:0}
.kpi b{display:block;font-size:26px;color:var(--navy2)}
.kpi span{font-size:11px;color:var(--t3);font-weight:bold}
.kpi.warn b{color:var(--orange)}
table.grid{width:100%;border-collapse:collapse;font-size:13px}
.grid th{background:var(--navy2);color:var(--white);text-align:left;font-weight:normal;padding:7px 8px}
.grid td{border-bottom:1px solid var(--bd);padding:6px 8px}
.empty{padding:22px;text-align:center;color:var(--t3)}
.badge{display:inline-block;padding:0 7px;border-radius:9px;font-size:11px;font-weight:bold;border:1px solid var(--orange);color:var(--orange-d)}
.ver{text-align:center;color:var(--t3);font-size:11px;padding:8px}
.pbar{height:4px;background:var(--bd);overflow:hidden;margin:0 14px 12px;border-radius:2px;display:none}
.pbar i{display:block;height:100%;width:40%;background:var(--blue);animation:slide 1s linear infinite}
@keyframes slide{from{transform:translateX(-100%)}to{transform:translateX(260%)}}