/* Shared look for the signed-in information pages (same tokens as the existing pages). */
:root { --bg:#0d1117; --surface:#161b22; --border:#30363d; --text:#e6edf3; --muted:#8b949e;
        --blue:#58a6ff; --accent:#1f6feb; --green:#3fb950; --yellow:#d29922; --red:#f85149; }
* { box-sizing: border-box; margin: 0; padding: 0; }
body { background: var(--bg); color: var(--text); font: 14px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
main { max-width: 860px; margin: 0 auto; padding: 32px 20px 56px; display: flex; flex-direction: column; gap: 18px; }
h1 { font-size: 22px; font-weight: 600; color: var(--blue); }
h2 { font-size: 14px; text-transform: uppercase; letter-spacing: .6px; color: var(--muted); margin-bottom: 10px; }
h3 { font-size: 15px; margin-bottom: 6px; }
.lead { color: var(--muted); }
section { background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 18px 22px; scroll-margin-top: 16px; }
p + p, p + ul, ul + p, p + .btnrow { margin-top: 10px; }
ul { padding-left: 20px; }
li + li { margin-top: 6px; }
a { color: var(--blue); }
strong { color: var(--text); }
.muted { color: var(--muted); }
.fine { color: var(--muted); font-size: 12px; }
.notice { border-color: rgba(210,153,34,.45); }
.notice h2 { color: var(--yellow); }
.btn, button.btn { display: inline-block; background: var(--accent); color: #fff; text-decoration: none; font: inherit; font-weight: 600;
       padding: 9px 18px; border-radius: 6px; border: 0; cursor: pointer; }
.btn:hover { opacity: .88; }
.btn.secondary { background: #21262d; border: 1px solid var(--border); color: var(--text); }
.btn.danger { background: #da3633; }
.btn[disabled] { opacity: .45; cursor: not-allowed; }
.btnrow { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
table { width: 100%; border-collapse: collapse; }
th, td { text-align: left; vertical-align: top; padding: 10px 12px; border-top: 1px solid var(--border); }
th { color: var(--muted); font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: .5px; border-top: 0; }
input[type=text], input[type=password], textarea { width: 100%; background: var(--bg); color: var(--text); border: 1px solid var(--border);
       border-radius: 6px; padding: 9px 11px; font: inherit; }
textarea { min-height: 90px; resize: vertical; }
.msg { padding: 9px 12px; border-radius: 6px; font-size: 13px; }
.msg.ok { background: rgba(63,185,80,.12); color: var(--green); }
.msg.err { background: rgba(248,81,73,.12); color: var(--red); }
.hidden { display: none; }
@media (max-width: 700px) { th:nth-child(1), td:nth-child(1) { display: none; } }