/* Ordered compatibility manifest. Rules live in local modules; do not reorder. */
@import url("./styles/tokens.css?v=20260811-plex-sans");
@import url("./styles/design-system.css?v=20260717-fw2-ux-002");
@import url("./styles/ui-states.css?v=20260717-fw2-ux-026");
@import url("./styles/orbit-optional.css?v=20260809-view-options-v2");
@import url("./styles/accessible-status.css?v=20260717-fw2-ux-025");
@import url("./styles/action-undo.css?v=20260717-fw2-ux-029");
@import url("./styles/responsive-layouts.css?v=20260717-fw2-ux-030");
@import url("./styles/mobile-companion.css?v=20260717-fw2-ux-031");
@import url("./styles/asset-gallery.css?v=20260717-int-vis-004");
@import url("./styles/fleet-agent-map.css?v=20260717-tier-ent-008");
@import url("./styles/product-analytics.css?v=20260717-fw2-ux-034");
@import url("./styles/guided-tours.css?v=20260717-fw2-ux-032");
@import url("./styles/demo-sample-project.css?v=20260718-fw2-ux-033");
@import url("./styles/workspace.css?v=20260912-vizstage1");
@import url("./styles/workspace-secondary.css?v=20260804-arch-023");
@import url("./styles/catalog-editions.css?v=20260729-single-signin");
@import url("./styles/actions-overlays.css?v=20260715-fleet-demo-orbits");
@import url("./styles/fleet-orchestrator.css?v=20260912-vizstage1");
@import url("./styles/download-center.css?v=20260730-compact-rows");
@import url("./styles/a11y-themes.css?v=20260716-a11y012");
@import url("./styles/classic-zoom-reflow.css?v=20260802-fw-a11y-011");

/* Hotfix: author display:grid must not override HTML hidden on auth forms.
   Also style login-form selects (Plan) — previously only account-form select was themed. */
.login-gate[hidden],
.login-form[hidden],
.account-form[hidden] {
  display: none !important;
}
.login-form select {
  font: inherit;
  padding: 0.55rem 0.65rem;
  border-radius: 8px;
  border: 1px solid var(--line);
  background: rgba(0, 0, 0, 0.35);
  color: var(--text);
}

/* Additive operating-system accessibility modes. Keep controls and layout
   present while removing decorative motion and restoring system colors. */
@media (prefers-reduced-motion: reduce) {
  html:focus-within { scroll-behavior: auto !important; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* FW-A11Y-007: the in-app preference mirrors the OS rule without disabling
   functional state changes, data refresh, or keyboard interaction. */
html[data-motion="reduced"] {
  scroll-behavior: auto !important;
}
html[data-motion="reduced"] *,
html[data-motion="reduced"] *::before,
html[data-motion="reduced"] *::after {
  animation-duration: 0.01ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.01ms !important;
  scroll-behavior: auto !important;
}

@media (forced-colors: active) {
  *, *::before, *::after { forced-color-adjust: auto; }
  button, input, select, textarea, a, [role="button"], [role="slider"], [role="tab"] {
    border-color: ButtonText !important;
  }
  :focus-visible {
    outline: 3px solid Highlight !important;
    outline-offset: 3px !important;
  }
}

/* FW3-RS-GOAL-023: additive onboarding focus and live-status affordances. */
[data-onboarding-step] :focus-visible,
.onboarding-accessibility :focus-visible {
  outline: 3px solid Highlight;
  outline-offset: 3px;
}
.onboarding-accessibility [role="status"] {
  min-height: 1.25rem;
}

/* FW3-RS-ONTO-028: additive plain-language disclosure inside existing model cards. */
.capability-explorer {
  margin-top: 0.75rem;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 0.55rem 0.7rem;
  background: rgba(0, 0, 0, 0.16);
}
.capability-explorer > summary { cursor: pointer; font-weight: 650; }
/* FW3-RS-UXRS-016: non-exclusive label disclaimer above the three columns. */
.capability-explorer-overlap-note {
  margin: 0.55rem 0 0;
  font-size: 0.78rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.capability-explorer-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.65rem;
  margin-top: 0.65rem;
}
.capability-explorer-grid section { min-width: 0; }
.capability-explorer-grid h5,
.capability-explorer-grid p {
  margin: 0 0 0.35rem;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* FW3-RS-UXRS-002: compact, additive readiness tiles. */
.capability-tiles {
  margin: 0.75rem 0 1rem;
  padding: 0.75rem;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.12);
}
.capability-tiles-heading-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.65rem;
}
.capability-tiles-heading-row h3 { margin: 0; font-size: 0.85rem; letter-spacing: 0.05em; opacity: 0.7; }
.capability-tiles-summary { font-size: 0.72rem; opacity: 0.65; text-align: right; }
.capability-tiles-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(205px, 1fr));
  gap: 0.65rem;
}
.capability-tile {
  min-width: 0;
  padding: 0.65rem;
  border: 1px solid var(--line);
  border-left: 3px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.025);
}
.capability-tile.ready { border-left-color: #5ed58c; }
.capability-tile.needs-setup { border-left-color: #e2c36a; }
.capability-tile.optional { border-left-color: #a6a3ed; }
.capability-tile.degraded { border-left-color: #e39b5b; }
.capability-tile.unsupported { border-left-color: #e27878; }
.capability-tile-topline { display: flex; align-items: start; justify-content: space-between; gap: 0.5rem; }
.capability-tile-label { font-weight: 650; overflow-wrap: anywhere; }
.capability-tile-state { flex: 0 0 auto; font-size: 0.68rem; opacity: 0.85; }
.capability-tile-id { display: block; margin-top: 0.25rem; font-size: 0.68rem; opacity: 0.6; overflow-wrap: anywhere; }
.capability-tile p { margin: 0.45rem 0 0; font-size: 0.76rem; opacity: 0.72; overflow-wrap: anywhere; }
.capability-tiles-empty { margin: 0; }
@media (max-width: 760px) {
  .capability-tiles-heading-row { align-items: start; flex-direction: column; gap: 0.25rem; }
  .capability-tiles-summary { text-align: left; }
}
@media (max-width: 760px) {
  .capability-explorer-grid { grid-template-columns: 1fr; }
}