/* ── Tokens (KVF brand colors) ───────────────────────────────────────────────── */
:root {
  --bg:      #f0f2f5;
  --card:    #ffffff;
  --text:    #1a1a1a;
  --muted:   #6b7280;
  --border:  #dde2e8;
  --accent:  #1a1a2e;   /* KVF dark (near black) */
  --accent2: #c8102e;   /* KVF red accent        */
  --accentl: #f0f0f5;   /* KVF light tint        */
  --font:    -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --radius:  10px;
  --shadow:  0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.05);
}

/* ── Full-viewport shell ─────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; }
body { font-family: var(--font); font-size: 14px; color: var(--text);
       background: var(--bg); display: flex; flex-direction: column; overflow: hidden; }

a { text-decoration: none; color: inherit; }

/* ── App shell ───────────────────────────────────────────────────────────────── */
#app { flex: 1; display: flex; overflow: hidden; min-height: 0; }

/* ── Main content ────────────────────────────────────────────────────────────── */
#valcontent { flex: 1; overflow-y: auto; min-width: 0; padding: 14px; background: var(--bg); }