:root{color-scheme:dark;--bg:#0c0c0d;--panel:#151517;--muted:#929298;--line:#2a2a2e;--accent:#e76832;--text:#f2f2f3;--ok:#74c58a;--bad:#df6b6b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 30% -20%,#24140f 0,transparent 32%),var(--bg);color:var(--text);font:15px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.topbar{height:62px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#0c0c0ddd;position:sticky;top:0;backdrop-filter:blur(12px);z-index:3}.topbar strong{letter-spacing:.08em}.topbar span,.topbar small{color:var(--muted);margin-left:.7rem}.shell{max-width:1180px;margin:0 auto;padding:42px 28px 80px}.hero{margin-bottom:28px}.eyebrow,.key{font-size:11px;letter-spacing:.16em;color:var(--accent);font-weight:800}.hero h1,.process-head h1{font-size:clamp(28px,4vw,52px);margin:.15em 0;letter-spacing:-.04em}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.card,.outcome,.next,.login-card,.empty{background:linear-gradient(180deg,#18181b,#121214);border:1px solid var(--line);border-radius:16px}.card{display:block;color:inherit;text-decoration:none;padding:22px;transition:.15s}.card:hover{border-color:#444448;transform:translateY(-1px)}.card-head,.process-head,.outcome-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.card h2,.outcome h3{margin:.25em 0;font-size:19px}.state,.badge{border:1px solid var(--line);padding:5px 8px;border-radius:999px;color:var(--muted);font-size:10px;letter-spacing:.08em}.badge.warn{border-color:#6a4a2f;color:#dda26f}.progress{height:7px;background:#27272a;border-radius:99px;overflow:hidden;margin:22px 0 12px}.progress span{display:block;height:100%;background:linear-gradient(90deg,#a74624,var(--accent));border-radius:99px}.progress.big{height:10px}.metrics{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:12px}.metrics strong{color:var(--text)}.next{margin-top:18px;padding:14px 16px;display:grid;gap:2px}.next small{color:var(--accent);font-weight:800;letter-spacing:.14em}.next span{color:var(--muted);font-size:12px}.next.major{padding:20px;margin:28px 0}.process-head{align-items:end}.score{text-align:right}.score strong{font-size:34px;display:block}.score span{color:var(--muted)}section>h2{margin-top:38px}.outcome{padding:18px;margin:12px 0}.outcome.ok{border-color:#31503a}.outcome.bad{border-color:#5c3030}.check{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-top:1px solid var(--line)}.check:first-of-type{margin-top:10px}.check div:first-child{display:grid;gap:2px}.check span,.check small{color:var(--muted);font-size:12px}.actions{display:flex;gap:8px;align-items:center}button{background:var(--accent);border:0;border-radius:8px;padding:9px 12px;color:white;font-weight:700;cursor:pointer}button.ghost{background:transparent;border:1px solid var(--line);color:var(--muted)}.timeline{border-left:1px solid var(--line);margin-left:6px}.timeline div{display:grid;grid-template-columns:180px 1fr;gap:15px;padding:9px 0 9px 18px}.timeline time{color:var(--muted);font-variant-numeric:tabular-nums}.back{color:var(--muted);text-decoration:none}.login-card{max-width:420px;margin:10vh auto;padding:28px}.login-card h1{margin:0}.login-card p{color:var(--muted)}label{display:grid;gap:6px;margin:14px 0;color:var(--muted)}input{width:100%;background:#0c0c0d;border:1px solid var(--line);border-radius:9px;color:var(--text);padding:12px}.empty{padding:24px;color:var(--muted)}code{color:#e7a27f}@media(max-width:600px){.shell{padding:26px 16px}.check{display:grid}.process-head{align-items:flex-start}.timeline div{grid-template-columns:1fr;gap:2px}}

/* Offline Field Mode */
.field-body { min-height: 100vh; }
.field-topbar { position: sticky; top: 0; z-index: 20; }
.field-status { display: inline-flex; align-items: center; gap: .45rem; font-size: .85rem; }
.net-dot { width: .62rem; height: .62rem; border-radius: 999px; display: inline-block; background: #777; }
.net-dot.online { background: #65a765; }
.net-dot.offline { background: #c66; }
.field-shell { padding-bottom: calc(3rem + env(safe-area-inset-bottom)); }
.field-toolbar { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-end; margin: 1.25rem 0; }
.field-actions { display: flex; gap: .6rem; align-items: center; flex-wrap: wrap; }
.ghost-link { text-decoration: none; }
.offline-banner, .conflict-panel { border: 1px solid rgba(231,106,43,.55); padding: .9rem 1rem; border-radius: .8rem; margin: 1rem 0; background: rgba(231,106,43,.08); }
.conflict-panel { border-color: rgba(210,80,80,.55); background: rgba(210,80,80,.08); }
.conflict-panel h3 { margin-top: 0; }
.conflict-row, .field-list-row { display: flex; justify-content: space-between; gap: 1rem; align-items: center; border-top: 1px solid rgba(255,255,255,.08); padding: .75rem 0; }
.conflict-row small, .field-list-row small { display: block; opacity: .7; margin-top: .2rem; }
.field-picker { margin: 1rem 0; }
.field-process-link { display: flex; justify-content: space-between; gap: 1rem; text-decoration: none; color: inherit; padding: .9rem 0; border-bottom: 1px solid rgba(255,255,255,.08); }
.field-summary { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: .6rem; margin: 1rem 0 1.5rem; }
.field-summary > div { padding: .85rem; border: 1px solid rgba(255,255,255,.09); border-radius: .75rem; display: flex; flex-direction: column; gap: .15rem; }
.field-summary strong { font-size: 1.35rem; }
.field-summary span { opacity: .65; font-size: .78rem; }
.field-card { border: 1px solid rgba(255,255,255,.09); border-radius: .8rem; padding: .9rem; margin: .65rem 0; background: rgba(255,255,255,.02); }
.field-card-head, .section-title { display: flex; justify-content: space-between; gap: 1rem; align-items: center; }
.field-card-head h3 { margin: .25rem 0; }
.field-button-row { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .8rem; }
button.tiny { padding: .45rem .65rem; font-size: .75rem; min-height: 2.15rem; }
button.tiny.selected { outline: 1px solid currentColor; }
button.tiny.ghost { background: transparent; }
.pending-card { border-style: dashed; border-color: rgba(231,106,43,.7); }
.pending-label { margin: .35rem 0; font-size: .72rem; letter-spacing: .06em; color: #e78a56; }
.field-check { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .6rem 0; border-top: 1px solid rgba(255,255,255,.07); }
.field-check small { display: block; opacity: .7; margin-top: .15rem; }
.machine-note { font-size: .72rem; opacity: .55; white-space: nowrap; }
.ok-text { color: #8abf8a; }
.bad-text, .warn-text { color: #d77; }
.badge.good { border-color: rgba(101,167,101,.5); }
.field-note { border-left: 2px solid rgba(255,255,255,.18); padding: .35rem 0 .35rem .75rem; margin: .6rem 0; }
.field-note p { margin: 0 0 .25rem; white-space: pre-wrap; }
.field-note small { opacity: .6; }
.muted { opacity: .66; }

@media (max-width: 760px) {
  .field-toolbar { align-items: flex-start; flex-direction: column; }
  .field-summary { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .field-card-head, .field-check, .conflict-row, .field-list-row { align-items: flex-start; }
}
.attestation-text{display:block;max-width:520px;color:var(--muted);font-size:11px;line-height:1.35;margin:.25rem .5rem .25rem 0}