/* EM Reporter shared styles - extracted from dark_head() (refactor stage 1). */
:root{ --bg:#0b0c10; --card:#111318; --muted:#9ca3af; --text:#e5e7eb; --border:#1f2430; --accent:#60a5fa; --accent2:#f59e0b; --chip:#0f172a; --ok:#22c55e; --err:#ef4444; }
*{box-sizing:border-box} body{background:var(--bg); color:var(--text); font-family:Segoe UI,Arial,sans-serif; margin:24px; line-height:1.35}
h1{margin:0 0 8px; font-weight:600} .muted{color:var(--muted)}
a{color:var(--accent); text-decoration:none} a:hover{text-decoration:underline}
table{border-collapse:separate; border-spacing:0 10px; width:100%; margin-top:8px}
th{color:var(--muted); font-weight:600; text-align:left; padding:8px 10px}
td{vertical-align:top; padding:12px 14px; background:var(--card); border:1px solid var(--border)}
tr td:first-child{border-top-left-radius:12px; border-bottom-left-radius:12px}
tr td:last-child{border-top-right-radius:12px; border-bottom-right-radius:12px}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.ts{font-variant-numeric: tabular-nums} .ok{color:var(--ok)} .err{color:var(--err)}
.btn{display:inline-block; padding:8px 12px; border:1px solid var(--border); border-radius:10px; background:#111144; color:#ffffff}
.input{width:100%; padding:10px 12px; border-radius:10px; border:1px solid var(--border); background:#0f172a; color:var(--text)}
.form{max-width:360px; margin:40px auto; background:var(--card); border:1px solid var(--border); border-radius:14px; padding:20px}
.label{display:block; margin:8px 0 6px; color:var(--muted)}
.header{display:flex; justify-content:space-between; align-items:center}