/* Kronaxis in-page toolbar — light theme, horizontal strip across the top. */
#kx-bar {
  position: fixed; top: 0; left: 0; right: 0; height: 30px; z-index: 2147483647;
  display: flex; align-items: center; gap: 16px; padding: 0 14px; box-sizing: border-box;
  background: #ffffff; border-bottom: 1px solid #d9dde2; box-shadow: 0 1px 5px rgba(20,24,40,.10);
  font: 12px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif; color: #232733;
}
#kx-bar .kx-brand { font-weight: 800; color: #6d28d9; letter-spacing: .02em; }
#kx-bar .kx-auth { white-space: nowrap; }
#kx-bar .kx-auth b { font-size: 14px; color: #111827; }
#kx-bar .kx-auth small { color: #8a8f98; margin-left: 2px; }
#kx-bar .kx-topic { color: #4b5563; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#kx-bar .kx-topic b { color: #6d28d9; font-weight: 600; }
#kx-bar .kx-axes { display: flex; gap: 10px; margin-left: auto; }
#kx-bar .kx-ax { display: flex; flex-direction: column; align-items: center; gap: 2px; width: 50px; }
#kx-bar .kx-lbl { font-size: 9px; font-weight: 600; color: #4b5563; letter-spacing: .03em; }
#kx-bar .kx-track { width: 48px; height: 7px; background: #cdd2da; border-radius: 4px; overflow: hidden; }
#kx-bar .kx-fill { height: 100%; background: #6d28d9; border-radius: 4px; min-width: 2px; }
#kx-bar .kx-scope { font-size: 8px; color: #b6bac2; margin-left: 4px; }
#kx-bar .kx-x { cursor: pointer; color: #9aa0aa; font-size: 14px; padding: 0 2px 2px; line-height: 1; }
#kx-bar .kx-x:hover { color: #ef4444; }
