/*
Theme Name: ZarafyTek Vacancy Radar
Theme URI: https://jobs.zarafytek.com
Author: ZarafyTek
Description: Private UK Business Analyst vacancy radar dashboard.
Version: 0.1.0
Text Domain: zarafytek-vacancy-radar
WPVibe: yes
*/

:root{
	--ink:#111827;--muted:#677083;--paper:#f4f6f1;--card:#fff;--line:#dfe4dc;
	--panel:#111815;--panel-2:#1a241f;--signal:#b8ff4b;--signal-dark:#537d18;
	--blue:#3157d5;--red:#a53f3f;--amber:#9a6500;--green:#237a4b;
	--radius:16px;--shadow:0 12px 32px rgba(17,24,39,.07)
}
*{box-sizing:border-box}
html{background:var(--paper)}
body.ukba-body{margin:0;background:
	radial-gradient(circle at 85% 8%,rgba(184,255,75,.12),transparent 23rem),
	var(--paper);color:var(--ink);font-family:"Instrument Sans",sans-serif;line-height:1.45}
a{color:inherit}
button,input,select,textarea{font:inherit}
.ukba-topbar{height:70px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
.ukba-brandmark{display:flex;align-items:center;gap:11px;text-decoration:none}
.ukba-brandmark__signal{width:14px;height:32px;border-radius:99px;background:var(--signal);box-shadow:0 0 0 5px rgba(184,255,75,.18)}
.ukba-brandmark strong{display:block;font-size:16px;letter-spacing:-.02em}
.ukba-brandmark small{display:block;color:var(--muted);font:11px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em;margin-top:1px}
.ukba-topbar__meta{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:13px}
.ukba-live-dot{display:inline-flex;align-items:center;gap:7px;font:11px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.05em}
.ukba-live-dot span{width:7px;height:7px;border-radius:50%;background:var(--signal-dark);box-shadow:0 0 0 4px rgba(83,125,24,.12)}
.ukba-user{color:var(--ink);font-weight:650}
.ukba-text-link{color:var(--blue);text-decoration:none;font-weight:600}
.ukba-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 112px)}
.ukba-sidebar{background:var(--panel);color:#eef5ef;padding:26px 18px;position:sticky;top:70px;height:calc(100vh - 70px);overflow:auto}
.ukba-sidebar__eyebrow{font:10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.14em;color:#95a398;padding:0 12px 10px}
.ukba-nav{display:grid;gap:5px}
.ukba-nav a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;padding:11px 12px;border-radius:10px;color:#c9d2cb;font-weight:600;font-size:14px;transition:.16s ease}
.ukba-nav a:hover{background:var(--panel-2);color:#fff}
.ukba-nav a.is-active{background:var(--signal);color:#111815}
.ukba-nav small{font:10px "DM Mono",monospace;opacity:.65}
.ukba-sidebar__status{margin:28px 10px 0;padding:14px;border:1px solid #2e3c34;border-radius:12px;color:#b7c4bb;font-size:12px}
.ukba-sidebar__status strong{display:block;color:#fff;margin-bottom:5px}
.ukba-main{padding:34px clamp(22px,4vw,54px) 70px;min-width:0}
.ukba-main__inner{max-width:1220px;margin:0 auto}
.ukba-pagehead{display:flex;gap:24px;justify-content:space-between;align-items:flex-end;margin-bottom:25px}
.ukba-kicker{font:11px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.12em;color:var(--signal-dark);font-weight:500}
.ukba-pagehead h1{font-size:clamp(30px,4vw,48px);line-height:1.02;letter-spacing:-.045em;margin:7px 0 7px}
.ukba-pagehead p{margin:0;color:var(--muted);max-width:720px}
.ukba-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:10px 14px;background:var(--panel);color:#fff;text-decoration:none;font-weight:700;font-size:13px;cursor:pointer}
.ukba-btn:hover{transform:translateY(-1px)}
.ukba-btn--signal{background:var(--signal);color:#151b17}
.ukba-btn--secondary{background:#fff;color:var(--ink);border-color:var(--line)}
.ukba-btn--danger{background:#fff5f5;color:var(--red);border-color:#efd1d1}
.ukba-btn--tiny{padding:7px 9px;font-size:12px;border-radius:8px}
.ukba-grid{display:grid;gap:16px}
.ukba-grid--stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}
.ukba-stat{background:rgba(255,255,255,.86);border:1px solid var(--line);border-radius:14px;padding:17px;box-shadow:0 4px 18px rgba(17,24,39,.03)}
.ukba-stat label{display:block;color:var(--muted);font:10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em}
.ukba-stat strong{display:block;font-size:28px;letter-spacing:-.04em;margin-top:4px}
.ukba-stat small{display:block;color:var(--muted);margin-top:2px}
.ukba-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.ukba-card__pad{padding:20px}
.ukba-filterbar{display:grid;grid-template-columns:minmax(210px,2fr) repeat(3,minmax(140px,1fr)) auto;gap:10px;padding:13px;margin-bottom:16px}
.ukba-field{display:grid;gap:6px}
.ukba-field label,.ukba-field__label{font-size:12px;font-weight:700;color:#3e4757}
.ukba-input,.ukba-select,.ukba-textarea{width:100%;border:1px solid #cfd6cd;background:#fff;border-radius:9px;padding:10px 11px;color:var(--ink);outline:none}
.ukba-textarea{min-height:115px;resize:vertical}
.ukba-input:focus,.ukba-select:focus,.ukba-textarea:focus{border-color:#7aa831;box-shadow:0 0 0 3px rgba(184,255,75,.22)}
.ukba-jobs{display:grid;gap:13px}
.ukba-job{padding:19px;position:relative;overflow:hidden}
.ukba-job::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#dfe4dc}
.ukba-job[data-score="high"]::before{background:var(--signal-dark)}
.ukba-job[data-score="mid"]::before{background:#d3a830}
.ukba-job__top{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:18px;align-items:start}
.ukba-job__title{font-size:20px;letter-spacing:-.025em;margin:0 0 5px}
.ukba-job__org{color:#4d586b;font-size:14px;margin-bottom:11px}
.ukba-meta{display:flex;flex-wrap:wrap;gap:7px}
.ukba-chip{display:inline-flex;align-items:center;gap:5px;background:#f1f4ef;border:1px solid #e0e5dd;border-radius:999px;padding:5px 8px;font:11px "DM Mono",monospace;color:#4b554c}
.ukba-chip--demo{background:#fff1d8;border-color:#f1d49c;color:#835600}
.ukba-chip--live{background:#e7f8ee;border-color:#bfe8cf;color:#17683c}
.ukba-chip--import{background:#eef2ff;border-color:#d7ddfa;color:#3450a4}
.ukba-chip--state{background:#e8f1ff;border-color:#cdddf6;color:#235498}
.ukba-score{text-align:right}
.ukba-score strong{display:block;font-size:31px;letter-spacing:-.05em;line-height:1}
.ukba-score small{display:block;color:var(--muted);font:10px "DM Mono",monospace;margin-top:3px}
.ukba-scorebar{height:5px;background:#e7eae4;border-radius:9px;margin-top:9px;overflow:hidden}
.ukba-scorebar span{display:block;height:100%;background:var(--signal-dark);border-radius:9px}
.ukba-job__body{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;margin-top:16px;padding-top:15px;border-top:1px solid #edf0eb}
.ukba-reasons{margin:0;padding:0;list-style:none;display:grid;gap:6px;color:#364052;font-size:13px}
.ukba-reasons li::before{content:"+";font:600 12px "DM Mono",monospace;color:var(--signal-dark);margin-right:8px}
.ukba-missing{color:#737c8a;font-size:12px}
.ukba-missing strong{color:#525c6a}
.ukba-job__actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center;justify-content:flex-end;margin-top:14px}
.ukba-job__actions form{margin:0}
.ukba-details{margin-top:14px;border-top:1px dashed #d9ded6;padding-top:12px}
.ukba-details summary{cursor:pointer;font-weight:700;font-size:12px;color:#445066}
.ukba-details__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:12px}
.ukba-detailbox{background:#f7f8f5;border-radius:10px;padding:12px;font-size:12px}
.ukba-detailbox h4{margin:0 0 7px;font:11px "DM Mono",monospace;text-transform:uppercase;color:#687284}
.ukba-detailbox p,.ukba-detailbox ul{margin:0}
.ukba-detailbox ul{padding-left:17px}
.ukba-notice{padding:12px 15px;border-radius:10px;margin-bottom:18px;border:1px solid}
.ukba-notice--success{background:#edf8f1;border-color:#c8e5d2;color:#28623f}
.ukba-notice--warning{background:#fff7e7;border-color:#efd8a3;color:#79520a}
.ukba-notice--error{background:#fff0f0;border-color:#efc2c2;color:#8c3131}
.ukba-formcard{padding:22px}
.ukba-formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ukba-formgrid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ukba-field--wide{grid-column:1/-1}
.ukba-check{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#536071;margin-top:6px}
.ukba-check input{margin-top:2px}
.ukba-sectiontitle{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:30px 0 12px}
.ukba-sectiontitle h2{margin:0;font-size:20px;letter-spacing:-.02em}
.ukba-sectiontitle p{margin:3px 0 0;color:var(--muted);font-size:13px}
.ukba-sourcegrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.ukba-source{padding:18px}
.ukba-source__head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:9px}
.ukba-source h3{font-size:17px;margin:0}
.ukba-statuspill{font:10px "DM Mono",monospace;text-transform:uppercase;border-radius:999px;padding:4px 7px;background:#eff2ee;color:#5d675d}
.ukba-statuspill--configured{background:#e5f8ec;color:#17683c}
.ukba-statuspill--needs_config{background:#fff5db;color:#805b06}
.ukba-statuspill--import_only{background:#edf0ff;color:#4054a4}
.ukba-source p{color:var(--muted);font-size:13px;margin:0 0 10px}
.ukba-source code{font:11px "DM Mono",monospace;color:#4c5667}
.ukba-tablewrap{overflow:auto}
.ukba-table{width:100%;border-collapse:collapse;font-size:12px}
.ukba-table th{text-align:left;font:10px "DM Mono",monospace;text-transform:uppercase;color:#7a8493;padding:10px;border-bottom:1px solid var(--line)}
.ukba-table td{padding:11px 10px;border-bottom:1px solid #edf0eb;vertical-align:top}
.ukba-table tr:last-child td{border-bottom:0}
.ukba-empty{padding:42px;text-align:center;color:var(--muted)}
.ukba-empty strong{display:block;color:var(--ink);font-size:18px;margin-bottom:5px}
.ukba-digestpreview{padding:22px;background:#fff}
.ukba-digestitem{padding:15px 0;border-bottom:1px solid #edf0eb}
.ukba-digestitem:last-child{border-bottom:0}
.ukba-digestitem h3{margin:0 0 5px;font-size:16px}
.ukba-digestitem p{margin:4px 0;color:#596474;font-size:13px}
.ukba-login{min-height:calc(100vh - 112px);display:grid;place-items:center;padding:30px}
.ukba-login__panel{max-width:760px;width:100%;padding:42px;background:var(--panel);color:#fff;border-radius:22px;position:relative;overflow:hidden}
.ukba-login__panel::after{content:"";width:220px;height:220px;border-radius:50%;background:var(--signal);position:absolute;right:-80px;top:-110px;opacity:.12}
.ukba-login .ukba-kicker{color:var(--signal)}
.ukba-login h1{font-size:48px;line-height:1;letter-spacing:-.05em;margin:12px 0}
.ukba-login p{color:#bbc7bf;max-width:560px;font-size:16px}
.ukba-footer{min-height:42px;padding:12px 28px;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#7b8490;font:10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.04em}
.ukba-muted{color:var(--muted)}
.ukba-mono{font-family:"DM Mono",monospace}
.ukba-inline{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.ukba-help{font-size:11px;color:#788291;margin-top:4px}
.ukba-dangerzone{border-color:#ecd0d0;background:#fffafa}
@media(max-width:1000px){
	.ukba-shell{grid-template-columns:200px minmax(0,1fr)}
	.ukba-grid--stats{grid-template-columns:repeat(2,minmax(0,1fr))}
	.ukba-filterbar{grid-template-columns:1fr 1fr}
	.ukba-filterbar .ukba-btn{width:100%}
	.ukba-sourcegrid{grid-template-columns:1fr}
}
@media(max-width:760px){
	.ukba-topbar{padding:0 16px}
	.ukba-live-dot,.ukba-user{display:none}
	.ukba-shell{display:block}
	.ukba-sidebar{position:static;height:auto;padding:10px;background:var(--panel)}
	.ukba-sidebar__eyebrow,.ukba-sidebar__status{display:none}
	.ukba-nav{display:flex;overflow:auto}
	.ukba-nav a{white-space:nowrap;min-width:max-content}
	.ukba-main{padding:24px 14px 50px}
	.ukba-pagehead{display:block}
	.ukba-pagehead__actions{margin-top:14px}
	.ukba-grid--stats{grid-template-columns:1fr 1fr}
	.ukba-filterbar,.ukba-formgrid,.ukba-formgrid--3,.ukba-job__body,.ukba-details__grid{grid-template-columns:1fr}
	.ukba-job__top{grid-template-columns:1fr}
	.ukba-score{text-align:left;display:flex;align-items:end;gap:8px}
	.ukba-scorebar{width:120px;margin-bottom:3px}
	.ukba-job__actions{justify-content:flex-start}
	.ukba-login__panel{padding:28px}
	.ukba-login h1{font-size:38px}
	.ukba-footer{display:block}
}