/* Sticky turn bar: full-bleed ghost-active fill across the panel; title +
 * metric labels sit in a centered 880 content lane (4×71 + 3×12 = 320). */

.root {
  position: sticky;
  top: 0;
  z-index: 1;
  box-sizing: border-box;
  width: 100%;
  height: 44px;
  background: var(--dsw-alias-button-ghost-active-fill);
}

.inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
  max-width: 880px;
  height: 100%;
  margin: 0 auto;
  padding: 0 16px;
}

.title {
  flex: none;
  font: var(--dsw-font-xs-strong-13);
  color: var(--dsw-alias-label-primary);
}

.columns {
  flex: none;
  display: flex;
  align-items: center;
  width: 320px;
  gap: 12px;
  /* Match cell padding-right: 8 so Time lines up with the trailing lane. */
  margin-right: 8px;
}

.column {
  flex: none;
  width: 71px;
  text-align: left;
  font: var(--dsw-font-xs-13);
  color: var(--dsw-alias-label-secondary);
}
