/* Mars Mining personnel intake terminal. Field-terminal look for data entry screens (preview only). */
.term{--t-bg:#120D0B;--t-panel:#1B1412;--t-line:#4A3A33;--t-amber:#F2B705;--t-text:#F3EBE1;--t-dim:#D9B99B;--t-rust:#E06A45;
  position:relative;background:var(--t-panel);color:var(--t-text);border:2px solid var(--t-line);border-radius:4px;padding:0 0 16px;overflow:hidden;
  font-family:"JetBrains Mono","IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;box-shadow:0 0 0 1px #000,0 0 22px rgba(242,183,5,.07) inset}
.term::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 1px,transparent 1px 3px)}
.term>*:not(.term-bar){padding-left:16px;padding-right:16px}
.term-bar{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;background:repeating-linear-gradient(-45deg,var(--t-amber) 0 10px,#1B1412 10px 20px);padding:0;margin:0 0 12px;border-bottom:2px solid var(--t-line)}
.term-bar span{background:var(--t-bg);color:var(--t-amber);font-weight:700;font-size:.82rem;letter-spacing:.08em;padding:7px 12px;margin:6px 0 6px 12px;text-transform:uppercase}
.term h2,.term h3,.term h4,.term legend{font-family:inherit;color:var(--t-amber);text-transform:uppercase;letter-spacing:.06em;font-size:1rem}
.term h2::before,.term h3::before{content:"> "}
.term p,.term .fine,.term .crew-note,.term small{color:var(--t-dim);font-size:.95rem;line-height:1.5}
.term label,.term .ivq{display:block;color:var(--t-amber);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.92rem;margin:14px 0 4px}
.term .ivq{text-transform:none;letter-spacing:0;color:var(--t-text)}
.term label:not(.tgl):not(:has(input[type=checkbox])):not(:has(input[type=radio]))::before,.term .ivq::before{content:"> ";color:var(--t-rust)}
.term input:not([type=checkbox]):not([type=radio]),.term textarea,.term select{width:100%;box-sizing:border-box;background:var(--t-bg);color:var(--t-text);border:1px solid var(--t-line);border-radius:2px;padding:10px 12px;
  font:16px/1.45 inherit;font-family:inherit;caret-color:var(--t-amber);caret-shape:block}
.term input::placeholder,.term textarea::placeholder{color:#A8937F}
.term input:focus-visible,.term textarea:focus-visible,.term select:focus-visible{outline:3px solid var(--t-amber);outline-offset:1px;border-color:var(--t-amber);box-shadow:0 0 12px rgba(242,183,5,.25)}
.term .fld:focus-within>label::after,.term div:focus-within>.ivq::after{content:"\2588";color:var(--t-amber);margin-left:6px;animation:tblink 1s steps(1) infinite}
@keyframes tblink{50%{opacity:0}}
.term button,.term .btn{font-family:inherit;text-transform:uppercase;letter-spacing:.06em;font-weight:700;font-size:1rem;min-height:44px;background:#2A201C;color:var(--t-amber);border:2px solid var(--t-amber);border-bottom-width:4px;border-radius:3px;padding:8px 14px;cursor:pointer}
.term button::before,.term .btn::before{content:"[ "}.term button::after,.term .btn::after{content:" ]"}
.term button:active{transform:translateY(2px);border-bottom-width:2px}
.term button:focus-visible,.term .btn:focus-visible{outline:3px solid var(--t-text);outline-offset:2px}
.term button.y,.term .btn.y{background:var(--t-amber);color:#120D0B}
.term button.r,.term .btn.r{border-color:var(--t-rust);color:var(--t-rust)}
.term button:disabled{opacity:.7;cursor:wait}
.term-status{font-size:.9rem;color:var(--t-amber);letter-spacing:.06em;margin:4px 0;display:flex;flex-wrap:wrap;gap:4px 14px}
.term-status .ok{color:#7DFFA0}
.term-meter{height:10px;background:var(--t-bg);border:1px solid var(--t-line);margin:4px 0 10px}.term-meter span{display:block;height:100%;background:repeating-linear-gradient(90deg,var(--t-amber) 0 6px,transparent 6px 8px)}
.term details summary{color:var(--t-amber);cursor:pointer;min-height:32px}
.term a{color:var(--t-amber)}
.term .improw,.term .pfrow{border-top:1px dashed var(--t-line)!important}
@media (max-width:600px){.term-bar span{font-size:.75rem;margin-left:8px}.term>*:not(.term-bar){padding-left:12px;padding-right:12px}}
@media (prefers-reduced-motion:reduce){.term .fld:focus-within>label::after,.term div:focus-within>.ivq::after{animation:none}}
.term,.term [id]{scroll-margin-top:110px}
/* fast-track choice panel (personnel file basics) */
.term .fast{border:1px dashed var(--t-amber);background:#120D0B;padding:12px 14px;margin:6px 0 16px}
.term .fast-l{color:var(--t-amber);margin:0 0 10px;font-size:1rem}
.term .fast-k{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.term .fast-k .btn{display:inline-flex;align-items:center;padding:8px 14px;text-decoration:none}
.term .fast-m{color:var(--t-text);text-decoration:underline;min-height:44px;display:inline-flex;align-items:center}
.term .fast-m:focus-visible{outline:3px solid var(--t-amber);outline-offset:2px}
/* keep the sticky site header off terminal panels: offset jumps and tuck the header away while scrolling down */
html:has(.term){scroll-padding-top:96px}
header.site{transition:transform .2s ease}
header.site.tuck{transform:translateY(-100%)}
@media (prefers-reduced-motion:reduce){header.site{transition:none}}