/* .brchrome — the canonical browser-window title bar (components/
   BrowserChrome.astro). Three grey dots + a rounded URL pill with a lock
   glyph and a short grey address line. One source of truth for every
   dashboard/console mock (Nacim, 2026-08-18). Lifted verbatim from the
   customer-onboarding .cos-chrome reference; tokens only. */
.brchrome {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 34px;
  padding: 0 12px;
  border-bottom: 1px solid var(--color-grey-100);
  background: var(--color-grey-50);
  flex-shrink: 0;
}
.brchrome__dots {
  display: inline-flex;
  gap: 6px;
  flex-shrink: 0;
}
.brchrome__dots i {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--color-grey-200);
}
.brchrome__url {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  height: 20px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid var(--color-grey-100);
  background: var(--color-white);
  color: var(--color-grey-300);
}
.brchrome__lock {
  flex-shrink: 0;
}
.brchrome__url-bar {
  height: 6px;
  width: 46%;
  border-radius: 999px;
  background: var(--color-grey-100);
}