/* BASIC placeholder styling — the jameter.co.bw theme will replace this. Structure/hooks stay. */
:root { --jm-bg: #0f1115; --jm-card: #171a21; --jm-line: #262b36; --jm-text: #e8eaed; --jm-muted: #9aa3b2; --jm-accent: #e0a63a; }
* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background: var(--jm-bg); color: var(--jm-text); }
.jm-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.25rem; border-bottom: 1px solid var(--jm-line); }
.jm-header h1 { font-size: 1.15rem; margin: 0; letter-spacing: .04em; }
.jm-conn { font-size: .8rem; padding: .2rem .6rem; border-radius: 999px; border: 1px solid var(--jm-line); }
.jm-conn--on { color: #7ee0a1; border-color: #2e5b41; }
.jm-conn--off { color: var(--jm-muted); }
.jm-main { max-width: 960px; margin: 0 auto; padding: 1rem 1.25rem 3rem; display: grid; gap: 1.5rem; }
.jm-main h2 { font-size: 1rem; margin: 0 0 .5rem; display: flex; align-items: center; gap: .5rem; }
.jm-live { background: var(--jm-card); border: 1px solid var(--jm-line); border-radius: 12px; padding: 1rem 1.25rem; }
.jm-live__status { font-size: 1.05rem; margin-bottom: .5rem; }
.jm-live__log { list-style: none; margin: 0; padding: 0; font-size: .85rem; color: var(--jm-muted); max-height: 9rem; overflow: auto; }
.jm-live__log li { padding: .15rem 0; border-top: 1px solid var(--jm-line); }
.jm-table { width: 100%; border-collapse: collapse; font-size: .9rem; }
.jm-table th, .jm-table td { text-align: left; padding: .5rem .6rem; border-bottom: 1px solid var(--jm-line); }
.jm-table th { color: var(--jm-muted); font-weight: 600; font-size: .78rem; text-transform: uppercase; letter-spacing: .04em; }
.jm-empty { color: var(--jm-muted); text-align: center; padding: 1rem; }
.jm-refresh { margin-left: auto; background: transparent; color: var(--jm-accent); border: 1px solid var(--jm-line); border-radius: 8px; cursor: pointer; padding: .1rem .5rem; }
.jm-footer { text-align: center; color: var(--jm-muted); padding: 1.5rem; }