/* aTalent Visual Theme: dark brand band over a light working surface */
:root{
  --canvas:#F1F0F3; --panel:#FFFFFF; --subtle:#F7F2F8; --ink:#171219; --sec:#4F4856; --muted:#6E6574;
  --brand:#69306D; --brand-hover:#3E1C42; --on-brand:#FFFFFF; --rule:#E2DFE6; --control:#8E8292;
  --focus:#69306D; --danger:#B23A1E; --ok:#2E7D4F; --keep-bg:#F7F2F8; --keep-fg:#69306D;
  --draft-bg:#FFF4CC; --draft-fg:#5C4700; --bar:#C89ACB;
  --font-display:'Poppins','Noto Sans',system-ui,sans-serif;
  --font-text:'Inter','Noto Sans','Noto Sans SC','Noto Sans JP',system-ui,-apple-system,sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){:root{
  --canvas:#140818; --panel:#1E1121; --subtle:#2A1A2E; --ink:#FFFFFF; --sec:#D9CFDB; --muted:#A89BAB;
  --brand:#FFD23F; --brand-hover:#FFE58A; --on-brand:#1B0E1D; --rule:rgba(255,255,255,.10); --control:rgba(255,255,255,.35);
  --focus:#FFD23F; --danger:#F06543; --ok:#7FD1A1; --keep-bg:#C89ACB; --keep-fg:#1B0E1D;
  --draft-bg:#3A2F10; --draft-fg:#FFE58A; color-scheme:dark }}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0}
body{background:var(--canvas);color:var(--ink);font:400 15px/1.5 var(--font-text)}
h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;text-wrap:balance}
a{color:var(--brand)}
.wrap{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px}

.band{position:relative;color:#fff;background:
  radial-gradient(1100px 600px at 90% -20%,rgba(154,90,160,.85) 0%,rgba(138,69,144,.55) 25%,rgba(105,48,109,.3) 50%,transparent 75%),
  radial-gradient(700px 500px at 0% 120%,rgba(74,34,80,.8) 0%,transparent 65%),
  linear-gradient(180deg,#1D0E24 0%,#140818 100%)}
.band::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.11) 1.6px,transparent 1.6px);background-size:40px 40px}
.band .wrap{position:relative;padding-block:24px 32px;display:grid;gap:18px}
.band :focus-visible{outline-color:#FFD23F}
.nav{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.nav nav{display:flex;gap:6px;flex-wrap:wrap}
.nav nav a{color:#D9CFDB;text-decoration:none;font:500 14px var(--font-text);height:36px;display:inline-flex;align-items:center;padding:0 14px;border-radius:999px}
.nav nav a[aria-current="page"]{background:rgba(255,255,255,.1);color:#fff}
.nav nav a:hover{color:#fff}
.logo{width:110px;height:auto;display:block}
.eyebrow{display:inline-flex;align-items:center;gap:.6em;font:500 12px/1 var(--font-text);letter-spacing:.12em;text-transform:uppercase;color:#C89ACB}
.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:#FFD23F;box-shadow:0 0 8px #FFD23F}
.band h1{font-weight:500;font-size:clamp(28px,4vw,40px);line-height:1.1}
.band .lead{color:#D9CFDB;max-width:62ch;margin:0}
.focal{color:#FFD23F}

main .wrap{padding-block:24px 64px;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
main .wrap>*{min-width:0}
.panel{background:var(--panel);border:1px solid var(--rule);border-radius:16px}
.pad{padding:20px;display:grid;gap:16px}
.panel h2{font-size:18px;font-weight:600}
.hint{color:var(--muted);font-size:13px;margin:0}
.legend,.field>span{font:600 12px var(--font-text);letter-spacing:.08em;text-transform:uppercase;color:var(--sec)}
.field{display:grid;gap:6px;min-width:0}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
input[type=text],input[type=search],select,textarea{width:100%;height:44px;border:1px solid var(--control);border-radius:10px;background:var(--panel);color:var(--ink);padding:0 12px;font:400 15px var(--font-text)}
textarea{height:auto;min-height:72px;padding:10px 12px;resize:vertical}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;padding:0 20px;border-radius:999px;font:600 14px/1 var(--font-text);cursor:pointer;border:1px solid var(--brand);background:transparent;color:var(--ink);white-space:nowrap;text-decoration:none}
.btn.primary{background:var(--brand);color:var(--on-brand)}
.btn.primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)}
.btn.ghost{border-color:var(--control)}
.btn.ghost:hover{background:var(--subtle)}
.btn.danger{border-color:var(--danger);color:var(--danger)}
.btn.sm{height:34px;padding:0 14px;font-size:13px}
.btn[disabled]{opacity:.4;cursor:default}
.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.toolbar .grow{flex:1 1 220px;min-width:0}
.toolbar select{width:auto}
.msg{font-size:14px}
.msg.err{color:var(--danger)} .msg.ok{color:var(--ok)}
.chip{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font:600 12px var(--font-text);white-space:nowrap}
.chip.translate{background:var(--brand);color:var(--on-brand)}
.chip.keep{background:var(--keep-bg);color:var(--keep-fg);border:1px solid var(--keep-fg)}
.chip.draft{background:var(--draft-bg);color:var(--draft-fg)}
.chip.approved,.chip.done{color:var(--ok);border:1px solid var(--ok)}
.chip.failed{color:var(--danger);border:1px solid var(--danger)}
.chip.running,.chip.queued{background:var(--subtle);color:var(--sec)}
.seg{justify-self:start;display:inline-flex;border:1px solid var(--control);border-radius:999px;padding:3px;gap:3px;flex-wrap:wrap}
.seg label{position:relative;display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;cursor:pointer;font:500 14px var(--font-text);color:var(--sec)}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg label:has(input:checked){background:var(--brand);color:var(--on-brand)}
.seg label:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}
.checks{display:flex;flex-wrap:wrap;gap:8px 18px}
.checks label{display:inline-flex;gap:8px;align-items:center;font-size:14px;cursor:pointer}
.checks input{width:18px;height:18px;accent-color:var(--brand)}
.tablewrap{overflow-x:auto}
table{border-collapse:collapse;width:100%}
th{background:var(--subtle);text-align:left;font:600 11px var(--font-text);letter-spacing:.08em;text-transform:uppercase;color:var(--sec);padding:12px 14px;border-bottom:1px solid var(--rule);white-space:nowrap}
td{padding:12px 14px;border-bottom:1px solid var(--rule);vertical-align:top;font-size:14px}
tr:last-child td{border-bottom:0}
.num{font-variant-numeric:tabular-nums}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.empty{padding:40px 24px;text-align:center;color:var(--sec);display:grid;gap:10px;justify-items:center}
.empty h3{font-size:18px;color:var(--ink)}
@media (max-width:600px){.btn{padding:0 14px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}