/* SPDX-License-Identifier: EUPL-1.2
   Copyright (c) 2026 Stefy Lanza <stefy@nexlab.net> and ThinkDifferent S.r.l.
   This file is part of Auctio. See LICENSE for the full text. */
:root { --ink: #1b232c; --muted: #4f5b66; --rule: #c9cfd5; --ok: #245c42; --ok-bg: #e4efe8; --bad: #7a2a2a; --bad-bg: #f6e8e8; --skip: #6b5a1e; --skip-bg: #f4ecd9; --code: #eceef0; --focus: #1f5fbf; }
body { margin: 0; font-family: system-ui, "Segoe UI", Helvetica, Arial, sans-serif; color: var(--ink); background: #f6f6f3; line-height: 1.5; }
main { max-width: 60rem; margin: 0 auto; padding: 1.5rem 1rem 3rem; }
h1 { font-size: 1.5rem; } h2 { font-size: 1.2rem; }
p, li { max-width: 72ch; }
code { font-family: ui-monospace, Menlo, Consolas, monospace; background: var(--code); padding: .05em .3em; border-radius: 3px; }
.lede, .hint { color: var(--muted); } .hint { font-size: .9rem; }
fieldset { border: 1px solid var(--rule); border-radius: 4px; padding: .5rem 1rem 1rem; margin: 1rem 0; }
label { display: block; font-weight: 600; margin: .8rem 0 .25rem; }
input[type="file"] { font: inherit; }
button { font: inherit; font-weight: 600; padding: .55rem 1.2rem; border-radius: 4px; border: 1px solid var(--focus); background: var(--focus); color: #fff; cursor: pointer; }
button[disabled] { opacity: .55; cursor: not-allowed; }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
#steps { padding-left: 0; list-style: none; }
#steps li { padding: .5rem .8rem; margin: .3rem 0; border-left: 4px solid; border-radius: 3px; word-break: break-word; }
#steps li.ok { border-color: var(--ok); background: var(--ok-bg); }
#steps li.fail { border-color: var(--bad); background: var(--bad-bg); }
#steps li.skip { border-color: var(--skip); background: var(--skip-bg); }
#steps b { display: inline-block; min-width: 4rem; }
#verdict.ok { color: var(--ok); } #verdict.fail { color: var(--bad); }
.status-error { padding: .6rem .8rem; border-left: 4px solid var(--bad); background: var(--bad-bg); }
footer { text-align: center; color: var(--muted); font-size: .85rem; padding: 1rem; border-top: 1px solid var(--rule); }
[hidden] { display: none !important; }