/* Styles for the PWA-only chrome (install hint, backup bar). Uses the app's tokens. */
.rb-hint {
  display: flex; align-items: flex-start; gap: 12px; margin-top: 16px;
  background: var(--accent-soft); border-radius: 10px; padding: 11px 12px;
  font-size: 13px; line-height: 1.45; color: var(--ink);
}
.rb-hint b { font-weight: 600; }
.rb-hint button {
  flex-shrink: 0; appearance: none; border: 1px solid var(--accent); background: transparent;
  color: var(--accent); border-radius: 7px; padding: 5px 10px; font: inherit;
  font-size: 12px; font-weight: 500; cursor: pointer;
}
.rb-backup {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  flex-wrap: wrap; margin-top: 26px; padding-top: 14px; border-top: 1px solid var(--line);
}
.rb-lab { font-size: 12.5px; color: var(--ink-3); }
.rb-btns { display: flex; gap: 6px; }
.rb-backup button {
  appearance: none; border: 1px solid var(--line); background: var(--surface); color: var(--ink-2);
  border-radius: 8px; padding: 7px 14px; font-family: inherit; font-size: 12.5px;
  font-weight: 500; cursor: pointer;
}
.rb-backup button:hover { border-color: var(--line-strong); color: var(--ink); }