/* ECLIPSE tokens, copied on purpose: this page must keep working without anything from the business service. */
:root{--yj-bg:#0d0c11;--yj-surface:#19171f;--yj-surface-raised:#24202b;--yj-border:#322d39;--yj-control-border:#81758f;--yj-text:#f4edf5;--yj-text-muted:#a19aa9;--yj-accent:#d0a9f3;--yj-success:#9dd7bc;--yj-success-bg:#142b24;--yj-error:#f3a6ad;--yj-error-bg:#302026;--yj-warning:#e7c38e;--yj-warning-bg:#30281e;--yj-unknown:#bac0de;--yj-unknown-bg:#252635;--yj-speed:160ms;color-scheme:dark}
@media (prefers-reduced-motion:reduce){:root{--yj-speed:0ms}}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--yj-bg);color:var(--yj-text);font:16px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;-webkit-text-size-adjust:100%}
main{max-width:720px;margin:0 auto;padding:24px 16px 64px;display:grid;gap:12px}
main>*,section>*{min-width:0}
section{display:grid;gap:12px}
h1{margin:0;font-size:24px;font-weight:600}
h2{margin:16px 0 0;font-size:17px;font-weight:600}
p{margin:0}
form{display:grid;gap:8px;padding:16px;background:var(--yj-surface);border:1px solid var(--yj-border);border-radius:12px}
label{color:var(--yj-text-muted);font-size:14px}
#status{color:var(--yj-text-muted);font-size:14px}
#status:empty{display:none}
input{width:100%;padding:10px 12px;border:1px solid var(--yj-control-border);border-radius:8px;background:var(--yj-bg);color:var(--yj-text);font:inherit}
button{min-height:40px;padding:8px 16px;border:1px solid var(--yj-control-border);border-radius:8px;background:var(--yj-surface-raised);color:var(--yj-text);font:inherit;font-size:15px;cursor:pointer;transition:border-color var(--yj-speed)}
button:hover{border-color:var(--yj-accent)}
a.button{display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;border:1px solid var(--yj-control-border);border-radius:8px;background:var(--yj-surface-raised);color:var(--yj-text);font-size:15px;text-decoration:none;transition:border-color var(--yj-speed)}
a.button:hover{border-color:var(--yj-accent)}
form button{background:var(--yj-accent);border-color:var(--yj-accent);color:#1b1324;font-weight:600}
button.quiet{justify-self:start;background:none;border-color:transparent;color:var(--yj-text-muted)}
:focus-visible{outline:2px solid var(--yj-accent);outline-offset:2px}
.card{padding:16px;border:1px solid var(--yj-border);border-radius:12px;background:var(--yj-surface);display:grid;gap:8px;margin-top:8px;justify-items:start;min-width:0}
.row{display:flex;flex-wrap:wrap;gap:8px}
.muted{color:var(--yj-text-muted);font-size:14px}
.facts{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:4px 16px;margin:0;font-size:15px;width:100%}
.facts dt{color:var(--yj-text-muted)}
.facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
.notice{padding:8px 12px;border-radius:8px;font-size:14px}
.notice.warn{color:var(--yj-warning);background:var(--yj-warning-bg)}
.status{padding:1px 8px;border-radius:6px;font-size:13px}
.status.ok{color:var(--yj-success);background:var(--yj-success-bg)}
.status.bad{color:var(--yj-error);background:var(--yj-error-bg)}
.status.warn{color:var(--yj-warning);background:var(--yj-warning-bg)}
.status.unknown{color:var(--yj-unknown);background:var(--yj-unknown-bg)}
#operations{margin:0;padding-left:20px;font-size:14px;overflow-wrap:anywhere}
#operations li{padding:4px 0}