:root{--bg:#111113;--card:#19191c;--card2:#232328;--line:#26262b;--txt:#ececef;--dim:#8c8c98;
--accent:#7fa2ff;--ok:#37d39b;--dead:#ff5d5d;--amber:#ffb23e;--na:#5a5a66;--radius:10px;--tap:44px}
@media (prefers-color-scheme:light){:root{--accent:#2f5bd3;--bg:#f6f6f4;--card:#fff;--card2:#f1f1ee;
--line:#e6e6e2;--txt:#1b1b1f;--dim:#80808c;--na:#a6a6b0}}
*{box-sizing:border-box}
body{margin:0 auto;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);
color:var(--txt);max-width:640px;padding:calc(env(safe-area-inset-top) + 12px) 14px 40px}
h1{font-size:1.35rem;margin:0}
p.sub{color:var(--dim);font-size:.82rem;margin:4px 0 14px;line-height:1.4}
button{font:inherit;font-weight:640;border:0;border-radius:12px;cursor:pointer;min-height:var(--tap);
padding:0 16px;background:var(--card2);color:var(--txt);border:1px solid var(--line)}
button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}
button:disabled{opacity:.5}
.titlerow{display:flex;align-items:center;justify-content:space-between;gap:10px}
.group{margin:18px 0 4px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.row{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;margin:8px 0}
.row.dead{border-color:var(--dead)}
.head{display:flex;align-items:flex-start;gap:12px}
.dot{width:11px;height:11px;border-radius:50%;flex:0 0 auto;margin-top:5px;background:var(--na)}
.dot.ok{background:var(--ok)}.dot.dead{background:var(--dead)}.dot.unknown{background:var(--amber)}
.main{flex:1;min-width:0}
.name{font-weight:650}
.detail{font-size:.82rem;color:var(--dim);margin-top:2px;overflow-wrap:anywhere}
.help{font-size:.78rem;color:var(--dim);margin-top:6px;line-height:1.4}
.fields{margin-top:10px;display:none}
.row.open .fields{display:block}
label{display:block;font-size:.75rem;color:var(--dim);margin:8px 0 4px}
input,textarea{width:100%;font:inherit;font-size:16px;padding:10px;border-radius:10px;border:1px solid var(--line);
background:var(--card2);color:var(--txt)}
textarea{min-height:110px;font-family:ui-monospace,monospace;font-size:13px}
.actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.when{font-size:.72rem;color:var(--na);margin-top:2px}
.login{max-width:360px;margin:18vh auto 0}
.err{color:var(--dead);font-size:.85rem}
.cl-link{display:inline-block;margin:8px 0;color:var(--accent);font-weight:640;overflow-wrap:anywhere}
.btnlink{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 16px;border-radius:12px;background:var(--accent);color:#fff;font-weight:640;text-decoration:none}