/* Compatibility adapter for the active static renderers. Structure and business handlers stay owned by each family. */
body { background: var(--ageis-color-canvas); color: var(--ageis-color-text); font-family: var(--ageis-font-sans); }
:is(.sidebar,.topbar,.top-nav,.site-nav,header.site-header) { background: var(--ageis-color-canvas); backdrop-filter: none; }
:is(.sidebar) { border-inline-end: 1px solid var(--ageis-color-border); }
:is(.panel,.pulse-card,.card,.auth-card) { background: var(--ageis-color-surface); border-color: var(--ageis-color-border); box-shadow: none; border-radius: var(--ageis-radius-panel); }
:is(.panel.pad,.panel-pad) { padding: var(--ageis-space-6); }
:is(.page-head h1) { font-family: var(--ageis-font-display); font-size: var(--ageis-type-title); font-weight: var(--ageis-type-semibold); line-height: var(--ageis-type-heading-leading); letter-spacing: var(--ageis-type-heading-tracking); }
:is(.page-head p) { max-inline-size: var(--ageis-layout-reading); font-size: var(--ageis-type-ui); line-height: var(--ageis-type-body-leading); color: var(--ageis-color-text-secondary); }
:is(.content) { max-inline-size: var(--ageis-layout-wide); margin-inline: auto; }
:is(.kicker,.tiny,.source,.release,.preview-badge,.preview-pill,.nav-group-label) { font-size: var(--ageis-type-metadata); color: var(--ageis-color-text-tertiary); letter-spacing: var(--ageis-type-label-tracking); }
:is(.metric,.num,.pulse-card strong) { font-variant-numeric: tabular-nums; }
:is(.metric) { font-size: var(--ageis-type-metric); letter-spacing: var(--ageis-type-heading-tracking); }
:is(.pulse-grid,.g5) { gap: 0; border-block: 1px solid var(--ageis-color-border); margin-block: var(--ageis-space-6); }
:is(.pulse-grid,.g5) > .pulse-card { background: transparent; border: 0; border-inline-end: 1px solid var(--ageis-color-border); border-radius: 0; padding: var(--ageis-space-4); }
:is(.pulse-grid,.g5) > .pulse-card:last-child { border-inline-end: 0; }
:is(.btn,.button,.icon-btn,.sso-btn) { min-block-size: var(--ageis-layout-control); border-radius: var(--ageis-radius-control); transition: background-color var(--ageis-motion-normal) var(--ageis-motion-ease), border-color var(--ageis-motion-normal) var(--ageis-motion-ease); box-shadow: none; }
:is(.btn,.button,.sso-btn):not(.primary):not(.danger) { background: var(--ageis-color-surface-raised); color: var(--ageis-color-text); border: 1px solid var(--ageis-color-border-strong); }
.btn.primary,.button.primary { background: var(--ageis-color-text); color: var(--ageis-color-text-inverse); border-color: var(--ageis-color-text); box-shadow: none; }
.btn.danger { color: var(--ageis-color-danger); background: var(--ageis-color-danger-surface); border-color: var(--ageis-color-danger); }
:is(.btn,.button,.icon-btn,.sso-btn):hover:not(:disabled) { filter: none; border-color: var(--ageis-color-focus); }
:is(.btn,.button):active:not(:disabled) { transform: translateY(1px); }
:is(button,a,input,textarea,select,summary):focus-visible { outline: 2px solid var(--ageis-color-focus); outline-offset: 3px; }
:is(.nav-item) { min-block-size: var(--ageis-layout-control); border-radius: var(--ageis-radius-control); color: var(--ageis-color-text-secondary); }
.nav-item.active { color: var(--ageis-color-text); background: var(--ageis-color-surface-selected); border-color: var(--ageis-color-border-strong); box-shadow: none; }
:is(.nav-dot,.nav-ico,.health-dot,.health) { box-shadow: none; }
:is(.tag,.status) { font-size: var(--ageis-type-metadata); font-weight: var(--ageis-type-medium); letter-spacing: normal; white-space: normal; line-height: var(--ageis-type-ui-leading); }
.status.danger,.status.bad,.tag.red,.tag.error { color: var(--ageis-color-danger); background: var(--ageis-color-danger-surface); border-color: var(--ageis-color-danger); }
.status.warn,.tag.warn { color: var(--ageis-color-warning); background: var(--ageis-color-warning-surface); border-color: var(--ageis-color-warning); }
.status.info,.tag.info { color: var(--ageis-color-info); background: var(--ageis-color-info-surface); border-color: var(--ageis-color-info); }
:is(.field,input,textarea,select) { color: var(--ageis-color-text); caret-color: var(--ageis-color-text); accent-color: var(--ageis-color-accent); }
:is(input,textarea,select)::placeholder { color: var(--ageis-color-text-tertiary); opacity: 1; }
:is(.field.invalid input,[aria-invalid="true"]) { border-color: var(--ageis-color-danger); }
:is(.modal-wrap,.modal-overlay) { background: var(--ageis-color-overlay); backdrop-filter: none; overflow: auto; padding: var(--ageis-space-4); }
:is(.modal-wrap .modal,.modal-overlay .modal) { max-block-size: calc(100dvh - 2rem); overflow-y: auto; background: var(--ageis-color-surface-raised); border: 1px solid var(--ageis-color-border-strong); border-radius: var(--ageis-radius-overlay); box-shadow: var(--ageis-shadow-overlay); }
:is(.table-wrap,.table-scroll,.table-container) { overflow: auto; max-inline-size: 100%; scrollbar-gutter: stable; }
:is(table) { border-collapse: collapse; }
:is(th,td) { text-align: start; }
:is(.row,.row-main,.workspace,.top-left,.top-right,.head-actions,.page-head>div) { min-inline-size: 0; }
:is(.row-main strong,.row p,.source,.release) { overflow-wrap: anywhere; }
:is(.brand img) { object-fit: contain; min-inline-size: 24px; }
:is(.cursor-dot,.cursor-ring) { display: none !important; }
:is(.ageis-dialog) { color: var(--ageis-color-text); background: var(--ageis-color-surface-raised); border: 1px solid var(--ageis-color-border-strong); border-radius: var(--ageis-radius-overlay); padding: var(--ageis-space-6); inline-size: min(34rem, calc(100% - 2rem)); max-block-size: calc(100dvh - 2rem); overflow: auto; box-shadow: var(--ageis-shadow-overlay); }
.ageis-dialog::backdrop { background: var(--ageis-color-overlay); }
.ageis-dialog h2 { font-size: var(--ageis-type-section); margin-block: 0 var(--ageis-space-3); }
.ageis-dialog label { display: block; margin-block: var(--ageis-space-4) var(--ageis-space-2); font-size: var(--ageis-type-ui); }
.ageis-dialog :is(input,textarea) { inline-size: 100%; padding: var(--ageis-space-3); border: 1px solid var(--ageis-color-border-strong); background: var(--ageis-color-surface); border-radius: var(--ageis-radius-control); }
.ageis-dialog footer { display: flex; justify-content: end; gap: var(--ageis-space-3); margin-block-start: var(--ageis-space-5); }
.ageis-nav-toggle { display: none; }
.ageis-dialog .nav-group-label { margin-block-start: var(--ageis-space-4); }
.ageis-dialog .nav-item { display: flex; align-items: center; padding: var(--ageis-space-3); }
.ageis-label { display: block; font-size: var(--ageis-type-ui); color: var(--ageis-color-text-secondary); margin-block: var(--ageis-space-3) var(--ageis-space-2); }
[dir="rtl"] .sidebar { left: auto; right: 0; }
[dir="rtl"] .main { margin-left: 0; margin-right: var(--side); }
[dir="rtl"] :is(.nav-item,.row,.panel,.field,.modal) { text-align: start; }
@media (max-width: 1024px) { :is(.topbar) { gap: var(--ageis-space-3); } :is(.release,.top-search,.command) { max-inline-size: 25ch; overflow-wrap: anywhere; } }
@media (max-width: 760px) {
  .ageis-nav-toggle { display: inline-flex; align-items: center; justify-content: center; min-block-size: var(--ageis-layout-touch); padding-inline: var(--ageis-space-3); background: var(--ageis-color-surface-raised); border: 1px solid var(--ageis-color-border-strong); border-radius: var(--ageis-radius-control); color: var(--ageis-color-text); }
  .topbar { flex-wrap: wrap; block-size: auto; min-block-size: var(--top); padding-block: var(--ageis-space-2); }
  .topbar .release { display: none; }
  .page-head { display: flex; flex-direction: column; align-items: stretch; gap: var(--ageis-space-4); }
  .head-actions { flex-wrap: wrap; }
  .head-actions .btn { flex: 1 1 auto; white-space: normal; text-align: center; }
  .content { padding: var(--ageis-space-4) var(--ageis-space-4) calc(var(--ageis-space-20) + env(safe-area-inset-bottom)); }
  .panel.pad,.panel-pad { padding: var(--ageis-space-4); }
  .mobile-nav { padding-block-end: env(safe-area-inset-bottom); background: var(--ageis-color-surface); }
  .mobile-nav a { min-block-size: var(--ageis-layout-touch); }
  .pulse-grid,.g5 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .pulse-grid>.pulse-card,.g5>.pulse-card { border-block-end: 1px solid var(--ageis-color-border); }
  [dir="rtl"] .main { margin-right: 0; }
}
/* Authority corrections found during first rendered review. */
.primary-btn,.submit-btn,.auth-submit { background: var(--ageis-color-text); color: var(--ageis-color-text-inverse); box-shadow: none; border: 1px solid var(--ageis-color-text); }
.field input,.field textarea,.field select,input.field,textarea.field,select.field { border: 1px solid var(--ageis-color-border-strong); background: var(--ageis-color-surface); border-radius: var(--ageis-radius-control); }
.sidebar .nav-ico,.sidebar .nav-dot,.sidebar .nav-ico::before,.sidebar .nav-dot::before { box-shadow: none; filter: none; background-image: none; }
.status,.tag,.kicker,.tiny,.source,.nav-group-label { font-size: var(--ageis-type-metadata); }
.page-head h1 { font-weight: var(--ageis-type-semibold); }
.env { color: var(--ageis-color-text-secondary); background: var(--ageis-color-surface); border-color: var(--ageis-color-border); }
.env .health-dot { background: currentColor; }

/* Tiny illustrative route labels remain on the dark operational palette. */
.route-mini i { background: var(--ageis-color-surface); color: var(--ageis-color-text-secondary); }

/* Illustrated pricing/chat components use the same dark contrast pairing. */
.popular,.milo-chat-v5>p { background: var(--ageis-color-surface-raised); color: var(--ageis-color-text); }
.popular :is(b,small,strong) { color: var(--ageis-color-text); }

/* D5 contextual notes replace the now-removed decorative orbit/brain scene. */
.ageis-context-note { align-self: end; padding: var(--ageis-space-6); border-inline-start: 1px solid var(--ageis-color-border); color: var(--ageis-color-text-secondary); }
.ageis-context-note .artlabel { position: static; display: grid; gap: var(--ageis-space-3); text-align: start; }
.ageis-context-note strong { font-size: var(--ageis-type-ui); color: var(--ageis-color-text); }
.ageis-context-note span { font-size: var(--ageis-type-ui); }
.searchbar { flex-wrap: wrap; }
.searchbar input { min-inline-size: 0; max-inline-size: 100%; flex: 1 1 12rem; }
.searchbar .ageis-label { flex-basis: 100%; }
.layer-stat,.hot { background: var(--ageis-color-surface-raised); color: var(--ageis-color-text); }
.layer-stat strong { color: var(--ageis-color-text); }