/* GENERATED - DO NOT EDIT. Base control rules sliced by selector prefix
   (.ora-btn, .ora-brand, .ora-brandmark, .ora-iconbtn, .ora-seg) from the-return-system @ oracleid-frozen-hero-v1 (cacdbb3)
   : src/styles/ora-system.css. 21 rules.
   Regenerate: node tools/sync-design-system.mjs */

.ora-brand {
  display: inline-flex;
  align-items: center;
  gap: var(--ora-space-3);
  color: var(--ora-text-primary);
  text-decoration: none;
  font-weight: var(--ora-weight-bold);
  font-size: 15px;
  letter-spacing: -0.02em;
  white-space: nowrap;
}

.ora-brand__mark {
  display: inline-grid;
  place-items: center;
  inline-size: 26px;
  block-size: 26px;
  border-radius: 7px;
  background: var(--ora-accent-solid);
  color: var(--ora-text-on-accent);
  font-size: 13px;
  font-weight: var(--ora-weight-bold);
}

/* ---------------------------------------------------------------------------
 * 6. Controls
 * ------------------------------------------------------------------------ */

.ora-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--ora-space-2);
  height: 34px;
  padding-inline: var(--ora-space-4);
  border: 1px solid transparent;
  border-radius: var(--ora-radius-md);
  font: inherit;
  font-size: 13.5px;
  font-weight: var(--ora-weight-medium);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color var(--ora-duration-fast) var(--ora-easing-standard);
}

.ora-btn--primary {
  background: var(--ora-accent-solid);
  color: var(--ora-text-on-accent);
}

.ora-btn--primary:hover:not(:disabled) {
  background: var(--ora-accent-solid-hover);
}

.ora-btn--secondary {
  background: var(--ora-surface-raised);
  border-color: var(--ora-border-strong);
  color: var(--ora-text-primary);
}

.ora-btn--secondary:hover:not(:disabled) {
  background: var(--ora-surface-sunken);
}

.ora-btn--quiet {
  background: transparent;
  color: var(--ora-text-secondary);
  padding-inline: var(--ora-space-3);
}

.ora-btn--quiet:hover:not(:disabled) {
  background: var(--ora-surface-sunken);
  color: var(--ora-text-primary);
}

.ora-btn--danger {
  background: var(--ora-surface-raised);
  border-color: var(--ora-status-danger-text);
  color: var(--ora-status-danger-text);
}

.ora-btn:disabled {
  background: var(--ora-surface-sunken);
  border-color: var(--ora-border-subtle);
  color: var(--ora-text-muted);
  cursor: not-allowed;
}

.ora-iconbtn {
  display: inline-grid;
  place-items: center;
  inline-size: 32px;
  block-size: 32px;
  border: 1px solid transparent;
  border-radius: var(--ora-radius-md);
  background: transparent;
  color: var(--ora-text-secondary);
  cursor: pointer;
}

.ora-iconbtn:hover {
  background: var(--ora-surface-sunken);
  color: var(--ora-text-primary);
}

@media (pointer: coarse) {
  .ora-iconbtn {
    inline-size: 44px;
    block-size: 44px;
  }
}

/* Segmented filter. One control, several states — not six separate pills. */
.ora-seg {
  display: inline-flex;
  padding: 2px;
  gap: 2px;
  border: 1px solid var(--ora-border-subtle);
  border-radius: var(--ora-radius-md);
  background: var(--ora-surface-sunken);
  overflow-x: auto;
  max-width: 100%;
}

.ora-seg__opt {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: var(--ora-space-2);
  height: 28px;
  padding-inline: var(--ora-space-3);
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--ora-text-secondary);
  font: inherit;
  font-size: 12.5px;
  font-weight: var(--ora-weight-medium);
  white-space: nowrap;
  cursor: pointer;
}

@media (pointer: coarse) {
  .ora-seg__opt { height: 38px; }
}

.ora-seg__opt[aria-pressed="true"] {
  background: var(--ora-surface-raised);
  color: var(--ora-text-primary);
  box-shadow: var(--ora-elevation-sm);
}

.ora-seg__count {
  font-variant-numeric: tabular-nums;
  color: var(--ora-text-muted);
}

.ora-app .ora-nav__link,
.ora-app .ora-tabbar__item,
.ora-app .ora-cmd__item,
.ora-app .ora-brand,
.ora-app .ora-cell__link,
.ora-app .ora-jump,
.ora-app .ora-rec,
.ora-app .ora-action {
  color: var(--ora-text-primary);
}

/* The canonical OraCleid mark. Fixed-colour purple, so one asset serves both
   themes; sized to sit with the wordmark. */
.ora-brand__logo {
  display: block;
  flex: none;
}